#page-draw.app-content{position:absolute;inset:0;max-width:none;margin:0;padding:0;overflow:hidden}.app-main:has(#page-draw) .app-footer{display:none}.draw-shell{width:100%;height:100%;max-width:none;margin:0;padding:0;color:var(--text);display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg)}.draw-appbar{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px}.draw-back{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-2);border-color:var(--outline);box-shadow:none}.draw-title-block{min-width:0;padding:8px 14px;border:1px solid var(--outline);border-radius:var(--radius-md);background:var(--bg-2);width:fit-content}.draw-title-block h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:800}.draw-title-block h2 i{color:var(--neon-blue)}.draw-title-block p{margin:2px 0 0;color:var(--text-secondary);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draw-view{flex:1 1 auto;min-height:0;overflow:auto;padding:0 16px 16px}.draw-view[hidden]{display:none!important}#draw-view-game:not([hidden]){display:flex;flex-direction:column;overflow:hidden}.draw-lobby-heading{margin:0;display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text)}.draw-lobby-heading i{color:var(--neon-blue)}.draw-shell:-webkit-full-screen,.draw-shell:fullscreen{max-width:none;width:100%;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);padding:12px}.draw-shell:-webkit-full-screen .draw-canvas-wrap,.draw-shell:fullscreen .draw-canvas-wrap{max-height:56vh}.draw-lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.draw-title{margin:0;font-size:28px;display:flex;align-items:center;gap:12px;color:var(--text)}.draw-title i{color:var(--neon-blue)}.draw-lobby-actions{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.draw-join-code-form{display:flex;gap:6px;align-items:stretch}.draw-join-code-form .input{width:110px;text-transform:uppercase;letter-spacing:2px;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;text-align:center}.draw-lobby-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.draw-lobby-card{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color .15s}.draw-lobby-card:hover{border-color:var(--outline-hover);box-shadow:none}.draw-lobby-card.is-mine{border-color:var(--neon-green);box-shadow:0 0 0 1px rgba(34,197,94,.2)}.draw-lobby-card-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.draw-lobby-card-main .user-avatar{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover}.draw-lobby-card-info{min-width:0;display:flex;flex-direction:column;gap:4px}.draw-lobby-card-name{font-weight:700;font-size:15px;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.draw-lobby-card-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.draw-lobby-card-meta i{margin-right:2px}.draw-lobby-badge{display:inline-block;padding:2px 8px;font-size:11px;line-height:1.5;border-radius:10px;background:var(--bg-2,#161616);border:1px solid rgba(255,255,255,.08);color:var(--muted)}.draw-lobby-badge.is-waiting{color:var(--neon-blue);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}.draw-lobby-badge.is-active{color:var(--neon-green);border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}.draw-lobby-badge.is-picking{color:var(--neon-purple);border-color:rgba(168,85,247,.35);background:rgba(168,85,247,.08)}.draw-lobby-badge.is-age{color:var(--muted);opacity:.85}.draw-resume-banner{margin-bottom:12px}.draw-resume-banner[hidden]{display:none}.draw-resume-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(56,189,248,.08));border:1px solid rgba(168,85,247,.35)}.draw-resume-text{color:var(--text);font-weight:500;display:flex;align-items:center;gap:8px}.draw-resume-text i{color:var(--neon-purple)}.draw-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted);padding:56px 20px;border:1px dashed rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.015);font-style:italic}.draw-empty i{margin-right:6px;font-size:30px;color:var(--neon-blue);opacity:.7}.draw-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.draw-modal[hidden]{display:none}.draw-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.draw-modal-content{position:relative;background:var(--card,var(--surface));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;width:min(440px,92vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6)}.draw-modal-close{position:absolute;top:10px;right:12px;background:0 0;border:none;color:var(--muted);font-size:24px;cursor:pointer;line-height:1}.draw-modal-close:hover{color:var(--text)}.draw-modal-content h3{margin:0 0 20px;display:flex;align-items:center;gap:10px;font-size:20px}.draw-modal-content h3 i{color:var(--neon-purple)}.draw-setup-section{margin-bottom:16px}.draw-setup-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:8px}.draw-setup-label i{color:var(--neon-blue);width:16px;text-align:center}.draw-opt-group{display:flex;flex-wrap:wrap;gap:6px}.draw-opt-btn{flex:1 1 auto;min-width:44px;padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--bg-2,#161616);color:var(--text-secondary,#b6c0cc);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:6px}.draw-opt-btn:hover{border-color:rgba(168,85,247,.55);color:var(--text)}.draw-opt-btn.active{background:linear-gradient(135deg,var(--neon-purple),var(--neon-blue));border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(168,85,247,.35)}.draw-create-submit-btn{width:100%;margin-top:8px;justify-content:center}.draw-game-grid{display:grid;grid-template-columns:260px 1fr 300px;gap:16px;align-items:stretch;flex:1 1 auto;min-height:0}.draw-bubble{position:absolute;left:6px;bottom:calc(100% - 4px);max-width:200px;background:var(--neon-blue);color:#04121a;font-size:12px;font-weight:600;line-height:1.3;padding:6px 10px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.4);opacity:0;transform:translateY(6px) scale(.96);transform-origin:bottom left;transition:opacity .18s,transform .18s;pointer-events:none;z-index:6;white-space:normal;word-break:break-word}.draw-bubble::after{content:'';position:absolute;top:100%;left:16px;border:6px solid transparent;border-top-color:var(--neon-blue)}.draw-bubble.is-visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width:1500px){.draw-game-grid{grid-template-columns:1fr 1fr;grid-template-areas:"main main" "roster chat"}.draw-game-grid>aside:first-child{grid-area:roster}.draw-main{grid-area:main}.draw-game-grid>aside:last-child{grid-area:chat}}@media (max-width:700px){.draw-game-grid{grid-template-columns:1fr;grid-template-areas:"main" "roster" "chat"}.draw-side{min-height:auto}.draw-chat{max-height:220px;min-height:120px}.draw-topbar{flex-wrap:wrap}}.draw-side{background:linear-gradient(180deg,var(--surface),var(--bg-2,#161616));border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px;display:flex;flex-direction:column;min-height:200px;overflow:auto}.draw-main{display:flex;flex-direction:column;gap:10px;min-height:0;justify-content:center}.draw-topbar{background:linear-gradient(180deg,var(--surface),var(--bg-2,#161616));border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.draw-round-info{display:flex;align-items:center;gap:14px;font-weight:600}.draw-word-display{font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:3px;font-size:18px;color:var(--neon-blue)}.draw-word-length-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-family:inherit;letter-spacing:0;color:var(--muted);background:var(--bg-2,#161616);border:1px solid rgba(255,255,255,.1);border-radius:10px;vertical-align:middle}.draw-mask-last{position:relative;display:inline-block}.draw-letter-sup{position:absolute;top:-.5em;right:-.85em;font-size:.45em;line-height:1;color:var(--muted);font-weight:700;letter-spacing:0;font-family:'JetBrains Mono',ui-monospace,monospace}.draw-timer{font-weight:600;color:var(--neon-purple)}.draw-canvas-wrap{position:relative;background:#fff;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.12);aspect-ratio:1000/625;width:100%;max-width:min(100%,calc((100vh - 180px) * 1.6),1760px);margin:0 auto}#draw-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;image-rendering:auto}.draw-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:var(--text)}.draw-overlay[hidden]{display:none}.draw-overlay-content{text-align:center;padding:24px}.draw-overlay-content h3{margin:0 0 16px;font-size:22px}.draw-overlay.draw-overlay-finish{position:fixed;inset:0;z-index:9998;padding:12px}@media (max-width:560px){.draw-finish-card{width:96vw;max-height:88vh;padding:16px}.draw-podium{gap:6px}.draw-podium-slot{padding:8px 4px}.draw-podium-medal{font-size:20px;margin-bottom:4px}.draw-finish-scores{max-height:34vh}.draw-finish-actions{flex-direction:column}.draw-finish-actions .btn{min-width:0;width:100%}.draw-overlay-content{padding:12px}}.draw-pause-sub{color:var(--muted);font-size:.85rem;margin-top:6px}.draw-word-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.draw-tools{background:linear-gradient(180deg,var(--surface),var(--bg-2,#161616));border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.draw-tool-group{display:flex;gap:6px;align-items:center}.draw-tool{background:var(--bg-2,#1a1a1a);border:1px solid rgba(255,255,255,.08);color:var(--text);width:36px;height:36px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.draw-tool:hover{border-color:var(--neon-blue)}.draw-tool.active{background:var(--neon-blue);color:#000;border-color:var(--neon-blue)}.draw-palette{display:grid;grid-template-columns:repeat(8,22px);gap:4px}.draw-color{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.4);cursor:pointer;transition:transform .1s}.draw-color:hover{transform:scale(1.15)}#draw-size{width:110px}.draw-roster{display:flex;flex-direction:column;gap:8px}.draw-roster-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-2,#161616);border:1px solid transparent;border-radius:8px;transition:border-color .15s,background .15s;position:relative}.draw-roster-row.is-drawer{border-color:var(--neon-purple);box-shadow:0 0 0 1px var(--neon-purple-glow,rgba(168,85,247,.3))}.draw-roster-row.is-guessed{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}.draw-roster-row .avatar-wrap{flex-shrink:0}.draw-roster-row .user-avatar{width:34px;height:34px;border-radius:8px;object-fit:cover}.draw-roster-info{flex:1;min-width:0}.draw-roster-name{font-weight:600;font-size:14px;display:flex;gap:6px;align-items:center}.draw-roster-score{font-size:12px;color:var(--muted)}.draw-chat{flex:1;overflow-y:auto;max-height:360px;min-height:200px;padding:4px 2px;display:flex;flex-direction:column;gap:6px;font-size:14px}.draw-chat-row{line-height:1.4;padding:6px 10px;background:var(--bg-2,#161616);border-radius:6px;border-left:3px solid transparent;word-break:break-word}.draw-chat-name{font-weight:600;color:var(--neon-blue);margin-right:6px}.draw-chat-text{color:var(--text)}.draw-chat-row.draw-chat-own{background:rgba(56,189,248,.08);border-left-color:var(--neon-blue)}.draw-chat-row.draw-chat-own .draw-chat-name{color:var(--neon-blue)}.draw-chat-correct{color:var(--neon-green);background:rgba(34,197,94,.1);border-left-color:var(--neon-green);font-weight:600}.draw-chat-error{color:var(--neon-red);background:rgba(239,68,68,.08);border-left-color:var(--neon-red)}.draw-chat-close{color:#f59e0b;background:rgba(245,158,11,.1);border-left-color:#f59e0b;font-style:italic}.draw-chat-system{color:var(--muted);font-style:italic;background:0 0;border-left-color:var(--muted)}.draw-chat-join,.draw-chat-leave{font-size:.86rem}.draw-chat-join{border-left-color:var(--neon-green)}.draw-chat-leave{border-left-color:var(--muted)}.draw-guess-form{margin-top:8px}.draw-guess-form .input{width:100%}.draw-share{margin-top:12px;padding:10px 12px;background:var(--bg-2,#161616);border:1px dashed rgba(255,255,255,.12);border-radius:8px}.draw-share-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.draw-share-code{display:flex;align-items:center;justify-content:space-between;gap:8px}.draw-share-code code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;color:var(--neon-blue);letter-spacing:2px;font-weight:600}.draw-share-link{display:flex;align-items:center;gap:6px;margin-top:8px}.draw-share-link .input{flex:1;min-width:0;font-size:12px;padding:6px 8px;color:var(--muted)}.draw-waiting-hint{margin-top:12px;padding:8px 10px;background:rgba(0,162,232,.07);border-left:3px solid var(--neon-blue);border-radius:4px;font-size:13px;color:var(--text)}.draw-waiting-actions{margin-top:12px;display:flex;flex-direction:column;gap:8px}.draw-waiting-actions .btn{width:100%;justify-content:center}.draw-finish-card{width:min(560px,92vw);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,rgba(20,20,30,.96),rgba(10,10,16,.96));border:1px solid rgba(255,215,0,.25);border-radius:16px;padding:22px;box-shadow:0 0 40px rgba(255,215,0,.15),0 10px 40px rgba(0,0,0,.6);color:var(--text);text-align:center}.draw-finish-header{margin-bottom:18px}.draw-finish-title{font-size:22px;font-weight:700;color:gold;display:flex;align-items:center;justify-content:center;gap:10px}.draw-finish-title i{color:gold;filter:drop-shadow(0 0 8px rgba(255, 215, 0, .6))}.draw-finish-winner{margin-top:6px;color:var(--text-secondary);font-size:14px}.draw-finish-winner b{color:var(--text)}.draw-finish-xp{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:8px;background:rgba(34,197,94,.18);color:#4ade80;font-size:12px;font-weight:600}.draw-podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:14px 0 22px}.draw-podium-slot{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;min-width:96px}.draw-podium-rank-1{transform:translateY(-10px);border-color:rgba(255,215,0,.45);background:linear-gradient(180deg,rgba(255,215,0,.12),rgba(255,215,0,.04));box-shadow:0 0 20px rgba(255,215,0,.25)}.draw-podium-rank-2{border-color:rgba(192,192,192,.4)}.draw-podium-rank-3{border-color:rgba(205,127,50,.4)}.draw-podium-medal{font-size:26px;line-height:1;margin-bottom:6px}.draw-podium-avatar{display:inline-flex;margin-bottom:2px}.draw-podium-avatar img{border-radius:12px}.draw-podium-name{margin-top:6px;font-size:13px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-podium-score{color:var(--neon-blue);font-size:16px;font-weight:700;margin-top:2px}.draw-finish-scores{display:flex;flex-direction:column;gap:4px;margin:4px 0 18px;text-align:left;max-height:240px;overflow-y:auto;padding-right:4px}.draw-finish-row{display:grid;grid-template-columns:28px 32px 1fr auto;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid transparent;font-size:13px}.draw-finish-row.is-winner{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.25)}.draw-finish-rank{color:var(--muted);font-weight:600;text-align:center}.draw-finish-avatar{display:inline-flex;align-items:center;justify-content:center}.draw-finish-avatar img{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block}.draw-finish-name{color:var(--text);font-weight:500}.draw-finish-name i{color:gold;margin-left:4px}.draw-finish-you{color:var(--muted);font-size:11px;margin-left:4px}.draw-finish-score{color:var(--neon-blue);font-weight:700;font-size:14px}.draw-finish-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.draw-finish-actions .btn{min-width:160px}