@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Orbitron:wght@600;700;800;900&display=swap";:root{--bg: #07070d;--bg-2: #0a0b14;--surface: #11121d;--surface-2: #181a28;--surface-3: #222538;--border: #2b2e44;--border-2: #3a3e5c;--text: #edeef5;--text-mid: #a2a6bd;--text-dim: #7a80a0;--accent: #f5c343;--accent-2: #fbd56b;--accent-deep: #d99a1c;--arcane: #a78bfa;--arcane-deep: #7c5cf0;--color-r: #ff5a4d;--color-g: #34d36b;--color-b: #4d93ff;--color-y: #ffcc33;--color-x: #9aa6c0;--glow-r: rgba(255, 90, 77, .55);--glow-g: rgba(52, 211, 107, .5);--glow-b: rgba(77, 147, 255, .5);--glow-y: rgba(255, 204, 51, .5);--glow-x: rgba(154, 166, 192, .4);--glow-accent: rgba(245, 195, 67, .45);--glow-arcane: rgba(167, 139, 250, .45);--z-story-scrim: 300;--z-story-dialogue: 310;--z-story-portrait: 320;--z-story-hud: 305;--z-story-flash: 350;--z-story-glitch: 340;--z-story-credits: 360;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 6px 18px rgba(0,0,0,.45);--shadow-3: 0 14px 40px rgba(0,0,0,.55);--shadow-glow: 0 0 0 1px rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.5);--radius: .55rem;--radius-lg: .85rem;--radius-xl: 1.15rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur: .26s;--dur-slow: .5s;--font-display: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-logo: "Orbitron", "Sora", system-ui, sans-serif;--font-body: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-title: "Sora", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.selectable,.selectable *{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgogIDwhLS0gNCBoYWxvcyBhdXggcG9zaXRpb25zIGNhcmRpbmFsZXMgZGVzIHpvbmVzIGR1IGpldSA6IHJvdWdlIE5vcmQgKGhhdXQpLCBqYXVuZSBPdWVzdCAoZ2F1Y2hlKSwKICAgICAgIHZlcnQgRXN0IChkcm9pdGUpLCBibGV1IFN1ZCAoYmFzKS4gT3BhY2l0w6lzIGTDqXPDqXF1aWxpYnLDqWVzIMOgIGRlc3NlaW4gOiByb3VnZS92ZXJ0IHRhcGVudCBwbHVzCiAgICAgICBmb3J0IHN1ciBxdWFzaS1ub2lyLCBkb25jIHBsdXMgYmFzIHF1ZSBibGV1L2phdW5lLiBDZW50cmVzIGTDqWJvcmRhbnQgZGVzIGJvcmRzIOKGkiBibG9vbSBkb3V4CiAgICAgICBxdWkgZW50cmUgZGVwdWlzIGNoYXF1ZSBkaXJlY3Rpb24sIGphbWFpcyB1biBwb2ludCBuZXQgKHBhcyBkJ2VmZmV0IG1pcmUpLiAtLT4KICA8ZGVmcz4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iciIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI4MDAiIGN5PSItODAiIHI9Ijc4MCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmNWE0ZCIgc3RvcC1vcGFjaXR5PSIwLjA4NSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjAuNjIiIHN0b3AtY29sb3I9IiNmZjVhNGQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9yYWRpYWxHcmFkaWVudD4KICAgIDxyYWRpYWxHcmFkaWVudCBpZD0ieSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSItNzAiIGN5PSI1MDAiIHI9Ijc0MCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmY2MzMyIgc3RvcC1vcGFjaXR5PSIwLjEwIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC42IiBzdG9wLWNvbG9yPSIjZmZjYzMzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iMTY3MCIgY3k9IjUwMCIgcj0iNzQwIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMzRkMzZiIiBzdG9wLW9wYWNpdHk9IjAuMDc1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iMC42IiBzdG9wLWNvbG9yPSIjMzRkMzZiIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjeD0iODAwIiBjeT0iMTA4MCIgcj0iNzgwIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNGQ5M2ZmIiBzdG9wLW9wYWNpdHk9IjAuMTEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIwLjYyIiBzdG9wLWNvbG9yPSIjNGQ5M2ZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjEwMDAiIGZpbGw9InVybCgjcikiLz4KICA8cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMDAwIiBmaWxsPSJ1cmwoI3kpIi8+CiAgPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iMTAwMCIgZmlsbD0idXJsKCNnKSIvPgogIDxyZWN0IHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjEwMDAiIGZpbGw9InVybCgjYikiLz4KPC9zdmc+Cg==),url(/cards/background.webp);background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}#root{position:relative;z-index:1}h1,h2,h3,.display{font-family:var(--font-display)}::selection{background:var(--glow-arcane);color:#fff}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,#191c29,#0c0e15);color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.btn:hover{background:linear-gradient(180deg,#ffffff38,#ffffff0f 38%,#fff0 56%),linear-gradient(180deg,#2d3247,#191c28);border-color:var(--border-2);transform:translateY(-1px);box-shadow:var(--shadow-2),inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff0d}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,#191c29,#0c0e15);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);border-color:var(--accent);box-shadow:0 0 0 1px #d2a84a38,0 4px 18px var(--glow-accent),inset 0 1px #ffffff0f}.btn-primary:hover{background:linear-gradient(180deg,#ffffff38,#ffffff0f 38%,#fff0 56%),linear-gradient(180deg,#32374f,#1c1f2f);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 1px #d2a84a73,0 8px 26px var(--glow-accent),inset 0 1px #ffffff4d}.btn-arcane{background:linear-gradient(180deg,var(--arcane),var(--arcane-deep));color:#fff;border-color:var(--arcane);box-shadow:0 4px 16px var(--glow-arcane),inset 0 1px #ffffff40}.btn-arcane:hover{box-shadow:0 6px 22px var(--glow-arcane)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-mid);box-shadow:none}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text);box-shadow:none}.btn-danger{background:transparent;border-color:var(--color-r);color:var(--color-r)}.btn-danger:hover{background:#ff5a4d1f;box-shadow:0 4px 16px var(--glow-r)}.btn-secondary{background:linear-gradient(180deg,#191c29,#0c0e15);border-color:var(--border-2);color:var(--text)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{padding:.85rem 1.85rem;font-size:1rem}.btn-primary:after,.btn-arcane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s var(--ease)}.btn-primary:hover:after,.btn-arcane:hover:after{transform:translate(120%)}.page{min-height:100%;display:flex;flex-direction:column;padding:1rem;max-width:1200px;margin:0 auto}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.card-panel{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-glow)}.form-group{display:flex;flex-direction:column;gap:.4rem}label{font-size:.85rem;color:var(--text-mid);font-weight:500}input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],input[type=search],textarea,select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.6rem .9rem;font-size:.95rem;font-family:var(--font-body);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-accent)}.error-msg{color:var(--color-r);font-size:.82rem;margin-top:.25rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;background:linear-gradient(180deg,#11121df2,#0a0b14d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-logo);font-weight:800;letter-spacing:.06em;text-decoration:none;text-shadow:0 0 18px var(--glow-accent);display:inline-block;font-size:0}.nav-logo:before{content:"db";color:#fff;text-shadow:0 0 14px rgba(255,255,255,.45)}.nav-logo:after{content:"attle";color:var(--accent)}.nav-logo:before,.nav-logo:after{font-size:1.15rem}.nav-links{display:flex;align-items:center;gap:.25rem}.game-card{position:relative;background:linear-gradient(170deg,var(--surface-2),var(--surface));border-radius:var(--radius);border:1px solid var(--border-2);overflow:hidden;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;isolation:isolate}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-glow, transparent) 55%,transparent);pointer-events:none;z-index:3}.game-card:hover:not(.game-card--disabled):not(.game-card--face-down){transform:translateY(-6px) scale(1.02);box-shadow:0 14px 34px #0000008c,0 0 22px var(--card-glow, transparent);border-color:color-mix(in srgb,var(--card-glow, var(--border-2)) 70%,var(--border-2))}.game-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 14px 34px #0000008c,0 0 28px var(--glow-accent);transform:translateY(-8px) scale(1.03)}.game-card--tuto-glow{border-color:var(--accent);transform:translateY(-8px) scale(1.04);animation:tutoCardGlow 1.2s ease-in-out infinite;z-index:3}@keyframes tutoCardGlow{0%,to{box-shadow:0 0 0 3px var(--accent),0 0 26px 6px color-mix(in srgb,var(--accent) 75%,transparent),0 0 52px 16px color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 3px var(--accent),0 0 40px 14px color-mix(in srgb,var(--accent) 95%,transparent),0 0 78px 26px color-mix(in srgb,var(--accent) 60%,transparent)}}@media (prefers-reduced-motion: reduce){.game-card--tuto-glow{animation:none;box-shadow:0 0 0 3px var(--accent),0 0 30px 8px color-mix(in srgb,var(--accent) 80%,transparent)}}@media (max-width: 640px){.game-card--tuto-glow{transform:none;animation:tutoCardGlowInset 1.2s ease-in-out infinite}@keyframes tutoCardGlowInset{0%,to{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}50%{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 22px color-mix(in srgb,var(--accent) 90%,transparent)}}}.game-card--disabled{opacity:.45;cursor:default;filter:saturate(.6)}.game-card--face-down{cursor:default}.game-card__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.6}.game-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0809109e,#0809104d 44%,#080910db),#0809101f}.game-card>:not(.game-card__art):not(.game-card__scrim){position:relative;z-index:2}.game-card--bare .game-card__art{opacity:1}.game-card--bare .game-card__scrim{background:linear-gradient(180deg,#080910c7,#0809102e 28%,#08091000 55%)}.game-card--bare{cursor:pointer}.game-card__color-bar{height:4px;flex-shrink:0;box-shadow:0 0 10px var(--card-glow, transparent)}.game-card__header{padding:.4rem .5rem .2rem;flex-shrink:0}.game-card__creature{font-size:.58rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:.08em;line-height:1}.game-card__name{font-family:var(--font-display);font-size:.74rem;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.game-card__cross{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:.25rem;gap:2px;align-items:center;justify-items:center}.game-card__zone{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.game-card__zone--empty{opacity:0}.game-card__effects{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;padding:3px 6px;min-height:22px;flex-shrink:0;border-top:.5px solid var(--border);background:#08091059}.game-card__eff{display:inline-flex;align-items:center;gap:1px;cursor:help}.game-card__eff-val{font-size:.62rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.game-card__footer{padding:.3rem .5rem .4rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);flex-shrink:0;background:#08091066}.game-card__dmg{font-size:.85rem;font-weight:800;color:var(--text)}.game-card__cost{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:50%}.game-card__cp-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 5px currentColor}.hp-bar{display:flex;align-items:center;gap:.5rem}.hp-bar__track{flex:1;height:10px;background:var(--bg-2);border-radius:6px;overflow:hidden;border:1px solid var(--border);box-shadow:inset 0 1px 3px #00000080}.hp-bar__fill{height:100%;border-radius:6px;transition:width var(--dur-slow) var(--ease);box-shadow:0 0 12px currentColor;position:relative}.hp-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 60%)}.hp-bar__label{font-size:.82rem;font-weight:700;color:var(--text);min-width:2.8rem;text-align:right;font-variant-numeric:tabular-nums}.board-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(#08080e66,#08080e66),url(/cards/profile-bg.webp) center / cover;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--border-2);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 4px rgba(0,0,0,.85)}@media (max-width: 640px){.board-avatar{width:34px;height:34px;font-size:.85rem}}.board-avatar--square{border-radius:6px;image-rendering:pixelated}.pband{display:flex;flex-direction:column;gap:.3rem}.pband__hp{display:flex;align-items:center;gap:.5rem}.pband__name{flex:0 0 auto;max-width:9rem;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pband__hpbar{flex:1 1 auto;min-width:0}.pband__hpbar .hp-bar{width:100%}.np-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:24px}.np-row__np{display:inline-flex;align-items:center;gap:.4rem;cursor:help}.np-row__tag{font-size:.7rem;color:var(--text-mid)}.np-row__tokens{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:help}@media (max-width: 640px){.pband__name{max-width:7rem;font-size:.8rem}}.cp-gauge{display:flex;gap:3px;flex-wrap:wrap}.cp-gauge__crystal{width:11px;height:11px;border-radius:3px;transition:opacity var(--dur),transform var(--dur) var(--ease-bounce);box-shadow:0 0 6px currentColor,inset 0 1px 1px #fff6}.status-list{display:flex;gap:4px;flex-wrap:wrap}.status-badge{font-size:.65rem;padding:1px 6px;border-radius:4px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-mid);font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding-top:10px}.card-grid>*{content-visibility:auto;contain-intrinsic-size:auto 240px}.card-grid>*:hover{content-visibility:visible}.card-grid>*>.game-card{transform:translateZ(0);backface-visibility:hidden}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.card-grid.card-grid--db{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));min-width:0}@media (min-width: 640px){.card-grid.card-grid--db{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 1024px){.card-grid.card-grid--db{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.dbcard-cell{position:relative;border-radius:var(--radius);width:max-content;justify-self:center;isolation:isolate;padding:11px 11px 0 0}.dbcard-cell:hover .game-card,.dbcard-cell:hover .dbcard-pill,.dbcard-cell:hover .dbcard-remove{transform:translateY(-6px) scale(1.02)}.dbcard-cell--in .game-card{box-shadow:inset 0 0 0 2px var(--color-g),0 0 14px -3px color-mix(in srgb,var(--color-g) 70%,transparent)}.dbcard-cell--in .game-card:hover:not(.game-card--disabled):not(.game-card--face-down){box-shadow:inset 0 0 0 2px var(--color-g),0 14px 34px #0000008c,0 0 22px var(--card-glow, transparent)}.dbcard-pill,.dbcard-remove{position:absolute;top:0;right:0;z-index:4;width:44px;height:44px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s var(--ease)}.dbcard-pill:before,.dbcard-remove:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;box-shadow:0 1px 5px #0000008c;transition:background .12s var(--ease),transform .12s var(--ease)}.dbcard-pill svg,.dbcard-remove svg{position:relative;z-index:1}.dbcard-pill:before{background:var(--surface-2);border:1px solid var(--border-2)}.dbcard-pill svg{color:var(--accent)}.dbcard-pill:hover:before{transform:scale(1.08)}.dbcard-pill--in:before{background:var(--color-g);border-color:var(--color-g)}.dbcard-pill--in svg{color:#08130b}.dbcard-pill--off{cursor:default}.dbcard-pill--off:before,.dbcard-pill--off svg{opacity:.5}.dbcard-remove:before{background:var(--color-r)}.dbcard-remove svg{color:#fff}.dbcard-remove:hover:before{background:#ff5d5c;transform:scale(1.08)}.dbrow-remove{flex:0 0 auto;width:44px;height:44px;margin:-8px -6px -8px 0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-r);cursor:pointer;border-radius:8px}.dbrow-remove:hover,.dbrow-remove:active{background:color-mix(in srgb,var(--color-r) 16%,transparent)}.dbrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;padding:.45rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.dbrow__id{min-width:0;display:flex;align-items:center;gap:.5rem}.dbrow__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.dbrow__name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbrow__stats{display:flex;gap:.4rem;font-size:.72rem;font-weight:700;margin-top:1px}.dbrow__right{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;min-height:44px;padding-right:48px}.dbrow__fx{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}.dbrow__right .dbrow-remove{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0}.card-zoom-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06070cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fx-pop-in .14s var(--ease)}.card-zoom{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-height:92vh}.card-zoom__cardwrap{position:relative}.card-zoom__close{position:absolute;top:-12px;right:-12px;z-index:5;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000008c}.card-zoom__close:hover{color:#fff;border-color:var(--color-r)}.card-zoom__badge{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:800;background:color-mix(in srgb,var(--color-g) 28%,#0b0d12);color:#d8ffe6;border:1px solid var(--color-g)}.card-zoom__actions{display:flex;gap:.6rem}.card-zoom__actions .btn{min-width:170px;justify-content:center}.card-zoom__remove{background:var(--color-r)!important;border-color:var(--color-r)!important;color:#fff!important}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.filter-pill{padding:.32rem .9rem;border-radius:999px;border:1.5px solid var(--border);background:linear-gradient(180deg,#191c29,#0c0e15);color:var(--text-mid);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.filter-pill:hover{background:linear-gradient(180deg,#fff3,#ffffff0d 38%,#fff0 56%),linear-gradient(180deg,#2d3247,#191c28);border-color:var(--border-2);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff42}.filter-pill--active{border-color:var(--accent);color:var(--text);font-weight:700;box-shadow:0 0 0 1px #d2a84a40}.filter-pill--colorpill{display:inline-flex;align-items:center;gap:.35rem}.filter-pill--colorpill.filter-pill--active{background:linear-gradient(180deg,#191c29,#0c0e15);border-color:var(--accent);color:var(--text)}.np-swatch{display:none;width:11px;height:11px;border-radius:3px;flex:0 0 auto;background:var(--swatch);box-shadow:0 0 5px var(--swatch),inset 0 1px 1px #fff6}@media (max-width: 640px){.filter-pill--colorpill{padding:.34rem .5rem;gap:0}.filter-pill--colorpill .np-label{display:none}.filter-pill--colorpill .np-swatch{display:inline-block}.filter-pill--colorpill.filter-pill--active{background:transparent;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 8px color-mix(in srgb,var(--accent) 50%,transparent)}}.game-board{display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.game-board input,.game-board textarea{-webkit-user-select:text;user-select:text}.tuto-root{position:fixed;top:0;right:0;bottom:0;left:0}.tuto-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;cursor:default}.tuto-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#060810cc;z-index:199}.tuto-tip{position:fixed;z-index:260;left:50%;transform:translate(-50%);width:max-content;max-width:min(440px,92vw);background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--accent);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 18px 50px #0009,0 0 22px var(--glow-accent);animation:fadeIn .2s var(--ease);max-height:82vh;overflow-y:auto;scrollbar-width:thin}.tuto-tip--center{top:50%;transform:translate(-50%,-50%)}.tuto-tip--bottom{bottom:4%}.tuto-tip--top{top:4%}.tuto-fx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tuto-fx li{display:flex;align-items:flex-start;gap:.5rem;font-size:.84rem;line-height:1.35;color:var(--text-mid)}.tuto-fx__ico{flex:0 0 auto;display:inline-flex;margin-top:1px}.tuto-fx b{color:var(--text)}.tuto-fx__head{margin:0 0 .3rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}@media (max-width: 640px){.tuto-fx li{font-size:.78rem;gap:.4rem}}.tuto-tokens{display:flex;gap:.6rem;flex-wrap:wrap}.tuto-tokens__item{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid var(--border-2);border-radius:10px;background:var(--surface-3);color:var(--text-mid);font-size:.85rem}.tuto-tokens__item b{color:var(--text)}@media (max-width: 640px){.tuto-tokens__item{font-size:.8rem;padding:.4rem .6rem}}.tuto-tip__step{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.tuto-tip__title{margin:.25rem 0 .45rem;font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.tuto-tip__text{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-mid)}.tuto-tip__actions{display:flex;align-items:center;gap:.5rem;margin-top:.95rem}@media (max-width: 640px){.tuto-tip{max-width:94vw;max-height:64dvh;padding:.7rem .8rem}.tuto-tip--center,.tuto-tip--top{top:7dvh;bottom:30dvh;margin:auto;height:fit-content;max-height:58dvh;transform:translate(-50%)}.tuto-tip--bottom{top:auto;bottom:12dvh;transform:translate(-50%);max-height:40dvh}}.tuto-spot,.game-board__player.tuto-np{pointer-events:none}.tuto-spot .cp-gauge,.game-board__player.tuto-np .cp-gauge{position:relative;z-index:200;border-radius:7px;padding:4px 6px;margin:-4px -6px;box-shadow:0 0 0 2px var(--accent),0 0 22px 5px color-mix(in srgb,var(--accent) 60%,transparent);animation:tutoSpotPulse 1.4s ease-in-out infinite}@keyframes tutoSpotPulse{0%,to{box-shadow:0 0 0 2px var(--accent),0 0 16px 2px color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 2px var(--accent),0 0 34px 10px color-mix(in srgb,var(--accent) 75%,transparent)}}@media (prefers-reduced-motion: reduce){.tuto-spot .cp-gauge,.game-board__player.tuto-np .cp-gauge{animation:none}}.tuto-np-arrow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none;overflow:visible}.tuto-anatomy__panel{position:fixed;z-index:201;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;width:max-content;max-width:min(320px,92vw);max-height:90dvh;overflow-y:auto;scrollbar-width:thin;padding:.7rem;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 20px 60px #0009}.tuto-anatomy__panel .tuto-tip__title{font-size:.98rem}.tuto-anatomy__card{position:relative;flex:0 0 auto}.tuto-anatomy__ring{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--color-y);border-radius:6px;box-shadow:0 0 10px color-mix(in srgb,var(--color-y) 55%,transparent)}.tuto-anatomy__badge{position:absolute;top:-9px;left:-9px;width:17px;height:17px;border-radius:50%;background:var(--color-y);color:#1a1205;font-weight:800;font-size:.62rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000080}.tuto-anatomy__badge--bl{top:auto;bottom:-9px;left:-9px}.tuto-anatomy__badge--tr{left:auto;right:-9px}.tuto-anatomy__badge--bc{top:auto;bottom:-20px;left:50%;transform:translate(-50%)}.tuto-anatomy__badge--legend{position:static;width:18px;height:18px;font-size:.66rem;flex:0 0 auto}.tuto-anatomy__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;width:100%}.tuto-anatomy__legend li{display:flex;align-items:flex-start;gap:.45rem;font-size:.78rem;line-height:1.35;color:var(--text-mid);border:1px solid color-mix(in srgb,var(--color-y) 40%,var(--border));border-radius:7px;padding:.35rem .5rem;background:color-mix(in srgb,var(--color-y) 8%,transparent)}.tuto-anatomy__legend b{color:var(--text)}.game-board__arena.tuto-spot{position:relative;z-index:200;overflow:visible}.game-board__arena.tuto-spot .arena-bar{display:none}@media (max-width: 640px){.game-board__arena.tuto-spot{position:fixed;top:4dvh;left:0;right:0;height:auto;z-index:200;justify-content:flex-start}}.game-board__opponent.tuto-spot{z-index:200;box-shadow:inset 0 0 0 2px var(--accent),0 0 22px 4px color-mix(in srgb,var(--accent) 45%,transparent);animation:tutoSpotPulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.game-board__opponent.tuto-spot{animation:none}}.game-board__arena.tuto-spot .played-cards{zoom:1;border-radius:var(--radius);padding:10px 14px;box-shadow:0 0 0 2px var(--accent),0 0 24px 6px color-mix(in srgb,var(--accent) 55%,transparent);animation:tutoSpotPulse 1.4s ease-in-out infinite}.tuto-arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.tuto-arrow-path{animation:tutoDash .7s linear infinite;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 70%,transparent))}@keyframes tutoDash{to{stroke-dashoffset:-13}}@media (prefers-reduced-motion: reduce){.game-board__arena.tuto-spot .played-cards,.tuto-arrow-path{animation:none}}.game-board__opponent{position:relative;flex:0 0 auto;background:linear-gradient(180deg,rgba(20,16,28,.6),var(--surface));border-bottom:1px solid var(--border);padding:.75rem 1rem}.opp-hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(130% 130% at 50% 45%,color-mix(in srgb,var(--color-r) 52%,transparent),transparent 70%);animation:oppHit .64s ease-out forwards}@keyframes oppHit{0%{opacity:0}16%{opacity:.85}to{opacity:0}}.game-board__arena{position:relative;flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:radial-gradient(600px 320px at 50% 50%,rgba(124,92,240,.1),transparent 70%),var(--bg);overflow:hidden}.build-hud{position:absolute;left:10px;bottom:7px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Cascadia Code,Consolas,monospace;font-size:.56rem;letter-spacing:.02em;color:var(--text-dim);opacity:.4;text-transform:none}.game-board__log{flex:0 0 auto;height:104px;position:relative;overflow:visible;font-size:.78rem;color:var(--text-mid)}.log-drawer{position:absolute;left:0;right:0;bottom:0;height:100%;display:flex;flex-direction:column;min-height:0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);transition:height .22s var(--ease)}.log-drawer--open,.log-drawer--dragging{z-index:40}.log-drawer--dragging{transition:none}.log-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .75rem .15rem;flex:0 0 auto}.log-drawer__handle{display:flex;align-items:center;gap:.4rem;flex:1 1 auto;min-width:0;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.log-drawer--dragging,.log-drawer--dragging .log-drawer__handle,.log-drawer--dragging *{cursor:grabbing!important}.log-drawer__grab{display:inline-flex;align-items:center;flex:0 0 auto;padding:6px 8px;margin:-6px -4px -6px 0}.log-drawer__grip{color:var(--text-dim);flex:0 0 auto;opacity:.75}.log-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 .75rem .4rem;scrollbar-width:thin}.log-title{position:sticky;top:0;background:var(--surface);padding:.15rem 0 .3rem;letter-spacing:.08em;text-transform:uppercase}.log-line-group{border-radius:4px;padding:.1rem .25rem;animation:logIn var(--dur) var(--ease)}.log-line-group:nth-child(2n){background:var(--surface-2)}.log-line{display:flex;align-items:baseline;gap:.5rem;padding:.08rem 0}.log-line__effects{font-size:.72rem;color:var(--text-dim);padding:0 0 .1rem 2.9rem;font-style:italic}.dust-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70}.dust{position:fixed}.dust__p{position:absolute;left:0;top:0;width:var(--s, 6px);height:var(--s, 6px);margin-left:calc(var(--s, 6px) / -2);margin-top:calc(var(--s, 6px) / -2);border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--pc, rgba(245,228,185,.95)) 90%,#fff),color-mix(in srgb,var(--pc, rgba(214,180,120,1)) 38%,transparent) 55%,transparent 75%);filter:blur(.4px);opacity:0;animation:dustPuff .64s ease-out forwards;animation-delay:var(--d, 0ms)}@keyframes dustPuff{0%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:.85}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, 0)) scale(.2)}}@keyframes dustPuffSoft{0%{opacity:0;transform:scale(.6)}20%{opacity:.7}to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.dust__p{animation:dustPuffSoft .42s ease-out forwards!important}}.const-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70}.constellation{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 1.8px var(--cc))}.const-edge{fill:none;stroke:var(--cc);stroke-width:1;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);opacity:0;animation:constEdge .9s ease-out forwards;animation-delay:calc(var(--o) * 55ms)}.const-star{fill:var(--cc);opacity:0;transform-box:fill-box;transform-origin:center;animation:constStar .9s ease-out forwards;animation-delay:calc(var(--o) * 55ms);filter:drop-shadow(0 0 1.6px var(--cc))}.const-star--anchor{filter:drop-shadow(0 0 3px var(--cc)) drop-shadow(0 0 1.2px var(--cc))}@keyframes constEdge{0%{stroke-dashoffset:var(--len);opacity:0}12%{opacity:1}40%{stroke-dashoffset:0}68%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes constStar{0%{opacity:0;transform:scale(0)}18%{opacity:1;transform:scale(1.35)}34%{transform:scale(1)}68%{opacity:1}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.const-edge{animation:constStatic .36s ease-out forwards!important;stroke-dashoffset:0!important}.const-star{animation:constStatic .36s ease-out forwards!important;transform:none!important}}@keyframes constStatic{0%{opacity:0}25%{opacity:.6}to{opacity:0}}.log-line__who{flex:0 0 2.4rem;font-weight:700;font-size:.72rem}.log-line--tick{font-style:italic;opacity:.85}.log-line--tick .log-line__who{flex:0 0 auto}.log-line__card{flex:1;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-line__res{flex:0 0 auto;font-variant-numeric:tabular-nums}.log-line__eff{flex:0 0 auto;color:var(--text-dim);font-size:.72rem}.game-board__hand{position:relative;flex:0 1 auto;min-height:0;overflow:visible;padding:.6rem 1rem;background:var(--surface)}.stuck-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#080910d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius)}.stuck-overlay .stuck-bar{margin-bottom:0;width:fit-content;max-width:min(340px,92%)}.game-board__hand.tuto-spot{z-index:200}.game-board__hand.tuto-hand-arrow{z-index:auto;background:transparent}.game-board__hand.tuto-hand-arrow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);z-index:200}.game-board__hand.tuto-hand-arrow>*:not(.stuck-overlay){position:relative;z-index:251}.game-board__hand.tuto-cards-front>*:not(.stuck-overlay){position:relative;z-index:251}.game-board__player{flex:0 0 auto;background:linear-gradient(0deg,rgba(20,16,28,.6),var(--surface));border-top:1px solid var(--border);padding:.6rem 1rem}.hand-cards{display:flex;gap:.6rem;justify-content:center}.hand-cards>*{animation:cardEnter .4s var(--ease) backwards}.hand-cards>*:nth-child(1){animation-delay:.02s}.hand-cards>*:nth-child(2){animation-delay:.07s}.hand-cards>*:nth-child(3){animation-delay:.12s}.hand-cards>*:nth-child(4){animation-delay:.17s}.hand-cards>*:nth-child(5){animation-delay:.22s}.stuck-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.6rem;padding:.6rem .85rem;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 18px var(--glow-accent);animation:glowPulse 2.2s ease-in-out infinite}.stuck-eye{position:absolute;top:5px;right:5px;z-index:2;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.stuck-eye:hover{color:var(--text);border-color:var(--border-2)}.stuck-eye--off{color:var(--accent);border-color:var(--accent)}.stuck-bar--peek{background:transparent;border-color:transparent;box-shadow:none;animation:none}.stuck-bar--peek>*:not(.stuck-eye){visibility:hidden}.stuck-overlay:has(.stuck-bar--peek){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.token-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .95rem;min-width:92px;background:var(--surface-3);border:1.5px solid currentColor;border-radius:var(--radius);cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),box-shadow var(--dur-fast)}.token-choice:hover:not(:disabled){transform:translateY(-3px);background:var(--surface-2);box-shadow:0 0 16px currentColor}.token-choice:disabled{opacity:.35;cursor:not-allowed}.token-choice__label{color:var(--text);font-size:.8rem}.token-choice__sub{color:var(--text-dim);font-size:.68rem}.zone-picker-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.zone-picker-card__title{color:var(--text-dim);letter-spacing:.04em;text-align:center}.zone-picker-card__disc{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;overflow:hidden;background:linear-gradient(#08091052,#08091085),url(/cards/profile-bg.webp) center / cover;border:2px solid rgba(255,255,255,.14);box-shadow:inset 0 0 18px #0000008c,0 4px 16px #00000073}.zone-picker-card__cross{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:4px}.zone-picker-card__center{display:flex;align-items:center;justify-content:center}.zone-picker-card__dmg{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.zone-picker-card__zone{display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;cursor:pointer;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast),box-shadow var(--dur-fast)}.zone-picker-card__zone:hover:not(:disabled){transform:scale(1.15);filter:brightness(1.3);box-shadow:0 0 12px currentColor}.zone-picker-card__zone:disabled{opacity:.4;cursor:not-allowed}.stuck-coin{position:relative;width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s}.stuck-coin--sword{background:linear-gradient(#0809102e,#0809104d),url(/cards/token-frappe.webp) center / cover}.stuck-coin--shield{background:linear-gradient(#0809102e,#0809104d),url(/cards/token-parade.webp) center / cover}.arena-turn{color:var(--text-mid);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.played-cards{display:flex;gap:1rem;align-items:stretch;justify-content:center}@media (min-width: 641px){.opp-hand{zoom:.72}}@media (min-width: 641px) and (max-height: 800px){.played-cards{zoom:.9}.game-board__log{height:84px}.game-board__opponent,.game-board__player,.game-board__hand{padding-top:.4rem;padding-bottom:.4rem}}@media (max-width: 640px){.game-card--selected,.game-card:hover:not(.game-card--disabled):not(.game-card--face-down){transform:none}}.clash-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem}.clash-slot--you{animation:clashFromLeft .42s var(--ease) backwards}.clash-slot--opp{animation:clashFromRight .42s var(--ease) backwards}.clash-impact{animation:clashImpact .5s var(--ease)}@keyframes statusFrame{0%,to{box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 20px -4px var(--sg, transparent),0 0 14px -5px var(--sg, transparent)}50%{box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 36px -2px var(--sg, transparent),0 0 24px -3px var(--sg, transparent)}}.status-frame-glow{animation:statusFrame 1.7s ease-in-out infinite;border-color:var(--sg)!important}@media (prefers-reduced-motion: reduce){.status-frame-glow{animation:none;box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 24px -3px var(--sg, transparent)}}.clash-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:116px;max-width:150px;padding:.6rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.clash-card--empty{opacity:.5;justify-content:center}.clash-card__side{font-weight:700;letter-spacing:.05em}.clash-card__name{font-weight:600;font-size:.85rem;line-height:1.15;color:var(--text)}.clash-card__res{font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}.clash-card__eff{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.clash-dmg{font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums;animation:pip .4s var(--ease-bounce)}.clash-vs{align-self:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:var(--text-dim);letter-spacing:.1em}.float-anchor{position:relative}.float-dmg{position:absolute;top:-2px;right:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--color-r);text-shadow:0 0 12px var(--glow-r),0 1px 3px rgba(0,0,0,.7);pointer-events:none;animation:floatDmg 1.05s var(--ease) forwards}.popin-bg-host{background-size:cover;background-position:center;background-repeat:no-repeat}.gameover{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;text-align:center}.gameover__title{font-family:var(--font-body);font-size:clamp(1.9rem,7vw,2.9rem);font-weight:700;line-height:1.05;letter-spacing:.01em;animation:gameoverIn .7s var(--ease-bounce)}.gameover__title--win{color:var(--accent);text-shadow:0 0 50px var(--glow-accent)}.gameover__title--lose{color:var(--color-r);text-shadow:0 0 40px var(--glow-r)}.gameover__title--draw{color:var(--text-mid)}.gameover-portrait{width:84px;height:84px;border-radius:50%;background:linear-gradient(#08080e59,#08080e59),url(/cards/profile-bg.webp) center / cover;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem;text-shadow:0 1px 6px rgba(0,0,0,.85);box-shadow:0 0 0 3px var(--surface),0 0 0 5px currentColor,0 0 22px color-mix(in srgb,currentColor 45%,transparent)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#06070eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s var(--ease)}.gameover-card{width:min(88vw,340px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;background:linear-gradient(170deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 20px 60px #0009,0 0 40px #7c5cf026;animation:gameoverIn .5s var(--ease) backwards}.gameover-card__summary{font-family:var(--font-body);color:var(--text-mid);font-size:.9rem;line-height:1.8;font-variant-numeric:tabular-nums}.gameover-card__summary strong{color:var(--text)}.gameover-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mulligan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#06070eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s var(--ease)}.mulligan-card{position:relative;z-index:1;width:min(94vw,560px);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.5rem 1.25rem;background:linear-gradient(170deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 20px 60px #0009,0 0 40px #7c5cf026;animation:gameoverIn .4s var(--ease) backwards}.mulligan-card__title{font-size:1.3rem;font-weight:800;margin:0}.mulligan-card__desc{font-size:.85rem;margin:0;max-width:42ch}.mulligan-card__hand{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center;margin:.25rem 0}.mulligan-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center}.mulligan-card__used{letter-spacing:.02em}.mulligan-card__waiting{display:flex;align-items:center;gap:.7rem;min-height:2.2rem}@media (max-width: 480px){.mulligan-card__actions{flex-direction:column;width:100%}.mulligan-card__actions .btn{width:100%}}.gameover-overlay--popup{background:#06070e75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gameover-card{position:relative;z-index:1}.gameover-card__close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:color .15s,border-color .15s,transform .15s}.gameover-card__close:hover{color:var(--text);border-color:var(--border-2);transform:scale(1.08)}.result-reopen{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:130;padding:.4rem .95rem;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);color:var(--text);font-size:.82rem;font-weight:600;box-shadow:0 6px 20px #0006;transition:border-color .15s,transform .15s}.result-reopen:hover{border-color:var(--accent);transform:translate(-50%) scale(1.04)}.game-board--over .game-board__hand{pointer-events:none;opacity:.55}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti__p{position:absolute;top:-8%;width:7px;height:11px;border-radius:1px;opacity:0;animation-name:confettiFall;animation-timing-function:cubic-bezier(.25,.6,.35,1);animation-fill-mode:forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:.95}to{transform:translateY(112vh) rotate(560deg);opacity:.85}}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.menu-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1rem}.menu-main{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.menu-logo{font-family:var(--font-logo);font-size:clamp(3rem,12vw,4.5rem);font-weight:900;letter-spacing:.06em;line-height:.9;color:var(--accent);text-align:center;text-shadow:0 0 50px var(--glow-accent),0 0 90px rgba(245,195,67,.2);animation:logoIn .9s var(--ease)}.menu-logo__d{color:#fff;text-shadow:0 0 40px rgba(255,255,255,.55),0 0 70px rgba(255,255,255,.18)}.menu-tagline{color:var(--text-dim);font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.menu-logo-img{display:block;margin:0 auto;width:auto;height:auto;max-width:min(380px,74vw);max-height:30vh;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:logoIn .9s var(--ease)}.menu-stack{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:320px}.menu-stack .btn{width:100%;justify-content:center}.menu-sub{display:flex;flex-direction:column;gap:.55rem;overflow:hidden;padding-top:6px;margin-top:-6px}.menu-sub-anim{animation:subOpen .32s var(--ease)}.menu-chip{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:999px;padding:.35rem .5rem .35rem .95rem;font-size:.88rem;font-weight:600;color:var(--accent);text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast),border-color var(--dur-fast)}.menu-chip:hover{transform:translateY(-1px);box-shadow:0 0 18px var(--glow-accent);border-color:var(--accent)}.menu-chip__rank{font-size:.68rem;font-weight:700;color:var(--bg);background:var(--accent);border-radius:999px;padding:.1rem .5rem}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.sound-toggle:hover{color:var(--text);border-color:var(--border-2);transform:scale(1.06)}.sound-toggle--on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent)}.sound-control{position:relative;display:inline-flex;width:36px;height:36px}.sound-control__capsule{position:absolute;right:0;top:0;height:36px;z-index:5;display:flex;flex-direction:row;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.sound-control.snd-on .sound-control__capsule{border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent)}.sound-control--flat .sound-control__capsule,.sound-control--flat.snd-on .sound-control__capsule{box-shadow:none;z-index:auto}.sound-control__bar{display:flex;align-items:center;width:0;padding:0;opacity:0;overflow:hidden;transition:width .18s var(--ease),padding .18s var(--ease),opacity .14s var(--ease)}.sound-control.is-open .sound-control__bar{width:108px;padding:0 4px 0 15px;opacity:1}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer;touch-action:none;border:none;outline:none}.vol-slider:focus{outline:none;box-shadow:none}.vol-slider:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}.vol-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#0006;border:none}.vol-slider::-moz-range-track{height:6px;border-radius:3px;background:#0006;border:none}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:20px;border-radius:3px;margin-top:-8px;background:var(--text);border:2px solid var(--accent);box-shadow:0 0 6px var(--glow-accent);cursor:grab}.vol-slider::-moz-range-thumb{width:9px;height:20px;border-radius:3px;border:2px solid var(--accent);background:var(--text);box-shadow:0 0 6px var(--glow-accent);cursor:grab}.sound-control .sound-toggle{background:transparent;width:36px;height:36px;flex:0 0 auto}.sound-control .sound-toggle,.sound-control .sound-toggle.sound-toggle--on{border:none;box-shadow:none}.sound-control .sound-toggle:hover{transform:none}.audio-tools{display:inline-flex;align-items:center;gap:.5rem}.audio-tools--fixed{position:fixed;top:1rem;right:1rem;z-index:10}.nav-quit{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;text-decoration:none;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.nav-quit:hover{color:var(--text);border-color:var(--color-r);transform:scale(1.06)}.music-control{position:relative;display:inline-flex;width:36px;height:36px;transition:margin-right .18s var(--ease)}.music-control--shifted{margin-right:128px}.music-control__capsule{position:absolute;right:0;top:0;height:36px;z-index:5;display:inline-flex;align-items:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:999px}.music-control.music-on .music-control__capsule{border-color:var(--mc-cur);box-shadow:0 0 12px color-mix(in srgb,var(--mc-cur) 55%,transparent)}.music-control--flat{isolation:isolate}.music-control--flat .music-control__capsule,.music-control--flat.music-on .music-control__capsule{box-shadow:none}.music-control__tray{display:flex;align-items:center;gap:6px;width:0;padding:0;opacity:0;overflow:hidden;transition:width .2s var(--ease),padding .2s var(--ease),opacity .16s var(--ease)}.music-control.is-open .music-control__tray{width:auto;padding:0 6px 0 10px;opacity:1;overflow:visible}.music-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border:none;background:transparent;color:var(--text-mid);cursor:pointer;border-radius:50%;transition:color .15s var(--ease),transform .12s var(--ease)}.music-control.music-on .music-toggle{color:var(--mc-cur);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--mc-cur) 60%,transparent))}.music-info-wrap{position:absolute;top:-5px;left:-5px;z-index:7}.music-info{width:15px;height:15px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#111;border:1px solid var(--border-2);font-size:10px;font-weight:800;font-style:italic;line-height:1;cursor:help;box-shadow:0 1px 3px #00000073;transition:transform .12s var(--ease)}.music-info-wrap:hover .music-info,.music-info-wrap:focus-within .music-info{transform:scale(1.12)}.music-credits{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-85%) translateY(-4px);width:220px;padding:9px 11px;pointer-events:none;text-align:left;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:10px;box-shadow:0 8px 22px #00000073;opacity:0;visibility:hidden;transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s;z-index:8}.music-info-wrap:hover .music-credits,.music-info-wrap:focus-within .music-credits{opacity:1;visibility:visible;transform:translate(-85%) translateY(0)}.music-credits__title{font-size:11px;font-weight:700;color:var(--text);margin-bottom:4px}.music-credits__line{font-size:11px;color:var(--text-mid);line-height:1.35}.fx-tip-anchor{display:inline-flex;align-items:center;gap:2px;cursor:help}.fx-pop{position:fixed;z-index:600;pointer-events:none;transform:translate(-50%,-100%);width:max-content;max-width:240px;display:flex;flex-direction:column;gap:4px;padding:8px 11px;text-align:left;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:10px;box-shadow:0 8px 22px #00000080;animation:fx-pop-in .12s var(--ease)}.fx-pop--below{transform:translate(-50%)}.fx-pop__head{display:flex;align-items:center;gap:6px}.fx-pop__ico{display:inline-flex;flex:0 0 auto}.fx-pop__title{font-size:11px;font-weight:700;color:var(--text)}.fx-pop__desc{font-size:11px;color:var(--text-mid);line-height:1.35}.fx-pop__extra{font-size:10px;color:var(--text-dim);line-height:1.3}@keyframes fx-pop-in{0%{opacity:0}to{opacity:1}}.music-dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;cursor:pointer;color:var(--mc);background:color-mix(in srgb,var(--mc) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--mc) 55%,transparent);transition:transform .12s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease)}.music-dot:hover{transform:scale(1.1);background:color-mix(in srgb,var(--mc) 26%,var(--surface));box-shadow:0 0 10px color-mix(in srgb,var(--mc) 55%,transparent)}.data-table{border-collapse:collapse}.data-table th{color:var(--text-dim);font-weight:600;text-align:center;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:.4rem .6rem;border-bottom:1px solid var(--border);text-align:center}.data-table tbody tr{transition:background var(--dur-fast)}.data-table tbody tr:hover{background:var(--surface-2)}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-mid);margin-bottom:.75rem}.text-accent{color:var(--accent)}.text-muted{color:var(--text-mid)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.spinner{width:26px;height:26px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 12px var(--glow-accent)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty-state p{margin-top:.5rem;font-size:.9rem}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes cardEnter{0%{opacity:0;transform:translateY(22px) scale(.92) rotateX(12deg)}to{opacity:1;transform:none}}@keyframes clashFromLeft{0%{opacity:0;transform:translate(-60px) rotate(-6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes clashFromRight{0%{opacity:0;transform:translate(60px) rotate(6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes clashImpact{0%{transform:scale(1)}18%{transform:scale(1.04)}36%{transform:translate(-4px) scale(1.02)}54%{transform:translate(4px)}72%{transform:translate(-2px)}to{transform:none}}@keyframes pip{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}@keyframes floatDmg{0%{opacity:0;transform:translateY(8px) scale(.7)}18%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-34px) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 14px var(--glow-accent)}50%{box-shadow:0 0 26px var(--glow-accent)}}@keyframes gameoverIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes logoIn{0%{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes subOpen{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:none;max-height:500px}}@keyframes screenFlash{0%{opacity:.5}to{opacity:0}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;background:radial-gradient(circle at 50% 60%,var(--glow-r),transparent 70%);animation:screenFlash .4s var(--ease) forwards}.opp-hand{display:flex;gap:.4rem;margin-top:.5rem;justify-content:center}.decks-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;height:calc(100vh - 120px)}.decks-layout--single{grid-template-columns:1fr}@media (max-width: 860px){.decks-layout,.decks-layout--single{grid-template-columns:1fr;height:auto}}@media (max-width: 640px){.hand-cards,.opp-hand{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin}.hand-cards>*,.opp-hand>*{flex:0 0 auto}.hand-cards,.opp-hand{gap:.3rem}.game-board__opponent,.game-board__player,.game-board__hand{padding:.3rem .4rem}.game-board__arena{padding:.25rem;gap:.15rem;overflow:visible}.game-board__log{height:56px;font-size:.72rem}.log-drawer__head{padding:.2rem .5rem .1rem}.log-drawer__body{padding:0 .5rem .3rem}.played-cards{gap:.4rem;zoom:.82}.clash-slot{gap:.15rem}.clash-vs{font-size:.72rem}.btn{min-height:42px}.btn-sm{min-height:36px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;justify-items:center}.zone-picker-card__cross{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px)}.zone-picker-card__disc{width:134px;height:134px}.nav{padding:.6rem .8rem}.nav-links{gap:.2rem}.menu-logo{font-size:clamp(2.5rem,16vw,3.5rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.board-quit{position:fixed;top:8px;right:10px;z-index:120;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e24b4a29;color:var(--color-r);border:1px solid color-mix(in srgb,var(--color-r) 50%,transparent);cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.board-quit:hover{background:var(--color-r);color:#fff;transform:scale(1.06);box-shadow:0 0 16px #e24b4a80}.board-quit-confirm{background:var(--color-r)!important;border-color:var(--color-r)!important;color:#fff!important}.game-board__opponent{padding-right:3.2rem}@media (max-width: 640px){.board-quit{width:30px;height:30px;top:6px;right:6px}.game-board__opponent{padding-right:2.6rem}}.story-stage--retro .board-quit{width:36px!important;height:36px!important;top:10px!important;right:12px!important;border-radius:0!important;image-rendering:pixelated;background:#1a1014!important;color:var(--color-r)!important;border:none!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #7a2b2b!important;transition:background .12s,box-shadow .12s!important}.story-stage--retro .board-quit:hover{transform:none!important;background:var(--color-r)!important;color:#0b0d12!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #e24b4a!important}.story-stage--retro .board-quit svg{shape-rendering:crispEdges}.story-stage--retro .game-board__opponent{padding-right:4.6rem}@media (max-width: 640px){.story-stage--retro .game-board__opponent{padding-right:3.6rem}}.story-stage--retro .sound-control,.story-stage--retro .sound-control__capsule{width:36px!important;height:36px!important}.story-stage--retro .sound-control__capsule{border-radius:0!important;image-rendering:pixelated;border:none!important;background:#15161c!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #3a4257!important}.story-stage--retro .sound-control.is-open .sound-control__capsule{width:auto!important}.story-stage--retro .sound-control.snd-on .sound-control__capsule{box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #3a4257!important}.story-stage--retro .sound-toggle,.story-stage--retro .sound-toggle--on{border-radius:0!important;width:36px!important;height:36px!important;color:#c9d2ee!important;filter:none!important;box-shadow:none!important}.story-stage--retro .sound-toggle svg{shape-rendering:crispEdges;image-rendering:pixelated}.story-stage--retro .vol-slider::-webkit-slider-runnable-track,.story-stage--retro .vol-slider::-moz-range-track{border-radius:0}.story-stage--retro .vol-slider::-webkit-slider-thumb{border-radius:0}.story-stage--retro .vol-slider::-moz-range-thumb{border-radius:0}.lang-toggle{position:fixed;top:8px;left:10px;z-index:120;width:34px;height:24px;padding:0;border-radius:5px;overflow:hidden;border:1px solid var(--border-2);cursor:pointer;background:var(--surface);box-shadow:0 2px 8px #00000073;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast),border-color var(--dur-fast)}.lang-toggle:hover{transform:scale(1.08);border-color:var(--accent);box-shadow:0 0 14px var(--glow-accent)}.lang-toggle__flag{width:100%;height:100%;display:block;line-height:0}.lang-toggle__px{width:100%;height:100%;display:block;object-fit:fill;image-rendering:pixelated}@media (max-width: 640px){.lang-toggle{top:6px;left:6px;width:30px;height:21px}}.changelog-btn{position:fixed;top:8px;left:50px;z-index:120;width:24px;height:24px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-mid);cursor:pointer;font-family:var(--font-title);font-weight:800;font-style:italic;font-size:15px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000073;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.changelog-btn:hover{transform:scale(1.08);color:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--glow-accent)}@media (max-width: 640px){.changelog-btn{top:6px;left:41px;width:21px;height:21px;font-size:13px}}.changelog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:5vh 4vw;background:#06070eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:clFade .2s ease}@keyframes clFade{0%{opacity:0}to{opacity:1}}.changelog-panel{position:relative;width:min(440px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:22px 22px 18px;box-shadow:var(--shadow-3);animation:clPop .26s var(--ease-bounce)}@keyframes clPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.changelog-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-mid);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.changelog-close:hover{color:var(--accent);border-color:var(--accent)}.changelog-ver{display:flex;align-items:baseline;gap:.55em;flex-wrap:wrap}.changelog-tag{display:inline-block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--bg);background:var(--accent);padding:.25em .7em;border-radius:999px}.changelog-build{font-size:.72rem;font-weight:400;color:var(--text-dim);font-variant-numeric:tabular-nums}.changelog-title{font-size:1.5rem;margin:.4em 0 .1em}.changelog-intro{color:var(--text-mid);font-size:.9rem;margin:0 0 1rem}.changelog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.changelog-item{display:flex;gap:11px;align-items:flex-start}.changelog-item__dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--arcane));box-shadow:0 0 8px var(--glow-accent)}.changelog-item__t{font-weight:700;color:var(--text);font-size:.98rem}.changelog-item__d{color:var(--text-mid);font-size:.85rem;line-height:1.45;margin-top:1px}.changelog-footer{margin-top:1.1rem;padding-top:.8rem;border-top:1px solid var(--border);color:var(--text-dim);font-size:.82rem;text-align:center}.lang-toggle--inline{position:static;inset:auto;top:auto;left:auto;margin:0 auto 0 .55rem;box-shadow:none;flex:0 0 auto}.lang-toggle--inline:hover{box-shadow:0 0 10px var(--glow-accent)}@media (max-width: 640px){.lang-toggle--inline{width:28px;height:20px;margin-left:.45rem}}.admin-tabs{overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}@media (max-width: 720px){.tab-label{display:none}}.story-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0%,rgba(124,92,240,.12),transparent 60%),radial-gradient(120% 90% at 50% 120%,#080a12d9,#080a1259 70%),url(/cards/background.webp) center / cover no-repeat,var(--bg);overflow:hidden}.story-hud{flex:0 0 auto;z-index:var(--z-story-hud);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:#080a12b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.story-hud__chapter{font-weight:700;color:var(--accent);letter-spacing:.02em}.story-hud__seq{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.story-hud__star{margin-left:auto;font-weight:600;color:var(--text)}.story-center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:1rem}.story-center__hint{color:var(--text-dim);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.story-overlay>*{pointer-events:auto}.story-overlay--bottom{align-items:flex-end;padding-bottom:clamp(1rem,4vh,2.5rem)}.story-dialogue{position:relative;width:min(680px,100%);display:flex;gap:.9rem;align-items:flex-end}.story-dialogue__portrait{position:absolute;left:0;bottom:100%;transform:translateY(10%);width:clamp(72px,18vw,120px);aspect-ratio:1;border-radius:12px;overflow:hidden;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(124,92,240,.5))}.story-dialogue__portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom}.story-dialogue__portrait--star{transform:translateY(18%)}.story-dialogue__body{flex:1 1 auto;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow-2);min-height:92px}.story-dialogue--narrator .story-dialogue__body{background:#080a12d9;border-style:dashed;font-style:italic}.story-dialogue__name{font-weight:700;color:var(--arcane);margin-bottom:.25rem}.story-dialogue__text{margin:0 0 .7rem;line-height:1.45}.story-dialogue__actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.story-dialogue--retro .story-dialogue__body{font-family:ui-monospace,Courier New,monospace;border-radius:0;border:2px solid #b8c0d8;background:#0b0d12;color:#d6dcea;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #b8c0d8;image-rendering:pixelated}.story-dialogue--retro .story-dialogue__name{color:#9aa6c0}.story-dialogue--reveal{animation:story-dialogue-reveal 1.3s ease both}@keyframes story-dialogue-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.story-dialogue--reveal{animation:none}}.story-dialogue--retro .story-dialogue__portrait{border-radius:0;background:#0b0d12;filter:none;transform:none;border:2px solid #b8c0d8;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #b8c0d8;bottom:calc(100% + 4px);image-rendering:pixelated}.story-dialogue--retro .story-dialogue__portrait img{image-rendering:pixelated}.story-stage--retro .btn{border-radius:0!important;background-image:none!important;image-rendering:pixelated;font-family:ui-monospace,Courier New,monospace;text-transform:uppercase;letter-spacing:.03em;transition:none;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #3a4257!important}.story-stage--retro .btn:after{display:none!important}.story-stage--retro .btn:hover{transform:none!important}.story-stage--retro .btn-primary{background:#1b1f2e!important;color:#f2e4bf;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px var(--accent)!important}.story-stage--retro .btn-primary:hover{background:#262b3d!important}.story-stage--retro .story-quit{width:36px!important;height:36px!important;min-width:0!important;min-height:0!important;padding:0!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:0!important;image-rendering:pixelated;background:#1a1014!important;color:var(--color-r)!important;border:none!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #7a2b2b!important;font-size:16px!important;line-height:1!important}.story-stage--retro .story-quit:hover{transform:none!important;background:var(--color-r)!important;color:#0b0d12!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #e24b4a!important}.story-stage--retro .story-chrome--right{gap:.85rem}.story-duel{width:min(420px,100%);text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:16px;padding:1.3rem 1.2rem;box-shadow:var(--shadow-2)}.story-duel h3{margin:0 0 .5rem}.story-duel--retro{font-family:ui-monospace,monospace;border-radius:0;border:2px solid #b8c0d8}.story-duel__cheat{color:var(--color-r);font-size:.78rem;margin:.3rem 0 .6rem}.story-duel__btns{display:flex;gap:.6rem;justify-content:center;margin-top:.4rem}.story-duel__quit{margin-top:.8rem;width:100%;color:var(--text-dim)}.story-glitch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-glitch);pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(172,184,212,.11) 2px 3px);mix-blend-mode:screen}.story-stage--retro{image-rendering:pixelated;background:radial-gradient(120% 90% at 50% 120%,#080a12d1,#080a1266 70%),url(/cards/bg-anomaly.webp) center / cover no-repeat,var(--bg)}.story-stage--retro .game-board__arena{background:linear-gradient(#080a1294,#080a12b8),url(/cards/bg-anomaly.webp) center / cover no-repeat,var(--bg)!important;image-rendering:pixelated}.story-stage--retro .game-board{font-family:ui-monospace,Courier New,monospace}.story-stage--retro .game-card,.story-stage--retro .game-card *{border-radius:0!important}.story-stage--retro .game-card{image-rendering:pixelated}.story-stage--retro .game-card:not(.game-card--selected):not(.game-card--tuto-glow){box-shadow:0 0 0 2px #0b0d12,0 0 0 3px #aab4cc}.story-stage--retro .game-card__art,.story-stage--retro .game-card--face-down{image-rendering:pixelated}.story-stage--retro .game-card__back{background-image:url(/cards/cardback-pixel.webp)!important;image-rendering:pixelated}.story-stage--retro .stuck-coin{border-radius:0;image-rendering:pixelated}.story-stage--retro .stuck-coin--sword{background:url(/cards/sword_pixel.webp) center / cover}.story-stage--retro .stuck-coin--shield{background:url(/cards/shield_pixel.webp) center / cover}.story-stage--retro .zone-picker-card__disc{border-radius:0;image-rendering:pixelated;background:linear-gradient(#0809101a,#08091038),url(/cards/token_pixel.webp) center / cover}.story-stage--retro .zone-picker-card__zone{border-radius:0;image-rendering:pixelated}.story-stage--retro .lp-info{box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #c9d2ee,0 0 0 6px #0b0d12;padding:6px 8px;background:#080a1273}.story-stage--retro .stuck-bar:not(.stuck-bar--peek){background:#0e131d!important;border-radius:0!important;box-shadow:0 0 0 2px #0b0d12,0 0 0 4px #c9d2ee}.story-stage--retro .game-board__player,.story-stage--retro .game-board__opponent{border-radius:0!important}.story-stage--retro .hp-bar__track{position:relative;border-radius:0!important;overflow:hidden;box-shadow:0 0 0 2px #c9d2ee;background:#0b0d12}.story-stage--retro .hp-bar__fill{border-radius:0!important;image-rendering:pixelated}.story-stage--retro .hp-bar__track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 5px,rgba(11,13,18,.65) 5px 6px)}.story-stage--retro .hp-bar__label{font-family:ui-monospace,Courier New,monospace;letter-spacing:.04em}.story-stage.is-glitching{animation:story-vsync .4s steps(6,end) 1}@keyframes story-vsync{0%{transform:translate(0);filter:none;clip-path:none}16%{transform:translate(-18px);clip-path:inset(0 0 var(--tear-rest, 50%) 0);filter:drop-shadow(3px 0 0 rgba(255,40,90,.55)) drop-shadow(-3px 0 0 rgba(40,255,235,.55))}33%{transform:translate(20px);clip-path:inset(var(--tear-y, 50%) 0 0 0)}50%{transform:translate(-15px);clip-path:inset(0 0 var(--tear-rest, 50%) 0);filter:drop-shadow(-4px 0 0 rgba(255,40,90,.55)) drop-shadow(4px 0 0 rgba(40,255,235,.55))}67%{transform:translate(16px);clip-path:inset(var(--tear-y, 50%) 0 0 0)}84%{transform:translate(-6px);clip-path:none;filter:none}to{transform:translate(0);clip-path:none;filter:none}}.story-crack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-credits);overflow:hidden;pointer-events:auto}.story-crack:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(172,184,212,.12) 2px 3px);animation:story-crack-scan 7.2s ease both}@keyframes story-crack-scan{0%{opacity:0}10%,62%{opacity:.7}to{opacity:0}}.story-crack__svg{width:100%;height:100%;display:block;overflow:visible}.story-crack__cell{fill:#0a0c12;fill-opacity:0;stroke:#d4ddf6;stroke-width:.35;filter:drop-shadow(0 0 1px rgba(160,180,255,.7));transform-box:fill-box;transform-origin:center;animation:story-cell-darken .9s ease both,story-cell-draw .55s linear var(--dd, 1.5s) both,story-cell-fall 1.5s ease-in var(--fd, 4.5s) both}@keyframes story-cell-darken{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes story-cell-draw{0%{stroke-dashoffset:var(--len, 200)}to{stroke-dashoffset:0}}@keyframes story-cell-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx, 0px),175px) rotate(var(--rot, 30deg));opacity:0}}.story-flashwipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-credits);pointer-events:auto;background:#fff;opacity:0;animation:story-flashwipe 1.2s ease both}@keyframes story-flashwipe{0%{opacity:0}42%,58%{opacity:1}to{opacity:0}}.story-center{transition:opacity 1.6s ease}.story-intro-logo{position:fixed;top:9vh;left:0;right:0;z-index:var(--z-story-portrait);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:story-intro-logo 4.4s ease both}.story-intro-logo img{width:min(74vw,540px);filter:drop-shadow(0 0 28px rgba(124,92,240,.5))}.story-intro-subtitle{margin-top:-.4em;font-size:clamp(.85rem,2.4vw,1.15rem);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#e8edff;font-weight:600;text-shadow:0 0 16px rgba(124,92,240,.65)}@keyframes story-intro-logo{0%{opacity:0;transform:translateY(-16px) scale(.97)}40%{opacity:1;transform:translateY(0) scale(1)}60%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.99)}}.story-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-flash);background:#fff;pointer-events:none;opacity:.97}.story-bloom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-flash);pointer-events:none;background:radial-gradient(circle at 50% 55%,#fff,#ffffffeb 30%,#fff0 72%);transform-origin:50% 55%;opacity:0}.story-credits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-credits);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-align:center;padding:2rem;color:#0b0d12;background:#fffffff0;animation:story-credits-in .8s .2s ease both}@keyframes story-credits-in{0%{opacity:0}to{opacity:1}}.story-credits{overflow-y:auto}.story-credits h1{font-size:clamp(2.4rem,9vw,4rem);margin:0;letter-spacing:.2em}.story-credits__logo{width:min(62vw,380px);height:auto;margin:0 auto .2rem;display:block}.story-actdone{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:.2rem 0 .4rem;padding:.9rem 1.6rem;border-radius:var(--radius);border:1px solid rgba(107,79,208,.25);background:linear-gradient(180deg,#6b4fd014,#6b4fd005);box-shadow:0 6px 22px #6b4fd01f}.story-actdone__overline{font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;font-weight:700;color:#6b4fd0;padding-left:.42em}.story-actdone__headline{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;line-height:1;letter-spacing:.02em;color:#0b0d12}.story-actdone__check{display:inline-flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;border-radius:999px;background:#6b4fd0;color:#fff;box-shadow:0 4px 14px #6b4fd066}.story-actdone__subtitle{margin:.45rem 0 0;max-width:460px;font-size:.92rem;line-height:1.45;color:#444}@media (prefers-reduced-motion: no-preference){.story-actdone__check{animation:story-actdone-pop .5s .5s ease both}}@keyframes story-actdone-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.story-credits__section{display:flex;flex-direction:column;gap:.25rem;max-width:540px;width:100%}.story-credits__section h2{font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#6b4fd0;margin:.5rem 0 .15rem}.story-credits__section p{margin:0;display:flex;flex-direction:column;line-height:1.3}.story-credits__section p strong{font-size:1rem;color:#0b0d12}.story-credits__section p span{font-size:.8rem;color:#555}.story-credits__thanks{font-style:italic;color:#555;font-size:.8rem}.story-credits__note{color:#333;font-size:.92rem;font-weight:600;margin-top:.5rem}@media (prefers-reduced-motion: reduce){.story-glitch,.story-flash,.story-credits{animation:none}.story-flash{opacity:.92}}.constellation{width:100%;height:100%;display:block;overflow:visible}.constellation__link{stroke:currentColor;stroke-width:1.6;opacity:.18}.constellation__link.is-lit{stroke:currentColor;stroke-width:2.6;opacity:.9;filter:drop-shadow(0 0 5px currentColor);transition:opacity .6s var(--ease),stroke-width .6s}.constellation__core{fill:var(--surface-3);stroke:var(--border-2);stroke-width:1.5;transition:fill .6s var(--ease)}.constellation__star.is-lit .constellation__core,.constellation__star.is-current .constellation__core{fill:var(--star-col);stroke:var(--star-col);filter:drop-shadow(0 0 7px var(--star-col))}.constellation__halo{fill:var(--star-col);opacity:.16;transform-box:fill-box;transform-origin:center}.constellation__star.is-current .constellation__halo{opacity:.3}.constellation__star.is-current .constellation__core{transform-box:fill-box;transform-origin:center;animation:const-twinkle 2.6s ease-in-out infinite}.constellation__star.is-current .constellation__halo{animation:const-halo-breath 2.6s ease-in-out infinite}@keyframes const-twinkle{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes const-halo-breath{0%,to{opacity:.22;transform:scale(.9)}50%{opacity:.34;transform:scale(1.18)}}.constellation__corona{stroke:var(--star-col);stroke-width:1.4;fill:none;transform-box:fill-box;transform-origin:center;animation:const-corona-spin 38s linear infinite,const-corona-breath 4.2s ease-in-out infinite}@keyframes const-corona-spin{to{transform:rotate(360deg)}}@keyframes const-corona-breath{0%,to{opacity:.16}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.constellation__star.is-current .constellation__core,.constellation__star.is-current .constellation__halo,.constellation__corona{animation:none}.constellation__corona{opacity:.26}}.constellation__face{pointer-events:none}.constellation__comet{fill:#fff;filter:drop-shadow(0 0 7px var(--accent)) drop-shadow(0 0 3px #fff)}.constellation--grey{image-rendering:pixelated;shape-rendering:crispEdges}.constellation__pixlink{stroke:#d6dcea;stroke-width:3;opacity:.22}.constellation__pixlink.is-lit{opacity:.85}.constellation__pix{fill:#1c2130;stroke:#aab4cc;stroke-width:2}.constellation__pix.is-lit{fill:#d6dcea;stroke:#d6dcea}.constellation__pix.is-current{fill:#fff;stroke:#fff;animation:const-pix-blink .7s steps(2,end) infinite}@keyframes const-pix-blink{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.constellation__pix.is-current{animation:none}}.constellation--blaze{animation:const-blaze 1.5s ease-in both}.constellation--blaze .constellation__core{filter:drop-shadow(0 0 18px var(--star-col)) drop-shadow(0 0 7px #fff)}.constellation--blaze .constellation__halo{opacity:.55}.constellation--blaze .constellation__link.is-lit{opacity:1;stroke-width:3.2;filter:drop-shadow(0 0 11px currentColor)}@keyframes const-blaze{0%{filter:brightness(1)}to{filter:brightness(2.5)}}.bg-veil{position:relative;z-index:0}.bg-veil:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#07080ed1}.bg-solid{position:relative;z-index:0}.bg-solid:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--bg)}.story-board-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-story-dialogue);background:var(--bg)}.story-board-skip{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:var(--z-story-portrait)}.story-rule{width:min(440px,100%);text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--accent);border-radius:16px;padding:1.3rem 1.2rem;box-shadow:var(--shadow-2),0 0 24px var(--glow-accent)}.story-rule__title{margin:0 0 .4rem;color:var(--accent)}.story-rule__portrait{display:block;margin:0 auto .7rem;height:124px;max-width:70%;object-fit:contain;object-position:bottom}@media (max-width: 640px){.story-rule__portrait{height:100px}}.story-rule__taunt{font-style:italic;color:var(--text-mid);margin:0 0 .8rem}.story-rule__list{text-align:left;margin:0 0 1rem;padding-left:1.2rem;list-style:disc}.story-rule__list li{line-height:1.4;margin-bottom:.35rem}.story-rule__actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.story-rule__single{margin:0 0 1rem;line-height:1.45}.story-chrome{position:fixed;top:8px;z-index:var(--z-story-glitch);display:flex;align-items:center;gap:.45rem}.story-chrome--left{left:10px}.story-chrome--right{right:10px}.story-chrome--combat{top:104px}@media (max-width: 640px){.story-chrome--combat{top:96px}}.lang-toggle__flag svg{display:block;width:100%;height:100%}.social-chip{position:relative;cursor:pointer;padding-left:.75rem;padding-right:.75rem}.social-chip__label{font-weight:600}.social-dotbadge{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--color-y);box-shadow:0 0 6px var(--color-y);border:2px solid var(--bg)}.social-dotbadge--inline{position:static;display:inline-block;margin-left:.4rem;border:none;vertical-align:middle}.social-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06080ea8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:social-fade .16s var(--ease)}.social-popin{width:min(400px,100%);max-height:84vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden;animation:social-pop .16s var(--ease)}@keyframes social-fade{0%{opacity:0}to{opacity:1}}@keyframes social-pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.social-popin__head{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem .6rem;border-bottom:1px solid var(--border)}.social-popin__title{flex:1 1 auto;font-weight:600;font-size:1rem;color:var(--text)}.social-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:transparent;border:1px solid var(--border-2);color:var(--text-mid);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.social-close:hover{color:var(--text);background:var(--surface-2)}.social-refresh{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:transparent;border:1px solid var(--border-2);color:var(--text-mid);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.social-refresh:hover{color:var(--accent);border-color:var(--accent);background:var(--surface-2)}.social-refresh:disabled{cursor:default}.social-refresh.is-spinning svg{animation:social-spin .6s linear infinite}@keyframes social-spin{to{transform:rotate(360deg)}}.social-tabs{display:flex;gap:.5rem;padding:.55rem .8rem .15rem}.social-tab{flex:1 1 0;min-width:0;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--surface);border:1px solid var(--border-2);color:var(--text-mid);border-radius:11px;cursor:pointer;font-size:.86rem;font-weight:600;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.social-tab:hover{color:var(--text)}.social-tab.is-active{color:var(--accent);border-color:var(--accent);background:var(--surface-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.social-tab__n{font-size:.78rem;font-weight:700;color:var(--text-dim)}.social-tab.is-active .social-tab__n{color:var(--accent)}.social-tab__n--alert{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-r);color:#fff;font-size:.72rem}.social-body{flex:1 1 auto;min-height:0;padding:.7rem .8rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.social-empty{color:var(--text-dim);font-size:.85rem;text-align:center;padding:.8rem 0}.social-friend{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);transition:border-color .15s var(--ease),background .15s var(--ease)}.social-friend:hover{border-color:var(--border-2);background:var(--surface-3)}.social-friend__id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.social-friend__name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-friend__status{font-size:.72rem;color:var(--text-dim)}.social-friend__status--avail{color:var(--color-g)}.social-friend__status--busy{color:var(--color-y)}.social-avatar{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:linear-gradient(#08080e73,#08080e73),url(/cards/profile-bg.webp) center / cover;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 4px rgba(0,0,0,.85)}.social-avatar__dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--surface-2)}.social-avatar--avail{box-shadow:0 0 0 2px var(--surface-2),0 0 0 3.5px var(--color-g),0 0 9px color-mix(in srgb,var(--color-g) 50%,transparent)}.social-avatar--avail .social-avatar__dot{background:var(--color-g)}.social-avatar--busy{box-shadow:0 0 0 2px var(--surface-2),0 0 0 3.5px var(--color-y)}.social-avatar--busy .social-avatar__dot{background:var(--color-y)}.social-avatar--off{box-shadow:0 0 0 2px var(--surface-2),0 0 0 3.5px var(--border-2)}.social-avatar--off .social-avatar__dot{background:var(--text-dim)}.profile-avatar{transition:transform .15s var(--ease),box-shadow .15s}.profile-avatar:hover{box-shadow:0 0 0 2px var(--accent);transform:translateY(-1px)}.profile-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#1a1606;border:2px solid var(--surface);box-shadow:0 1px 4px #00000080;pointer-events:none;transition:transform .15s var(--ease)}.profile-avatar:hover+.profile-avatar-edit{transform:scale(1.12)}.portrait-popin{width:min(440px,100%)}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.8rem;overflow-y:auto}.portrait-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem .3rem;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;color:var(--text-mid);font:inherit;width:100%;transition:border-color .15s,background .15s,transform .15s var(--ease)}.portrait-cell:hover{background:var(--surface-3)}.portrait-cell.is-selected{border-color:var(--accent);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--accent)}.portrait-cell.is-locked{cursor:not-allowed}.portrait-thumb{position:relative;width:72px;height:72px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.6rem;text-shadow:0 1px 5px rgba(0,0,0,.85)}.portrait-cell.is-selected .portrait-thumb{box-shadow:0 0 0 2px var(--accent),0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}.portrait-cell.is-locked .portrait-thumb{filter:grayscale(1) brightness(.5)}.portrait-thumb__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.35rem}.portrait-cell__label{font-size:.72rem;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portrait-cell.is-selected .portrait-cell__label{color:var(--accent)}.social-act{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;cursor:pointer;background:var(--surface-3);border:1px solid var(--border-2);transition:border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}.social-act--accept{color:var(--color-g)}.social-act--accept:hover{border-color:var(--color-g);box-shadow:0 0 10px color-mix(in srgb,var(--color-g) 45%,transparent);transform:translateY(-1px)}.social-act--decline{color:var(--text-dim);font-size:.95rem}.social-act--decline:hover{color:var(--color-r);border-color:color-mix(in srgb,var(--color-r) 60%,transparent)}.chip-presence{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.chip-presence.is-on{background:var(--color-g);box-shadow:0 0 6px var(--color-g)}.chip-presence.is-off{background:var(--text-dim);opacity:.55;box-shadow:none}.social-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--text-dim)}.social-dot--avail{background:var(--color-g);box-shadow:0 0 6px var(--color-g)}.social-dot--busy{background:var(--color-y)}.social-dot--off{background:var(--text-dim);opacity:.5}.social-invite-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;cursor:pointer;color:var(--accent);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--border-2);transition:transform .12s var(--ease),box-shadow .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.social-invite-btn:hover:not(:disabled){color:var(--accent-bright, var(--accent));border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent);transform:translateY(-1px)}.social-invite-btn:active:not(:disabled){transform:translateY(0)}.social-invite-btn:disabled{color:var(--text-dim);opacity:.4;cursor:not-allowed}.social-friend__rm{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;cursor:pointer;font-size:.95rem;color:var(--text-dim);background:transparent;border:1px solid transparent;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.social-friend__rm:hover{color:var(--color-r);border-color:var(--border-2);background:var(--surface-2)}.social-add{display:flex;gap:.4rem;margin-top:.6rem;padding-top:.7rem;border-top:1px solid var(--border)}.social-add__input{flex:1 1 auto;min-width:0;padding:.5rem .7rem;border-radius:10px;color:var(--text);background:var(--bg-deep, #0a0c14);border:1px solid var(--border-2);font-size:.86rem;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.social-add__input::placeholder{color:var(--text-dim);opacity:.85}.social-add__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 10px var(--glow-accent)}.social-add__btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;cursor:pointer;color:#1a1606;background:var(--accent);border:1px solid var(--accent);transition:filter .15s var(--ease),box-shadow .15s var(--ease),transform .12s var(--ease)}.social-add__btn:hover{filter:brightness(1.08);box-shadow:0 0 12px var(--glow-accent)}.social-add__btn:active{transform:translateY(1px)}.social-err{color:var(--color-r);font-size:.78rem;margin:.1rem 0 0}.social-switch{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:0;cursor:pointer;background:transparent;border:none;color:var(--text-dim);font-size:.78rem;font-weight:600}.social-switch:hover{color:var(--text-mid)}.social-switch__track{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-2);transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.social-switch__knob{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;background:var(--text-dim);transition:transform .18s var(--ease),background .18s var(--ease)}.social-switch.is-on .social-switch__track{background:linear-gradient(180deg,var(--accent),var(--accent-deep, var(--accent)));border-color:var(--accent);box-shadow:0 0 10px var(--glow-accent)}.social-switch.is-on .social-switch__knob{transform:translate(18px,-50%);background:#0a0c14}.social-switch.is-on{color:var(--text)}.social-invite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06080e99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.social-invite{width:min(340px,100%);padding:1.5rem 1.2rem 1.3rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--accent);border-radius:18px;box-shadow:var(--shadow-2),0 0 24px var(--glow-accent);animation:social-pop .18s var(--ease)}.social-invite__avatar{width:76px;height:76px;border-radius:50%;margin-bottom:.9rem;background:linear-gradient(#08080e66,#08080e66),url(/cards/profile-bg.webp) center / cover;background-size:cover;background-position:center;border:1px solid var(--border);box-shadow:0 0 0 3px var(--surface-2),0 0 0 4.5px var(--accent),0 0 16px var(--glow-accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.9rem;text-shadow:0 1px 5px rgba(0,0,0,.85)}.social-invite__title{margin:0 0 1.1rem;font-weight:600;line-height:1.35}.social-invite__actions{display:flex;gap:1.4rem;justify-content:center}.social-invite__btn{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-2);background:var(--surface-3);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s,border-color .15s,background .15s}.social-invite__btn:hover{transform:translateY(-2px) scale(1.05)}.social-invite__btn:active{transform:translateY(0) scale(1)}.social-invite__btn--accept{color:var(--color-g)}.social-invite__btn--accept:hover{border-color:var(--color-g);box-shadow:0 0 16px color-mix(in srgb,var(--color-g) 55%,transparent);background:color-mix(in srgb,var(--color-g) 14%,var(--surface-3))}.social-invite__btn--decline{color:var(--color-r)}.social-invite__btn--decline:hover{border-color:var(--color-r);box-shadow:0 0 16px color-mix(in srgb,var(--color-r) 55%,transparent);background:color-mix(in srgb,var(--color-r) 14%,var(--surface-3))}.btn:focus-visible,.filter-pill:focus-visible,.token-choice:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-toggle:focus-visible,.dbcard-pill:focus-visible,.dbcard-remove:focus-visible,.dbrow-remove:focus-visible,.stuck-eye:focus-visible,.nav-quit:focus-visible,.card-zoom__close:focus-visible,.social-invite__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent)}