:root{font-family:Arial,sans-serif;color:#f9fafb;background:#111827}*{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;overflow:hidden;touch-action:none}.app-shell{position:relative;width:min(600px,100vw);height:min(600px,100vh);margin:0 auto;padding:10px;display:grid;grid-template-rows:58px 54px 1fr;gap:8px;overflow:hidden}.game-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#1e293b;border:1px solid #334155;border-radius:14px}h1{margin:0;font-size:24px}.round-label{display:block;margin-bottom:2px;color:#94a3b8;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}#word-label{color:#facc15}.timer{min-width:78px;padding:8px 10px;color:#86efac;background:#0f172a;border-radius:10px;font-size:26px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.timer.urgent{color:#fca5a5}.color-palette{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;background:#1e293b;border:1px solid #334155;border-radius:14px}.color-button{width:34px;height:34px;padding:0;background:var(--color);border:3px solid #64748b;border-radius:50%;cursor:pointer;touch-action:none}.color-button.selected{border-color:#fff;box-shadow:0 0 0 3px #38bdf8}.tool-button{min-height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;color:#f8fafc;background:#475569;border:3px solid #64748b;border-radius:10px;font-weight:700;cursor:pointer;touch-action:none}.tool-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool-button.selected{color:#0f172a;background:#f8fafc;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf8}.clear-button{background:#b91c1c;border-color:#ef4444}.game-area{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:8px}.canvas-container{position:relative;min-width:0;min-height:0}canvas{display:block;width:100%;height:100%;background:#fff;border:2px solid #475569;border-radius:12px;touch-action:none}.guess-panel{min-height:0;display:flex;flex-direction:column;padding:10px;background:#1e293b;border:1px solid #334155;border-radius:14px}.guess-heading{display:flex;justify-content:space-between;padding-bottom:8px;color:#f8fafc;border-bottom:1px solid #334155;font-size:14px;font-weight:800}.viewer-count{color:#4ade80}.messages{flex:1;min-height:0;padding:10px 0;overflow:hidden}.message{margin-bottom:8px;padding:8px;background:#334155;border-radius:9px;font-size:13px}.message strong,.message span{display:block}.message strong{margin-bottom:3px;color:#93c5fd;font-size:11px}.message.correct{color:#dcfce7;background:#166534}.message.correct strong{color:#bbf7d0}.typing-status{min-height:18px;color:#94a3b8;font-size:11px;font-style:italic;opacity:0}.typing-status.visible{opacity:1}.typing-status.visible:after{content:"..."}.brush-cursor{--brush-color: #000000;position:absolute;left:50%;top:50%;width:34px;height:34px;pointer-events:none;transform:translate(-8px,-25px) rotate(-12deg);filter:drop-shadow(0 1px 2px rgb(0 0 0 / 45%));opacity:0;z-index:2}.brush-cursor.visible{opacity:1}.brush-cursor svg{display:block;width:100%;height:100%;overflow:visible}.cursor-eraser-icon{display:none!important;fill:#f8fafc;stroke:#0f172a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brush-handle{fill:#8b5e3c;stroke:#3f2a1d;stroke-width:1.5}.brush-band{fill:none;stroke:#94a3b8;stroke-width:5}.brush-bristles{fill:var(--brush-color);stroke:#0f172a;stroke-width:1.5}.brush-cursor.eraser-active.visible{opacity:1;transform:translate(-8px,-25px) rotate(-18deg)}.brush-cursor.eraser-active .cursor-brush-icon{display:none}.brush-cursor.eraser-active .cursor-eraser-icon{display:block!important}.round-banner{position:absolute;left:50%;top:50%;padding:14px 20px;color:#dcfce7;background:#166534;border:2px solid #4ade80;border-radius:14px;font-size:22px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:opacity .15s ease,transform .15s ease;z-index:5}.round-banner.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.complete-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#0f172aeb;z-index:10}.complete-screen[hidden]{display:none}.complete-card{width:100%;padding:32px;color:#f8fafc;background:#1e293b;border:2px solid #4ade80;border-radius:20px;text-align:center}.complete-card h2,.complete-card p{margin:8px 0}.complete-icon{width:64px;height:64px;margin:0 auto 12px;display:grid;place-items:center;color:#052e16;background:#4ade80;border-radius:50%;font-size:38px;font-weight:900}#play-again-button{min-height:52px;margin-top:18px;padding:0 26px;color:#0f172a;background:#38bdf8;border:0;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer}@media (max-width: 520px){.tool-button span{display:none}.game-area{grid-template-columns:minmax(0,1fr) 135px}}