:root{--oak-900: #140d08;--oak-800: #1c130c;--oak-700: #2a1d12;--oak-600: #3a2a1a;--oak-500: #4d3924;--stone-700: #35322c;--stone-500: #575048;--bone-100: #f3ead6;--bone-200: #e6d8ba;--bone-400: #c9b78e;--ink-700: #241812;--iron-500: #8b8a86;--iron-300: #b9b7b0;--gold-500: #c8a24a;--gold-400: #e0bd63;--blood-600: #7c1f18;--blood-500: #a12b22;--suit-raven: #cfd3d8;--suit-axe: #d98a3c;--suit-shield: #b8433a;--suit-longship: #4f9a9a;--bg: var(--oak-800);--panel: color-mix(in srgb, var(--oak-700) 88%, black);--panel-edge: color-mix(in srgb, var(--gold-500) 40%, var(--oak-500));--text: var(--bone-100);--text-dim: var(--bone-400);--accent: var(--gold-400);--danger: var(--blood-500);--radius: 12px;--shadow: 0 10px 34px rgba(0, 0, 0, .55);--font-display: "Cinzel", "Uncial Antiqua", serif;--font-rune: "Uncial Antiqua", "Cinzel", serif;--font-body: "Inter", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background-color:var(--oak-900);background-image:radial-gradient(1200px 600px at 50% -10%,rgba(200,162,74,.14),transparent 60%),radial-gradient(900px 500px at 50% 120%,rgba(124,31,24,.16),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0}a{color:var(--gold-400)}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px;border-radius:4px}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--oak-600) 70%,transparent),transparent 30%),var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.btn{font-family:var(--font-display);font-weight:700;letter-spacing:.03em;color:var(--ink-700);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));border:1px solid color-mix(in srgb,var(--gold-500) 60%,black);border-radius:10px;padding:.7rem 1.15rem;font-size:1rem;box-shadow:0 3px color-mix(in srgb,var(--gold-500) 55%,black),var(--shadow);transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--gold-500) 55%,black)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn-ghost{background:transparent;color:var(--bone-200);border:1px solid var(--panel-edge);border-radius:10px;padding:.6rem 1rem;font-weight:600;box-shadow:none}.btn-ghost:hover{background:color-mix(in srgb,var(--gold-500) 12%,transparent)}.rune-divider{display:flex;align-items:center;gap:.6rem;color:var(--gold-500);font-family:var(--font-rune);opacity:.8}.rune-divider:before,.rune-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500),transparent)}.app-shell{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.container{width:100%;max-width:960px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.wordmark{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold-400)}.wordmark-raven{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));flex:none}.wordmark-text{display:inline-flex;flex-direction:column;line-height:1;font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:.04em;color:var(--gold-400);text-shadow:0 1px 0 rgba(0,0,0,.5)}.wordmark-sub{font-family:var(--font-rune);font-weight:400;font-size:.72rem;letter-spacing:.28em;color:var(--bone-400);margin-top:2px}.lang-toggle{display:inline-flex;border:1px solid var(--panel-edge);border-radius:8px;overflow:hidden;flex:none}.lang-toggle button{background:transparent;color:var(--text-dim);border:0;padding:.4rem .7rem;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.05em}.lang-toggle button.is-active{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--ink-700)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0 1rem}.brand{text-decoration:none;display:inline-flex}.app-main{flex:1;width:100%;display:flex;flex-direction:column}.app-footer{text-align:center;color:var(--text-dim);padding:2rem 0 .5rem;font-size:.9rem}.app-footer p{margin:.6rem 0 0}.app-footer .rune-divider{justify-content:center}.card{--card-w: 66px;--card-h: 92px;position:relative;width:var(--card-w);height:var(--card-h);border-radius:8px;flex:none;padding:0;-webkit-user-select:none;user-select:none}.card-sm{--card-w: 46px;--card-h: 64px}.card-lg{--card-w: 84px;--card-h: 118px}.card-face{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 22%),radial-gradient(120% 90% at 50% 0%,#f4ecd7,#e4d5b3 70%,#d8c59a);border:1.5px solid #8a6f3a;box-shadow:0 4px 10px #00000073,inset 0 0 0 1px #fff6;color:var(--ink-700);display:block;overflow:hidden;transition:transform .1s ease,box-shadow .15s ease,outline-color .15s ease}button.card-face{cursor:pointer}button.card-face:hover:not(:disabled){transform:translateY(-6px);box-shadow:0 10px 18px #00000080}button.card-face:disabled{cursor:default;filter:saturate(.7) brightness(.96)}.card-face.is-selected{transform:translateY(-12px);outline:3px solid var(--gold-400);outline-offset:1px;box-shadow:0 14px 22px #0000008c}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}.card-corner-tl{top:5px;left:5px}.card-corner-br{bottom:5px;right:5px;transform:rotate(180deg)}.card-rank{font-family:var(--font-display);font-weight:900;font-size:.95rem}.card-sm .card-rank{font-size:.75rem}.card-lg .card-rank{font-size:1.15rem}.card-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.card-back{background:linear-gradient(180deg,var(--oak-600),var(--oak-800));border:1.5px solid var(--gold-500);box-shadow:0 4px 10px #00000073,inset 0 0 0 1px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-back-art{width:100%;height:100%}.home{display:flex;flex-direction:column;gap:1.1rem;max-width:460px;margin:0 auto;width:100%}.home-hero{text-align:center;padding:.5rem 0 .25rem}.home-cards{display:flex;justify-content:center;gap:0}.home-cards>*{margin-inline:-10px;transform:rotate(var(--r, 0deg));box-shadow:0 6px 14px #00000080;border-radius:8px}.home-cards>*:nth-child(1){--r: -10deg}.home-cards>*:nth-child(2){--r: 3deg;margin-top:-6px}.home-cards>*:nth-child(3){--r: 12deg}.home-tagline{color:var(--text-dim);margin:.9rem 0 0}.home-card{padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.9rem}.home-card h2{font-size:1.15rem;color:var(--gold-400)}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{font-size:.85rem;color:var(--text-dim);letter-spacing:.02em}.field input{background:var(--oak-900);border:1px solid var(--panel-edge);border-radius:8px;color:var(--text);padding:.65rem .8rem;font-size:1rem;font-family:var(--font-body)}.seat-picker{display:flex;align-items:center;gap:.5rem}.seat-label{font-size:.85rem;color:var(--text-dim);margin-right:auto}.seat-chip{width:2.6rem;height:2.6rem;border-radius:8px;border:1px solid var(--panel-edge);background:var(--oak-900);color:var(--bone-200);font-family:var(--font-display);font-weight:700;font-size:1.1rem}.seat-chip.is-active{background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--ink-700);border-color:var(--gold-500)}.home-go{align-self:stretch}.home-or{margin:.2rem 0}.home-err{color:var(--blood-500);text-align:center;margin:0}.home-notice{padding:1.5rem;text-align:center}.opponent{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .7rem;border-radius:12px;border:1px solid transparent;min-width:120px;background:color-mix(in srgb,var(--oak-700) 60%,transparent)}.opponent.is-turn{border-color:var(--gold-400);box-shadow:0 0 0 1px var(--gold-500),0 0 18px #e0bd6340}button.opponent.is-target{cursor:pointer;transition:transform .1s ease,border-color .1s ease}button.opponent.is-target:hover{transform:translateY(-2px);border-color:var(--bone-400)}button.opponent.is-selected{border-color:var(--gold-400);background:color-mix(in srgb,var(--gold-500) 16%,transparent)}.opp-head{display:flex;align-items:center;gap:.3rem}.opp-name{font-family:var(--font-display);font-weight:700;color:var(--bone-100);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-turn{color:var(--gold-400)}.opp-stack{display:flex;height:64px;align-items:center}.opp-stack>*{margin-inline:-16px}.opp-empty{color:var(--text-dim);font-size:1.4rem}.opp-meta{display:flex;gap:.8rem;font-size:.8rem;color:var(--text-dim)}.opp-hoards{display:inline-flex;align-items:center;gap:.25rem;color:var(--suit-shield)}.hand{display:flex;justify-content:center;flex-wrap:wrap;padding:.8rem .5rem .4rem;min-height:96px}.hand-slot{margin-inline:-12px;transition:margin .15s ease}.hand-slot:hover{margin-inline:-4px}.hand-empty{color:var(--text-dim);font-size:1.5rem;align-self:center}@media (max-width: 520px){.hand-slot{margin-inline:-18px}}.ask-panel{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap;padding:.7rem 1rem;background:color-mix(in srgb,var(--gold-500) 10%,var(--oak-800));border:1px solid var(--panel-edge);border-radius:12px}.ask-prompt{margin:0;font-family:var(--font-display);font-size:1.05rem;color:var(--bone-100);text-align:center}.ask-btn{flex:none}.table{display:flex;flex-direction:column;gap:1rem;width:100%}.turn-banner{text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.15rem;padding:.5rem 1rem;border-radius:10px;color:var(--bone-200);background:color-mix(in srgb,var(--oak-700) 70%,transparent);border:1px solid var(--panel-edge)}.turn-banner.is-you{color:var(--ink-700);background:linear-gradient(180deg,var(--gold-400),var(--gold-500));border-color:var(--gold-500)}.opponents{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.table-center{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:.8rem 1rem;border-radius:14px;background:radial-gradient(120% 140% at 50% 0%,rgba(79,154,154,.12),transparent 60%),color-mix(in srgb,var(--oak-900) 70%,#10201f);border:1px solid var(--panel-edge)}.pond{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pond-stack{position:relative}.pond-stack:before,.pond-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:var(--oak-700);border:1px solid var(--gold-500);opacity:.5}.pond-stack:before{transform:translate(4px,4px)}.pond-stack:after{transform:translate(2px,2px)}.pond-stack>*{position:relative;z-index:1}.pond-empty{color:var(--text-dim);font-size:1.4rem;display:inline-block;width:66px;text-align:center}.pond-label{font-size:.8rem;color:var(--suit-longship);font-family:var(--font-display)}.log{list-style:none;margin:0;padding:0;font-size:.85rem;color:var(--text-dim);display:flex;flex-direction:column;gap:.15rem;max-height:96px;overflow:hidden}.log-latest{color:var(--bone-100)}.you-area{display:flex;flex-direction:column;gap:.6rem}.you-meta{display:flex;gap:.4rem;justify-content:center;align-items:center;font-size:.85rem;color:var(--text-dim)}.you-tag{font-family:var(--font-display);font-weight:700;color:var(--gold-400);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}@media (max-width: 520px){.table-center{grid-template-columns:1fr;justify-items:center;text-align:center}.log{align-items:center}}.invite{display:flex;flex-direction:column;align-items:center;gap:1rem}.invite-qr{border-radius:10px;border:3px solid var(--gold-500);background:var(--bone-200);image-rendering:pixelated}.invite-link{display:flex;gap:.5rem;width:100%;max-width:360px}.invite-link input{flex:1;min-width:0;background:var(--oak-900);border:1px solid var(--panel-edge);border-radius:8px;color:var(--text-dim);padding:.6rem .7rem;font-size:.85rem;font-family:var(--font-body)}.invite-link .btn{flex:none}.og-msg{text-align:center;color:var(--text-dim);padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.lobby{max-width:460px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem;text-align:center}.lobby h1{font-size:1.4rem;color:var(--gold-400)}.lobby-seats{color:var(--text-dim);margin:0}.lobby-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;text-align:left}.lobby-roster li{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:10px;background:color-mix(in srgb,var(--oak-700) 60%,transparent);border:1px solid var(--panel-edge);font-family:var(--font-display)}.lobby-dot{color:var(--gold-500);font-family:var(--font-rune)}.lobby-empty{color:var(--text-dim);opacity:.6;font-style:italic}.lobby-host,.lobby-you{color:var(--text-dim);font-family:var(--font-body);font-size:.85rem;font-weight:400}.lobby-invite{padding:1.2rem}.lobby-invite h2{font-size:1.1rem;color:var(--gold-400);margin-bottom:.8rem}.lobby-start{align-self:center;min-width:200px}.lobby-wait-host{color:var(--text-dim)}.over{max-width:440px;margin:0 auto;width:100%;text-align:center;display:flex;flex-direction:column;gap:1rem}.over h1{color:var(--gold-400);font-size:1.6rem}.over-line{font-family:var(--font-display);font-size:1.15rem;margin:0}.over-standings{display:flex;flex-direction:column;gap:.4rem}.over-row{display:flex;justify-content:space-between;padding:.6rem 1rem;border-radius:10px;background:color-mix(in srgb,var(--oak-700) 60%,transparent);border:1px solid var(--panel-edge);font-family:var(--font-display)}.over-row.is-win{border-color:var(--gold-400);background:color-mix(in srgb,var(--gold-500) 14%,transparent)}.over-score{color:var(--gold-400)}.over-actions{display:flex;gap:.8rem;justify-content:center;align-items:center}.og-spectator{text-align:center;color:var(--text-dim);display:flex;flex-direction:column;gap:1rem}.about{max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1rem}.about h1{color:var(--gold-400)}.about-intro{color:var(--bone-200);margin:0}.about-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.about-steps li{counter-increment:step;position:relative;padding:.8rem 1rem .8rem 3rem;border-radius:10px;background:color-mix(in srgb,var(--oak-700) 55%,transparent);border:1px solid var(--panel-edge);display:flex;flex-direction:column;gap:.2rem}.about-steps li:before{content:counter(step);position:absolute;left:.8rem;top:.8rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--gold-400),var(--gold-500));color:var(--ink-700);font-family:var(--font-display);font-weight:700;font-size:.9rem}.about-steps strong{font-family:var(--font-display);color:var(--bone-100)}.about-steps span{color:var(--text-dim);font-size:.92rem}.about-hidden{display:flex;gap:.6rem;align-items:flex-start;padding:.9rem 1rem;border-radius:10px;background:color-mix(in srgb,var(--suit-longship) 12%,transparent);border:1px solid color-mix(in srgb,var(--suit-longship) 40%,var(--panel-edge));color:var(--bone-200);margin:0}.about-rune{color:var(--suit-longship);font-family:var(--font-rune);font-size:1.3rem;line-height:1}.about-back{align-self:flex-start}