:root{--paper: #f8f6ef;--white: #fffefa;--ink: #282722;--muted: #706e63;--line: #dedbd1;--yellow: #f8cf56;--yellow-light: #fff2c3;--green: #3c7959;--coral: #bd4e39;--display: "Bricolage Grotesque", "Inter Display", ui-rounded, system-ui, sans-serif;--body: "DM Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed}button,input,select{border-radius:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:4px}input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}canvas:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}main:focus{outline:none}::selection{background:var(--yellow-light)}[hidden]{display:none!important}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:750;line-height:1.1;letter-spacing:-1px;text-wrap:balance}h1{font-size:46px}h2{font-size:23px;letter-spacing:-.6px}strong{font-weight:700}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:10px 16px;background:var(--yellow);border-radius:8px}.skip-link:focus{top:12px}.screen{animation:screen-in .22s ease-out both}.shell{width:100%;max-width:1280px;min-height:100dvh;padding:0 48px;margin:auto;display:flex;flex-direction:column}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}.wordmark{display:inline-flex;align-items:center;gap:9px;padding:0;min-height:44px;font:800 27px/1 var(--display);letter-spacing:-1.2px}.logo-mark{display:grid;place-items:center;width:29px;height:31px;background:var(--yellow);border:1.5px solid var(--ink);border-radius:8px;transform:rotate(-7deg)}.logo-mark .icon{width:18px;height:18px}.top-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:8px 0;font-size:13px;font-weight:550}.top-action:hover{color:var(--green)}.top-action .icon{width:18px;height:18px}.room-context{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.room-context strong{font-weight:650;color:var(--ink);letter-spacing:1px}.context-dot{width:3px;height:3px;background:var(--muted);border-radius:50%}.footer{flex-shrink:0;margin-top:auto;min-height:66px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.demo-trigger{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;color:var(--muted);flex-shrink:0}.demo-trigger .icon{width:15px;height:15px}.demo-trigger:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 21px;background:var(--white);border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:650;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}.btn.primary{background:var(--yellow);border-color:#d7b143;box-shadow:0 2px #c6a33b}.btn.primary:hover:not(:disabled){background:#fbd770;transform:translateY(-1px);box-shadow:0 3px #c6a33b}.btn.primary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn.secondary{background:transparent;border-color:#d3cfc3}.btn.secondary:hover:not(:disabled){background:#efede5;border-color:#bbb5a5}.btn:disabled{background:#eeece5;border-color:#e3dfd5;box-shadow:none;color:#868277;transform:none}.btn.wide{width:100%}.btn .icon{width:19px;height:19px}.input{width:100%;min-width:0;min-height:52px;padding:12px 14px;background:#fff;border:1px solid #cfcbbf;border-radius:8px;font-size:16px;line-height:1.4}.input::placeholder{color:#858175;opacity:1}.input[aria-invalid=true]{border-color:var(--coral)}.field-label{display:block;font-size:13px;font-weight:550;line-height:1.4;margin-bottom:8px}.text-button{display:inline-flex;align-items:center;min-height:44px;padding:5px 3px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--ink)}.error-message{font-size:12px;color:#aa392b;margin-top:10px;line-height:1.5}.error-message:empty{display:none}.avatar{width:48px;height:48px;flex-shrink:0;display:inline-block;vertical-align:middle}.drawn-avatar{object-fit:contain;background:var(--yellow-light);border:1px solid #e8d993;border-radius:15px;padding:4px;user-select:none}.blank-avatar{display:inline-grid;place-items:center;background:var(--white);border:1px solid #cec8b7;border-radius:15px;color:#827b66}.blank-avatar .icon{width:23px;height:23px}.avatar-stack{display:flex;justify-content:center;align-items:center;gap:6px}.avatar-stack .avatar{width:42px;height:42px}.home{flex:1;display:grid;place-items:center;padding:34px 0 60px;min-height:570px}.home-content{width:min(100%,440px);text-align:center}.home-mascot{height:100px;margin:0 auto 12px}.home-mascot .pencil-character{width:57px;height:105px;transform:rotate(15deg)}.hero-title{font-size:108px;font-weight:800;line-height:1.03;letter-spacing:-6px}.hero-title .period{color:#d8a72c}.hero-description{margin-top:17px;color:var(--muted);font-size:15px}.home-form{width:min(100%,328px);margin:32px auto 0;text-align:left}.name-field{display:flex;gap:12px;align-items:flex-end;margin-bottom:20px}.name-input-wrap{flex:1;min-width:0}.name-input-wrap .field-label{margin-bottom:7px}.avatar-picker{padding:0;width:52px;height:52px;flex-shrink:0;border-radius:15px}.avatar-picker [data-avatar-preview]{display:block}.avatar-picker .avatar{width:52px;height:52px;transition:transform .18s}.avatar-picker:hover .avatar{transform:rotate(-4deg)}.home-form .primary{justify-content:space-between}.join-home{margin-top:12px}.join-screen{flex:1;display:grid;place-items:center;padding:36px 0 40px}.join-panel{width:min(100%,698px);text-align:center}.join-panel>h1{margin-bottom:30px}.join-form{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:16px;text-align:left;overflow:hidden}.join-avatar-column{padding:28px;border-right:1px solid var(--line)}.join-details{display:flex;flex-direction:column;justify-content:center;padding:28px;min-width:0}.join-fields{display:grid;gap:22px;margin-bottom:25px}.room-code-input{font-size:23px;letter-spacing:5px;font-weight:650;text-transform:uppercase}.join-details .error-message{margin:-9px 0 14px}.demo-code-help{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);margin-top:8px;gap:4px}.demo-code-help .text-button{font-weight:650}.join-back{margin-top:18px;color:var(--muted)}.avatar-editor h2{font-size:20px;margin-bottom:16px;letter-spacing:-.4px}.avatar-pad{width:100%;aspect-ratio:1;position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #cfcbbf;border-radius:10px}.avatar-pad canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:crosshair;z-index:1}.avatar-placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#c3beaf;transition:opacity .16s}.avatar-placeholder .icon{width:30px;height:30px}.avatar-placeholder.hidden{opacity:0}.avatar-tools{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px}.avatar-tools .tool{width:44px;padding:10px;justify-content:center}.avatar-tools .tool-separator{margin:0 3px}.avatar-dialog{max-width:368px}.avatar-dialog .avatar-editor h2{font-size:26px;margin-bottom:21px;padding-right:22px}.avatar-dialog .avatar-tools{margin-bottom:23px}.lobby{width:100%;max-width:950px;margin:auto;padding:48px 0 70px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.invite-strip{display:flex;align-items:center;gap:22px}.room-code-label{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.room-code{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.2;letter-spacing:4px}.copy-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #d4cfc1;border-radius:8px;font-size:12px}.copy-button:hover{background:var(--yellow-light);border-color:#d6be6f}.copy-button .icon{width:16px;height:16px}.lobby-sheet{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:326px}.people-panel{padding:30px;border-right:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel-title h2{font-size:21px}.player-count{font-size:12px;color:var(--muted);white-space:nowrap}.players{display:flex;flex-direction:column;gap:14px}.player-row{display:flex;align-items:center;gap:12px;min-width:0}.player-name-block{min-width:0}.player-name{display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.player-name .you{color:var(--muted);font-size:11px;font-weight:400}.player-state{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:1px}.online-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;flex-shrink:0}.empty-player{font-size:12px;color:var(--muted);padding:5px 0 0}.challenge-panel{display:flex;flex-direction:column;padding:32px;min-width:0}.challenge-panel h2{font-size:24px;margin-bottom:24px}.product-form{display:flex;flex:1;flex-direction:column}.url-field{position:relative}.url-field>.icon{position:absolute;top:17px;left:14px;width:18px;height:18px;color:var(--muted)}.url-field .input{padding-left:42px;font-size:14px}.sample-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:7px 0 24px}.sample-links button{display:inline-flex;align-items:center;min-height:44px;font-size:12px;padding:2px;text-decoration:underline;text-underline-offset:3px}.sample-links button:hover{color:var(--ink)}.prepare-button,.start-round{margin-top:auto;justify-content:space-between}.lobby-caption{text-align:center;font-size:12px;color:var(--muted);margin-top:20px}.preparation-status{display:flex;align-items:center;gap:12px;margin:auto 0;padding-bottom:28px;color:var(--muted);font-size:14px}.spinner{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;animation:spin .9s linear infinite}.ready-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--green);margin-bottom:19px}.ready-label .icon{width:18px;height:18px}.ready-product-name{font:700 29px/1.18 var(--display);letter-spacing:-.7px;max-width:330px;margin-bottom:28px;text-wrap:balance}.change-link{align-self:center;margin-top:4px}.guest-wait{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:6px 0}.guest-wait .judge-character{width:84px;height:85px}.guest-wait h2{font-size:22px;margin:0;max-width:325px}.guest-wait p{font-size:12px;color:var(--muted)}.disconnect-banner{display:flex;align-items:center;gap:9px;background:#fff0db;border:1px solid #e8d0ab;border-radius:8px;padding:12px 15px;margin-bottom:20px;font-size:13px}.disconnect-banner .icon{width:17px;height:17px}body.drawing-mode .shell{height:100dvh;min-height:550px}.drawing-screen{display:flex;flex-direction:column;min-height:0;width:100%;max-width:1120px;margin:auto;flex:1;padding:22px 0 20px}.drawing-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.prompt-meta{font-size:13px;color:var(--muted);margin-bottom:7px}.drawing-heading h1{font-size:36px;letter-spacing:-1px}.timer-box{display:flex;align-items:center;justify-content:center;gap:9px;min-height:65px;min-width:132px;padding:9px 17px;border-radius:12px;background:var(--yellow-light);border:1px solid #e7d48e;flex-shrink:0}.timer-box .icon{width:22px;height:22px}.timer-value{font:750 32px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-1px}.timer-box.urgent{background:#fbe9e3;border-color:#dda292;color:#a73d29}.canvas-sheet{display:flex;flex-direction:column;flex:1;min-height:185px;background:#fff;border:1px solid #d3cdbf;border-radius:13px;overflow:hidden;position:relative}.canvas-topline{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 17px;color:var(--muted);font-size:12px}.canvas-owner{display:inline-flex;align-items:center;gap:8px}.canvas-owner .avatar{width:25px;height:25px;padding:2px;border-radius:8px}.inline-note{display:inline-flex;align-items:center;gap:6px}.inline-note .icon{width:13px;height:13px}.time-track{flex-shrink:0;height:3px;background:#f4f1e9;overflow:hidden}.time-progress{width:100%;height:100%;background:var(--yellow);transform-origin:0 50%}.canvas-wrap{position:relative;isolation:isolate;overflow:hidden;width:100%;flex:1;min-height:160px}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;position:relative;z-index:1}canvas[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='11' stroke='%23666154' stroke-width='1.5' fill='%23fff' fill-opacity='.65'/%3E%3C/svg%3E") 14 14,crosshair}.canvas-placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#a5a095;font-size:16px;z-index:2;transition:opacity .15s}.canvas-placeholder.hidden{opacity:0}.drawing-bottom{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.tools{display:flex;align-items:center;gap:5px}.tool{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;gap:7px;padding:10px 12px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:550;transition:background .12s}.tool .icon{width:18px;height:18px}.tool:hover:not(:disabled){background:#eae6dc}.tool.active{background:var(--yellow);border-color:#dbb749}.tool:disabled{color:#9c978b}.tool-separator{width:1px;height:22px;background:var(--line);margin:0 6px}.activity-players{display:flex;align-items:center;gap:22px}.activity-player{display:flex;align-items:center;gap:6px}.activity-player .avatar{width:34px;height:34px}.activity-player-name{font-size:12px;font-weight:550}.activity-player-state{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:11px}.activity-player-state .icon{width:11px;height:11px}.ink-lock-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#faf9f3d9}.locked-stamp{font:750 44px/1.2 var(--display);letter-spacing:-1.5px;animation:lock-in .2s ease-out both}body.countdown-mode{background:var(--yellow)}.countdown-screen{flex:1;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0 70px}.countdown-number{font:800 clamp(170px,23vw,270px)/1.05 var(--display);letter-spacing:-13px;font-variant-numeric:tabular-nums;animation:count-in .24s ease-out both}.countdown-screen h2{font-size:22px;margin:22px 0 25px}.countdown-screen .drawn-avatar{background:#ffdf85;border-color:#dbb549}.judging-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 80px;min-height:540px}.judge-stage{width:154px;height:157px;margin-bottom:25px}.judge-stage .judge-character{width:100%;height:100%}.judge-eyes{animation:judge-look 3.6s ease-in-out infinite}.judging-screen h1{font-size:42px}.judge-status{color:var(--muted);font-size:14px;margin-top:14px}.judging-queue{display:flex;gap:23px;align-items:center;justify-content:center;margin-top:32px;flex-wrap:wrap}.sealed-submission{display:flex;align-items:center;gap:7px;font-size:13px}.sealed-submission .avatar{width:33px;height:33px}.judge-error-actions{margin-top:27px}.results-screen{flex:1;width:100%;max-width:1120px;margin:auto;padding:30px 0 40px}.results-heading{text-align:center}.verdict-eyebrow{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.results-heading h1{font-size:48px}.winner-name{position:relative;display:inline-block;isolation:isolate}.winner-name:after{content:"";position:absolute;left:-3px;right:-3px;bottom:2px;height:8px;background:var(--yellow);transform:rotate(-2deg);z-index:-1;border-radius:4px}.original-product{margin:22px auto 26px;display:flex;justify-content:center;align-items:center;gap:12px}.original-product-art{position:relative;width:76px;height:72px;flex-shrink:0}.original-product-art .product-illustration,.original-product-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.original-product-art img{mix-blend-mode:multiply}.original-label{color:var(--muted);font-size:11px}.original-text h2{font-family:var(--body);font-size:13px;line-height:1.4;letter-spacing:0;margin:2px 0 0;font-weight:600}.original-text a{font-size:11px;min-height:26px;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:3px}.original-text a:hover{text-decoration:underline}.original-text a .icon{width:11px;height:11px}.reference-fallback-label{display:block;font-size:10px;color:var(--muted)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.results-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.results-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.result-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;animation:screen-in .25s ease-out both}.result-card.winner{border-color:#d8b651}.result-card-header{display:flex;align-items:center;gap:8px;min-height:63px;padding:12px 16px;border-bottom:1px solid #ede9de}.winner .result-card-header{background:var(--yellow-light);border-color:#e8dba8}.rank-number{font:600 16px/1 var(--body);width:22px;flex-shrink:0;color:var(--muted)}.rank-number .icon{width:19px;height:19px;color:var(--ink)}.result-card-header>.avatar{width:30px;height:30px;border-radius:9px;padding:2px}.result-player-name{font-weight:600;font-size:13px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-player-name small{font-weight:400;font-size:11px;color:var(--muted)}.result-score{font:750 28px/1 var(--display);letter-spacing:-.6px;flex-shrink:0}.result-score small{font:400 10px/1 var(--body);color:var(--muted);letter-spacing:0}.drawing-reveal{display:flex;align-items:center;justify-content:center;position:relative;height:231px;width:100%;padding:10px 16px;cursor:zoom-in;background:#fff}.drawing-reveal:focus-visible{outline-offset:-5px}.drawing-reveal .sample-drawing,.drawing-reveal img{width:100%;height:100%;object-fit:contain}.blank-art{color:#929080;font-size:15px}.zoom-hint{position:absolute;right:12px;bottom:9px;color:var(--muted);font-size:10px;opacity:0}.drawing-reveal:hover .zoom-hint,.drawing-reveal:focus-visible .zoom-hint{opacity:1}.result-comment{padding:15px 0 18px;margin:0 18px;border-top:1px solid #eeeae1;color:#666255;font-size:12px;line-height:1.65;flex:1}.results-actions{display:flex;justify-content:center;align-items:center;margin-top:30px}.results-actions .btn{min-width:200px;justify-content:space-between}.results-wait{font-size:13px;color:var(--muted);text-align:center}dialog{color:var(--ink);border:1px solid #cfcabb;border-radius:16px;background:var(--paper);padding:30px;width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 16px 80px #28272226}dialog::backdrop{background:#28272266}dialog h2{font-size:29px;padding-right:28px}.dialog-close{display:grid;place-items:center;width:44px;height:44px;position:absolute;top:12px;right:12px;border-radius:8px}.dialog-close:hover,.close-demo:hover{background:#eae6db}.dialog-close .icon{width:19px;height:19px}.dialog-intro{font-size:13px;color:var(--muted);margin-top:10px}.how-list{display:flex;flex-direction:column;gap:23px;margin:28px 0}.how-step{display:flex;align-items:flex-start;gap:14px}.how-art{padding-top:2px;width:25px;flex-shrink:0}.how-art .icon{width:22px;height:22px}.how-step strong{font-size:14px}.how-step p{font-size:12px;color:var(--muted);margin-top:4px}.demo-disclosure{font-size:11px;color:var(--muted);margin-top:18px}.leave-dialog p{margin:18px 0 27px;font-size:14px;color:var(--muted)}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.dialog-actions .btn{min-height:46px}.art-dialog{max-width:670px}.large-art{display:flex;align-items:center;justify-content:center;height:330px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:22px 0}.large-art img,.large-art svg{width:100%;height:100%;object-fit:contain}.score-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.score-breakdown span{display:block;font-size:12px;color:var(--muted)}.score-breakdown strong{font:700 26px/1.4 var(--display)}.demo-panel{position:fixed;right:28px;bottom:76px;width:312px;max-width:calc(100% - 32px);max-height:calc(100dvh - 102px);overflow:auto;padding:23px;z-index:25;background:var(--white);border:1px solid #cfc9bb;border-radius:13px;box-shadow:0 10px 45px #2827221c;animation:screen-in .16s ease-out both}.demo-panel h2{font-size:20px;padding-right:33px;margin-bottom:8px}.close-demo{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:8px}.close-demo .icon{width:18px;height:18px}.demo-description{font-size:12px;color:var(--muted);margin-bottom:20px}.demo-panel label{font-size:12px}.demo-screen-select{display:block;width:100%;margin-top:7px;min-height:44px;padding:9px;background:#fff;border:1px solid #cdc7b9;border-radius:7px;font-size:13px}.demo-toggles{margin:15px 0}.demo-toggle{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.demo-toggle input{accent-color:var(--ink);width:17px;height:17px;margin:0;flex-shrink:0}.demo-tool-buttons{display:flex;flex-wrap:wrap;gap:7px}.demo-small-btn{font-size:11px;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:7px}.demo-small-btn:hover{background:var(--yellow-light)}.skip-demo{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;min-height:44px;padding:9px 12px;margin-top:14px;background:var(--yellow-light);border:1px solid #deca86;border-radius:7px;font-size:12px}.skip-demo .icon{width:16px;height:16px}.demo-reset{margin-top:8px;min-height:44px;font-size:12px;padding:5px 0;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:11px 17px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #28272212;font-size:12px;text-align:center;animation:screen-in .15s}.toast .icon{width:16px;height:16px;color:var(--green)}.toast.error .icon{color:var(--coral)}@keyframes screen-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes count-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes lock-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes judge-look{0%,32%,to{transform:translate(-1px)}52%,82%{transform:translate(2px)}}@media (max-width: 1020px){.shell{padding:0 32px}.lobby{max-width:880px}.people-panel,.challenge-panel{padding:27px}.results-grid{gap:15px}.results-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card-header{padding:11px;gap:6px}.result-card-header>.avatar{width:26px;height:26px}.result-score{font-size:25px}.result-player-name small{display:none}.drawing-reveal{height:210px}}@media (max-width: 760px){.shell{padding:0 24px}.topbar{height:76px}.lobby{padding-top:30px}.lobby-sheet{grid-template-columns:.8fr 1.2fr}.people-panel,.challenge-panel{padding:22px}.player-row{gap:9px}.player-row .avatar{width:40px;height:40px}.panel-title{gap:7px}.panel-title h2{font-size:20px}.player-count{font-size:11px}.challenge-panel h2{font-size:23px}.drawing-bottom{flex-direction:column;gap:17px}.activity-players{gap:25px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card-header>.avatar{width:30px;height:30px}.original-product{margin-bottom:25px}}@media (max-width: 600px){.shell{padding:0 20px}h1{font-size:36px}.topbar{height:68px;gap:12px}.wordmark{font-size:24px;gap:7px}.logo-mark{width:25px;height:27px;border-radius:7px}.logo-mark .icon{width:16px;height:16px}.top-action{font-size:12px;gap:6px}.top-action .icon{width:16px;height:16px}.room-context{font-size:11px;gap:7px}.room-context strong{letter-spacing:.8px}.room-context .context-dot{display:none}.room-context:has(.context-dot)>span:first-child{display:none}.leave-text{display:none}.top-action[data-action=leave]{width:44px}.footer{min-height:60px;gap:10px;font-size:10px}.prototype-note{max-width:195px}.demo-trigger{font-size:11px;gap:5px}.home{min-height:480px;padding:20px 0 40px}.hero-title{font-size:89px;letter-spacing:-4.5px}.hero-description{font-size:14px;margin-top:16px}.home-mascot{height:85px;margin-bottom:15px}.home-mascot .pencil-character{width:48px;height:91px}.home-form{max-width:312px;margin-top:27px}.join-screen{padding:21px 0 14px}.join-panel{max-width:390px}.join-panel>h1{margin-bottom:23px}.join-form{grid-template-columns:1fr}.join-avatar-column{padding:20px 21px 16px;border-right:0;border-bottom:1px solid var(--line)}.avatar-editor h2{font-size:18px;margin-bottom:12px}.avatar-join .avatar-pad{max-width:208px;margin:auto}.avatar-tools{margin-top:10px;gap:6px}.join-details{padding:20px 21px 13px}.join-fields{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.join-fields .field-label{font-size:12px;margin-bottom:7px}.join-fields .input{min-height:48px;padding:11px 12px;font-size:16px}.join-fields .room-code-input{font-size:17px;letter-spacing:2.1px}.demo-code-help{margin-top:2px;font-size:11px}.join-back{margin-top:6px}.avatar-dialog{max-width:346px;padding:26px}.avatar-dialog .avatar-editor h2{font-size:25px}.lobby{padding:23px 0 36px}.page-heading{gap:12px;margin-bottom:23px}.page-heading h1{font-size:35px}.invite-strip{gap:10px}.room-code{font-size:20px;letter-spacing:2px}.room-code-label{font-size:10px}.copy-button{width:44px;padding:10px;justify-content:center}.copy-button span{display:none}.lobby-sheet{grid-template-columns:1fr}.people-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px}.panel-title{margin-bottom:19px}.players{gap:12px}.player-row .avatar{width:44px;height:44px}.player-name{font-size:14px}.player-state{font-size:11px}.challenge-panel{padding:25px 22px 24px;min-height:250px}.challenge-panel h2{margin-bottom:19px}.url-field .input{font-size:16px}.sample-links{font-size:11px;gap:5px;margin-bottom:20px}.sample-links button{font-size:11px}.ready-product-name{font-size:26px}.guest-wait h2{font-size:22px}.drawing-screen{padding:17px 0 15px}.drawing-heading{margin-bottom:18px;gap:15px}.prompt-meta{font-size:12px;margin-bottom:6px}.drawing-heading h1{font-size:27px;letter-spacing:-.7px}.timer-box{min-width:89px;min-height:58px;padding:10px 12px;border-radius:10px}.timer-box>span:first-child{display:none}.timer-value{font-size:28px}.canvas-topline{padding:10px 12px;font-size:11px;gap:8px}.canvas-owner .avatar{width:22px;height:22px;border-radius:6px}.privacy-label{font-size:10px;gap:4px}.privacy-label .icon{width:11px;height:11px}.canvas-sheet{border-radius:10px}.canvas-placeholder{font-size:14px}.drawing-bottom{margin-top:14px;gap:15px}.tools{width:100%;justify-content:center;gap:4px}.tool{padding:10px 9px;gap:6px;font-size:12px}.tool-separator{margin:0 3px}.activity-players{gap:23px}.activity-player .avatar{width:30px;height:30px}.activity-player-name{font-size:11px}.activity-player-state{font-size:10px}.locked-stamp{font-size:36px}.countdown-screen{min-height:460px;padding-bottom:65px}.countdown-number{font-size:210px}.judging-screen{min-height:450px;padding:30px 0 60px}.judge-stage{width:131px;height:134px;margin-bottom:23px}.judging-screen h1{font-size:34px}.judge-status{font-size:13px}.judging-queue{gap:18px;margin-top:29px}.sealed-submission{font-size:12px;gap:5px}.sealed-submission .avatar{width:30px;height:30px}.results-screen{padding:25px 0}.results-heading h1{font-size:40px}.verdict-eyebrow{font-size:12px}.original-product{margin:20px auto 23px}.original-product-art{width:64px;height:68px}.original-text h2{font-size:12px}.results-grid,.results-grid.two,.results-grid.four{grid-template-columns:1fr;gap:16px}.result-card-header{padding:12px 16px;gap:9px}.result-player-name{font-size:14px}.result-player-name small{display:inline}.result-score{font-size:28px}.drawing-reveal{height:237px}.result-comment{font-size:12px}.results-actions{margin-top:25px}.results-actions .btn{width:100%}dialog{padding:27px}dialog h2{font-size:27px}.art-dialog .large-art{height:260px}.score-breakdown{gap:9px}.score-breakdown span{font-size:10px}.score-breakdown strong{font-size:25px}.demo-panel{right:16px;bottom:72px}}@media (max-width: 370px){.shell{padding:0 16px}.hero-title{font-size:78px;letter-spacing:-4px}.hero-description{font-size:12px}.footer{gap:7px}.prototype-note{max-width:154px}.tool{padding:10px 6px;font-size:11px;gap:4px}.tools{gap:1px}.tool-separator{margin:0 2px}.drawing-heading h1{font-size:24px}.privacy-label{font-size:9px}.join-fields{gap:9px}.join-fields .room-code-input{letter-spacing:1.4px}.sample-links{gap:4px}.sample-links button{font-size:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}