:root{color-scheme:light;--bg:#f2ede3;--bg-accent:#e6dac2;--surface:#fdf9f2;--surface-strong:#fffefc;--ink:#1f1812;--ink-soft:#5e4d3a;--ink-subtle:#786452;--brand:#8a4b20;--brand-strong:#6f3714;--brand-wash:#f2dcc4;--line:#cfba98;--line-strong:#9f7e58;--ok:#145a3b;--ok-wash:#e4f4eb;--warn:#7f4b0f;--warn-wash:#fff2df;--danger:#7c2f1a;--danger-wash:#fbe7e2;--shadow-soft:0 10px 30px rgba(53,34,17,.1);--shadow-mid:0 16px 44px rgba(43,25,11,.16);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--space-1:clamp(0.4rem,0.35rem + 0.2vw,0.55rem);--space-2:clamp(0.7rem,0.55rem + 0.35vw,0.95rem);--space-3:clamp(1rem,0.8rem + 0.55vw,1.35rem);--space-4:clamp(1.35rem,1.05rem + 0.8vw,1.8rem);--space-5:clamp(1.8rem,1.4rem + 1.2vw,2.5rem)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:Avenir Next,Segoe UI Variable,Trebuchet MS,sans-serif;background:radial-gradient(80% 90% at 12% 0,#fff8eb 0,transparent 55%),radial-gradient(70% 60% at 92% 18%,#eedec2 0,transparent 55%),linear-gradient(165deg,var(--bg) 0,var(--bg-accent) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(135deg,rgba(113,70,34,.1),rgba(113,70,34,.1) 1px,transparent 0,transparent 14px)}a{color:inherit;text-decoration:none}.container{position:relative;width:min(1180px,93vw);margin:var(--space-5) auto;display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.page-header h1{margin:0;font-family:Baskerville,Palatino Linotype,serif;font-weight:700;line-height:1;letter-spacing:.02em;font-size:clamp(2rem,1.35rem + 2.8vw,3.6rem)}.page-header p{margin:0;color:var(--ink-soft)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700;color:var(--brand-strong)}.card,.hero-panel,.room-header{border:1px solid rgba(105,75,46,.28);border-radius:var(--radius-lg);background:linear-gradient(165deg,hsla(0,0%,100%,.88),rgba(255,251,244,.92));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-panel,.room-header{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4) var(--space-5)}.hero-copy{max-width:64ch}.section-heading{display:grid;grid-gap:.4rem;gap:.4rem}.section-heading h2{margin:0;font-size:clamp(1.2rem,.98rem + .8vw,1.7rem)}.section-heading p{margin:0;color:var(--ink-subtle)}.card{padding:var(--space-4)}.room-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.room-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.room-list-item{margin:0}.room-link{border:1px solid rgba(121,86,54,.3);border-radius:var(--radius-md);background:var(--surface);display:grid;grid-gap:.2rem;gap:.2rem;padding:var(--space-3);transition:transform .14s ease,box-shadow .16s ease,border-color .16s ease}.room-link:hover{transform:translateY(-1px);border-color:var(--brand);box-shadow:var(--shadow-soft)}.room-link:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}.room-link-title{font-size:1.08rem;font-weight:700;color:var(--ink)}.room-link-meta{font-size:.9rem;font-weight:600;color:var(--brand-strong)}.room-link-detail{font-size:.9rem;color:var(--ink-soft)}.back-link{width:-moz-fit-content;width:fit-content;font-weight:600;color:var(--brand-strong);transition:color .14s ease}.back-link:focus-visible,.back-link:hover{color:#41200b}.game-card,.room-page{gap:var(--space-3)}.game-card{display:grid;grid-gap:var(--space-3);padding:var(--space-3)}.game-meta-grid{display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr))}.meta-panel{border:1px solid rgba(98,71,45,.3);border-radius:var(--radius-md);padding:.8rem .95rem;background:var(--surface-strong);display:grid;grid-gap:.2rem;gap:.2rem;min-height:4.6rem}.meta-panel[data-active=true]{border-color:var(--brand);background:linear-gradient(180deg,#fffefb,#f7ead6);box-shadow:inset 0 0 0 1px rgba(121,74,31,.2)}.meta-panel[data-tone=ok]{border-color:rgba(20,90,59,.45)}.meta-panel[data-tone=warn]{border-color:rgba(127,75,15,.45)}.meta-panel[data-tone=danger]{border-color:rgba(124,47,26,.48)}.meta-label{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle)}.meta-label,.meta-value{margin:0;font-weight:700}.meta-value{font-size:1rem;color:var(--ink)}.meta-sub{margin:0;font-size:.83rem;color:var(--ink-soft)}.timer-value{font-family:Consolas,Menlo,monospace;font-size:1.2rem}.status-banner{margin:0;border:1px solid #b89063;border-radius:var(--radius-sm);padding:.7rem .85rem;background:#f6ebda;font-size:.95rem;font-weight:600;color:#3f2612}.status-banner[data-tone=warning]{background:var(--warn-wash);border-color:#c08e4b;color:#5c3300}.status-banner[data-tone=danger]{background:var(--danger-wash);border-color:#b36753;color:#5f1c0b}.thinking-indicator{margin:0;border:1px solid rgba(127,75,15,.45);border-radius:var(--radius-sm);background:var(--warn-wash);color:#5c3300;font-weight:600;padding:.55rem .8rem;display:inline-flex;align-items:center;gap:.55rem;width:-moz-fit-content;width:fit-content}.thinking-dot{width:.6rem;height:.6rem;border-radius:999px;background:#8a4b20;animation:thinking-pulse .9s ease-in-out infinite}.board-column,.game-layout{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.hand-panel{border:1px solid rgba(104,72,36,.34);border-radius:var(--radius-md);background:linear-gradient(180deg,hsla(0,0%,100%,.96),hsla(35,79%,95%,.94));padding:var(--space-2);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.hand-panel[data-active=true]{border-color:var(--brand);box-shadow:inset 0 0 0 2px rgba(138,75,32,.18)}.hand-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.hand-panel h3{margin:0;font-size:.95rem;letter-spacing:.03em;text-transform:uppercase}.hand-chip{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;background:var(--brand-wash);color:#583011;font-weight:700}.hand-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));grid-gap:.5rem;gap:.5rem}.hand-piece{border:1px solid rgba(109,76,45,.45);border-radius:12px;background:linear-gradient(180deg,#fff9ee,#f1e0c4);color:#2e1b0f;font-weight:700;padding:.45rem .58rem;display:flex;justify-content:space-between;align-items:baseline;cursor:pointer;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.hand-piece:hover:not(:disabled){transform:translateY(-1px);border-color:#8e4f20}.hand-piece:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}.hand-piece:disabled{opacity:.5;cursor:not-allowed}.hand-piece[data-selected=true]{border-color:#7c421b;box-shadow:inset 0 0 0 2px rgba(124,66,27,.26)}.hand-piece-kind{text-transform:capitalize;font-size:.86rem}.hand-piece-count{font-family:Consolas,Menlo,monospace;font-size:.88rem}.board-shell{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.board-header h2{margin:0;font-size:1.15rem}.board-header p{margin:.18rem 0 0;color:var(--ink-soft)}.board-frame{border:1px solid var(--line-strong);border-radius:18px;padding:clamp(.7rem,.55rem + .5vw,1rem);background:linear-gradient(145deg,#9f7448,#7f552f 48%,#6d4424),repeating-linear-gradient(-35deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 6px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 12px);box-shadow:0 7px 0 rgba(61,37,16,.95),var(--shadow-mid)}.board-files,.board-ranks{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));text-align:center;font-size:.78rem;color:#f8ebd8;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.4)}.board-files{margin-bottom:.45rem}.board-ranks{margin-top:.45rem}.board-grid{display:grid;grid-template-columns:repeat(9,minmax(1.8rem,1fr));grid-gap:1px;gap:1px;border:2px solid #50341d;background:#4f331d;border-radius:4px;overflow:hidden}.board-cell{position:relative;aspect-ratio:1;border:0;padding:0;display:grid;place-items:center;background:#e0bf8d;color:var(--ink);cursor:pointer;transition:transform .12s ease,filter .12s ease}.board-cell:nth-child(odd){background:#e8c998}.board-cell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.28),hsla(0,0%,100%,0) 35%);pointer-events:none}.board-cell[data-legal=true]:after{content:"";position:absolute;width:34%;height:34%;border-radius:999px;background:rgba(31,104,64,.33);box-shadow:inset 0 0 0 1px rgba(12,64,38,.26)}.board-cell[data-occupied=true][data-legal=true]:after{width:100%;height:100%;border-radius:0;background:transparent;box-shadow:inset 0 0 0 3px rgba(23,103,61,.6)}.board-cell[data-selected=true]{box-shadow:inset 0 0 0 3px rgba(124,66,27,.95);filter:saturate(1.05)}.board-cell:hover{transform:translateY(-1px)}.board-cell:disabled{cursor:default}.board-cell:disabled:hover{transform:none}.board-cell:focus-visible{outline:3px solid #1d64a7;outline-offset:-3px;z-index:3}.piece-token{position:relative;width:84%;height:88%;display:grid;align-items:center;justify-items:center;padding-top:.08rem;border-radius:6px;-webkit-clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);background:linear-gradient(170deg,#fff8ea,#f4deb7);box-shadow:inset 0 0 0 1px rgba(78,47,21,.42),0 1px 2px rgba(53,32,14,.28)}.piece-token[data-side=gote]{transform:rotate(180deg)}.piece-token[data-promoted=true]{background:linear-gradient(175deg,#fff3d7,#f8c89a)}.piece-main{font-size:clamp(.62rem,.46rem + .56vw,1rem);font-family:Hiragino Mincho ProN,Yu Mincho,serif}.piece-main,.piece-meta{line-height:1;font-weight:700}.piece-meta{font-size:clamp(.48rem,.41rem + .22vw,.66rem);letter-spacing:.05em}.piece-promoted{position:absolute;top:2px;right:6px;font-size:.62rem;font-weight:800;color:#952f15}.board-empty{width:24%;height:24%;border-radius:999px;opacity:0}.board-help{margin:0;font-size:.9rem;color:var(--ink-soft);padding:.1rem .2rem}@media (max-width:980px){.container{width:min(860px,94vw)}.game-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-link-title{font-size:1rem}}@media (max-width:680px){.container{width:94vw;margin:var(--space-4) auto}.card,.hero-panel,.room-header{border-radius:18px}.card,.game-card,.hero-panel,.room-header{padding:var(--space-3)}.board-frame{padding:.6rem;border-radius:14px;box-shadow:0 5px 0 rgba(61,37,16,.95),0 10px 24px rgba(43,25,11,.2)}.board-grid{grid-template-columns:repeat(9,minmax(1.5rem,1fr))}.hand-list{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-panel{min-height:4.2rem}.timer-value{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes thinking-pulse{0%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}to{opacity:.35;transform:scale(.82)}}