:root{color:#f0f0f5;font-synthesis:none;background:#171923;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #c5b7ff}.app{max-width:1600px;margin:auto;padding:0 44px}header{border-bottom:1px solid #30313e;align-items:center;gap:34px;height:100px;display:flex}.brand{color:#f5f4fa;letter-spacing:-1.5px;font-size:31px;font-weight:800;text-decoration:none}.brand>span:first-child{color:#b5a0fc}.brand-dot{color:#b5a0fc;vertical-align:middle;margin-left:6px;font-size:36px;display:inline-block}.mode{color:#c0bccf;background:#242532;border:1px solid #353444;border-radius:25px;padding:9px 13px;font-size:12px}.mode>span,.canvas-top i,footer i{background:#99d2b4;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.export{background:#2d2c3e;border:1px solid #45415c;border-radius:9px;margin-left:auto;padding:11px 17px;font-size:12px}main{padding:38px 0 28px}.heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow,.section-label{letter-spacing:1.5px;color:#9693ab;font-size:10px;font-weight:800}.eyebrow{color:#b4a3e9}h1{letter-spacing:-1.3px;margin:10px 0;font-size:32px}p{color:#9f9eb3;margin:0;font-size:13px;line-height:1.8}.stage{color:#c4b0ff;font-size:24px}.stage span{color:#838196;margin-left:6px;font-size:12px}.workspace{grid-template-columns:204px minmax(300px,1fr) 210px;align-items:start;gap:24px;display:grid}.toolbar{background:#20222e;border:1px solid #343342;border-radius:14px;padding:20px 16px}.tools{flex-direction:column;gap:5px;margin:14px 0 25px;display:flex}.tool{text-align:left;color:#b6b3c7;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.tool b{text-align:center;width:25px;font-size:23px;font-weight:400;line-height:24px}.tool.selected{color:#d9c9ff;background:#38314f;border-color:#655180}.section-label{letter-spacing:1px;justify-content:space-between;align-items:center;display:flex}.section-label span{letter-spacing:0;font-size:10px;font-weight:500}.palette{grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 1px;display:grid}.swatch{border:1px solid #ffffff30;border-radius:50%;width:23px;height:23px}.swatch.active{outline-offset:3px;outline:2px solid #b8a1ff}.custom-color{color:#aaa7bf;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;display:flex}.custom-color input{background:0 0;border:1px solid #494558;border-radius:4px;width:35px;height:25px;padding:2px}.thickness{margin-bottom:12px}input[type=range]{accent-color:#b5a0fc;cursor:pointer;width:100%}.brush-preview{justify-content:center;align-items:center;height:94px;display:flex;overflow:hidden}.brush-preview i{border-radius:50%;display:block;box-shadow:0 0 0 1px #ffffff18}.history{border-top:1px solid #353341;gap:7px;padding-top:17px;display:flex}.history button{background:#2a2b39;border:1px solid #3a3949;border-radius:6px;flex:1;padding:9px 7px;font-size:10px}.clear{color:#ce9ca9;background:0 0;border:0;width:100%;margin-top:14px;padding:8px 0;font-size:11px}.confirmation{color:#d5c6e0;font-size:11px;line-height:1.6}.confirmation>div{gap:8px;margin-top:10px;display:flex}.confirmation button{background:#3b3047;border:1px solid #7f607e;border-radius:5px;padding:6px;font-size:10px}.canvas-top,.canvas-bottom{color:#a8a5ba;justify-content:space-between;align-items:center;font-size:10px;display:flex}.canvas-top{height:31px;margin-bottom:10px}.canvas-top>span:first-child{color:#d9d6e6;font-size:12px;font-weight:700}.canvas-top>span:last-child{letter-spacing:1px;color:#77758e}.canvas-frame{background:#252735;border:1px solid #3b3b4c;border-radius:12px;padding:12px;box-shadow:0 20px 60px #08091030}canvas{aspect-ratio:1;touch-action:none;cursor:crosshair;background:#fff;border-radius:3px;width:100%;display:block}.canvas-bottom{flex-wrap:wrap;gap:8px;margin-top:14px;font-size:9px}.canvas-bottom b{color:#737184;font-weight:400}.notes{padding:28px 5px 0 4px}.note-icon{color:#c2abfa;margin-bottom:20px;font-size:40px;transform:rotate(-10deg)}h2{letter-spacing:-.7px;margin:0 0 16px;font-size:24px;line-height:1.35}.notes p{font-size:12px}.divider{background:#33323f;height:1px;margin:27px 0}.notes ol{color:#b8b5cb;margin:19px 0 24px;padding:0;font-size:11px;list-style:none}.notes li{align-items:center;gap:12px;margin:18px 0;display:flex}.notes li span{color:#9982c9;border:1px solid #494054;border-radius:5px;padding:4px;font-size:9px}.local-note{color:#8a879f;border-left:2px solid #685580;padding-left:12px;font-size:10px;line-height:1.8}footer{color:#77768e;border-top:1px solid #30313e;justify-content:space-between;gap:15px;padding:23px 0;font-size:9px;display:flex}footer>span:last-child{letter-spacing:1.5px}footer i{width:5px;height:5px}@media (width>=1500px){.workspace{grid-template-columns:220px minmax(300px,780px) 220px;justify-content:center}}@media (width<=1100px){.workspace{grid-template-columns:180px minmax(280px,1fr)}.notes{display:none}.app{padding:0 25px}}@media (width<=650px){.app{padding:0 14px}header{gap:10px;height:78px}.brand{font-size:25px}.mode{display:none}.export{padding:10px;font-size:10px}.heading{margin-bottom:20px}h1{font-size:24px}.stage{display:none}.eyebrow{font-size:9px}main{padding-top:26px}.workspace{flex-direction:column;gap:18px;display:flex}.canvas-section{order:0;width:100%}.toolbar{order:1;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:14px;display:grid}.tools{flex-direction:row;grid-column:1/-1;margin:0}.tool{flex:1;gap:4px;padding:5px;font-size:10px}.toolbar>.section-label:first-child{display:none}.palette{grid-column:1/-1;justify-content:space-between;margin:5px;display:flex}.brush-preview{height:65px}.history{border:0;align-items:center;padding:0}.clear{margin:0}.canvas-frame{padding:7px}.canvas-bottom>span:last-child,footer>span:nth-child(2){display:none}footer{font-size:8px}.confirmation{grid-column:1/-1}}header .brand{letter-spacing:-1px;white-space:nowrap;font-size:25px}@media (width<=650px){header .brand{letter-spacing:-.5px;font-size:18px}header .brand-dot{margin-left:3px;font-size:24px}}.reveal-heading{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 24px;display:flex}.reveal-heading h2{margin:8px 0;font-size:26px}.reveal-count{color:#c6adfc;white-space:nowrap;font-size:27px;font-weight:800}.reveal-count span{color:#a19ab4;font-size:12px;font-weight:400}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.work-card{background:#242532;border:1px solid #454052;border-radius:14px;min-width:0;overflow:hidden}.work-header{justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;font-size:13px;display:flex}.work-header strong{overflow-wrap:anywhere}.work-state{color:#aba2bc;font-size:10px}.work-image{aspect-ratio:1.45;background:#fff;width:100%;display:block;position:relative;overflow:hidden}.work-image img{object-fit:contain;width:100%;height:100%;display:block}.game-app .reveal-button{cursor:pointer;border:0;border-radius:0;padding:0}.game-app .reveal-button:disabled{opacity:1;cursor:default}.reveal-button:not(:disabled):hover .reveal-overlay{background:#211b3b52}.reveal-overlay{color:#fff;text-shadow:0 1px 8px #120e30bd;pointer-events:none;background:#211b3b40;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.reveal-overlay strong{font-size:20px}.reveal-overlay small{font-size:11px}.reveal-mark{color:#f1e9ff;font-size:40px}.missing-art{color:#aaa1bc;text-align:center;background:#2d2c3b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:25px;display:flex}.missing-art>span{color:#776887;font-size:48px}.missing-art p{color:#cec4df;font-size:14px}.missing-art small{max-width:250px;font-size:11px;line-height:1.8}.concealed .missing-art{visibility:hidden}.work-footer{color:#b1a7c2;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:14px 18px;font-size:10px;display:flex}.game-app .choose-winner{color:#dac9ff;padding:8px 12px;font-size:11px}.unused-slot{color:#60586d;background:#1e202c;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;display:flex}.unused-slot>span{font-size:32px}.unused-slot p{color:#81788f;font-size:12px}.winner{border-color:#d0ae71;box-shadow:0 0 0 1px #d0ae7140}.winner-badge{color:#f0d099;white-space:nowrap;font-size:10px}.reveal-help{color:#c4b7dc;background:#292636;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:22px 0;padding:18px;font-size:12px;display:flex}.result-banner{background:linear-gradient(110deg,#3e3240,#272331);border:1px solid #8b7551;border-radius:13px;align-items:center;gap:24px;margin-bottom:24px;padding:24px 28px;display:flex}.result-star{color:#efcf92;font-size:50px}.result-banner small{letter-spacing:1.5px;color:#d9bfa1;font-size:10px}.result-banner h2{overflow-wrap:anywhere;margin:7px 0;font-size:28px}.result-banner p{font-size:12px}.round-results{background:#22232f;border:1px solid #3c374b;border-radius:14px;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;padding:26px;display:grid}.round-results h2{font-size:20px}.scoreboard{margin:0;padding:0;list-style:none}.scoreboard li{border-bottom:1px solid #383342;align-items:center;gap:16px;padding:12px 0;font-size:13px;display:flex}.scoreboard strong{overflow-wrap:anywhere}.score-place{color:#8c7ba7;font-size:11px}.score-number{color:#d4baf9;margin-left:auto;font-size:20px;font-weight:800}.next-round-controls{flex-direction:column;justify-content:center;gap:10px;display:flex}.next-round-controls label{color:#bcb4d1;font-size:12px}.next-round-controls p{font-size:11px}.local-copy-export{flex-wrap:wrap;align-items:center;gap:18px;margin:26px 0;display:flex}.local-copy-export button{font-size:10px!important}.local-copy-export p{font-size:10px}.asset-error{color:#52475f;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:0}.player-score{color:#ceb5f7;white-space:nowrap;margin-left:auto;font-size:12px}.game-app [hidden]{display:none!important}@media (width>=1400px){.reveal-grid{max-width:1180px;margin:auto}.reveal-heading,.reveal-help,.result-banner,.round-results,.local-copy-export{max-width:1180px;margin-left:auto;margin-right:auto}}@media (width<=650px){.reveal-heading{align-items:flex-start}.reveal-heading h2{font-size:21px}.reveal-count{font-size:20px}.reveal-count span{font-size:9px;display:block}.reveal-grid{grid-template-columns:1fr;gap:12px}.work-image{aspect-ratio:1.2}.work-header{padding:14px;font-size:12px}.reveal-overlay strong{font-size:18px}.work-footer{padding:12px}.unused-slot{min-height:150px}.reveal-help{flex-direction:column;align-items:flex-start;font-size:11px}.round-results{grid-template-columns:1fr;gap:25px;padding:20px}.result-banner{gap:18px;padding:20px}.result-banner h2{font-size:24px}.local-copy-export{gap:8px}.player-score{font-size:10px}}.game-app .reveal-hitbox{background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.reveal-hitbox:not(:disabled):hover{background:#211b3b12}.work-image .asset-error{z-index:2;background:#ece8f2}.game-app .reveal-hitbox:focus-visible{outline-offset:-4px;outline:3px solid #c5b7ff}@media (width>=900px){.showcase-mode header{height:64px}.showcase-mode header .brand{font-size:25px}.showcase-mode main{padding-top:16px}.showcase-mode .room-summary h1{margin:6px 0;font-size:30px}.showcase-mode .room-summary p,.showcase-mode .player-list{display:none}.showcase-mode .connection-banner{margin:8px 0;font-size:10px}.showcase-mode .reveal-heading{margin-top:16px;margin-bottom:16px}.showcase-mode .reveal-heading h2{margin:6px 0;font-size:22px}.showcase-mode .reveal-grid{grid-auto-rows:1fr;gap:14px}.showcase-mode .work-header{padding:10px 14px;font-size:12px}.showcase-mode .work-footer{min-height:42px;padding:8px 14px;font-size:9px}.showcase-mode .work-image{aspect-ratio:auto;height:clamp(120px,50dvh - 260px,300px)}.showcase-mode .unused-slot{min-height:150px}.showcase-mode .result-banner{gap:16px;margin-bottom:16px;padding:14px 20px}.showcase-mode .result-banner h2{font-size:24px}.showcase-mode .result-star{font-size:36px}.showcase-mode.results-mode .work-image{height:clamp(100px,50dvh - 325px,260px)}.showcase-mode .reveal-help{margin-top:16px;padding:14px}}.room-launcher{background:#242330;border:1px solid #444052;border-radius:14px;grid-template-columns:1.3fr 1fr 1fr;gap:24px;margin-bottom:28px;padding:24px;display:grid}.room-launcher h2{margin-top:12px;font-size:18px}.room-launcher p{font-size:11px}.room-launcher form,.join-card form{flex-direction:column;gap:12px;display:flex}.room-launcher label,.join-card label,.lobby-controls label{color:#bcb4d1;flex-direction:column;gap:8px;font-size:12px;display:flex}.game-app input,.room-launcher input{color:#eee9f8;background:#181a24;border:1px solid #484259;border-radius:7px;width:100%;min-width:0;padding:11px 12px}.room-launcher button,.game-app button{background:#393046;border:1px solid #5b4c74;border-radius:7px;padding:11px 14px;font-size:12px}.room-launcher button.primary,.game-app button.primary{color:#20172d;background:#bca5f4;border-color:#bca5f4;font-weight:700}.room-launcher .game-error{grid-column:1/-1}.game-error{color:#ffd2de;background:#4e2835;border:1px solid #9a546b;border-radius:8px;margin:10px 0;padding:14px;font-size:12px}.back-link{color:#b9a4e4;margin-left:auto;font-size:12px}.join-card{background:#232430;border:1px solid #454052;border-radius:14px;max-width:560px;margin:30px auto;padding:32px}.join-card form{margin-top:24px}.room-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.room-summary h1{font-size:38px}.round-clock{font-variant-numeric:tabular-nums;color:#c4a8fc;letter-spacing:2px;font-size:46px;font-weight:800}.round-clock.urgent{color:#ff8f9e}.connection-banner{color:#b1cdbd;align-items:center;gap:20px;margin:20px 0;font-size:11px;display:flex}.connection-banner button{padding:6px}.player-list{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.player-card{background:#252532;border:1px solid #3e394c;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:17px 14px;font-size:12px;display:flex}.player-card strong{overflow-wrap:anywhere;display:block}.player-card small{color:#aaa2bc;margin-top:6px;font-size:10px;display:block}.player-card.empty{color:#736b85;border-style:dashed;justify-content:center}.presence{background:#777181;border-radius:50%;flex-shrink:0;width:7px;height:7px}.presence.on{background:#9cd3b1}.lobby-controls{background:#212330;border:1px solid #393749;border-radius:14px;justify-content:space-between;gap:24px;padding:28px;display:flex}.lobby-controls h2{font-size:22px}.lobby-controls p{margin-bottom:18px}.lobby-controls label{max-width:210px;margin:18px 0 10px}.lobby-controls .invite-result{overflow-wrap:anywhere;color:#bda0e7;max-width:650px;margin:10px 0;font-size:11px}.start-actions{flex-direction:column;justify-content:center;gap:12px;min-width:190px;display:flex}.start-actions p{text-align:center;font-size:11px}.ready-button{color:#afdbbd!important}.upload-status{color:#c6badb;background:#242435;border-radius:7px;margin:18px 0;padding:12px 15px;font-size:11px}.embedded-editor{max-width:none;padding:0}.embedded-editor main{padding-top:0}.embedded-editor .workspace{grid-template-columns:204px minmax(280px,760px);justify-content:center}.embedded-editor .tool{background:0 0;border-color:#0000;padding:10px 12px}.embedded-editor .tool.selected{background:#38314f;border-color:#655180}.embedded-editor .swatch,.embedded-editor .custom-color input{padding:0}.embedded-editor .clear{background:0 0;border:0;padding:8px 0}.embedded-editor .history button{padding:9px 7px;font-size:10px}.embedded-editor .canvas-top .export{padding:4px 8px;font-size:9px}.waiting-card{background:#242331;border:1px solid #454052;border-radius:12px;margin:22px 0;padding:24px}.waiting-card h2{font-size:21px}.waiting-card p+p{margin-top:8px}.cancel-round{margin-top:16px;color:#edb5c6!important}@media (width<=1000px){.room-launcher{grid-template-columns:1fr 1fr}.room-launcher>div:first-child{grid-column:1/-1}.player-list{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.room-launcher{flex-direction:column;gap:20px;padding:18px;display:flex}.lobby-controls{flex-direction:column;padding:18px}.room-summary h1{font-size:28px}.round-clock{font-size:30px}.player-list{gap:8px}.player-card{padding:12px;font-size:11px}.game-app header .brand{font-size:22px}.back-link{font-size:10px}.embedded-editor .workspace{display:flex}.embedded-editor .toolbar{flex-direction:column;display:flex}.embedded-editor .tools,.embedded-editor .palette,.embedded-editor .history{display:flex}.connection-banner{flex-wrap:wrap}.join-card{padding:22px}.game-app .toolbar .tool{gap:4px;padding:6px}}.game-app .custom-color input{width:35px;height:25px;padding:2px}.game-app .swatch{border:1px solid #ffffff30;border-radius:50%;width:23px;height:23px}.player-management{background:#242330;border:1px solid #514253;border-radius:12px;max-width:1180px;margin:26px auto;padding:22px}.character-reference{align-items:center;gap:12px;max-width:340px;min-height:88px;margin:0;display:flex}.character-reference img{object-fit:contain;background:#fff;border:1px solid #53475e;border-radius:8px;width:108px;height:88px}.character-reference figcaption{color:#c8bbdd;flex-direction:column;gap:8px;font-size:11px;display:flex}.character-reference figcaption a{color:#bba0ed;font-size:10px}.game-app .character-reference button{padding:4px 7px;font-size:9px}.reference-placeholder{text-align:center;color:#b1a3c0;border:1px dashed #655772;border-radius:8px;justify-content:center;align-items:center;width:108px;height:88px;padding:8px;font-size:10px;display:flex}@media (width<=650px){.room-summary:has(.character-reference){flex-wrap:wrap}.character-reference{width:100%;max-width:100%;margin-top:8px}}.player-management h2{margin-bottom:10px;font-size:20px}.player-management p{font-size:11px}.player-management ul{margin:18px 0 0;padding:0;list-style:none}.player-management li{border-top:1px solid #42394b;align-items:center;gap:16px;padding:12px 0;font-size:12px;display:flex}.player-management li strong{overflow-wrap:anywhere}.player-management li span{color:#a69ab5;font-size:10px}.player-management li button{margin-left:auto;font-size:10px}.remove-confirmation{background:#392b38;border:1px solid #795169;border-radius:8px;margin-top:18px;padding:16px}.remove-confirmation p{color:#f0cbdc}.remove-confirmation>div{gap:10px;margin-top:14px;display:flex}@media (width<=650px){.player-management{padding:17px}.player-management li{flex-wrap:wrap;gap:10px}.player-management li button{width:100%;margin:0}.remove-confirmation>div{flex-wrap:wrap}}.game-app .stream-toggle{z-index:20;color:#ede4ff;background:#292335;border:1px solid #766392;border-radius:9px;padding:9px 14px;font-size:12px;position:fixed;bottom:12px;right:16px}.game-app.stream-mode{max-width:1600px;padding:0 24px 56px}.stream-mode>header,.stream-mode>footer,.stream-mode .player-list,.stream-mode .room-summary p,.stream-mode .connection-banner.connected,.stream-mode .cancel-round,.stream-mode .player-management,.stream-mode .upload-status,.stream-mode .canvas-top,.stream-mode .canvas-bottom,.stream-mode .local-copy-export,.stream-mode .next-round-controls label,.stream-mode .next-round-controls input,.stream-mode .next-round-controls button:not(.primary){display:none}.game-app.stream-mode>main{padding:12px 0}.stream-mode .room-summary{margin-bottom:12px}.stream-mode .room-summary h1{margin:4px 0;font-size:30px}@media (width>=900px){.stream-mode .embedded-editor .workspace{grid-template-columns:180px minmax(0,min(100dvh - 190px,900px));justify-content:center;gap:20px}.stream-mode .work-image{height:clamp(120px,50dvh - 185px,380px)}.stream-mode.results-mode .work-image{height:clamp(80px,50dvh - 425px,250px)}.stream-mode .unused-slot{min-height:0}.stream-mode .round-results{padding:14px}.stream-mode .scoreboard li{padding:6px 0}}@media (width<=650px){.game-app.stream-mode{padding:0 12px 60px}.stream-mode .room-summary h1{font-size:24px}}