:root{font:16px/1.5 Nunito,system-ui,sans-serif;color:#183348;background:#fff3dc;color-scheme:light;--cream:#fff9ed;--ink:#183348;--mint:#d9f4e5;--peach:#f3c5a5;--plum:#774581;--rail:#58716d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#ffe5c5,transparent 65%),#fff3dc}main{max-width:72rem;margin:auto;padding:1rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}h1{font-size:clamp(1.6rem,4vw,2.25rem);line-height:1.15;margin:.5rem 0}h2,h3{line-height:1.25}h3{margin:.4rem 0}p{margin:.65rem 0}p,button,h1,h2,h3,figcaption{overflow-wrap:anywhere}button{font:inherit;line-height:1.25;min-height:44px;min-width:44px;padding:.65rem .9rem;border:2px solid var(--rail);border-radius:.85rem;background:linear-gradient(#fffef7,#fff2d9);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 #d7b79b;touch-action:manipulation}button:hover:not(:disabled){background:#fffdf6}button:focus-visible{outline:4px solid var(--plum);outline-offset:3px}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.selected{background:var(--mint);border-color:#1a6b5b}button.primary{background:linear-gradient(#358b78,#226657);color:#fff;border-color:#174e44}nav,#actions,#decisions,.setting-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin:.65rem 0}#stats{font-weight:800}#notice:empty,#audio-note:empty{display:none}#board{margin-top:.5rem}#host-strip{display:flex;align-items:center;gap:.8rem}#host-canvas{width:112px;height:auto;aspect-ratio:256/270;flex:none}#host-name{font-weight:800}#host-role,#gag{font-size:.9rem}figure{margin:.5rem auto;max-width:38rem;width:100%}#table{display:block;width:100%;height:auto;aspect-ratio:700/620}figcaption,footer{font-size:.88rem}#columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin:.6rem 0}#columns button{padding:.6rem .2rem}#preview{font-weight:700}#panel{padding:1rem;background:var(--cream);border:2px solid #eccbad;border-radius:1.2rem;box-shadow:0 5px 0 #e7c6a7}.hero{display:block;width:min(100%,38rem);height:auto;object-fit:contain;border-radius:.8rem;aspect-ratio:3/2;margin:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.85rem;margin:1rem 0}.tile{padding:.9rem;border:2px solid #e5c3a8;background:#fffdf5;border-radius:1rem}.tile button{margin:.3rem .35rem .3rem 0}.tile img{display:block;max-width:100%;width:144px;height:136px;object-fit:contain;margin:.2rem auto}.setting-group{padding:.65rem 0;border-bottom:1px solid #dec5ad}.warning{border:2px solid #9c6413;background:#fff0bf;border-radius:.7rem;padding:.7rem}.rule-list{padding-left:1.5rem;overflow-wrap:anywhere}.rule-list li{margin:.75rem 0}.lesson-board{width:min(100%,24rem);height:auto;display:block;margin:.7rem 0}footer{margin:1.5rem 0}section[hidden]{display:none!important}#app[data-motion=off] button{transform:none!important;transition:none!important}@media(min-width:70rem){#board{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:'table intro' 'table controls';gap:.7rem 1.25rem;align-items:start}#board figure{grid-area:table;margin:0}#station-intro{grid-area:intro}#play-controls{grid-area:controls}#turn{font-size:1.3rem}}@media(max-width:520px){main{padding:.75rem}#columns{grid-template-columns:repeat(4,minmax(0,1fr))}#host-canvas{width:80px}#host-role,#gag{display:none}header{gap:0}#tagline{font-size:.9rem}#panel{padding:.75rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}button{transform:none!important}}