@import url('./strategy-room.css');
:root{--table-bg:#fffdf6;--table-soft:#f0f0e2;--table-accent:#2f7661;--table-ink:#253e38;--table-line:#dedfd2}
html[data-site-theme="dark"]{--table-bg:#202a2d;--table-soft:#293538;--table-accent:#8bd6b5;--table-ink:#eef2e9;--table-line:#4b5e5c;--ink:var(--table-ink);--muted:#b4c4bd;--line:var(--table-line);--cream:#162024}
html[data-site-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-site-theme="dark"] .card,html[data-site-theme="dark"] button,html[data-site-theme="dark"] input,html[data-site-theme="dark"] select,html[data-site-theme="dark"] .confirm-dialog{background:var(--table-bg);color:var(--ink);border-color:var(--line)}
html[data-site-theme="dark"] .board-scroll,html[data-site-theme="dark"] .status,html[data-site-theme="dark"] .lobby-rules,html[data-site-theme="dark"] .turn,html[data-site-theme="dark"] .result,html[data-site-theme="dark"] .service{background:var(--table-soft);color:var(--ink);border-color:var(--line)}
.tabletop .hero{grid-template-columns:1fr;padding:40px 0 28px;gap:0}.tabletop .hero h1{font-size:clamp(35px,5vw,56px)}.tabletop .intro{max-width:720px;margin:16px 0}.tabletop .entry-grid{margin-bottom:20px}.tabletop .board{min-width:0;max-width:none;width:max-content;min-height:70px}.tabletop .board-scroll{padding:14px;max-height:76vh;touch-action:pan-x pan-y}.tabletop .play-card{min-width:0}.tabletop .extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center}.tabletop .extra>*{max-width:100%}.tabletop .game-layout{grid-template-columns:minmax(0,1fr) 280px}.tabletop .card{background:var(--table-bg)}.tabletop .rules a{text-decoration:underline;overflow-wrap:anywhere}.tabletop button{min-width:44px;min-height:44px}.tabletop input,.tabletop select{min-width:0;max-width:100%}.tabletop .board:focus-visible{outline:3px solid #dcac50;outline-offset:-3px}.tabletop .toplinks{flex-wrap:wrap;justify-content:flex-end;gap:9px}.tabletop .toplinks a{min-height:44px;display:inline-flex;align-items:center}.tabletop .copy-field{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}.tabletop .error{position:sticky;bottom:10px;background:var(--table-bg);border:1px solid currentColor;border-radius:12px;padding:12px;z-index:3}.tabletop .player-dot{font-size:11px;color:var(--ink);background:var(--table-soft);border-color:var(--table-bg)}.tabletop .player{border-color:var(--line)}.tabletop .board-loading{font-size:14px;padding:20px;color:var(--muted)}
@media(max-width:900px){.tabletop .game-layout{grid-template-columns:1fr}.tabletop .sidebar{grid-template-columns:1fr 1fr}.tabletop .sidebar .rules{grid-column:1/-1}}
@media(max-width:560px){.tabletop .shell{padding:0 12px}.tabletop .sidebar{grid-template-columns:1fr}.tabletop .play-card{padding:12px}.tabletop .board-scroll{padding:8px}.tabletop .topbar{gap:8px}.tabletop .toplinks span{font-size:11px}.tabletop .hero h1{font-size:36px}}
html[data-site-theme="dark"] .tabletop .player strong{color:#eef5f0}html[data-site-theme="dark"] .tabletop .player.current strong{color:#9ee5c4}html[data-site-theme="dark"] .tabletop button.primary{background:#78c6a4!important;color:#14251d!important;border-color:#78c6a4}html[data-site-theme="dark"] .tabletop .hero .tags span{background:#25362e;color:#dcefe3;border-color:#566b60}html[data-site-theme="dark"] .tabletop button:hover:not(:disabled){box-shadow:0 0 0 2px #81bea6}html[data-site-theme="dark"] .tabletop .extra{color:#d8e7df}
.tabletop label{display:grid;gap:9px;font-size:13px;line-height:1.7}.tabletop select,.tabletop input{width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--table-line);border-radius:10px;background:var(--table-bg);color:var(--table-ink);font:inherit}.tabletop summary{min-height:44px;display:flex;align-items:center}