@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,700&display=swap";:root{--felt-900: #0f3d2e;--felt-800: #14543e;--felt-700: #1c6b4f;--felt-glow: #2f8f6a;--rail: #5b3a1e;--rail-light: #7a5230;--paper: #fffdf7;--paper-edge: #efe6d2;--ink: #20303a;--ink-soft: #5a6a72;--gold: #ffcf4d;--gold-deep: #e0a516;--danger: #e23b3b;--cream: #fff6e2;--cream-soft: #d9e6dc;--shadow-card: 0 10px 22px -8px rgba(0, 0, 0, .55);--shadow-pop: 0 18px 34px -10px rgba(0, 0, 0, .6);--shadow-inset-felt: inset 0 0 140px rgba(0, 0, 0, .45);--radius-card: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;font-family:var(--font-body);line-height:1.5;color:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 120% 90% at 50% 8%,var(--felt-700) 0%,var(--felt-800) 42%,var(--felt-900) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;box-shadow:var(--shadow-inset-felt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.01em}button{font-family:var(--font-display);font-weight:600;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1.05rem;border-radius:var(--radius-pill);color:var(--ink);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);box-shadow:0 5px 0 var(--gold-deep),0 10px 18px -6px #00000080}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-deep),0 4px 10px -4px #00000080}.btn:disabled{background:linear-gradient(180deg,#9aa6a0,#7e8a84);box-shadow:0 5px #6d7873;color:#ffffffb3}.btn-ghost{background:#ffffff1f;color:var(--cream);box-shadow:inset 0 0 0 2px #ffffff38}.btn-ghost:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}@keyframes pop-in{0%{transform:scale(.6) translateY(20px);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes float-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.card{--card-accent: #f59e0b;--card-wash: #fff0d2;--card-ink: #92600a;position:relative;display:flex;flex-direction:column;align-items:center;background:var(--paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;-webkit-user-select:none;user-select:none;flex:0 0 auto;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease;outline:2px solid var(--paper-edge);outline-offset:-2px}.card-small{width:56px}.card-medium{width:84px}.card-large{width:116px}.card-band{width:100%;height:18%;min-height:12px;background:var(--card-accent);border-bottom:2px solid var(--card-ink);flex:0 0 auto}.card-face{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;padding:8%}.card-art{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.card-name{width:100%;text-align:center;font-family:var(--font-display);font-weight:600;color:var(--card-ink);line-height:1.05;padding:4px 4px 7px;background:var(--card-wash);border-top:1px solid rgba(0,0,0,.06)}.card-small .card-name{font-size:8px}.card-medium .card-name{font-size:10px}.card-large .card-name{font-size:12.5px}.card[role=button]{cursor:pointer}.card-hovered,.card[role=button]:hover{transform:translateY(-10px) rotate(-1deg) scale(1.04);box-shadow:var(--shadow-pop);z-index:5}.card-selected{transform:translateY(-18px) scale(1.06);box-shadow:0 0 0 3px var(--gold),var(--shadow-pop);z-index:6}.card-selected:after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:13px;font-weight:800;box-shadow:0 2px 6px #00000059}.card-disabled{filter:saturate(.6) brightness(.96);cursor:default}.card-disabled.card-hovered,.card-disabled:hover{transform:none;box-shadow:var(--shadow-card)}.card-back{background:#1f1147;outline:none;padding:0}.card-back .card-back-art{width:100%;height:100%;display:block}.card-back.card-small,.card-back.card-medium,.card-back.card-large{aspect-ratio:100 / 140}.card:not(.card-back){aspect-ratio:100 / 140}.card.deal{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1) both}.player-hand{display:flex;align-items:flex-end;justify-content:center;min-height:132px;padding:0 .5rem}.player-hand .hand-card{flex:0 0 auto;transition:margin .18s ease}.player-hand.normal .hand-card{margin-left:-14px}.player-hand.compact .hand-card{margin-left:-30px}.player-hand.tight .hand-card{margin-left:-42px}.player-hand .hand-card:first-child{margin-left:0}.player-hand.current-player .hand-card:hover{z-index:20!important}.hidden-cards-indicator{align-self:center;margin-left:.5rem;padding:.3rem .7rem;background:#ffffff29;color:var(--cream);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:.8rem;white-space:nowrap}.player-hand:not(.current-player){min-height:70px;transform:scale(.62);transform-origin:top center}.player-info{display:flex;align-items:center;gap:.6rem;padding:.5rem .85rem;background:#fffdf7f2;color:var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);border:2px solid transparent;transition:border-color .2s,box-shadow .2s,transform .2s}.player-info.current-turn{border-color:var(--gold);box-shadow:0 0 0 3px #ffcf4d59,var(--shadow-card);transform:translateY(-2px)}.player-info.player-eliminated{filter:grayscale(.9);opacity:.65}.player-avatar{position:relative}.avatar-placeholder{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#fff;background:linear-gradient(145deg,var(--felt-glow),var(--felt-800));box-shadow:inset 0 -2px 4px #0000004d}.player-info.current-player .avatar-placeholder{background:linear-gradient(145deg,var(--gold),var(--gold-deep));color:var(--ink)}.turn-indicator{position:absolute;inset:-4px;border-radius:50%;pointer-events:none}.turn-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:turn-ping 1.4s ease-out infinite}@keyframes turn-ping{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:0}}.player-details{display:flex;flex-direction:column;gap:.1rem}.player-name{display:flex;align-items:center;gap:.4rem}.name-text{font-family:var(--font-display);font-weight:600;font-size:.95rem}.host-badge{font-size:.6rem;font-weight:800;letter-spacing:.06em;padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--gold);color:var(--ink)}.player-stats{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--ink-soft)}.hand-size{font-weight:700}.turn-timer{display:none}.game-board{width:100%;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:.75rem;padding:1rem 1.25rem 1.5rem;position:relative}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0f3d2e8c;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:.75rem 1.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-room h2{font-size:1.15rem;color:var(--cream);letter-spacing:.06em}.game-room span{color:var(--cream-soft);font-size:.85rem}.board-help-link{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--cream);background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff38;transition:background .15s,transform .15s}.board-help-link:hover{background:#ffffff3d;transform:scale(1.08)}.turn-controls .waiting-turn{color:var(--cream-soft);font-family:var(--font-display);font-style:italic}.turn-controls button{padding:.7rem 1.5rem;font-size:1.1rem;border-radius:var(--radius-pill);color:var(--ink);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);box-shadow:0 5px 0 var(--gold-deep),0 10px 18px -6px #00000080;animation:pulse-grow 1.6s ease-in-out infinite}.turn-controls button:hover:not(:disabled){transform:translateY(-2px)}.turn-controls button:disabled{animation:none;background:#8d958f;box-shadow:0 5px #6d7873}@keyframes pulse-grow{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.other-players{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;align-items:flex-start;padding-top:.5rem}.player-area{display:flex;flex-direction:column;align-items:center;gap:.4rem}.center-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:.5rem 0}.game-piles{display:flex;gap:2.5rem;align-items:flex-end}.draw-pile,.discard-pile{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pile-label{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cream-soft)}.pile-cards{position:relative}.draw-pile .pile-cards:before,.draw-pile .pile-cards:after{content:"";position:absolute;inset:0;border-radius:var(--radius-card);background:#2a1860;box-shadow:var(--shadow-card)}.draw-pile .pile-cards:before{transform:translate(5px,5px) rotate(2deg)}.draw-pile .pile-cards:after{transform:translate(2px,2px) rotate(-1.5deg)}.draw-pile .pile-cards>*{position:relative;z-index:2}.empty-pile{width:116px;aspect-ratio:100 / 140;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.25);border-radius:var(--radius-card);color:var(--cream-soft);font-family:var(--font-display)}.pile-count{font-size:.85rem;color:var(--cream-soft);font-weight:700}.game-status{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:#0f3d2e80;border-radius:var(--radius-lg);padding:.7rem 1.4rem;border:1px solid rgba(255,255,255,.08)}.current-turn{font-family:var(--font-display);font-size:1.3rem}.my-turn{color:var(--gold);text-shadow:0 0 18px rgba(255,207,77,.6)}.other-turn{color:var(--cream)}.turn-count,.players-alive{font-size:.85rem;color:var(--cream-soft)}.future-peek,.action-log,.target-picker{background:#fffdf7f5;color:var(--ink);border-radius:var(--radius-lg);padding:.7rem 1rem;box-shadow:var(--shadow-card);min-width:240px}.log-title{font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:.4rem}.future-cards{display:flex;gap:.5rem;flex-wrap:wrap}.future-cards span{background:var(--felt-700);color:var(--cream);padding:.25rem .6rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700}.target-list{display:flex;gap:.5rem;flex-wrap:wrap}.target-list button{padding:.45rem .9rem;border-radius:var(--radius-pill);background:var(--cream);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 2px var(--paper-edge)}.target-list button:hover{background:#fff;transform:translateY(-1px)}.target-list button.selected{background:var(--gold);box-shadow:inset 0 0 0 2px var(--gold-deep)}.log-entries{display:flex;flex-direction:column;gap:.25rem}.log-entry{display:flex;gap:.5rem;font-size:.82rem;align-items:baseline}.log-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.72rem}.log-description{color:var(--ink);font-weight:600}.log-entry.empty{color:var(--ink-soft);font-style:italic}.my-player-area{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0f3d2e73;border-radius:var(--radius-lg);padding:.75rem 1rem 1rem;border:1px solid rgba(255,255,255,.08)}.hand-actions{display:flex;gap:.75rem;margin-top:.25rem}.hand-actions .primary{padding:.7rem 1.6rem;border-radius:var(--radius-pill);color:var(--ink);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);box-shadow:0 5px 0 var(--gold-deep),0 9px 16px -6px #00000080;font-size:1.05rem}.hand-actions .primary:hover:not(:disabled){transform:translateY(-2px)}.hand-actions .primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-deep)}.hand-actions .secondary{padding:.7rem 1.3rem;border-radius:var(--radius-pill);background:#ffffff24;color:var(--cream);box-shadow:inset 0 0 0 2px #ffffff40}.hand-actions .secondary:hover:not(:disabled){background:#ffffff38}.hand-actions button:disabled{opacity:.5;background:#7e8a84;box-shadow:none;color:#ffffffb3}.game-over-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0f3d2ed9,#000000e6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:float-up .35s ease both}.game-over-content{text-align:center;background:var(--paper);color:var(--ink);border-radius:var(--radius-lg);padding:2.5rem 3rem;box-shadow:var(--shadow-pop);border:3px solid var(--gold);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.game-over-content h1{font-size:2rem;color:var(--ink-soft);letter-spacing:.05em}.game-over-content h2{margin-top:.4rem;font-size:2.8rem;color:var(--gold-deep)}@media (max-width: 640px){.game-piles{gap:1.2rem}.other-players{gap:1rem}}.lobby{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3.5rem 1.25rem 4rem}.lobby-container{width:100%;max-width:940px;animation:float-up .5s ease both}.lobby-header{text-align:center;margin-bottom:2.5rem;position:relative}.help-link{position:absolute;right:0;top:.4rem;color:var(--cream);text-decoration:none;font-family:var(--font-display);font-weight:600;padding:.45rem .95rem;border-radius:var(--radius-pill);background:#ffffff1f;box-shadow:inset 0 0 0 2px #fff3;transition:background .15s,transform .15s}.help-link:hover{background:#ffffff38;transform:translateY(-2px)}@media (max-width: 560px){.help-link{position:static;display:inline-block;margin-bottom:.8rem}}.lobby-header h1{font-size:clamp(2.4rem,6vw,3.6rem);color:var(--cream);text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 28px rgba(47,143,106,.55)}.lobby-header p{margin-top:.6rem;color:var(--cream-soft);font-size:1.05rem}.lobby-header strong{font-family:var(--font-display);letter-spacing:.18em;color:var(--gold)}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 720px){.lobby-content{grid-template-columns:1fr}}.player-setup,.game-info,.players-section{background:#fffdf7f7;color:var(--ink);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--shadow-card);border:2px solid var(--paper-edge)}.player-setup h2,.game-info h2,.players-section h3,.host-controls h3{color:var(--ink);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;font-size:.85rem;color:var(--ink-soft);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-group input{width:100%;padding:.7rem .9rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--ink);background:#fff;border:2px solid var(--paper-edge);border-radius:12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:var(--felt-glow);box-shadow:0 0 0 3px #2f8f6a33}.primary-action,.secondary-action,.start-game-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;border-radius:var(--radius-pill);width:100%;margin-top:.4rem}.primary-action,.start-game-button.enabled{color:var(--ink);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-deep) 100%);box-shadow:0 5px 0 var(--gold-deep),0 10px 18px -6px #0006}.primary-action:hover:not(:disabled),.start-game-button.enabled:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.primary-action:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-deep)}.secondary-action{background:var(--felt-700);color:var(--cream);box-shadow:0 4px 0 var(--felt-900)}.secondary-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.primary-action:disabled,.start-game-button.disabled,.start-game-button:disabled{background:linear-gradient(180deg,#c4ccc8,#a7b0ab);box-shadow:0 5px #8d958f;color:#ffffffd9;cursor:not-allowed}.join-form{animation:float-up .3s ease both}.join-actions{display:flex;gap:.75rem}.join-actions .primary-action,.join-actions .secondary-action{margin-top:0}.room-details{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.detail-item{display:flex;justify-content:space-between;padding:.6rem .9rem;background:var(--cream);border-radius:12px}.detail-item .label{color:var(--ink-soft);font-weight:700}.detail-item .value{font-family:var(--font-display);font-weight:600}.value.status.waiting{color:var(--gold-deep)}.value.status.ready{color:var(--felt-700)}.host-controls{margin-top:1.2rem}.invite-section{margin-top:1rem}.invite-text{color:var(--ink-soft);font-size:.9rem;margin-bottom:.4rem}.room-code{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .9rem;background:var(--felt-800);color:var(--gold);border-radius:12px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.22em;font-weight:700}.copy-code{background:#ffffff26;color:var(--cream);padding:.4rem .7rem;border-radius:var(--radius-pill);font-size:.8rem;letter-spacing:normal}.copy-code:hover{background:#ffffff47}.waiting-host{color:var(--ink-soft);font-style:italic;text-align:center;padding:1rem}.players-section{margin-top:1.5rem;grid-column:1 / -1}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin-top:.6rem}.lobby-player-card{background:var(--cream);border-radius:14px;padding:.5rem}.empty-player-slot{border:2px dashed var(--paper-edge);border-radius:14px;min-height:86px;display:grid;place-items:center;color:var(--ink-soft)}.empty-slot-content{text-align:center}.slot-icon{font-size:1.5rem;display:block}.slot-text{font-size:.8rem}.lobby-error{grid-column:1 / -1;margin-top:1rem;padding:.9rem 1.1rem;background:#e23b3bf2;color:#fff;border-radius:14px;font-weight:700;text-align:center;box-shadow:var(--shadow-card)}.help-page{min-height:100vh;padding:2.5rem 1.25rem 4rem;display:flex;justify-content:center}.help-container{width:100%;max-width:980px;animation:float-up .45s ease both}.help-header{text-align:center;margin-bottom:2.5rem;position:relative}.help-back{position:absolute;left:0;top:.4rem;color:var(--cream);text-decoration:none;font-family:var(--font-display);font-weight:600;padding:.45rem .9rem;border-radius:var(--radius-pill);background:#ffffff1f;box-shadow:inset 0 0 0 2px #fff3;transition:background .15s,transform .15s}.help-back:hover{background:#ffffff38;transform:translate(-2px)}.help-header h1{font-size:clamp(2.2rem,6vw,3.2rem);color:var(--cream);text-shadow:0 3px 0 rgba(0,0,0,.35),0 0 28px rgba(47,143,106,.5)}.help-header p{color:var(--cream-soft);margin-top:.5rem}.help-page h2{font-size:1.7rem;color:var(--cream);margin-bottom:1.1rem;display:flex;align-items:center;gap:.6rem}.help-page h2:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,rgba(255,207,77,.6),transparent);border-radius:2px}.help-rules{margin-bottom:3rem}.rule-list{list-style:none;display:grid;gap:.9rem}.rule-step{display:flex;gap:1rem;align-items:flex-start;background:#fffdf7f7;color:var(--ink);border-radius:var(--radius-lg);padding:1.1rem 1.3rem;box-shadow:var(--shadow-card);border:2px solid var(--paper-edge)}.rule-num{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--gold),var(--gold-deep));box-shadow:0 3px 0 var(--gold-deep)}.rule-step h3{color:var(--ink);font-size:1.1rem;margin-bottom:.2rem}.rule-step p{color:var(--ink-soft);font-weight:600;line-height:1.45}.catalog-group{margin-bottom:2rem;background:#0f3d2e66;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.3rem}.catalog-group-head{margin-bottom:1rem}.catalog-group-head h3{font-size:1.25rem;color:var(--cream);display:inline-flex;align-items:center;gap:.5rem}.catalog-group-head h3:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--group-accent, var(--gold))}.catalog-group-head p{color:var(--cream-soft);font-size:.92rem;margin-top:.25rem}.catalog-group.fam-catastrophe{--group-accent: #e23b3b}.catalog-group.fam-defense{--group-accent: #14b8a6}.catalog-group.fam-deny{--group-accent: #64748b}.catalog-group.fam-aggression{--group-accent: #f97316}.catalog-group.fam-tempo{--group-accent: #6366f1}.catalog-group.fam-foresight{--group-accent: #3b82f6}.catalog-group.fam-chaos{--group-accent: #a855f7}.catalog-group.fam-favor{--group-accent: #ec4899}.catalog-group.fam-cat{--group-accent: #f59e0b}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.catalog-card{--card-accent: #f59e0b;--card-wash: #fff0d2;--card-ink: #92600a;display:flex;gap:.9rem;align-items:center;background:var(--paper);border-radius:var(--radius-card);padding:.8rem;box-shadow:var(--shadow-card);border:2px solid var(--paper-edge);transition:transform .15s ease,box-shadow .15s ease}.catalog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}.catalog-card-face{flex:0 0 auto;position:relative;width:64px;aspect-ratio:100 / 140;border-radius:10px;overflow:hidden;background:#fff;outline:2px solid var(--paper-edge);outline-offset:-2px;display:flex;flex-direction:column}.catalog-card-band{height:16%;background:var(--card-accent);border-bottom:2px solid var(--card-ink)}.catalog-card-art{flex:1;display:flex;align-items:center;justify-content:center;padding:6%}.catalog-card-art .card-art{width:100%;height:100%}.catalog-card-count{position:absolute;bottom:3px;right:4px;font-family:var(--font-display);font-weight:700;font-size:.62rem;color:var(--card-ink);background:var(--card-wash);padding:1px 5px;border-radius:var(--radius-pill)}.catalog-card-text h4{font-size:1rem;color:var(--card-ink);margin-bottom:.2rem}.catalog-card-text p{font-size:.84rem;color:var(--ink-soft);font-weight:600;line-height:1.4}.help-footer{text-align:center;margin-top:2.5rem}.help-footer .btn{text-decoration:none}@media (max-width: 560px){.help-back{position:static;display:inline-block;margin-bottom:1rem}.catalog-grid{grid-template-columns:1fr}}#root{position:relative;z-index:1}.app{width:100%;min-height:100vh;position:relative;z-index:1}