*,:before,:after{box-sizing:border-box}#root{flex-direction:column;min-height:100svh;display:flex}.canvas-container{background:#fff;flex:1;min-height:400px;position:relative;overflow:hidden}.drawing-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.drawing-canvas.readonly{cursor:default}.blind-overlay{pointer-events:none;z-index:1;background:#1a1a1a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blind-overlay span{color:#fff;opacity:.7;-webkit-user-select:none;user-select:none;font-size:1.4rem;font-weight:700}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0;transition:transform .1s,border-color .1s}.color-swatch:hover{transform:scale(1.25)}.color-swatch.active{border-color:var(--bs-primary);transform:scale(1.25)}.width-dot{background:#1a1a1a;border-radius:50%;min-width:4px;min-height:4px;display:block}.chat-messages{min-height:160px;max-height:300px;overflow-y:auto}.chat-message.wrong-guess{color:#b91c1c}.chat-message.correct-guess{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:4px;padding:4px 8px;font-weight:600}.session-page-wrapper{background:#f8f9fa;flex-direction:column;min-height:100svh;display:flex}.game-view{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;width:100%;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex}.play-area{flex:1;gap:12px;min-height:0;display:flex}.canvas-wrapper{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.side-panel{flex-direction:column;flex-shrink:0;gap:10px;width:240px;display:flex}@keyframes fadeInOut{0%{opacity:0;transform:scale(.95)}10%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@media (width<=700px){.play-area{flex-direction:column}.side-panel{width:100%}}@keyframes mandoFadeIn{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mandoFadeOut{0%{opacity:1}to{opacity:0}}.mando-splash{z-index:9999;background:#0d0d0d;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.6s forwards mandoFadeIn;display:flex;position:fixed;inset:0}.mando-splash[data-phase=out]{animation:.6s forwards mandoFadeOut}.mando-helmet{filter:drop-shadow(0 0 18px #c8a03cb3);width:120px;height:120px}.mando-team{color:#c8a03c;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 12px #c8a03c80;margin:0;font-size:2rem;font-weight:800}.mando-tagline{color:#9a8060;letter-spacing:.08em;margin:0;font-size:1rem;font-style:italic}