:root{color:#3f3629;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Gill Sans,Century Gothic,sans-serif}*{box-sizing:border-box}body{background:#efe6d8;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{max-width:1400px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar h1{margin:0;font-size:clamp(1.8rem,3vw,2.8rem)}.topbar p{color:#5d6650;margin-top:6px}.room-pill{background:#eff3e5;border:1px solid #c5d3b6;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:flex}.leave-button{color:#4b1f17;background:#e6b6aa;border-color:#bf7f71}.leave-confirm-button{color:#3d130d;background:#d38f80;border-color:#a85f51}.leave-cancel-button{color:#2f3d34;background:#d8e7d4;border-color:#9ab395}.layout-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.panel{background:#f8f1e5;border:1px solid #cfc3ae;border-radius:16px;padding:14px}.panel h2{margin-top:0;margin-bottom:10px;font-size:1.2rem}.setup-panel{width:100%;max-width:none}.landing-area{flex-direction:column;gap:12px;max-width:760px;display:flex}.landing-nav{gap:8px;display:flex}.nav-tab{color:#2f3d34;background:#d8e7d4;border:1px solid #9ab395}.nav-tab.active{background:#c1d8e3;border-color:#8da8b6}.info-panel h3{margin:14px 0 6px;font-size:1rem}.info-panel p{margin:0 0 8px}.status-panel,.board-panel,.controls-panel{grid-column:span 8}.activity-panel{flex-direction:column;grid-area:1/span 4/span 3;min-height:700px;display:flex}.win-banner{color:#0f6f38;font-weight:700}label{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.toggle-label{flex-direction:row;justify-content:space-between;align-items:center}.toggle-label input[type=checkbox]{width:18px;height:18px;padding:0}input,select,button{font:inherit;color:#3d3528;background:#fffdf7;border:1px solid #b8ae99;border-radius:10px;padding:9px 10px}button{color:#2f3d34;cursor:pointer;background:#b8d9c0;border:1px solid #8eb29b;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}.setup-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.error-text{color:#974e3f;margin:8px 0 0}.secret-picker{gap:8px;margin-bottom:12px;display:flex}.template-builder{gap:8px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:360px;display:grid;overflow:auto}.pokemon-card{color:#3e4c53;background:#eef6f8;border:1px solid #bad0d8;border-radius:12px;flex-direction:column;align-items:center;padding:10px;transition:transform .2s;display:flex}.pokemon-card:hover{transform:translateY(-2px)}.pokemon-card img{width:64px;height:64px;image-rendering:pixelated}.pokemon-card span{margin-top:4px;font-size:.75rem}.pokemon-card.flipped{opacity:.35;filter:grayscale()}.pokemon-card.secret-picked{border:2px solid #7f9f8a;box-shadow:inset 0 0 0 2px #dce9de}.scroll-list{flex:1;max-height:100%;padding-right:4px;overflow:auto}.history-line{border-bottom:1px dashed #c8bcaa;padding:7px 0}.activity-scroll{min-height:0}.chat-compose{gap:8px;margin-top:8px;display:flex}@media (width<=1200px){.status-panel,.board-panel,.controls-panel,.activity-panel{grid-column:span 6}.activity-panel{grid-row:auto;min-height:520px}}@media (width<=780px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:flex-start}.status-panel,.board-panel,.controls-panel,.activity-panel{grid-column:span 12}.activity-panel{min-height:420px}.setup-actions{grid-template-columns:1fr}.landing-nav,.secret-picker,.chat-compose{flex-direction:column}}
