:root{color-scheme:light;--ink: #2b2a27;--stone: #e7dcc7;--stone-shadow: rgba(32, 30, 26, .35);--clan-north: #ff6b00;--clan-south: #0057b8;--accent: #d45d4c;--paper: #f5efe6;--paper-dark: #ded3be;--deep: #1c1b19;--mist: #c8b8a0}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;color:var(--ink);background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 60%),radial-gradient(circle at top left,#f8f3ea,#e7ddc7 45%,#d5c8b0);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(43,42,39,.08) 0 2px,transparent 2px 24px),linear-gradient(0deg,rgba(43,42,39,.08) 0 2px,transparent 2px 24px),linear-gradient(90deg,rgba(255,107,0,.12) 0 6px,transparent 6px 72px),linear-gradient(0deg,rgba(0,87,184,.12) 0 6px,transparent 6px 72px);background-size:48px 48px,48px 48px,96px 96px,96px 96px;mix-blend-mode:multiply;pointer-events:none;opacity:.35}#root{position:relative;z-index:1}.app{max-width:1200px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:32px}.app--landing{max-width:1100px}.landing{display:flex;flex-direction:column;gap:48px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center;padding:28px;border-radius:26px;background:linear-gradient(140deg,#ffffffe6,#ece2d2cc);border:1px solid rgba(43,42,39,.14);box-shadow:0 22px 36px #1c1b1929}.landing-hero__copy h1{font-size:3rem;margin:0 0 12px}.landing-lang{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a2799;margin-bottom:12px}.landing-lang select{border-radius:999px;border:1px solid rgba(43,42,39,.2);padding:6px 12px;background:#fffc;font-weight:600;color:var(--ink)}.landing h2{margin:0 0 8px;font-family:Fraunces,serif;font-size:2rem}.landing-eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;margin:0 0 10px;color:#2b2a278c}.landing-lede{margin:0 0 20px;font-size:1.05rem;color:#2b2a27bf;line-height:1.6}.landing-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.landing-pillars{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a2799}.landing-hero__card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:#2b2a2714;box-shadow:inset 0 0 0 1px #2b2a271f}.hero-board{padding:16px;border-radius:18px;background:#fffc;box-shadow:inset 0 0 12px #2b2a271a;display:flex;flex-direction:column;gap:12px}.hero-banner{font-size:.6rem;text-transform:uppercase;letter-spacing:.24em;color:#2b2a278c}.hero-row{display:flex;gap:8px}.hero-row--top{justify-content:flex-end}.hero-row--bottom{justify-content:flex-start}.hero-card{width:38px;height:52px;border-radius:10px;background:linear-gradient(140deg,#fff7ea,#e7d1b4);border:1px solid rgba(43,42,39,.2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--accent)}.hero-card--back{background:linear-gradient(140deg,#2c2a26,#4f4b43);border:1px solid rgba(255,255,255,.1)}.hero-card--accent{background:linear-gradient(140deg,#f7e1cf,#e9bba1)}.hero-stones{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.hero-stone{height:22px;border-radius:999px;background:#2b2a271a;font-size:.6rem;display:inline-flex;align-items:center;justify-content:center;color:#2b2a2799}.hero-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#2b2a27a6;text-align:center}.landing-section{display:flex;flex-direction:column;gap:20px}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.landing-card{padding:18px;border-radius:18px;background:#ffffffbf;border:1px solid rgba(43,42,39,.12);box-shadow:0 14px 26px #1c1b191f}.landing-card h3{margin:0 0 8px;font-family:Fraunces,serif}.landing-card p{margin:0;color:#2b2a27b3}.landing-section--modes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.landing-modes{display:grid;gap:12px}.landing-mode{padding:14px 16px;border-radius:16px;background:#fffc;border:1px solid rgba(43,42,39,.12)}.landing-mode h4{margin:0 0 6px;font-family:Fraunces,serif}.landing-mode p{margin:0;color:#2b2a27b3}.landing-section--install{padding:20px;border-radius:20px;background:linear-gradient(150deg,#ffffffe0,#e9dcc7d9);border:1px solid rgba(43,42,39,.12);box-shadow:0 18px 30px #1c1b1926}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.install-card{padding:12px 14px;border-radius:14px;background:#ffffffbf;border:1px solid rgba(43,42,39,.12);display:flex;flex-direction:column;gap:4px}.install-title{text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;color:#2b2a2799}.install-detail{font-weight:600;color:#2b2a27cc}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#fffffffa,#ebe4d8eb);border:1px solid rgba(43,42,39,.18);color:var(--ink);font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 28px #1c1b192e;z-index:999;animation:fadeUp .4s ease}.toast--pass{color:#1b4b7a;border-color:#1b4b7a59;background:linear-gradient(135deg,#e7f4fffa,#c8e4ffe6)}.pass-button{display:inline-flex;align-items:center;gap:8px}.pass-button--inline{padding:8px 12px;font-size:.85rem}.pass-badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;padding:4px 8px;border-radius:999px;background:#1b4b7a1f;border:1px solid rgba(27,75,122,.35);color:#1b4b7a}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.topbar{display:flex;flex-direction:column;gap:20px;align-items:stretch}.topbar-copy{display:flex;flex-direction:column;gap:6px}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;color:#2b2a2799}h1{font-family:Fraunces,serif;font-size:2.6rem;margin:0 0 8px}.subtitle{max-width:420px;margin:0;color:#2b2a27b3;line-height:1.5}.controls{display:flex;flex-direction:column;gap:16px;width:min(420px,100%);background:#ffffffb3;border-radius:18px;padding:16px 18px;box-shadow:0 12px 24px #1c1b1926;border:1px solid rgba(43,42,39,.12)}.controls-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.controls-note{margin:-2px 0 4px;color:#2b2a27b8;line-height:1.4;font-size:.92rem}.language-picker{display:flex;align-items:center;gap:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#2b2a2799}.language-picker select{border-radius:999px;border:1px solid rgba(43,42,39,.2);padding:6px 12px;background:#fffc;font-weight:600;color:var(--ink)}.debug-toggle.active{background:var(--ink);color:#f8f3ea}.control-group{display:flex;flex-direction:column;gap:8px}.control-group>.label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a2780}.mode-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mode-toggle--modes,.mode-toggle--variants{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-toggle button{border:1px solid transparent;background:#f0e7d7;padding:8px 10px;border-radius:999px;font-weight:600;cursor:pointer}.admin-panel{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:14px;border:1px dashed rgba(43,42,39,.2);background:#faf6eecc}.admin-panel--open{border-style:solid;border-color:#2b2a2747;background:#f3ede0eb}.admin-panel__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-panel input[type=password]{flex:1;min-width:140px;border-radius:10px;border:1px solid rgba(43,42,39,.2);padding:8px 10px;font-weight:600;background:#ffffffe6;color:var(--ink)}.admin-panel__actions{display:flex;gap:8px;flex-wrap:wrap}.admin-panel__hint{font-weight:700;color:#2b2a27b8}.admin-panel__error{margin:0;font-size:.82rem;font-weight:700;color:#b04400}.mode-toggle button.active{background:var(--ink);color:#f8f3ea}.mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.status .label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a2780}.status .value{font-weight:700;font-size:1.1rem}.last-action{margin-top:10px;padding:10px 12px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(43,42,39,.12);box-shadow:inset 0 0 12px #2b2a2714;display:flex;flex-direction:column;gap:6px}.last-action__text{font-size:.9rem;font-weight:600;color:#2b2a27d9}.tactics-played{margin-top:10px;display:flex;flex-direction:column;gap:8px}.tactics-row{display:flex;flex-direction:column;gap:6px}.tactics-cards{display:flex;flex-wrap:wrap;gap:6px}.tactic-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffffb3;border:1px solid rgba(43,42,39,.2);color:var(--ink)}.tactic-chip--south{border-color:#0057b8b3;color:#003a7a}.tactic-chip--north{border-color:#ff6b00b3;color:#b04400}.tactics-empty{font-size:.62rem;color:#2b2a2799}.level-toggle button{font-size:.8rem;padding:8px 12px}.stone-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;padding:8px 10px;border-radius:999px;background:#ffffffa6;border:1px solid rgba(43,42,39,.12);box-shadow:inset 0 0 12px #2b2a2714}.stone-token{height:22px;border-radius:999px;background:#2b2a271f;border:1px solid rgba(43,42,39,.15);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#2b2a2799;box-shadow:inset 0 1px 2px #fffc}.stone-token--south{background:linear-gradient(145deg,#dceafffa,#aaccffeb);border-color:#0057b899;color:#003a7a}.stone-token--north{background:linear-gradient(145deg,#ffebd7fa,#ffc68aeb);border-color:#ff6b0099;color:#b04400}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-row--pass{margin-top:8px;justify-content:center}button.primary,a.primary{background:var(--ink);color:#f8f3ea;border:none;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}button.ghost,a.ghost{background:transparent;border:1px solid rgba(43,42,39,.2);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}a.primary,a.ghost{text-decoration:none;display:inline-flex;align-items:center}.ai-row{display:flex;align-items:center;gap:12px;font-size:.9rem}.ai-row input[type=range]{width:160px}.online-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.online-row input{flex:1 1 180px;border-radius:10px;border:1px solid rgba(43,42,39,.2);padding:8px 10px}.online-panel{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:20px;background:#ffffffb8;border:1px solid rgba(43,42,39,.12);box-shadow:0 14px 30px #1c1b192e}.online-panel__header{display:flex;flex-direction:column;gap:12px}.online-actions{display:flex;flex-wrap:wrap;gap:8px}.online-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:#2b2a271a}.online-pill--connected,.online-pill--waiting{background:#0057b82e;color:#003a7a}.online-pill--connecting{background:#d45d4c26;color:#8b3c2f}.online-pill--error{background:#d45d4c40;color:#7b2f23}.online-pill--idle{background:#2b2a271a;color:#2b2a2799}.online-meta{font-size:.7rem;color:#2b2a2799}.online-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.online-card{padding:12px 14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(43,42,39,.12);box-shadow:inset 0 0 12px #2b2a2714;display:flex;flex-direction:column;gap:8px}.online-card__title{text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;color:#2b2a2799;font-weight:700}.online-metric{display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.online-metric .label{text-transform:uppercase;letter-spacing:.14em;font-size:.6rem;color:#2b2a278c}.online-metric .value{font-weight:700}.stability--good{color:#003a7a}.stability--warn{color:#8b6b2d}.stability--bad{color:#7b2f23}.stability--idle{color:#2b2a2780}.timer-display{font-size:1.6rem;font-weight:800;text-align:center;padding:8px 12px;border-radius:14px;background:#2b2a2714}.timer-display--turn{background:#0057b833;color:#003a7a}.timer-meta{text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#2b2a2799}.timer-hard{text-align:center;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a278c}.timer-notify{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.65rem;color:#2b2a278c}.timer-notify .label{text-transform:uppercase;letter-spacing:.14em}.timer-notify .value{font-weight:600;letter-spacing:.06em}.timer-controls{display:flex;flex-direction:column;gap:6px}.timer-controls label{display:flex;flex-direction:column;gap:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#2b2a278c}.timer-controls select{border-radius:999px;border:1px solid rgba(43,42,39,.2);padding:6px 10px;background:#fffc;font-weight:600}.timer-pending{padding:8px 10px;border-radius:12px;background:#d45d4c1f;border:1px solid rgba(212,93,76,.2);font-size:.75rem;display:flex;flex-direction:column;gap:8px}.timer-divider{height:1px;background:#2b2a271f;margin:8px 0}.online-leaderboard{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;font-size:.8rem}.online-leaderboard li{display:flex;justify-content:space-between;padding:6px 8px;border-radius:10px;background:#2b2a270f}.online-empty{color:#2b2a2799}.online-panel__footer{display:flex;flex-direction:column;gap:6px}.online-server{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#2b2a27a6}.online-server input{border-radius:10px;border:1px solid rgba(43,42,39,.2);padding:8px 10px;background:#fffc;font-weight:600;color:var(--ink)}.online-server .value{font-weight:700}.online-note{font-size:.7rem;color:#2b2a278c}button.ghost.danger{border-color:#d45d4c66;color:#7b2f23}.online-status{display:flex;flex-direction:column;gap:2px;min-width:120px}.online-status .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:#2b2a278c}.online-status .value{font-weight:700}.error{color:var(--accent);font-weight:600;font-size:.85rem}.winner-banner{background:var(--ink);color:#f8f3ea;padding:12px 16px;border-radius:12px;font-weight:700;text-align:center}.board{display:flex;flex-direction:column;gap:24px;padding:18px;border-radius:26px;background:linear-gradient(135deg,#f7f1e7e6,#dfd1bde6);border:1px solid rgba(43,42,39,.12);box-shadow:0 16px 32px #1c1b192e}.opponent-zone,.player-zone{background:#ffffffb3;border-radius:18px;padding:16px 18px;box-shadow:0 12px 24px #1c1b1926;border:1px solid rgba(43,42,39,.1)}.opponent-zone h2,.player-zone h2{margin:0 0 12px;font-family:Fraunces,serif}.hand{display:flex;gap:10px;flex-wrap:wrap}.hint{margin:10px 0 0;color:#2b2a2799}.hint--drag{margin-top:4px;color:var(--accent);font-weight:600}.hint--pass{margin-top:4px;color:#1b4b7ad9;font-weight:600}.hint--narrative{margin-top:4px;color:#2b2a27bf;font-style:italic}.hint--tutorial{margin-top:6px;color:#2b2a27e6}.tutorial-skip{margin-top:8px;display:inline-flex;box-shadow:0 16px 28px #1c1b1938}.support-panel{background:linear-gradient(180deg,#ffffffe6,#e6dccdcc);border-radius:22px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 40px #14131233,inset 0 0 0 1px #2b2a271a}.support-panel__copy{flex:1}.support-panel__copy h3{margin:0 0 10px}.support-panel__actions{display:flex;align-items:center}.support-panel__link{padding:12px 22px;border-radius:999px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.support-panel__hint{margin-top:10px;color:#2b2a2799}.thinking{margin:8px 0 0;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 #d45d4c66;animation:pulse-dot 1.3s ease-in-out infinite}.dotty:after{content:"...";display:inline-block;width:0ch;text-align:left;overflow:hidden;animation:dotty 1.2s steps(3,end) infinite}.draw-panel,.recruiter-panel{background:#ffffffb3;border-radius:18px;padding:16px 18px;box-shadow:0 12px 24px #1c1b1926}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d1c1a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.modal{width:min(440px,92vw);border-radius:22px;padding:22px 24px;box-shadow:0 18px 40px #14131247,inset 0 0 0 1px #2b2a2714;border:1px solid rgba(43,42,39,.12)}.winner-modal{text-align:center;background:linear-gradient(160deg,#fffffff5,#ebdfceeb)}.hotseat-modal{text-align:center}.modal-subtitle{margin:6px 0 18px;color:#2b2a27b3}.modal-actions{justify-content:center}.recruiter-panel h3,.draw-panel h3{margin:0 0 10px;font-family:Fraunces,serif}.recruiter-return{margin-top:16px}.recruiter-return h4{margin:0 0 10px;font-family:Fraunces,serif}.stones{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:14px;align-items:stretch}.board-claim{margin:14px 0 4px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.stone{background:linear-gradient(160deg,#f8f3ea,#e4d7c2);border-radius:22px;padding:10px 6px;box-shadow:inset 0 0 0 1px #2b2a271f,0 12px 24px #1c1b1926;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease;animation:rise .6s ease both}.stone:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;background:radial-gradient(circle at top,rgba(255,255,255,.7),transparent 70%);opacity:.6;pointer-events:none}.stone:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:26px;background:radial-gradient(circle at top,rgba(255,255,255,.3),transparent 65%);opacity:.3;pointer-events:none}.stone:nth-child(odd){animation-delay:.05s}.stone:nth-child(2n){animation-delay:.12s}.stone:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #2b2a2733,0 20px 30px #1c1b1933}.stone--active{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 2px #d45d4c59,0 20px 30px #1c1b1933}.stone--last{outline:2px solid rgba(212,93,76,.65);outline-offset:3px;box-shadow:0 0 0 3px #d45d4c33,0 18px 28px #1c1b192e;animation:pulse 1.4s ease-in-out infinite}.stone--ruse-source{outline:2px dashed rgba(27,75,122,.7);outline-offset:3px;box-shadow:0 0 0 3px #1b4b7a2e,0 18px 28px #1c1b1929}.stone--ruse-dest{outline:2px solid rgba(21,117,126,.7);outline-offset:3px;box-shadow:0 0 0 3px #15757e2e,0 18px 28px #1c1b1929}.stone--tutorial{outline:2px solid rgba(212,93,76,.75);outline-offset:3px;box-shadow:0 0 0 3px #d45d4c40,0 22px 32px #1c1b1938;animation:pulse 1.6s ease-in-out infinite}.stone--target{outline:2px dashed rgba(43,42,39,.6);outline-offset:2px}.stone--south{background:linear-gradient(160deg,#e2eeff,#b3cdfa);box-shadow:inset 0 0 0 2px #0057b8a6,0 12px 24px #1c1b192e}.stone--north{background:linear-gradient(160deg,#ffe9d6,#ffc078);box-shadow:inset 0 0 0 2px #ff6b00a6,0 12px 24px #1c1b192e}.cards{display:flex;flex-direction:column;gap:6px;min-height:92px;width:100%;align-items:center}.stone-core{width:100%;display:flex;justify-content:center;align-items:center;background:var(--stone);border-radius:999px;padding:8px 0;box-shadow:inset 0 0 8px #2b2a2733;flex-direction:column;gap:4px}.stone-claim{font-size:.55rem;text-transform:uppercase;letter-spacing:.2em;padding:4px 10px 4px 8px;border-radius:999px;background:linear-gradient(120deg,#fffffff2,#fff9);border:1px solid rgba(43,42,39,.2);display:inline-flex;align-items:center;gap:6px;font-weight:700}.stone-claim:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 2px #fffc}.stone-claim--south{color:#003a7a;border-color:#0057b899}.stone-claim--north{color:#b04400;border-color:#ff6b0099}.stone-index{font-family:Fraunces,serif;font-weight:800;color:var(--ink)}.stone-action{font-size:.55rem;text-transform:uppercase;letter-spacing:.14em;padding:4px 10px;border-radius:999px;background:linear-gradient(120deg,#ffffffeb,#ffffffa8);border:1px solid rgba(43,42,39,.2);color:var(--ink);font-weight:700}.stone-action--combat{color:var(--accent);border-color:#d45d4c8c;background:linear-gradient(120deg,#fff1dff2,#ffdcbecc)}.stone-action--ruse{color:#1b4b7a;border-color:#1b4b7a59;background:linear-gradient(120deg,#e7f4fff2,#c8e4ffcc)}.stone-action--source{box-shadow:inset 0 0 0 1px #1b4b7a33}.stone-action--dest{box-shadow:inset 0 0 0 1px #15757e40}.stone-action--discard{color:#8a3b2b;border-color:#8a3b2b59;background:linear-gradient(120deg,#ffe8def2,#ffd6c8d1)}.stone-mode{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#2b2a2799}.stone-mode--last{color:var(--accent);font-weight:700}.card{width:68px;height:92px;border-radius:16px;background:linear-gradient(160deg,#fef6e8,#f0dfc6 45%,#e7cda8);border:1px solid rgba(43,42,39,.24);--card-accent: var(--ink);--card-contrast: #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 16px 28px #1c1b193d,inset 0 1px #fffc,inset 0 -1px #1c1b1914;font-weight:700;text-transform:uppercase;letter-spacing:.08em;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:visible}.card--dragging{opacity:.7;transform:translateY(-2px) scale(.98)}.card-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,6px);width:240px;padding:10px 12px;border-radius:12px;background:#1a1815f2;color:#f8f3ea;font-size:.68rem;line-height:1.4;text-transform:none;letter-spacing:.02em;box-shadow:0 16px 30px #14121059;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:6}.card:hover .card-tooltip,.card:focus-visible .card-tooltip,.card:focus-within .card-tooltip{opacity:1;transform:translate(-50%)}.tooltip-block{display:block}.tooltip-block--primary{color:#fff1d8}.tooltip-block+.tooltip-block{margin-top:6px;padding-top:6px;border-top:1px solid rgba(248,243,234,.18)}.tooltip-lang{display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-right:6px;color:#f8f3eab3}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.85),transparent 45%),radial-gradient(circle at 80% 85%,rgba(43,42,39,.12),transparent 55%),repeating-linear-gradient(135deg,rgba(43,42,39,.05) 0 1px,transparent 1px 7px);opacity:.85;pointer-events:none}.card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:11px;border:1px solid rgba(43,42,39,.2);box-shadow:inset 0 0 0 1px #fff9;pointer-events:none}button.card{border:none;padding:0;cursor:pointer}button.card:disabled{opacity:.6;cursor:not-allowed}button.card:hover:not(:disabled){transform:translateY(-7px) rotate(-1.5deg);box-shadow:0 18px 28px #1c1b193d}button.card:focus-visible{outline:3px solid rgba(43,42,39,.6);outline-offset:2px}.card--tactic{background:linear-gradient(140deg,#f6efe2,#d8c9ad);border:1px dashed rgba(43,42,39,.35);--card-accent: var(--accent)}.card--tactic .card-value{font-size:.8rem;line-height:1.1;text-align:center;width:auto;height:auto;padding:0;background:transparent;border:none}.card--tactic:before{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.6),transparent 55%),linear-gradient(120deg,rgba(212,93,76,.25),transparent 70%)}.card-value{font-size:1.45rem;font-family:Fraunces,serif;z-index:1;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fffffff2,#f5ecdee6);border:1px solid rgba(43,42,39,.2);color:var(--card-accent);box-shadow:inset 0 1px 4px #ffffffe6,inset 0 -2px 6px #2b2a271f,0 8px 14px #1c1b192e}.card-suit{font-size:.58rem;z-index:1;padding:3px 8px;border-radius:999px;background:linear-gradient(120deg,#ffffffd9,#ffffff80);border:1px solid rgba(43,42,39,.18);color:var(--card-accent)}.card--selected{outline:3px solid var(--accent);outline-offset:2px}.card--tutorial{outline:3px solid rgba(212,93,76,.9);outline-offset:3px;animation:pulse 1.4s ease-in-out infinite}.card--last{outline:3px solid rgba(212,93,76,.75);outline-offset:2px;box-shadow:0 18px 30px #d45d4c40,0 8px 18px #1c1b192e;animation:pulse 1.4s ease-in-out infinite}.card--back{background:linear-gradient(140deg,#1f1e1c,#4a463f);border:1px solid rgba(255,255,255,.18)}.card--back:before{background:radial-gradient(circle at center,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(45deg,rgba(212,93,76,.2) 0 2px,transparent 2px 8px)}.card--back-clan{background:linear-gradient(145deg,#22201d,#514b40)}.card--back-clan:before{background:radial-gradient(circle at center,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(135deg,rgba(231,220,199,.28) 0 2px,transparent 2px 10px)}.card--back-tactic{background:linear-gradient(145deg,#1d1a17,#4a4137);border-style:dashed}.card--back-tactic:before{background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent 60%),repeating-linear-gradient(45deg,rgba(212,93,76,.25) 0 2px,transparent 2px 9px)}.card--green{background:linear-gradient(145deg,#e6ffe9,#a8f2b8);--card-accent: #00a651;border:2px solid var(--card-accent)}.card--blue{background:linear-gradient(145deg,#e5efff,#a9c4ff);--card-accent: #0057ff;border:2px solid var(--card-accent)}.card--red{background:linear-gradient(145deg,#ffe5e5,#ffb0b0);--card-accent: #d60000;border:2px solid var(--card-accent)}.card--yellow{background:linear-gradient(145deg,#fff9cc,#ffe066);--card-accent: #ffcc00;--card-contrast: #1c1b19;border:2px solid var(--card-accent)}.card--purple{background:linear-gradient(145deg,#f0e0ff,#c5a1ff);--card-accent: #6a00ff;border:2px solid var(--card-accent)}.card--pink{background:linear-gradient(145deg,#ffe3f4,#ffb3df);--card-accent: #ff1493;border:2px solid var(--card-accent)}.card--green .card-suit,.card--blue .card-suit,.card--red .card-suit,.card--yellow .card-suit,.card--purple .card-suit,.card--pink .card-suit{background:var(--card-accent);color:var(--card-contrast);border-color:#0003}.rules-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.rules-card{background:#ffffffc7;border-radius:18px;padding:16px 18px;box-shadow:0 12px 24px #1c1b191f;border:1px solid rgba(43,42,39,.12)}.rules-card--scenario{background:linear-gradient(160deg,#ffffffe6,#f4e6d5d9)}.rules-card h3{margin:0 0 8px;font-family:Fraunces,serif}.rules-card ol{margin:0;padding-left:18px;line-height:1.6}.legend{background:#ffffffb3;border-radius:18px;padding:16px 18px;box-shadow:0 12px 24px #1c1b1926;border:1px solid rgba(43,42,39,.12)}.legend h3{margin:0 0 10px;font-family:Fraunces,serif}.legend ol{margin:0;padding-left:20px;line-height:1.6}.app-footer,.landing-footer{margin:20px 0 10px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;border-radius:16px;background:#ffffffb3;border:1px solid rgba(43,42,39,.12);box-shadow:0 10px 22px #1c1b191f;font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.footer-label{margin-right:8px;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#2b2a278c}.app-footer a,.landing-footer a{color:var(--ink);font-weight:600;text-decoration:none}.app-footer a:hover,.landing-footer a:hover{text-decoration:underline}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 16px 26px #d45d4c2e,0 8px 16px #1c1b1929}50%{box-shadow:0 20px 34px #d45d4c4d,0 12px 22px #1c1b1933}to{box-shadow:0 16px 26px #d45d4c2e,0 8px 16px #1c1b1929}}@keyframes pulse-dot{0%{transform:scale(1);box-shadow:0 0 #d45d4c73}70%{transform:scale(1.1);box-shadow:0 0 0 8px #d45d4c00}to{transform:scale(1);box-shadow:0 0 #d45d4c00}}@keyframes dotty{to{width:3ch}}@media (min-width: 960px){.topbar{flex-direction:row;align-items:flex-start;justify-content:space-between}}@media (max-width: 960px){.stones{grid-template-columns:repeat(3,minmax(0,1fr))}.rules-panel,.landing-hero{grid-template-columns:1fr}.landing-hero__copy h1{font-size:2.4rem}.landing-section--modes{grid-template-columns:1fr}.card{width:60px;height:84px}.card-value{width:38px;height:38px;font-size:1.3rem}.card-tooltip{width:220px;font-size:.64rem}}@media (max-width: 640px){.app{padding:16px 12px 24px;gap:16px}.topbar{gap:12px}h1{font-size:1.8rem}.subtitle{display:none}.controls,.online-panel{padding:12px;gap:12px}.online-grid{grid-template-columns:1fr}.controls-row{gap:8px}.mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-toggle button{font-size:.72rem;padding:8px 10px}.status{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-lang{justify-content:flex-start}.landing-hero{padding:20px}.landing-hero__copy h1{font-size:2rem}.controls{width:100%}.stone-track{gap:4px;padding:6px 8px}.stone-token{height:18px;font-size:.55rem}.stones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:6px}.stone{min-width:0}.board{gap:12px;padding:12px}.opponent-zone,.player-zone{padding:10px 12px}.opponent-zone h2,.player-zone h2{margin:0 0 8px;font-size:1rem}.hand{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px}.stone{padding:8px 4px;gap:5px}.cards{min-height:0;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:2px}.stones .card{width:36px;height:50px}.stones .card-value{width:22px;height:22px;font-size:.85rem}.stones .card-suit{font-size:.55rem}.stone-core{padding:4px 0}.stone-claim{font-size:.5rem;padding:3px 8px 3px 6px}.card{width:54px;height:74px}.card-value{width:32px;height:32px;font-size:1.1rem}.legend,.app-footer{display:none}.rules-card{padding:12px 14px}.support-panel{flex-direction:column;align-items:flex-start}.support-panel__actions,.support-panel__copy{width:100%}.support-panel__actions{justify-content:flex-start}.support-panel__link{width:100%;text-align:center}}@media (max-width: 520px){.card{width:50px;height:70px}.card-value{width:30px;height:30px;font-size:1rem}.stones{gap:6px}.cards{gap:3px}.stones .card{width:32px;height:46px}.stones .card-value{width:20px;height:20px;font-size:.78rem}.stones .card-suit{font-size:.5rem}}@media (max-width: 420px){.card{width:46px;height:64px}.card-value{width:28px;height:28px;font-size:.95rem}.cards{min-height:0;gap:3px}.stones .card{width:30px;height:42px}.stones .card-value{width:18px;height:18px;font-size:.72rem}.stones .card-suit{font-size:.48rem}}:root{--ink: #1f1a16;--accent: #c24a2e;--stone: #e5d3b9;--paper: #f7efdf;--paper-dark: #dcc5a5;--mist: #bfa989;--deep: #181512;--clan-north: #e16a1f;--clan-south: #0b6a8f}body{background:radial-gradient(1100px 700px at -8% -18%,rgba(252,236,212,.96),transparent 62%),radial-gradient(900px 620px at 108% -10%,rgba(191,226,234,.75),transparent 56%),linear-gradient(160deg,#fbf6ea,#f2e4cf,#e5cfaf)}body:before{background-image:linear-gradient(90deg,rgba(31,26,22,.06) 0 1px,transparent 1px 24px),linear-gradient(0deg,rgba(31,26,22,.06) 0 1px,transparent 1px 24px),linear-gradient(120deg,rgba(194,74,46,.1),transparent 55%),linear-gradient(300deg,rgba(11,106,143,.12),transparent 58%);background-size:24px 24px,24px 24px,100% 100%,100% 100%;mix-blend-mode:soft-light;opacity:.55}body:after{content:"";position:fixed;top:-15%;right:-10%;bottom:-15%;left:-10%;pointer-events:none;background:radial-gradient(circle at 22% 28%,rgba(242,160,129,.22),transparent 36%),radial-gradient(circle at 78% 76%,rgba(88,176,201,.18),transparent 32%),radial-gradient(circle at 74% 20%,rgba(255,232,188,.28),transparent 26%);filter:blur(6px);animation:auraDrift 18s ease-in-out infinite alternate;z-index:0}@keyframes auraDrift{0%{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1.8%,1.2%,0) scale(1.04)}}#root{isolation:isolate}h1,.landing h2,.landing-card h3,.landing-mode h4,.opponent-zone h2,.player-zone h2,.recruiter-panel h3,.draw-panel h3{letter-spacing:-.015em}.app{max-width:1280px;gap:36px}.app--landing{max-width:1220px}.landing{gap:56px}.landing-hero{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(31,26,22,.16);background:linear-gradient(165deg,#fffc,#f8e7cdb8 45%,#e3f8fc70),radial-gradient(circle at 88% 18%,rgba(233,114,80,.14),transparent 46%);box-shadow:0 24px 42px #1d171133,inset 0 1px #ffffffc7}.landing-hero:before{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#ffe8c8cc,#c24a2e38);filter:blur(2px);pointer-events:none}.landing-hero__copy,.landing-hero__card{position:relative;z-index:1}.landing-hero__copy h1{font-size:clamp(2.5rem,4.9vw,4rem);line-height:.94;max-width:16ch;text-wrap:balance}.landing-eyebrow{color:#1f1a169e}.landing-lede{font-size:1.08rem;line-height:1.7;max-width:62ch}.landing-pillars span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(31,26,22,.15);background:#ffffff94;box-shadow:inset 0 1px #ffffffc7}.landing-hero__card{border-radius:24px;background:#1c16110f;box-shadow:inset 0 0 0 1px #1f1a161f}.hero-board{background:linear-gradient(170deg,#ffffffe0,#f0dec3e6)}.hero-card{border-radius:12px;box-shadow:inset 0 1px #ffffffbf,0 8px 12px #1e161029}.hero-badge{color:#1f1a16bd}.landing-grid,.landing-modes,.install-grid{gap:16px}.landing-card,.landing-mode,.install-card{border-radius:18px;background:linear-gradient(170deg,#ffffffd6,#f7ecdbb8);border:1px solid rgba(31,26,22,.14);box-shadow:0 16px 28px #1d171124,inset 0 1px #ffffffdb;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:cardRise .7s ease both}.landing-card:hover,.landing-mode:hover,.install-card:hover{transform:translateY(-4px);border-color:#1f1a1642;box-shadow:0 20px 32px #1d17112e,inset 0 1px #ffffffe0}.landing-grid .landing-card:nth-child(2),.landing-modes .landing-mode:nth-child(2),.install-grid .install-card:nth-child(2){animation-delay:.08s}.landing-grid .landing-card:nth-child(3),.landing-modes .landing-mode:nth-child(3),.install-grid .install-card:nth-child(3){animation-delay:.14s}@keyframes cardRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-section--install{border-radius:24px;background:linear-gradient(160deg,#ffffffdb,#ebdabccc),radial-gradient(circle at 86% 14%,rgba(11,106,143,.15),transparent 36%)}.controls,.online-panel,.rules-card,.draw-panel,.recruiter-panel,.opponent-zone,.player-zone,.last-action{border-radius:20px;border:1px solid rgba(31,26,22,.14);background:linear-gradient(170deg,#fffc,#f6e8cfad);box-shadow:0 16px 28px #1d171129,inset 0 1px #ffffffd6}.mode-toggle button,button.ghost,a.ghost{border-radius:999px;border:1px solid rgba(31,26,22,.2);background:linear-gradient(170deg,#ffffffb8,#efe0c5b8);box-shadow:inset 0 1px #ffffffb3}button.primary,a.primary{border-radius:999px;background:linear-gradient(135deg,#bb4329,#e16a3a);color:#fff4ea;box-shadow:0 12px 22px #ac42284d,inset 0 1px #ffffff59}button.primary:hover,a.primary:hover,button.ghost:hover,a.ghost:hover,.mode-toggle button:hover{transform:translateY(-1px);filter:brightness(1.03)}button.primary:focus-visible,a.primary:focus-visible,button.ghost:focus-visible,a.ghost:focus-visible,.mode-toggle button:focus-visible,.landing-lang select:focus-visible,.language-picker select:focus-visible{outline:2px solid rgba(11,106,143,.65);outline-offset:2px}.mode-toggle button.active,.debug-toggle.active{background:linear-gradient(140deg,#1f1a16,#3a2f26);color:#fff3e6;border-color:#fff4e238}.board{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(31,26,22,.18);background:linear-gradient(150deg,#fbf4e8eb,#e3cda8eb),radial-gradient(circle at 16% 8%,rgba(11,106,143,.18),transparent 30%);box-shadow:0 24px 44px #1d17113d,inset 0 1px #ffffffd9}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff2e 0,#ffffff2e 12px,#fff0 12px,#fff0 24px);opacity:.35}.stone{border-radius:24px;background:linear-gradient(165deg,#f7efdf,#dec49e);box-shadow:inset 0 0 0 1px #1f1a1629,0 14px 24px #1d171133}.stone:hover{transform:translateY(-5px) scale(1.015)}.stone-core{border-radius:16px;background:linear-gradient(160deg,#ffffffeb,#e4cdace0)}.stone-claim,.stone-action{background:linear-gradient(130deg,#fffffff2,#f2e7d2eb);border-color:#1f1a1642}.card{border-radius:13px;box-shadow:inset 0 1px #ffffffb8,0 10px 16px #1d17112e}button.card:hover:not(:disabled){transform:translateY(-4px) rotate(-.8deg);box-shadow:inset 0 1px #ffffffc2,0 16px 22px #1d17113d}.card--selected{box-shadow:0 0 0 3px #0b6a8f52,0 18px 26px #1d171138}.rules-panel,.legend,.support-panel,.app-footer,.landing-footer{border-radius:22px;border:1px solid rgba(31,26,22,.14);background:linear-gradient(170deg,#fffc,#f2e4c9b3);box-shadow:0 16px 28px #1d171126,inset 0 1px #ffffffd9}.app-footer,.landing-footer{padding:14px 16px}.footer-label{color:#1f1a1694}.online-pill--connected,.online-pill--waiting{background:#0b6a8f2e;color:#0b4960}.online-pill--connecting,.online-pill--error{background:#c24a2e29;color:#7a3422}.winner-banner{border-radius:14px;background:linear-gradient(140deg,#1c1714,#3a2b1f);box-shadow:0 12px 20px #140f0b59}@media (max-width: 960px){.landing-hero{border-radius:24px;padding:22px}}@media (max-width: 640px){body:after{opacity:.6;filter:blur(8px)}.app{gap:18px}.landing{gap:34px}.landing-card,.landing-mode,.install-card,.controls,.online-panel,.board,.support-panel{box-shadow:0 12px 20px #1d171124,inset 0 1px #ffffffdb}}.controls-row{align-items:center}.landing-lang{flex-wrap:wrap;justify-content:flex-end}.landing-lang label[for=landing-style]{margin-left:8px}@media (max-width: 640px){.landing-lang{justify-content:flex-start}}:root[data-style-theme=editorial]{--accent: #c24a2e;--clan-north: #e16a1f;--clan-south: #0b6a8f}:root[data-style-theme=arena]{--accent: #ef4f2c;--clan-north: #ff7f2a;--clan-south: #00a1cf;--ink: #16120f}html[data-style-theme=arena] body{background:radial-gradient(1200px 750px at -10% -20%,rgba(255,226,187,.98),transparent 58%),radial-gradient(980px 680px at 110% 8%,rgba(154,233,255,.72),transparent 52%),linear-gradient(165deg,#fff6e9,#f1d2a1 52%,#e3b06f)}html[data-style-theme=arena] body:before{opacity:.68}html[data-style-theme=arena] .landing-hero{background:linear-gradient(165deg,#ffffffd1,#ffd69cc7 48%,#baf1ff8c),radial-gradient(circle at 84% 18%,rgba(239,79,44,.2),transparent 42%)}html[data-style-theme=arena] .landing-card,html[data-style-theme=arena] .landing-mode,html[data-style-theme=arena] .install-card,html[data-style-theme=arena] .controls,html[data-style-theme=arena] .online-panel,html[data-style-theme=arena] .board,html[data-style-theme=arena] .support-panel{border-color:#16120f33;box-shadow:0 18px 30px #16120f33,inset 0 1px #ffffffdb}html[data-style-theme=arena] button.primary,html[data-style-theme=arena] a.primary{background:linear-gradient(135deg,#ef4f2c,#ff8a3a);box-shadow:0 14px 24px #ce461e57,inset 0 1px #ffffff5c}html[data-style-theme=arena] .stone{background:linear-gradient(165deg,#fff0d9,#e8bb7a)}html[data-style-theme=arena] .stone--south{background:linear-gradient(165deg,#dff6ff,#8fdcff)}html[data-style-theme=arena] .stone--north{background:linear-gradient(165deg,#ffe9d2,#ffb365)}html[data-style-theme=arena] .card{box-shadow:inset 0 1px #ffffffc2,0 12px 18px #1b130e38}html[data-style-theme=arena] .winner-banner{background:linear-gradient(140deg,#1a1410,#50321a)}:root[data-style-theme=arcade]{--ink: #101416;--accent: #0f6f97;--clan-north: #d56d2a;--clan-south: #0f83b8}html[data-style-theme=arcade] body{background:linear-gradient(180deg,#f5f9fb,#eaf2f6 46%,#e0ebf2)}html[data-style-theme=arcade] body:before,html[data-style-theme=arcade] body:after{opacity:.2;filter:none}html[data-style-theme=arcade] .landing-hero,html[data-style-theme=arcade] .landing-card,html[data-style-theme=arcade] .landing-mode,html[data-style-theme=arcade] .landing-section--install,html[data-style-theme=arcade] .controls,html[data-style-theme=arcade] .online-panel,html[data-style-theme=arcade] .board,html[data-style-theme=arcade] .support-panel,html[data-style-theme=arcade] .rules-panel,html[data-style-theme=arcade] .legend,html[data-style-theme=arcade] .app-footer,html[data-style-theme=arcade] .landing-footer,html[data-style-theme=arcade] .opponent-zone,html[data-style-theme=arcade] .player-zone,html[data-style-theme=arcade] .draw-panel,html[data-style-theme=arcade] .recruiter-panel{border-radius:14px;background:#ffffffeb;border:1px solid rgba(16,20,22,.14);box-shadow:0 8px 16px #10141614}html[data-style-theme=arcade] .landing-hero__copy h1{letter-spacing:-.02em}html[data-style-theme=arcade] .mode-toggle button,html[data-style-theme=arcade] button.ghost,html[data-style-theme=arcade] a.ghost{border-radius:10px;background:#f2f7fa;border-color:#10141629;box-shadow:none}html[data-style-theme=arcade] button.primary,html[data-style-theme=arcade] a.primary{border-radius:10px;background:#0f6f97;box-shadow:0 8px 16px #0f6f973d}html[data-style-theme=arcade] .mode-toggle button.active,html[data-style-theme=arcade] .debug-toggle.active{background:#1e2e36}html[data-style-theme=arcade] .stone{border-radius:14px;background:linear-gradient(180deg,#fff,#e8eef3);box-shadow:inset 0 0 0 1px #10141624,0 8px 14px #1014161a}html[data-style-theme=arcade] .stone:before,html[data-style-theme=arcade] .stone:after{opacity:.15}html[data-style-theme=arcade] .stone-core{border-radius:12px;background:#f5f8fb}html[data-style-theme=arcade] .card{border-radius:10px;box-shadow:inset 0 1px #fffc,0 6px 10px #1014161f}html[data-style-theme=arcade] button.card:hover:not(:disabled){transform:translateY(-2px)}html[data-style-theme=arcade] .online-pill--connected,html[data-style-theme=arcade] .online-pill--waiting{background:#0f83b824;color:#0f5a7d}html[data-style-theme=arcade] .online-pill--connecting,html[data-style-theme=arcade] .online-pill--error{background:#d56d2a29;color:#7c451a}@media (max-width: 768px){body{min-height:100dvh;-webkit-text-size-adjust:100%;text-size-adjust:100%}body:before{opacity:.26}body:after{opacity:.34;animation:none;filter:blur(4px)}.app{padding-top:max(14px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));gap:14px}.landing{gap:28px}.landing-hero,.controls,.online-panel,.board,.support-panel,.rules-panel,.legend,.app-footer,.landing-footer{border-radius:16px}.landing-hero{padding:16px;gap:16px}.landing-hero__copy h1{font-size:clamp(1.8rem,8.4vw,2.35rem);line-height:1}.landing-lede{font-size:.95rem;line-height:1.5;margin-bottom:14px}.landing-pillars{gap:8px;font-size:.62rem;letter-spacing:.1em}.landing-pillars span{padding:6px 8px}.landing-cta{width:100%;flex-direction:column;gap:8px}.landing-cta .primary,.landing-cta .ghost{width:100%;justify-content:center;min-height:44px}.controls{padding:12px;gap:10px}.controls-row{flex-direction:column;align-items:stretch;gap:8px}.language-picker{width:100%;justify-content:space-between;gap:10px;font-size:.66rem;letter-spacing:.1em}.language-picker label{flex:0 0 auto;white-space:nowrap}.language-picker select,.landing-lang select,.timer-controls select,.online-server input,.online-row input{min-height:44px;font-size:16px}.language-picker select{flex:1;min-width:0}.mode-toggle button,button.primary,a.primary,button.ghost,a.ghost{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.status{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status .value{font-size:.98rem}.board{padding:10px;gap:10px}.stone-track{padding:6px;gap:4px}.stones{gap:8px}.stone{border-radius:14px;padding:6px 4px;gap:6px}.stone-core{border-radius:10px;padding:4px 0}.stone-action,.stone-claim{font-size:.48rem;letter-spacing:.08em;padding:3px 7px}.cards{min-height:62px;gap:3px}.card-tooltip{width:min(220px,calc(100vw - 24px));left:50%;transform:translate(-50%)}.topbar,.online-panel__header,.online-panel__footer{gap:10px}.online-actions{width:100%}.online-actions button,.online-actions a{flex:1 1 100%}.modal-backdrop{padding:12px}.modal{width:100%;max-width:420px;border-radius:16px;padding:16px}}@media (max-width: 420px){.landing-lang{gap:6px}.landing-lang label{font-size:.6rem;letter-spacing:.1em}.landing-lang select{flex:1 1 calc(50% - 6px);min-width:0}.mode-toggle button{font-size:.68rem;padding:8px}.stone{padding:5px 3px}.stone-action,.stone-claim{font-size:.44rem;padding:2px 6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root,:root[data-style-theme=editorial]{--ui-text-strong: #1f1a16;--ui-text-muted: rgba(31, 26, 22, .68);--ui-text-inverse: #fff5ea;--ui-bg-top: #fbf6ea;--ui-bg-mid: #f2e4cf;--ui-bg-bottom: #e5cfaf;--ui-radial-warm: rgba(252, 236, 212, .96);--ui-radial-cool: rgba(191, 226, 234, .75);--ui-grid-line: rgba(31, 26, 22, .06);--ui-grid-a: rgba(194, 74, 46, .1);--ui-grid-b: rgba(11, 106, 143, .12);--ui-aura-a: rgba(242, 160, 129, .22);--ui-aura-b: rgba(88, 176, 201, .18);--ui-aura-c: rgba(255, 232, 188, .28);--ui-surface-hi: rgba(255, 255, 255, .84);--ui-surface-lo: rgba(247, 236, 219, .74);--ui-surface-alt-hi: rgba(255, 255, 255, .88);--ui-surface-alt-lo: rgba(240, 222, 195, .9);--ui-border-soft: rgba(31, 26, 22, .14);--ui-border-strong: rgba(31, 26, 22, .24);--ui-shadow-md: 0 16px 28px rgba(29, 23, 17, .15);--ui-shadow-lg: 0 24px 42px rgba(29, 23, 17, .2);--ui-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .84);--ui-primary-a: #bb4329;--ui-primary-b: #e16a3a;--ui-primary-shadow: 0 12px 22px rgba(172, 66, 40, .3);--ui-ghost-a: rgba(255, 255, 255, .72);--ui-ghost-b: rgba(239, 224, 197, .72);--ui-board-a: rgba(251, 244, 232, .92);--ui-board-b: rgba(227, 205, 168, .92);--ui-board-c: rgba(11, 106, 143, .18);--ui-stone-a: #f7efdf;--ui-stone-b: #dec49e;--ui-stone-inner-a: rgba(255, 255, 255, .92);--ui-stone-inner-b: rgba(228, 205, 172, .88);--ui-focus: rgba(11, 106, 143, .65);--ui-pill-ok-bg: rgba(11, 106, 143, .18);--ui-pill-ok-text: #0b4960;--ui-pill-warn-bg: rgba(194, 74, 46, .16);--ui-pill-warn-text: #7a3422}:root[data-style-theme=arena]{--ui-text-strong: #16120f;--ui-text-muted: rgba(22, 18, 15, .72);--ui-bg-top: #fff6e9;--ui-bg-mid: #f1d2a1;--ui-bg-bottom: #e3b06f;--ui-radial-warm: rgba(255, 226, 187, .98);--ui-radial-cool: rgba(154, 233, 255, .72);--ui-grid-line: rgba(22, 18, 15, .08);--ui-grid-a: rgba(239, 79, 44, .12);--ui-grid-b: rgba(0, 161, 207, .16);--ui-aura-a: rgba(255, 149, 100, .24);--ui-aura-b: rgba(117, 217, 255, .18);--ui-aura-c: rgba(255, 214, 156, .3);--ui-surface-hi: rgba(255, 255, 255, .86);--ui-surface-lo: rgba(255, 227, 181, .72);--ui-surface-alt-hi: rgba(255, 255, 255, .88);--ui-surface-alt-lo: rgba(255, 213, 140, .78);--ui-border-soft: rgba(22, 18, 15, .2);--ui-border-strong: rgba(22, 18, 15, .28);--ui-shadow-md: 0 18px 30px rgba(22, 18, 15, .2);--ui-shadow-lg: 0 26px 44px rgba(22, 18, 15, .24);--ui-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .86);--ui-primary-a: #ef4f2c;--ui-primary-b: #ff8a3a;--ui-primary-shadow: 0 14px 24px rgba(206, 70, 30, .34);--ui-ghost-a: rgba(255, 255, 255, .76);--ui-ghost-b: rgba(255, 224, 172, .74);--ui-board-a: rgba(255, 242, 214, .94);--ui-board-b: rgba(243, 197, 123, .92);--ui-board-c: rgba(0, 161, 207, .2);--ui-stone-a: #fff0d9;--ui-stone-b: #e8bb7a;--ui-stone-inner-a: rgba(255, 255, 255, .94);--ui-stone-inner-b: rgba(248, 213, 154, .88);--ui-focus: rgba(0, 161, 207, .65);--ui-pill-ok-bg: rgba(0, 161, 207, .18);--ui-pill-ok-text: #09526b;--ui-pill-warn-bg: rgba(239, 79, 44, .17);--ui-pill-warn-text: #7f2d1c}:root[data-style-theme=arcade]{--ui-text-strong: #111a1f;--ui-text-muted: rgba(17, 26, 31, .7);--ui-bg-top: #f5f9fb;--ui-bg-mid: #eaf2f6;--ui-bg-bottom: #e0ebf2;--ui-radial-warm: rgba(255, 255, 255, .86);--ui-radial-cool: rgba(179, 213, 230, .24);--ui-grid-line: rgba(17, 26, 31, .06);--ui-grid-a: rgba(15, 111, 151, .08);--ui-grid-b: rgba(213, 109, 42, .06);--ui-aura-a: rgba(112, 179, 212, .12);--ui-aura-b: rgba(122, 198, 235, .1);--ui-aura-c: rgba(255, 255, 255, .2);--ui-surface-hi: rgba(255, 255, 255, .94);--ui-surface-lo: rgba(246, 250, 252, .9);--ui-surface-alt-hi: rgba(255, 255, 255, .95);--ui-surface-alt-lo: rgba(242, 247, 250, .9);--ui-border-soft: rgba(16, 20, 22, .14);--ui-border-strong: rgba(16, 20, 22, .2);--ui-shadow-md: 0 10px 18px rgba(16, 20, 22, .1);--ui-shadow-lg: 0 14px 22px rgba(16, 20, 22, .12);--ui-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .86);--ui-primary-a: #0f6f97;--ui-primary-b: #1486b5;--ui-primary-shadow: 0 8px 16px rgba(15, 111, 151, .24);--ui-ghost-a: #f2f7fa;--ui-ghost-b: #edf4f8;--ui-board-a: rgba(255, 255, 255, .96);--ui-board-b: rgba(232, 238, 243, .96);--ui-board-c: rgba(15, 131, 184, .08);--ui-stone-a: #ffffff;--ui-stone-b: #e8eef3;--ui-stone-inner-a: #f5f8fb;--ui-stone-inner-b: #edf3f8;--ui-focus: rgba(15, 111, 151, .62);--ui-pill-ok-bg: rgba(15, 131, 184, .14);--ui-pill-ok-text: #0f5a7d;--ui-pill-warn-bg: rgba(213, 109, 42, .16);--ui-pill-warn-text: #7c451a}body{color:var(--ui-text-strong);background:radial-gradient(1100px 700px at -8% -18%,var(--ui-radial-warm),transparent 62%),radial-gradient(900px 620px at 108% -10%,var(--ui-radial-cool),transparent 56%),linear-gradient(160deg,var(--ui-bg-top) 0%,var(--ui-bg-mid) 50%,var(--ui-bg-bottom) 100%)}body:before{background-image:linear-gradient(90deg,var(--ui-grid-line) 0 1px,transparent 1px 24px),linear-gradient(0deg,var(--ui-grid-line) 0 1px,transparent 1px 24px),linear-gradient(120deg,var(--ui-grid-a),transparent 55%),linear-gradient(300deg,var(--ui-grid-b),transparent 58%)}body:after{background:radial-gradient(circle at 22% 28%,var(--ui-aura-a),transparent 36%),radial-gradient(circle at 78% 76%,var(--ui-aura-b),transparent 32%),radial-gradient(circle at 74% 20%,var(--ui-aura-c),transparent 26%)}:root[data-style-theme] .landing-hero,:root[data-style-theme] .landing-card,:root[data-style-theme] .landing-mode,:root[data-style-theme] .install-card,:root[data-style-theme] .landing-section--install,:root[data-style-theme] .controls,:root[data-style-theme] .online-panel,:root[data-style-theme] .rules-card,:root[data-style-theme] .rules-panel,:root[data-style-theme] .draw-panel,:root[data-style-theme] .recruiter-panel,:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone,:root[data-style-theme] .last-action,:root[data-style-theme] .support-panel,:root[data-style-theme] .legend,:root[data-style-theme] .app-footer,:root[data-style-theme] .landing-footer{color:var(--ui-text-strong);border-color:var(--ui-border-soft);background:linear-gradient(170deg,var(--ui-surface-hi),var(--ui-surface-lo));box-shadow:var(--ui-shadow-md),var(--ui-shadow-inset)}:root[data-style-theme] .landing-hero,:root[data-style-theme] .landing-section--install{background:linear-gradient(165deg,var(--ui-surface-alt-hi),var(--ui-surface-alt-lo));box-shadow:var(--ui-shadow-lg),var(--ui-shadow-inset)}:root[data-style-theme] .landing-lede,:root[data-style-theme] .landing-card p,:root[data-style-theme] .landing-mode p,:root[data-style-theme] .install-detail,:root[data-style-theme] .footer-label,:root[data-style-theme] .controls-note{color:var(--ui-text-muted)}:root[data-style-theme] .mode-toggle button,:root[data-style-theme] button.ghost,:root[data-style-theme] a.ghost{color:var(--ui-text-strong);border-color:var(--ui-border-soft);background:linear-gradient(170deg,var(--ui-ghost-a),var(--ui-ghost-b));box-shadow:var(--ui-shadow-inset)}:root[data-style-theme] button.primary,:root[data-style-theme] a.primary{color:var(--ui-text-inverse);background:linear-gradient(135deg,var(--ui-primary-a),var(--ui-primary-b));box-shadow:var(--ui-primary-shadow),inset 0 1px #ffffff59}:root[data-style-theme] .mode-toggle button.active,:root[data-style-theme] .debug-toggle.active{border-color:#fff4e233;background:linear-gradient(140deg,#0000002e,#0000000a),var(--ui-text-strong);color:var(--ui-text-inverse)}:root[data-style-theme] button.primary:focus-visible,:root[data-style-theme] a.primary:focus-visible,:root[data-style-theme] button.ghost:focus-visible,:root[data-style-theme] a.ghost:focus-visible,:root[data-style-theme] .mode-toggle button:focus-visible,:root[data-style-theme] .landing-lang select:focus-visible,:root[data-style-theme] .language-picker select:focus-visible{outline-color:var(--ui-focus)}:root[data-style-theme] .board{border-color:var(--ui-border-strong);background:linear-gradient(150deg,var(--ui-board-a),var(--ui-board-b)),radial-gradient(circle at 16% 8%,var(--ui-board-c),transparent 30%);box-shadow:var(--ui-shadow-lg),var(--ui-shadow-inset)}:root[data-style-theme] .stone{background:linear-gradient(165deg,var(--ui-stone-a),var(--ui-stone-b));box-shadow:inset 0 0 0 1px var(--ui-border-soft),0 14px 24px #1d171133}:root[data-style-theme] .stone-core{background:linear-gradient(160deg,var(--ui-stone-inner-a),var(--ui-stone-inner-b))}:root[data-style-theme] .stone-claim,:root[data-style-theme] .stone-action{border-color:var(--ui-border-strong)}:root[data-style-theme] .online-pill--connected,:root[data-style-theme] .online-pill--waiting{background:var(--ui-pill-ok-bg);color:var(--ui-pill-ok-text)}:root[data-style-theme] .online-pill--connecting,:root[data-style-theme] .online-pill--error{background:var(--ui-pill-warn-bg);color:var(--ui-pill-warn-text)}@media (max-width: 768px){:root[data-style-theme] .landing-lang{align-items:flex-start}:root[data-style-theme] .landing-lang label{min-width:62px}:root[data-style-theme] .landing-lang select{flex:1 1 100%}}:root[data-style-theme]{--pro-radius-sm: 10px;--pro-radius-md: 14px;--pro-radius-lg: 20px;--pro-radius-xl: 24px;--pro-space-1: 8px;--pro-space-2: 12px;--pro-space-3: 16px;--pro-space-4: 20px;--pro-space-5: 28px}:root[data-style-theme] body:before{opacity:.18;mix-blend-mode:normal}:root[data-style-theme] body:after{opacity:.14;filter:blur(14px);animation:none}:root[data-style-theme] .app{max-width:1220px;padding:24px 20px 36px;gap:24px}:root[data-style-theme] .landing{gap:36px}:root[data-style-theme] .landing-hero{border-radius:var(--pro-radius-xl);padding:32px;gap:24px}:root[data-style-theme] .landing-hero:before{opacity:.65}:root[data-style-theme] .landing-hero__copy h1{font-size:clamp(2.2rem,4.3vw,3.55rem);line-height:1.02;max-width:14ch}:root[data-style-theme] .landing-lede{margin-bottom:18px;max-width:58ch}:root[data-style-theme] .landing-lang{gap:8px;margin-bottom:14px}:root[data-style-theme] .landing-lang select,:root[data-style-theme] .language-picker select{min-height:44px;border-radius:var(--pro-radius-sm);border:1px solid var(--ui-border-soft);background:var(--ui-surface-hi);color:var(--ui-text-strong);font-weight:700}:root[data-style-theme] .landing-cta{margin-bottom:16px;gap:10px}:root[data-style-theme] .landing-cta .primary,:root[data-style-theme] .landing-cta .ghost,:root[data-style-theme] .controls button.primary,:root[data-style-theme] .controls button.ghost,:root[data-style-theme] .controls a.primary,:root[data-style-theme] .controls a.ghost{min-height:44px;padding:0 16px}:root[data-style-theme] .landing-pillars{gap:8px;letter-spacing:.12em}:root[data-style-theme] .landing-pillars span{border-radius:999px;padding:7px 11px}:root[data-style-theme] .landing-hero__card,:root[data-style-theme] .hero-board{border-radius:var(--pro-radius-lg)}:root[data-style-theme] .landing-card,:root[data-style-theme] .landing-mode,:root[data-style-theme] .install-card{border-radius:var(--pro-radius-md);padding:16px}:root[data-style-theme] .topbar{gap:12px}:root[data-style-theme] .controls{border-radius:var(--pro-radius-lg);padding:14px;gap:12px}:root[data-style-theme] .controls-row{gap:12px}:root[data-style-theme] .control-group{gap:6px}:root[data-style-theme] .control-group .label,:root[data-style-theme] .language-picker label,:root[data-style-theme] .landing-lang label{letter-spacing:.12em;font-weight:700}:root[data-style-theme] .controls-note{margin-top:0;margin-bottom:2px}:root[data-style-theme] .mode-toggle button,:root[data-style-theme] .debug-toggle,:root[data-style-theme] .pass-button,:root[data-style-theme] .online-actions button,:root[data-style-theme] .online-actions a{min-height:42px;border-radius:var(--pro-radius-sm);padding:8px 12px;font-weight:700}:root[data-style-theme] .mode-toggle button:hover,:root[data-style-theme] button.primary:hover,:root[data-style-theme] a.primary:hover,:root[data-style-theme] button.ghost:hover,:root[data-style-theme] a.ghost:hover{transform:translateY(-1px)}:root[data-style-theme] .mode-toggle button:active,:root[data-style-theme] button.primary:active,:root[data-style-theme] a.primary:active,:root[data-style-theme] button.ghost:active,:root[data-style-theme] a.ghost:active{transform:translateY(0)}:root[data-style-theme] .board{border-radius:var(--pro-radius-xl);padding:12px}:root[data-style-theme] .stone-track{border-radius:var(--pro-radius-md);padding:8px}:root[data-style-theme] .stone{border-radius:var(--pro-radius-md);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}:root[data-style-theme] .stone:hover{transform:translateY(-2px)}:root[data-style-theme] .stone-core{border-radius:var(--pro-radius-sm)}:root[data-style-theme] .stone-action,:root[data-style-theme] .stone-claim{border-radius:999px;min-height:26px;padding:3px 8px}:root[data-style-theme] .card{border-radius:12px;transition:transform .16s ease,box-shadow .16s ease}:root[data-style-theme] button.card:hover:not(:disabled){transform:translateY(-2px)}:root[data-style-theme] .rules-panel,:root[data-style-theme] .legend,:root[data-style-theme] .support-panel,:root[data-style-theme] .app-footer,:root[data-style-theme] .landing-footer,:root[data-style-theme] .online-panel,:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone,:root[data-style-theme] .draw-panel,:root[data-style-theme] .recruiter-panel,:root[data-style-theme] .last-action{border-radius:var(--pro-radius-lg)}:root[data-style-theme] .support-panel p,:root[data-style-theme] .rules-panel p,:root[data-style-theme] .legend p,:root[data-style-theme] .landing-card p,:root[data-style-theme] .landing-mode p,:root[data-style-theme] .install-detail{line-height:1.5}:root[data-style-theme] a,:root[data-style-theme] button,:root[data-style-theme] input,:root[data-style-theme] select{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}@media (max-width: 900px){:root[data-style-theme] .landing-hero{grid-template-columns:1fr}:root[data-style-theme] .landing-hero__copy h1{max-width:100%}}@media (max-width: 768px){:root[data-style-theme] .app{padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));gap:14px}:root[data-style-theme] .landing{gap:24px}:root[data-style-theme] .landing-hero{padding:18px;gap:16px}:root[data-style-theme] .landing-lang{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;justify-content:stretch}:root[data-style-theme] .landing-lang label[for=landing-style]{margin-left:0}:root[data-style-theme] .landing-lang select{width:100%}:root[data-style-theme] .controls{padding:12px}:root[data-style-theme] .controls-row{flex-direction:column;align-items:stretch;gap:8px}:root[data-style-theme] .language-picker{width:100%;justify-content:space-between}:root[data-style-theme] .language-picker select{flex:1 1 auto;min-width:0}:root[data-style-theme] .mode-toggle button,:root[data-style-theme] .debug-toggle,:root[data-style-theme] .pass-button{min-height:44px}:root[data-style-theme] .board{padding:10px}:root[data-style-theme] .stone{border-radius:var(--pro-radius-sm)}:root[data-style-theme] .stone-core{border-radius:8px}}@media (max-width: 420px){:root[data-style-theme] .landing-lang{grid-template-columns:1fr}:root[data-style-theme] .landing-lang label{font-size:.62rem}:root[data-style-theme] .landing-lang select{min-height:42px}}:root[data-style-theme]{--pro-panel-blur: blur(8px);--pro-metric-bg: var(--ui-surface-hi);--pro-metric-border: var(--ui-border-soft);--pro-metric-shadow: inset 0 1px 0 rgba(255, 255, 255, .72)}:root[data-style-theme] .topbar{position:static}:root[data-style-theme] .controls{width:min(980px,100%);backdrop-filter:var(--pro-panel-blur);-webkit-backdrop-filter:var(--pro-panel-blur)}:root[data-style-theme] .controls-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:root[data-style-theme] .controls-row .language-picker{width:100%;justify-content:space-between}:root[data-style-theme] .mode-toggle{padding:4px;gap:6px;border-radius:12px;border:1px solid var(--ui-border-soft);background:var(--ui-surface-hi)}:root[data-style-theme] .mode-toggle button{min-height:40px;border-radius:9px}:root[data-style-theme] .mode-toggle button.active{box-shadow:0 8px 14px #11100e26,inset 0 1px #ffffff2e}:root[data-style-theme] .mode-toggle button:disabled{opacity:.45;filter:saturate(.75)}:root[data-style-theme] .status{gap:8px}:root[data-style-theme] .status>div{min-height:68px;padding:10px;border-radius:12px;border:1px solid var(--pro-metric-border);background:var(--pro-metric-bg);box-shadow:var(--pro-metric-shadow);display:flex;flex-direction:column;justify-content:space-between;gap:6px}:root[data-style-theme] .status .label,:root[data-style-theme] .online-metric .label{letter-spacing:.12em}:root[data-style-theme] .status .value,:root[data-style-theme] .online-metric .value,:root[data-style-theme] .timer-display{font-variant-numeric:tabular-nums}:root[data-style-theme] .stone-track{border-radius:14px;padding:8px;background:var(--ui-surface-hi)}:root[data-style-theme] .stone-token{min-height:24px}:root[data-style-theme] .online-card{min-height:142px}:root[data-style-theme] .online-card__title{letter-spacing:.14em}:root[data-style-theme] .online-metric{align-items:baseline}:root[data-style-theme] .board{gap:18px}:root[data-style-theme] .stones{gap:10px}:root[data-style-theme] .stone,:root[data-style-theme] .card{animation:none}:root[data-style-theme] .stone{min-height:118px}:root[data-style-theme] .stone:after{opacity:.14}:root[data-style-theme] .stone--target{outline:2px dashed var(--ui-border-strong);outline-offset:2px}:root[data-style-theme] .stone--target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(135deg,#ffffff14 0,#ffffff14 6px,#0000000d 6px,#0000000d 12px);pointer-events:none}:root[data-style-theme] .stone--last,:root[data-style-theme] .card--last,:root[data-style-theme] .stone--tutorial,:root[data-style-theme] .card--tutorial{animation:pulseSoft 2.1s ease-in-out infinite}@keyframes pulseSoft{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}:root[data-style-theme] button:focus-visible,:root[data-style-theme] a:focus-visible,:root[data-style-theme] select:focus-visible,:root[data-style-theme] input:focus-visible,:root[data-style-theme] .card:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}:root[data-style-theme] .support-panel h3,:root[data-style-theme] .online-card__title,:root[data-style-theme] .control-group>.label,:root[data-style-theme] .status .label,:root[data-style-theme] .online-status .label{font-weight:700}:root[data-style-theme] .winner-banner{letter-spacing:.04em;text-transform:uppercase}@media (max-width: 1024px){:root[data-style-theme] .topbar{position:static}}@media (max-width: 768px){:root[data-style-theme] .controls-row{grid-template-columns:1fr;gap:8px}:root[data-style-theme] .status>div{min-height:60px;padding:9px}:root[data-style-theme] .stone{min-height:0}:root[data-style-theme] .mode-toggle{padding:3px;gap:5px}}@media (prefers-reduced-motion: reduce){:root[data-style-theme] .stone--last,:root[data-style-theme] .card--last,:root[data-style-theme] .stone--tutorial,:root[data-style-theme] .card--tutorial{animation:none}}:root[data-style-theme] .insight-panel{border:1px solid var(--ui-border-soft);border-radius:14px;padding:10px;background:var(--ui-surface-hi);box-shadow:inset 0 1px #ffffffc7;display:flex;flex-direction:column;gap:8px}:root[data-style-theme] .insight-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px}:root[data-style-theme] .insight-phase{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--ui-border-soft);background:#ffffffb8;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted)}:root[data-style-theme] .insight-phase--over{border-color:var(--ui-pill-warn-bg);color:var(--ui-pill-warn-text)}:root[data-style-theme] .insight-turn{display:flex;align-items:baseline;justify-content:space-between;gap:8px}:root[data-style-theme] .insight-turn strong{font-size:.95rem;font-weight:800}:root[data-style-theme] .insight-race{display:grid;gap:8px}:root[data-style-theme] .insight-race__row{display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr);align-items:center;gap:6px 10px}:root[data-style-theme] .insight-race__name{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}:root[data-style-theme] .insight-race__track{height:8px;border-radius:999px;background:#2b2a271f;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}:root[data-style-theme] .insight-race__track span{display:block;height:100%;border-radius:inherit;transition:width .22s ease}:root[data-style-theme] .insight-race__row--south .insight-race__track span{background:linear-gradient(90deg,#0057b8e0,#008ce6cc)}:root[data-style-theme] .insight-race__row--north .insight-race__track span{background:linear-gradient(90deg,#ff6b00e6,#ffa24dd1)}:root[data-style-theme] .insight-race__meta{grid-column:1 / -1;font-size:.66rem;color:var(--ui-text-muted)}:root[data-style-theme] .insight-next{margin:0;display:grid;gap:4px;font-size:.78rem;line-height:1.4;color:var(--ui-text-strong)}@media (max-width: 768px){:root[data-style-theme] .insight-race__row{grid-template-columns:1fr}:root[data-style-theme] .insight-race__name{font-size:.62rem}}:root[data-style-theme]{--card-radius-pro: 12px;--card-surface-top: #fff8ec;--card-surface-mid: #f6e8cf;--card-surface-bot: #ecd4ad;--card-line: rgba(18, 16, 14, .22);--card-shadow: 0 10px 16px rgba(19, 17, 14, .2)}:root[data-style-theme] .hand{gap:8px}:root[data-style-theme] .card{width:64px;height:90px;border-radius:var(--card-radius-pro);background:linear-gradient(170deg,var(--card-surface-top),var(--card-surface-mid) 52%,var(--card-surface-bot));border:1.5px solid var(--card-line);box-shadow:var(--card-shadow),inset 0 1px #ffffffc2;gap:4px;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}:root[data-style-theme] .card:before{top:0;right:0;bottom:0;left:0;opacity:.55;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 40%),radial-gradient(circle at 84% 84%,rgba(0,0,0,.1),transparent 56%)}:root[data-style-theme] .card:after{top:5px;right:5px;bottom:5px;left:5px;border-radius:8px;border:1px solid rgba(18,16,14,.16);box-shadow:inset 0 0 0 1px #ffffff80}:root[data-style-theme] .card-value{width:36px;height:36px;border-radius:10px;font-size:1.2rem;font-weight:800;border:1px solid rgba(18,16,14,.14);background:linear-gradient(180deg,#fffffff5,#fbf6ece6);box-shadow:inset 0 1px 2px #ffffffe6,0 4px 8px #14120f29}:root[data-style-theme] .card-suit{padding:2px 7px;font-size:.54rem;letter-spacing:.1em;border-radius:999px;border:1px solid rgba(18,16,14,.18)}:root[data-style-theme] button.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #13110e3d}:root[data-style-theme] button.card:active:not(:disabled){transform:translateY(0)}:root[data-style-theme] .card--selected{outline:2px solid var(--ui-focus);outline-offset:2px;box-shadow:0 0 0 2px #ffffffbf,0 12px 20px #13110e40}:root[data-style-theme] .card--tactic{background:linear-gradient(170deg,#f5f0e5,#e5d7bf 54%,#d8c7a8);border:1.5px dashed rgba(24,22,18,.38)}:root[data-style-theme] .card--tactic .card-value{font-size:.78rem;line-height:1.15}:root[data-style-theme] .card--back{background:linear-gradient(160deg,#1b1a18,#3d3830 58%,#4e4438);border-color:#fff3}:root[data-style-theme] .card--back:before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 62%),repeating-linear-gradient(45deg,#ffffff14 0,#ffffff14 2px,#0000001a 2px,#0000001a 8px);opacity:.75}:root[data-style-theme] .card--green{--card-accent: #0e8b4b;--card-contrast: #f8fff9;background:linear-gradient(170deg,#edfdf0,#c9f3d3 55%,#9fe4b1);border-color:#0b7a41b8;box-shadow:inset 4px 0 #0b7a418c,var(--card-shadow)}:root[data-style-theme] .card--blue{--card-accent: #0b63d9;--card-contrast: #f4f9ff;background:linear-gradient(170deg,#edf5ff,#cae0ff 55%,#9fc5ff);border-color:#0b63d9b8;box-shadow:inset 4px 0 #0b63d98c,var(--card-shadow)}:root[data-style-theme] .card--red{--card-accent: #c92d2d;--card-contrast: #fff7f7;background:linear-gradient(170deg,#fff0f0,#ffcfcf 55%,#f5a7a7);border-color:#c92d2db8;box-shadow:inset 4px 0 #c92d2d8c,var(--card-shadow)}:root[data-style-theme] .card--yellow{--card-accent: #9a6a00;--card-contrast: #fff8e3;background:linear-gradient(170deg,#fffbe8,#ffefb4 56%,#ffd971);border-color:#9a6a00b8;box-shadow:inset 4px 0 #9a6a0080,var(--card-shadow)}:root[data-style-theme] .card--purple{--card-accent: #6a36c7;--card-contrast: #f8f3ff;background:linear-gradient(170deg,#f5edff,#ddc8ff 55%,#b997f4);border-color:#6a36c7b8;box-shadow:inset 4px 0 #6a36c780,var(--card-shadow)}:root[data-style-theme] .card--pink{--card-accent: #b1247e;--card-contrast: #fff5fb;background:linear-gradient(170deg,#ffeef9,#ffd0eb 55%,#f3a6d6);border-color:#b1247eb8;box-shadow:inset 4px 0 #b1247e80,var(--card-shadow)}:root[data-style-theme] .card--green .card-suit,:root[data-style-theme] .card--blue .card-suit,:root[data-style-theme] .card--red .card-suit,:root[data-style-theme] .card--yellow .card-suit,:root[data-style-theme] .card--purple .card-suit,:root[data-style-theme] .card--pink .card-suit{background:var(--card-accent);color:var(--card-contrast);border-color:#0000001f}:root[data-style-theme] .card--yellow .card-value{color:#6b4700}@media (max-width: 768px){:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:4px}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{scroll-snap-align:start}:root[data-style-theme] .card{width:56px;height:78px;border-radius:10px;gap:3px}:root[data-style-theme] .card:after{top:4px;right:4px;bottom:4px;left:4px;border-radius:7px}:root[data-style-theme] .card-value{width:30px;height:30px;border-radius:8px;font-size:1.02rem}:root[data-style-theme] .card-suit{font-size:.48rem;padding:2px 5px}:root[data-style-theme] .stones .card{width:32px;height:44px;border-radius:8px}:root[data-style-theme] .stones .card-value{width:18px;height:18px;border-radius:6px;font-size:.68rem}:root[data-style-theme] .stones .card-suit{font-size:.42rem;padding:1px 3px}:root[data-style-theme] button.card:hover:not(:disabled){transform:none}:root[data-style-theme] .action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:root[data-style-theme] .action-row>button,:root[data-style-theme] .action-row>a{width:100%;justify-content:center}}@media (max-width: 420px){:root[data-style-theme] .action-row{grid-template-columns:1fr}:root[data-style-theme] .card{width:52px;height:74px}:root[data-style-theme] .stones .card{width:30px;height:42px}}:root[data-style-theme]{--clan-south-solid: #0a63dd;--clan-north-solid: #d95a07}:root[data-style-theme] .stone--south,:root[data-style-theme] .stone-token--south{border-color:#0a63ddbf}:root[data-style-theme] .stone--north,:root[data-style-theme] .stone-token--north{border-color:#d95a07c2}:root[data-style-theme] .card--green{--card-accent: #0b7a44;--card-contrast: #f5fff9;background:linear-gradient(172deg,#ecfff2,#c6f3d3 54%,#8ddfa9);border-color:#0b7a44c7}:root[data-style-theme] .card--green:before{background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.34),transparent 48%),repeating-linear-gradient(128deg,#06733e33 0,#06733e33 3px,#06733e0a 3px,#06733e0a 10px);opacity:.72}:root[data-style-theme] .card--blue{--card-accent: #0c5ecf;--card-contrast: #f4f9ff;background:linear-gradient(172deg,#ecf4ff,#c5dcff 54%,#8eb8ff);border-color:#0c5ecfcc}:root[data-style-theme] .card--blue:before{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.32),transparent 47%),repeating-linear-gradient(45deg,#0a53c02e 0,#0a53c02e 2px,#0a53c005 2px,#0a53c005 8px),repeating-linear-gradient(-45deg,#0a53c01f 0,#0a53c01f 2px,#0a53c000 2px,#0a53c000 9px);opacity:.7}:root[data-style-theme] .card--red{--card-accent: #bf2a2a;--card-contrast: #fff7f7;background:linear-gradient(172deg,#fff1f1,#ffcaca 54%,#f59393);border-color:#bf2a2acc}:root[data-style-theme] .card--red:before{background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.32),transparent 46%),repeating-linear-gradient(153deg,#a81e1e33 0,#a81e1e33 3px,#a81e1e08 3px,#a81e1e08 10px);opacity:.72}:root[data-style-theme] .card--yellow{--card-accent: #8f6200;--card-contrast: #fff8e4;background:linear-gradient(172deg,#fffde9,#ffe9a0 56%,#ffcf55);border-color:#8f6200d1}:root[data-style-theme] .card--yellow:before{background:radial-gradient(circle at 23% 18%,rgba(255,255,255,.36),transparent 48%),radial-gradient(circle at 78% 82%,rgba(150,94,0,.18),transparent 58%),repeating-radial-gradient(circle at 65% 40%,#a66e001a 0,#a66e001a 2px,#a66e0005 2px,#a66e0005 7px);opacity:.7}:root[data-style-theme] .card--purple{--card-accent: #5f33b3;--card-contrast: #faf5ff;background:linear-gradient(172deg,#f6efff,#dcc3ff 54%,#b58ef0);border-color:#5f33b3cc}:root[data-style-theme] .card--purple:before{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.32),transparent 46%),repeating-linear-gradient(135deg,#5829aa2e 0,#5829aa2e 2px,#5829aa05 2px,#5829aa05 8px);opacity:.72}:root[data-style-theme] .card--pink{--card-accent: #a82873;--card-contrast: #fff6fb;background:linear-gradient(172deg,#fff0fa,#ffc9e9 54%,#f29bcc);border-color:#a82873cc}:root[data-style-theme] .card--pink:before{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.33),transparent 46%),radial-gradient(circle at 70% 78%,rgba(145,24,94,.17),transparent 57%),repeating-linear-gradient(32deg,#91185e1f 0,#91185e1f 2px,#91185e05 2px,#91185e05 8px);opacity:.72}:root[data-style-theme] .card--green .card-value{color:#055730}:root[data-style-theme] .card--blue .card-value{color:#0a4ca8}:root[data-style-theme] .card--red .card-value{color:#9f2020}:root[data-style-theme] .card--yellow .card-value{color:#6a4700}:root[data-style-theme] .card--purple .card-value{color:#4f2a94}:root[data-style-theme] .card--pink .card-value{color:#8a1d5e}:root[data-style-theme] .card--green .card-suit,:root[data-style-theme] .card--blue .card-suit,:root[data-style-theme] .card--red .card-suit,:root[data-style-theme] .card--yellow .card-suit,:root[data-style-theme] .card--purple .card-suit,:root[data-style-theme] .card--pink .card-suit{border-width:1px;border-style:solid}@media (max-width: 768px){:root[data-style-theme] .card{filter:saturate(1.04) contrast(1.03)}:root[data-style-theme] .card-value{font-weight:900}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{scrollbar-width:thin}}:root[data-style-theme] .card-suit{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:16px}:root[data-style-theme] .card-suit-symbol{width:1.05em;height:1.05em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.82em;font-family:"Noto Sans Symbols 2",Noto Sans Symbols,Plus Jakarta Sans,sans-serif;line-height:1;border:1px solid rgba(0,0,0,.18);background:#ffffffdb;color:var(--card-accent)}:root[data-style-theme] .card-suit-text{line-height:1;font-weight:700}:root[data-style-theme] .card-suit--green .card-suit-symbol{background:#0b7a4429}:root[data-style-theme] .card-suit--blue .card-suit-symbol{background:#0c5ecf29}:root[data-style-theme] .card-suit--red .card-suit-symbol{background:#bf2a2a29}:root[data-style-theme] .card-suit--yellow .card-suit-symbol{background:#8f620024}:root[data-style-theme] .card-suit--purple .card-suit-symbol{background:#5f33b326}:root[data-style-theme] .card-suit--pink .card-suit-symbol{background:#a8287326}:root[data-style-theme] .card-suit--tactic{letter-spacing:.07em}:root[data-style-theme] .stones .card-suit{gap:2px;padding-inline:3px}:root[data-style-theme] .stones .card-suit .card-suit-text{display:none}@media (max-width: 768px){:root[data-style-theme] .card-suit{gap:3px}:root[data-style-theme] .card-suit-symbol{width:1em;height:1em;font-size:.74em}:root[data-style-theme] .card-suit-text{font-size:.92em}}:root[data-style-theme] .card{padding-top:9px;padding-bottom:7px;justify-content:center}:root[data-style-theme] .card-corner{position:absolute;z-index:2;width:20px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.14);background:#ffffffc7;color:var(--card-accent);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1;box-shadow:0 2px 5px #12100e26}:root[data-style-theme] .card-corner--tl{top:5px;left:5px}:root[data-style-theme] .card-corner--br{right:5px;bottom:5px;transform:rotate(180deg)}:root[data-style-theme] .card-corner__value{font-family:Fraunces,serif;font-size:.52rem;font-weight:800}:root[data-style-theme] .card-corner__symbol{font-size:.45rem;font-family:"Noto Sans Symbols 2",Noto Sans Symbols,Plus Jakarta Sans,sans-serif}:root[data-style-theme] .card-corner--green{background:#0b7a442e}:root[data-style-theme] .card-corner--blue{background:#0c5ecf2e}:root[data-style-theme] .card-corner--red{background:#bf2a2a2e}:root[data-style-theme] .card-corner--yellow{background:#8f620029}:root[data-style-theme] .card-corner--purple{background:#5f33b32b}:root[data-style-theme] .card-corner--pink{background:#a828732b}:root[data-style-theme] .card--tactic .card-corner{display:none}@media (max-width: 768px){:root[data-style-theme] .controls{padding:10px;gap:10px}:root[data-style-theme] .controls-note{font-size:.84rem}:root[data-style-theme] .mode-toggle button{font-size:.66rem;letter-spacing:.02em}:root[data-style-theme] .board{padding:8px;gap:10px}:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone{padding:10px;border-radius:12px}:root[data-style-theme] .stones{gap:6px}:root[data-style-theme] .stone{gap:5px}:root[data-style-theme] .stone-core{padding:3px 0}:root[data-style-theme] .card-corner{width:16px;height:17px;border-radius:5px}:root[data-style-theme] .card-corner__value{font-size:.41rem}:root[data-style-theme] .card-corner__symbol{font-size:.35rem}:root[data-style-theme] .stones .card-corner{display:none}}@media (max-width: 420px){:root[data-style-theme] .controls{padding:8px}:root[data-style-theme] .card{width:50px;height:72px}:root[data-style-theme] .stones .card{width:29px;height:41px}}:root[data-style-theme] .card{width:62px;height:88px;padding:8px 6px;border-radius:12px;border:1px solid #d3d8de;background:#f9fbfd;box-shadow:0 6px 12px #14181e1f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}:root[data-style-theme] .card:before,:root[data-style-theme] .card:after,:root[data-style-theme] .card-corner{display:none}:root[data-style-theme] .card-value{width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:Fraunces,serif;font-size:1.95rem;font-weight:800;line-height:1;letter-spacing:-.01em}:root[data-style-theme] .card-suit{margin-top:auto;padding:0;border:0;background:transparent;box-shadow:none}:root[data-style-theme] .card-suit--logo{width:21px;height:21px;border-radius:999px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-family:"Noto Sans Symbols 2",Noto Sans Symbols,Plus Jakarta Sans,sans-serif;line-height:1;background:#ffffffb8}:root[data-style-theme] .card-suit--tactic{margin-top:auto;font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:#14161abd}:root[data-style-theme] .card--green{--card-accent: #1e7d4f;background:#eaf7ef;border-color:#9dcab0}:root[data-style-theme] .card--blue{--card-accent: #275fbe;background:#e9f0fc;border-color:#9fb6de}:root[data-style-theme] .card--red{--card-accent: #b03a3a;background:#fbecec;border-color:#d8a6a6}:root[data-style-theme] .card--yellow{--card-accent: #8b6600;background:#fbf5df;border-color:#d7c187}:root[data-style-theme] .card--purple{--card-accent: #6b4aa6;background:#f2ecfa;border-color:#c2b3e0}:root[data-style-theme] .card--pink{--card-accent: #aa3a7e;background:#fbeef7;border-color:#ddb1cb}:root[data-style-theme] .card--green .card-value,:root[data-style-theme] .card--blue .card-value,:root[data-style-theme] .card--red .card-value,:root[data-style-theme] .card--yellow .card-value,:root[data-style-theme] .card--purple .card-value,:root[data-style-theme] .card--pink .card-value,:root[data-style-theme] .card--green .card-suit--logo,:root[data-style-theme] .card--blue .card-suit--logo,:root[data-style-theme] .card--red .card-suit--logo,:root[data-style-theme] .card--yellow .card-suit--logo,:root[data-style-theme] .card--purple .card-suit--logo,:root[data-style-theme] .card--pink .card-suit--logo{color:var(--card-accent)}:root[data-style-theme] .card--tactic{background:#f3efe7;border-color:#cabda7}:root[data-style-theme] .card--tactic .card-value{font-size:.76rem;font-weight:700;text-align:center;line-height:1.2;letter-spacing:.01em;color:#5f5141}:root[data-style-theme] .card--back,:root[data-style-theme] .card--back-clan,:root[data-style-theme] .card--back-tactic{background:#2b2e34;border-color:#4a4e56}:root[data-style-theme] .card--selected{outline:2px solid var(--ui-focus);outline-offset:2px;box-shadow:0 0 0 2px #fffc,0 8px 14px #14181e2e}:root[data-style-theme] button.card:hover:not(:disabled){transform:translateY(-1px)}@media (max-width: 768px){:root[data-style-theme] .topbar{gap:10px}:root[data-style-theme] .controls{padding:9px;gap:9px}:root[data-style-theme] .mode-toggle button{min-height:42px;font-size:.64rem}:root[data-style-theme] .player-zone,:root[data-style-theme] .opponent-zone{padding:9px}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding-bottom:4px;scrollbar-width:thin}:root[data-style-theme] .card{width:54px;height:76px;border-radius:10px;padding:6px 4px;gap:4px}:root[data-style-theme] .card-value{font-size:1.55rem}:root[data-style-theme] .card-suit--logo{width:18px;height:18px;font-size:.62rem}:root[data-style-theme] .stones .card{width:30px;height:42px;border-radius:7px;padding:3px 2px;gap:2px}:root[data-style-theme] .stones .card-value{font-size:.74rem}:root[data-style-theme] .stones .card-suit--logo{width:11px;height:11px;font-size:.42rem;border-width:1px}:root[data-style-theme] .stones .card-suit--tactic{font-size:.34rem}:root[data-style-theme] .action-row{gap:6px}}@media (max-width: 420px){:root[data-style-theme] .card{width:50px;height:70px}:root[data-style-theme] .card-value{font-size:1.42rem}}:root[data-style-theme] .card{border-width:1.5px}:root[data-style-theme] .card-suit--logo{width:20px;height:20px;border:0;background:var(--card-accent);color:#fff;box-shadow:0 1px 3px #14161a33;font-size:.72rem}:root[data-style-theme] .card--yellow .card-suit--logo{color:#4f3a00}:root[data-style-theme] .card--green{--card-accent: #13814f;background:#e2f8eb;border-color:#5ab587;box-shadow:0 6px 12px #0e482d24}:root[data-style-theme] .card--blue{--card-accent: #1d62d1;background:#e4efff;border-color:#5a8de7;box-shadow:0 6px 12px #153b7e24}:root[data-style-theme] .card--red{--card-accent: #c93f52;background:#ffe8ec;border-color:#e27b89;box-shadow:0 6px 12px #761f2d24}:root[data-style-theme] .card--yellow{--card-accent: #b78800;background:#fff4d2;border-color:#e0bc53;box-shadow:0 6px 12px #6e530b24}:root[data-style-theme] .card--purple{--card-accent: #764ac8;background:#efe6ff;border-color:#ac8fe6;box-shadow:0 6px 12px #3d246c24}:root[data-style-theme] .card--pink{--card-accent: #bd4b90;background:#ffe7f4;border-color:#e297c6;box-shadow:0 6px 12px #64234924}:root[data-style-theme] .card--green .card-value,:root[data-style-theme] .card--blue .card-value,:root[data-style-theme] .card--red .card-value,:root[data-style-theme] .card--yellow .card-value,:root[data-style-theme] .card--purple .card-value,:root[data-style-theme] .card--pink .card-value{color:var(--card-accent)}:root[data-style-theme] .card--green .card-suit--logo{border-radius:999px}:root[data-style-theme] .card--blue .card-suit--logo{border-radius:5px}:root[data-style-theme] .card--red .card-suit--logo{border-radius:5px 5px 10px 10px}:root[data-style-theme] .card--yellow .card-suit--logo{border-radius:4px}:root[data-style-theme] .card--purple .card-suit--logo{border-radius:999px 999px 8px 8px}:root[data-style-theme] .card--pink .card-suit--logo{border-radius:10px 6px}@media (max-width: 768px){:root[data-style-theme] .card-suit--logo{width:17px;height:17px;font-size:.58rem}:root[data-style-theme] .card{box-shadow:0 4px 8px #14181e21}}@media (max-width: 768px){:root[data-style-theme] .app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}:root[data-style-theme] .action-row--primary{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:35;margin:0;padding:8px;border-radius:14px;border:1px solid var(--ui-border-soft);background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 24px #12161c2e;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:root[data-style-theme] .action-row--primary>button,:root[data-style-theme] .action-row--primary>a{min-height:44px;padding:0 12px;justify-content:center}:root[data-style-theme] .action-row--primary .pass-button{grid-column:1 / -1}:root[data-style-theme] .controls{gap:8px}:root[data-style-theme] .controls-note{margin-bottom:0;font-size:.8rem}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x mandatory;padding-inline:2px;padding-bottom:6px;gap:7px}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{scroll-snap-align:center}:root[data-style-theme] .player-zone .hand::-webkit-scrollbar,:root[data-style-theme] .opponent-zone .hand::-webkit-scrollbar{height:5px}:root[data-style-theme] .player-zone .hand::-webkit-scrollbar-thumb,:root[data-style-theme] .opponent-zone .hand::-webkit-scrollbar-thumb{background:#12161c40;border-radius:999px}:root[data-style-theme] .stones{gap:7px}:root[data-style-theme] .stone{min-height:98px}}@media (max-width: 420px){:root[data-style-theme] .action-row--primary{grid-template-columns:1fr}:root[data-style-theme] .action-row--primary .pass-button{grid-column:auto}:root[data-style-theme] .stone{min-height:92px}}@media (max-width: 1024px){:root[data-style-theme] .action-row--primary{position:static;left:auto;right:auto;bottom:auto;z-index:auto;margin:0;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}}@media (max-width: 768px){:root[data-style-theme] .app{padding-bottom:max(14px,env(safe-area-inset-bottom))}:root[data-style-theme] .controls{padding:8px;gap:7px}:root[data-style-theme] .controls-note{display:none}:root[data-style-theme] .action-row--primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:root[data-style-theme] .action-row--primary>button,:root[data-style-theme] .action-row--primary>a{min-height:40px;font-size:.66rem;padding:0 8px;justify-content:center}:root[data-style-theme] .action-row--primary .pass-button{grid-column:auto}:root[data-style-theme] .board{padding:6px;gap:8px}:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone{padding:7px;border-radius:10px}:root[data-style-theme] .opponent-zone h2,:root[data-style-theme] .player-zone h2{margin-bottom:6px;font-size:.92rem}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;overflow:visible;padding:0}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{width:100%;height:64px;min-width:0;border-radius:8px;padding:4px 2px;gap:2px}:root[data-style-theme] .player-zone .hand .card-value,:root[data-style-theme] .opponent-zone .hand .card-value{font-size:1.18rem}:root[data-style-theme] .player-zone .hand .card-suit--logo,:root[data-style-theme] .opponent-zone .hand .card-suit--logo{width:14px;height:14px;font-size:.5rem}:root[data-style-theme] .stones{gap:5px}:root[data-style-theme] .stone{min-height:84px;padding:4px 2px;border-radius:10px;gap:3px}:root[data-style-theme] .stone-core{padding:3px 0;border-radius:7px}:root[data-style-theme] .stone-action,:root[data-style-theme] .stone-claim{font-size:.42rem;letter-spacing:.05em;padding:2px 5px;min-height:18px}:root[data-style-theme] .stones .cards{flex-direction:row;align-items:center;justify-content:center;min-height:0;gap:2px}:root[data-style-theme] .stones .card{width:22px;height:30px;border-radius:5px;padding:2px 1px;gap:1px}:root[data-style-theme] .stones .card-value{font-size:.56rem}:root[data-style-theme] .stones .card-suit--logo{width:8px;height:8px;font-size:.32rem}:root[data-style-theme] .stones .card-suit--tactic{font-size:.28rem;letter-spacing:0}}@media (max-width: 420px){:root[data-style-theme] .action-row--primary{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{height:60px}:root[data-style-theme] .player-zone .hand .card-value,:root[data-style-theme] .opponent-zone .hand .card-value{font-size:1.04rem}:root[data-style-theme] .stones .card{width:20px;height:28px}}:root[data-style-theme] .stones .cards--bottom{min-height:0;gap:3px;padding-top:0;padding-bottom:0}:root[data-style-theme] .stones .cards--bottom .card{margin:0}@media (max-width: 768px){:root[data-style-theme] .stones .cards--bottom{gap:2px}}:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{display:grid;grid-template-columns:repeat(6,62px);justify-content:center}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{width:62px;height:88px;min-width:62px;max-width:62px;box-sizing:border-box;flex:0 0 62px}:root[data-style-theme] .stones .cards--top .card,:root[data-style-theme] .stones .cards--bottom .card{box-sizing:border-box;flex-shrink:0}@media (max-width: 768px){:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{grid-template-columns:repeat(6,42px);justify-content:center;gap:4px}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{width:42px;height:60px;min-width:42px;max-width:42px;flex-basis:42px}}@media (max-width: 420px){:root[data-style-theme] .player-zone .hand,:root[data-style-theme] .opponent-zone .hand{grid-template-columns:repeat(6,36px);justify-content:center;gap:3px}:root[data-style-theme] .player-zone .hand .card,:root[data-style-theme] .opponent-zone .hand .card{width:36px;height:52px;min-width:36px;max-width:36px;flex-basis:36px}}:root[data-style-theme] .stones .cards--top,:root[data-style-theme] .stones .cards--bottom,.stones .cards--top,.stones .cards--bottom{min-height:0}:root[data-style-theme] .stones .cards--top:empty,.stones .cards--top:empty{display:none}:root[data-style-theme] .stones .cards--bottom,.stones .cards--bottom{gap:2px;padding-top:0;padding-bottom:0}@media (max-width: 1024px){:root[data-style-theme] .stones .stone,.stones .stone{min-height:0;height:auto}}@media (max-width: 768px){:root[data-style-theme] .stones .stone,.stones .stone{padding-top:3px;padding-bottom:3px;gap:2px}:root[data-style-theme] .stones .card,.stones .card{width:24px;height:34px}:root[data-style-theme] .stones .card-value,.stones .card-value{font-size:.62rem}:root[data-style-theme] .stones .card-suit--logo,.stones .card-suit--logo{width:9px;height:9px;font-size:.34rem}}@media (max-width: 420px){:root[data-style-theme] .stones .card,.stones .card{width:22px;height:32px}}:root[data-style-theme] .stone-track{border:1px solid rgba(31,26,22,.26);background:linear-gradient(180deg,#ffffffe6,#f3e8d3eb);box-shadow:inset 0 1px #ffffffd9,0 4px 10px #1f1a161f}:root[data-style-theme] .stone-token{position:relative;min-height:26px;font-size:.74rem;font-weight:800;color:#1f1a16e6;background:linear-gradient(160deg,#fffffff0,#e9dfcce0);border:1px solid rgba(31,26,22,.24)}:root[data-style-theme] .stone-token:not(:last-child):after{content:"->";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:#1f1a16ad;font-size:.66rem;font-weight:800;pointer-events:none}:root[data-style-theme] .stone-index{display:inline-flex;align-items:baseline;gap:1px;font-variant-numeric:tabular-nums}:root[data-style-theme] .stone-index:after{content:"/9";font-size:.56em;letter-spacing:.06em;color:#1f1a169e}@media (max-width: 768px){:root[data-style-theme] .stone-token{min-height:22px;font-size:.62rem}:root[data-style-theme] .stone-token:not(:last-child):after{right:-7px;font-size:.54rem}}:root[data-style-theme] .stone-index:after{content:none}:root[data-style-theme] .stone-token{padding-right:11px}:root[data-style-theme] .stone-token:not(:last-child):after{content:"->";right:3px;top:50%;transform:translateY(-50%);color:#1f1a16f5;font-size:.78rem;font-weight:900;z-index:3;text-shadow:0 1px 0 rgba(255,255,255,.72)}@media (max-width: 768px){:root[data-style-theme] .stone-token{padding-right:9px}:root[data-style-theme] .stone-token:not(:last-child):after{right:2px;font-size:.62rem}}:root[data-style-theme] .stone-token:not(:last-child):after{content:none}:root[data-style-theme] .stone-index{display:inline-flex;align-items:baseline;justify-content:center;gap:0;font-variant-numeric:tabular-nums}:root[data-style-theme] .stone-index-next{font-size:.58em;font-weight:800;letter-spacing:.02em;color:#1f1a16b8}@media (max-width: 768px){:root[data-style-theme] .stone-index-next{font-size:.52em}}:root[data-style-theme] .mode-toggle--layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:root[data-style-theme] .mode-toggle--layout button{min-height:40px}:root[data-style-theme] .stones.stones--layout-grid,.stones.stones--layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-style-theme] .stones.stones--layout-vertical,.stones.stones--layout-vertical{grid-template-columns:1fr}:root[data-style-theme] .stones{transition:grid-template-columns .26s ease,gap .22s ease}@keyframes stoneLayoutShift{0%{opacity:.72;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: no-preference){:root[data-style-theme] .stones.stones--layout-grid .stone,:root[data-style-theme] .stones.stones--layout-vertical .stone,.stones.stones--layout-grid .stone,.stones.stones--layout-vertical .stone{animation:stoneLayoutShift .22s ease both}}:root[data-style-theme] .stone-token:not(:last-child):after,.stone-token:not(:last-child):after{content:none!important}:root[data-style-theme] .stone-index-next,.stone-index-next{display:none!important}@media (max-width: 768px){:root[data-style-theme] .mode-toggle--layout button{min-height:36px;font-size:.68rem}}:root[data-style-theme] .stone-layout-switch,.stone-layout-switch{margin:8px 0 10px;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:999px;border:1px solid rgba(31,26,22,.18);background:linear-gradient(180deg,#fffffff0,#f2e6cfeb);box-shadow:inset 0 1px #ffffffd9}:root[data-style-theme] .stone-layout-switch button,.stone-layout-switch button{min-height:34px;min-width:76px;border-radius:999px;border:1px solid transparent;background:transparent;color:#1f1a16b8;font-weight:700;cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease}:root[data-style-theme] .stone-layout-switch button.active,.stone-layout-switch button.active{background:#0b6a8f29;color:#0b4960;border-color:#0b6a8f59}@media (max-width: 768px){:root[data-style-theme] .stone-layout-switch,.stone-layout-switch{width:100%;margin:6px 0 8px}:root[data-style-theme] .stone-layout-switch button,.stone-layout-switch button{min-height:32px;min-width:0;font-size:.68rem}}.stone-layout-switch--actions{width:100%;margin-top:6px;margin-bottom:10px;display:grid;gap:6px;justify-items:start}.stone-layout-switch__label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#1f1a16b3;font-weight:700}.stone-layout-switch__buttons{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border-radius:999px;border:1px solid rgba(31,26,22,.2);background:linear-gradient(180deg,#fffffff0,#f2e6cfeb);box-shadow:inset 0 1px #ffffffd9}.stone-layout-switch__buttons button{min-height:34px;min-width:118px;border-radius:999px;border:1px solid transparent;background:transparent;color:#1f1a16bd;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.stone-layout-switch__buttons button.active{background:#0b6a8f29;color:#0b4960;border-color:#0b6a8f5c}.stones.stones--layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stones.stones--layout-vertical{grid-template-columns:1fr}.stones{transition:grid-template-columns .42s cubic-bezier(.22,.61,.36,1),gap .26s ease}@keyframes stoneReflow{0%{opacity:.72;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: no-preference){.stones.stones--animating .stone{animation:stoneReflow .52s cubic-bezier(.22,.61,.36,1) both}.stones.stones--animating .stone:nth-child(1){animation-delay:0ms}.stones.stones--animating .stone:nth-child(2){animation-delay:30ms}.stones.stones--animating .stone:nth-child(3){animation-delay:60ms}.stones.stones--animating .stone:nth-child(4){animation-delay:90ms}.stones.stones--animating .stone:nth-child(5){animation-delay:.12s}.stones.stones--animating .stone:nth-child(6){animation-delay:.15s}.stones.stones--animating .stone:nth-child(7){animation-delay:.18s}.stones.stones--animating .stone:nth-child(8){animation-delay:.21s}.stones.stones--animating .stone:nth-child(9){animation-delay:.24s}}.stone-index-flow{margin-left:2px;font-size:.58em;letter-spacing:.02em;color:#1f1a16b3;font-weight:800}@media (prefers-reduced-motion: no-preference){.stones.stones--animating .stone-index-flow{animation:stoneFlowHint .7s ease both}}@keyframes stoneFlowHint{0%{opacity:0;transform:translate(-4px)}30%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.stone-layout-switch--actions{gap:5px;margin-top:4px;margin-bottom:8px}.stone-layout-switch__label{font-size:.6rem}.stone-layout-switch__buttons{width:100%}.stone-layout-switch__buttons button{min-width:0;min-height:32px;font-size:.68rem}.stone-index-flow{font-size:.5em}}@media (max-width: 768px){:root[data-style-theme] .stones .cards--top .card,:root[data-style-theme] .stones .cards--bottom .card,.stones .cards--top .card,.stones .cards--bottom .card{width:26px;height:38px}:root[data-style-theme] .stones .cards--top .card-value,:root[data-style-theme] .stones .cards--bottom .card-value,.stones .cards--top .card-value,.stones .cards--bottom .card-value{font-size:.66rem}:root[data-style-theme] .stones .cards--top .card-suit--logo,:root[data-style-theme] .stones .cards--bottom .card-suit--logo,.stones .cards--top .card-suit--logo,.stones .cards--bottom .card-suit--logo{width:10px;height:10px;font-size:.36rem}}@media (max-width: 420px){:root[data-style-theme] .stones .cards--top .card,:root[data-style-theme] .stones .cards--bottom .card,.stones .cards--top .card,.stones .cards--bottom .card{width:24px;height:34px}:root[data-style-theme] .stones .cards--top .card-value,:root[data-style-theme] .stones .cards--bottom .card-value,.stones .cards--top .card-value,.stones .cards--bottom .card-value{font-size:.62rem}:root[data-style-theme] .stones .cards--top .card-suit--logo,:root[data-style-theme] .stones .cards--bottom .card-suit--logo,.stones .cards--top .card-suit--logo,.stones .cards--bottom .card-suit--logo{width:9px;height:9px;font-size:.34rem}}@media (max-width: 1024px){:root[data-style-theme] .stones .cards--top>.card,:root[data-style-theme] .stones .cards--bottom>.card,.stones .cards--top>.card,.stones .cards--bottom>.card{width:30px!important;height:44px!important;min-width:30px!important;max-width:30px!important}:root[data-style-theme] .stones .cards--top>.card .card-value,:root[data-style-theme] .stones .cards--bottom>.card .card-value,.stones .cards--top>.card .card-value,.stones .cards--bottom>.card .card-value{font-size:.72rem!important}:root[data-style-theme] .stones .cards--top>.card .card-suit--logo,:root[data-style-theme] .stones .cards--bottom>.card .card-suit--logo,.stones .cards--top>.card .card-suit--logo,.stones .cards--bottom>.card .card-suit--logo{width:11px!important;height:11px!important;font-size:.4rem!important}}:root[data-style-theme] .stones .cards--top>.card,:root[data-style-theme] .stones .cards--bottom>.card,.stones .cards--top>.card,.stones .cards--bottom>.card{width:34px!important;height:48px!important;min-width:34px!important;max-width:34px!important}:root[data-style-theme] .stones .cards--top>.card .card-value,:root[data-style-theme] .stones .cards--bottom>.card .card-value,.stones .cards--top>.card .card-value,.stones .cards--bottom>.card .card-value{font-size:.8rem!important}:root[data-style-theme] .stones .cards--top>.card .card-suit--logo,:root[data-style-theme] .stones .cards--bottom>.card .card-suit--logo,.stones .cards--top>.card .card-suit--logo,.stones .cards--bottom>.card .card-suit--logo{width:12px!important;height:12px!important;font-size:.42rem!important}@media (max-width: 1024px){:root[data-style-theme] .stones .cards--top>.card,:root[data-style-theme] .stones .cards--bottom>.card,.stones .cards--top>.card,.stones .cards--bottom>.card{width:32px!important;height:46px!important;min-width:32px!important;max-width:32px!important}}@media (max-width: 768px){:root[data-style-theme] .stones .cards--top>.card,:root[data-style-theme] .stones .cards--bottom>.card,.stones .cards--top>.card,.stones .cards--bottom>.card{width:30px!important;height:44px!important;min-width:30px!important;max-width:30px!important}}@media (max-width: 420px){:root[data-style-theme] .stones .cards--top>.card,:root[data-style-theme] .stones .cards--bottom>.card,.stones .cards--top>.card,.stones .cards--bottom>.card{width:28px!important;height:40px!important;min-width:28px!important;max-width:28px!important}}:root[data-style-theme] .topbar{display:grid;gap:16px;align-items:start}:root[data-style-theme] .topbar-copy{max-width:62ch}:root[data-style-theme] .controls{width:min(1040px,100%);margin-inline:auto;gap:12px}:root[data-style-theme] .controls-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px}:root[data-style-theme] .controls-row .debug-toggle{justify-self:end}:root[data-style-theme] .language-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%}:root[data-style-theme] .language-picker label{margin:0;line-height:1;white-space:nowrap}:root[data-style-theme] .language-picker select{width:100%;min-width:0;min-height:40px}:root[data-style-theme] .controls>.action-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}:root[data-style-theme] .controls>.action-row>button,:root[data-style-theme] .controls>.action-row>a{width:100%;justify-content:center}:root[data-style-theme] .stone-layout-switch--actions{width:100%}:root[data-style-theme] .stone-layout-switch__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style-theme] .status,:root[data-style-theme] .status--secondary{align-items:stretch}:root[data-style-theme] .board{gap:16px;align-items:stretch}:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone{width:100%}:root[data-style-theme] .opponent-zone h2,:root[data-style-theme] .player-zone h2{display:flex;align-items:center;justify-content:space-between}:root[data-style-theme] .stones{width:100%;margin-inline:auto}:root[data-style-theme] .app-footer,:root[data-style-theme] .landing-footer{align-items:flex-start}@media (min-width: 1100px){:root[data-style-theme] .topbar{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:18px}:root[data-style-theme] .controls{margin-inline:0;justify-self:stretch}:root[data-style-theme] .stones.stones--layout-grid{max-width:920px}:root[data-style-theme] .stones.stones--layout-vertical{max-width:440px}}@media (max-width: 1024px){:root[data-style-theme] .topbar{grid-template-columns:1fr}:root[data-style-theme] .controls{width:100%}:root[data-style-theme] .controls-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:root[data-style-theme] .controls-row .debug-toggle{grid-column:1 / -1;justify-self:start}}@media (max-width: 768px){:root[data-style-theme] .controls{padding:12px;gap:10px}:root[data-style-theme] .controls-row{grid-template-columns:1fr;gap:8px}:root[data-style-theme] .controls-row .debug-toggle{grid-column:auto;justify-self:stretch}:root[data-style-theme] .language-picker{grid-template-columns:1fr;gap:6px;align-items:start}:root[data-style-theme] .language-picker label{font-size:.62rem;letter-spacing:.12em}:root[data-style-theme] .language-picker select{min-height:42px}:root[data-style-theme] .controls .mode-toggle{padding:3px;gap:5px}:root[data-style-theme] .controls .mode-toggle button{min-height:42px}:root[data-style-theme] .controls .status{gap:6px}:root[data-style-theme] .controls .status .value{font-size:1rem}:root[data-style-theme] .controls>.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-style-theme] .stone-layout-switch__buttons{width:100%}:root[data-style-theme] .board{gap:12px}:root[data-style-theme] .stones{gap:8px}:root[data-style-theme] .opponent-zone,:root[data-style-theme] .player-zone{padding:10px 12px}}@media (max-width: 480px){:root[data-style-theme] .controls>.action-row{grid-template-columns:1fr}:root[data-style-theme] .status{grid-template-columns:repeat(3,minmax(0,1fr))}:root[data-style-theme] .status .label{font-size:.58rem;letter-spacing:.1em}:root[data-style-theme] .status .value{font-size:.9rem}:root[data-style-theme] .app-footer,:root[data-style-theme] .landing-footer{flex-direction:column;gap:8px}}:root[data-style-theme] .stone-layout-switch--actions,.stone-layout-switch--actions{justify-items:center;align-items:center;text-align:center;gap:4px;margin-top:2px;margin-bottom:8px}:root[data-style-theme] .stone-layout-switch__label,.stone-layout-switch__label{width:100%;margin:0;text-align:center;letter-spacing:.08em}:root[data-style-theme] .stone-layout-switch__buttons,.stone-layout-switch__buttons{margin-inline:auto}.stones{transition:gap .24s ease}.stones .stone{will-change:transform;transform-origin:top left;backface-visibility:hidden}@media (prefers-reduced-motion: no-preference){.stones.stones--animating .stone{animation:none!important}}@media (max-width: 768px){:root[data-style-theme] .stone-layout-switch--actions,.stone-layout-switch--actions{justify-items:stretch}:root[data-style-theme] .stone-layout-switch__label,.stone-layout-switch__label{text-align:left}:root[data-style-theme] .stone-layout-switch__buttons,.stone-layout-switch__buttons{width:100%;margin-inline:0}}:root[data-style-theme] .stone--touch-target,.stone--touch-target{outline:2px solid var(--ui-focus, rgba(11, 106, 143, .72));outline-offset:2px;box-shadow:0 0 0 3px #0b6a8f29}:root[data-style-theme] .app:not(.app--landing){display:flex;flex-direction:column;padding-top:max(8px,env(safe-area-inset-top))}:root[data-style-theme] .app:not(.app--landing) .board{order:-20;margin-top:0}:root[data-style-theme] .app:not(.app--landing) .topbar{order:-10;margin-top:0}@media (max-width: 768px){:root[data-style-theme] .app:not(.app--landing){padding-top:max(4px,env(safe-area-inset-top))}}:root[data-style-theme] .stones .cards--top,:root[data-style-theme] .stones .cards--bottom,.stones .cards--top,.stones .cards--bottom{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;min-height:0;gap:4px}