:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f0e3;--paper-deep:#ece0cf;--card:#fffdf8;--ink:#1d2624;--ink-soft:#53605b;--line:#d8ccba;--line-strong:#b9ab97;--yellow:#f4bf3e;--yellow-light:#ffe8a0;--teal:#00856a;--blue:#0067b1;--red:#d33f49;--purple:#7a4eab;--shadow-sm:0 2px 0 #1d262414, 0 8px 24px #4a382314;--shadow-lg:0 3px 0 #1d262414, 0 24px 70px #4a382324;--radius-sm:12px;--radius:20px;--radius-lg:30px;--content:1180px;--display:"Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--body:Inter, Avenir, "Avenir Next", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 10%, #f4bf3e26, transparent 23rem), radial-gradient(circle at 92% 35%, #00856a14, transparent 28rem), var(--paper);margin:0;overflow-x:clip}body:before{z-index:-1;pointer-events:none;content:"";opacity:.19;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select,textarea{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.topbar{z-index:20;width:min(100% - 28px, var(--content));justify-content:space-between;align-items:center;gap:12px;min-height:84px;margin:0 auto;display:flex;position:relative}.brand-home{cursor:pointer;background:0 0;border:0;flex:none;align-items:center;min-height:44px;padding:4px 0;display:inline-flex}.brand-lockup{width:clamp(220px,27vw,320px);min-width:220px;height:auto;display:block}.brand-appicon{border-radius:10px;width:48px;height:48px;display:none}.wordmark-mark{border:2px solid var(--ink);background:var(--yellow);width:31px;height:31px;box-shadow:2px 2px 0 var(--ink);border-radius:9px 9px 11px 8px;justify-content:center;align-items:flex-end;gap:2px;padding:6px 5px;display:inline-flex;transform:rotate(-2deg)}.wordmark-mark span{background:var(--ink);transform-origin:bottom;border-radius:4px;width:3px;display:block}.wordmark-mark span:first-child{height:12px;transform:rotate(8deg)}.wordmark-mark span:nth-child(2){height:17px}.wordmark-mark span:nth-child(3){height:10px;transform:rotate(-8deg)}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.room-pill,.connection-status{border:1px solid var(--line-strong);letter-spacing:.07em;background:#fffdf8bf;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:8px 11px;font-size:.74rem;font-weight:850;display:inline-flex}.room-pill{white-space:nowrap;cursor:pointer;min-height:44px}.room-pill span{color:var(--ink-soft);font-size:.62rem;display:none}.connection-status{color:var(--ink-soft);letter-spacing:0;white-space:nowrap;background:0 0;border-color:#0000}@media (width<=380px){.app-shell.in-room .brand-lockup{display:none}.app-shell.in-room .brand-appicon{display:block}}.status-dot{background:#8c918f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #8c918f24}.connection-status.is-connected .status-dot{background:var(--teal);box-shadow:0 0 0 3px #00856a26}.connection-status.is-reconnecting .status-dot,.connection-status.is-connecting .status-dot{background:var(--yellow);animation:1.5s ease-in-out infinite soft-pulse}.connection-status.is-offline .status-dot{background:var(--red)}.connection-label{display:none}.button{border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--card);min-height:46px;box-shadow:2px 3px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:850;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:not(:disabled):hover{box-shadow:3px 5px 0 var(--ink);transform:translateY(-2px)}.button:not(:disabled):active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,2px)}.button-primary{background:var(--yellow)}.button-primary:not(:disabled):hover{background:#fac94e}.button-ink{color:#fff;background:var(--ink);box-shadow:2px 3px #87908d}.button-ink:not(:disabled):hover{background:#303d39;box-shadow:3px 5px #87908d}.button-large{min-height:54px;padding:14px 21px;font-size:1rem}.button-small{min-height:42px;padding:9px 13px;font-size:.82rem}.button-full{width:100%}.text-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 4px;font-weight:750;display:inline-flex}.text-button:hover{color:var(--ink)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.landing{width:min(100% - 32px, var(--content));align-items:center;gap:64px;min-height:calc(100vh - 72px);margin:0 auto;padding:44px 0 72px;display:grid}.hero-copy{max-width:650px}.eyebrow,.section-label,.panel-kicker{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px;font-size:.72rem;font-weight:900;line-height:1.25}.eyebrow span{color:var(--yellow);text-shadow:1px 1px 0 var(--ink);margin-right:3px;display:inline-block}.hero-copy h1{max-width:700px;margin-bottom:22px;font-size:clamp(3.25rem,15vw,6.3rem);line-height:.89}.marker-underline{z-index:0;color:var(--blue);position:relative}.marker-underline:after{z-index:-1;background:var(--yellow);content:"";border-radius:50%;height:.16em;position:absolute;bottom:.02em;left:-2%;right:-1%;transform:rotate(-1.2deg)}.hero-lede,.supporting-copy{max-width:620px;color:var(--ink-soft);font-size:1.05rem;line-height:1.65}.landing-actions{max-width:500px;margin-top:32px}.landing-actions>.button{width:100%}.join-divider{color:#7b817f;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:20px 0 12px;font-size:.72rem;font-weight:800;display:flex}.join-divider:before,.join-divider:after{background:var(--line);content:"";flex:1;height:1px}.join-form{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.code-input,.text-input,.guess-input{border:2px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;min-height:52px;color:var(--ink);background:var(--card);padding:12px 15px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #1d26240a}.code-input{letter-spacing:.14em;text-transform:uppercase;font-weight:900}.code-input:focus,.text-input:focus,.guess-input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px #0067b11a}.form-hint,.field-note,.privacy-note,.guess-help{color:var(--ink-soft);font-size:.78rem}.form-hint{margin:8px 2px 0}.trust-list{color:var(--ink-soft);flex-wrap:wrap;gap:10px 18px;margin:28px 0 0;padding:0;font-size:.78rem;font-weight:750;list-style:none;display:flex}.trust-list li{align-items:center;gap:6px;display:flex}.hero-demo{isolation:isolate;min-height:590px;position:relative}.demo-card{border:2px solid var(--ink);background:var(--card);width:210px;min-height:150px;box-shadow:7px 9px 0 var(--ink);border-radius:18px 22px 17px 25px;flex-direction:column;justify-content:space-between;padding:21px;display:flex;position:absolute}.demo-card:before{content:"";background:#ffe8a0c7;width:46px;height:18px;position:absolute;top:-8px;right:28px;transform:rotate(3deg)}.demo-card strong{font-family:var(--display);font-size:1.65rem;line-height:1}.card-kicker{color:var(--ink-soft);letter-spacing:.14em;font-size:.65rem;font-weight:900}.demo-author{color:var(--ink-soft);align-items:center;gap:7px;font-size:.7rem;font-weight:700;display:flex}.demo-author i{background:var(--player-color);border-radius:50%;width:9px;height:9px}.demo-word{top:18px;left:1%;transform:rotate(-6deg)}.demo-sketch{width:250px;min-height:300px;top:192px;right:0;transform:rotate(4deg)}.demo-sketch svg{width:100%;height:auto;margin:2px 0;overflow:visible}.demo-sketch path{fill:none;stroke-linecap:round;stroke-linejoin:round}.demo-ground,.demo-wiggle{stroke:var(--blue);stroke-width:7px}.demo-log{stroke:#9a3b00;stroke-width:15px}.demo-flame-outer{stroke:var(--red);stroke-width:5px;fill:var(--red)!important}.demo-flame-inner{stroke:var(--yellow);stroke-width:3px;fill:var(--yellow)!important}.demo-guess{bottom:8px;left:3%;transform:rotate(-3deg)}.demo-arrow{z-index:-1;color:var(--teal);font-family:Georgia,serif;font-size:5rem;font-weight:900;position:absolute}.arrow-one{top:110px;left:42%;transform:rotate(22deg)}.arrow-two{bottom:120px;right:45%;transform:rotate(160deg)}.demo-orbit{z-index:-2;border:2px dashed #00856a40;border-radius:50%;position:absolute}.orbit-one{inset:55px 20px 40px 12px;transform:rotate(18deg)}.orbit-two{border-color:#0067b12e;inset:110px 52px 80px 55px;transform:rotate(-16deg)}.how-it-works{padding:70px max(24px, calc((100% - var(--content)) / 2));border-top:1px solid var(--line);background:#fffdf894}.how-it-works h2{margin-bottom:36px;font-size:clamp(2rem,7vw,3.3rem)}.steps-list{max-width:var(--content);gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps-list li{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:12px;padding:23px 0;display:grid}.step-number{color:var(--red);font-family:var(--display);font-size:.9rem}.steps-list h3{margin-bottom:7px;font-size:1.25rem}.steps-list p{color:var(--ink-soft);margin-bottom:0;line-height:1.55}.compact-screen{text-align:center;justify-content:center;align-items:center;width:min(100% - 32px,620px);min-height:calc(100vh - 100px);margin:0 auto;padding:32px 0 64px;display:flex}.paper-card{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--card);width:100%;box-shadow:7px 9px 0 var(--ink), var(--shadow-lg);padding:30px 22px;position:relative}.profile-card{text-align:left}.profile-card h1{margin-bottom:10px;font-size:clamp(2rem,8vw,3.2rem);line-height:1.05}.back-button{margin:-12px 0 22px}.room-ticket{border:2px solid var(--ink);background:var(--yellow-light);box-shadow:2px 3px 0 var(--ink);border-radius:8px;align-items:center;gap:8px;padding:9px 13px;display:flex;position:absolute;top:-20px;right:20px;transform:rotate(2deg)}.room-ticket span{letter-spacing:.1em;font-size:.55rem;font-weight:850}.room-ticket strong{font-family:var(--display);letter-spacing:.08em}.profile-form{margin-top:28px}.field-label{margin-bottom:8px;font-size:.82rem;font-weight:850;display:block}.field-row{justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 10px;display:flex}.field-row .field-label{margin:0}.color-picker{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:27px;display:grid}.color-choice{cursor:pointer;border-radius:12px;place-items:center;min-width:44px;min-height:48px;display:grid;position:relative}.color-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.color-choice>span:not(.sr-only){border:2px solid var(--ink);color:#fff;background:var(--swatch);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:50% 48% 52% 45%;place-items:center;transition:transform .14s,box-shadow .14s;display:grid;transform:rotate(-3deg)}.color-choice:nth-child(2n)>span:not(.sr-only){transform:rotate(4deg)}.color-choice input:checked+span{box-shadow:0 0 0 4px var(--card), 0 0 0 7px var(--ink);transform:scale(.9)}.color-choice input:focus-visible+span{outline:3px solid var(--blue);outline-offset:5px}.privacy-note{text-align:center;margin:17px 0 0}.waiting-screen{flex-direction:column}.waiting-screen h1{margin-bottom:10px;font-size:clamp(2.2rem,10vw,4rem)}.waiting-screen>p:last-child{max-width:440px;color:var(--ink-soft);line-height:1.6}.waiting-illustration{align-items:end;gap:7px;height:90px;margin-bottom:26px;display:flex}.waiting-illustration span{border:2px solid var(--ink);background:var(--blue);width:20px;height:70px;box-shadow:3px 3px 0 var(--ink);transform-origin:bottom;border-radius:7px 7px 4px 4px;animation:1.25s ease-in-out infinite marker-wave;display:block}.waiting-illustration span:nth-child(2){background:var(--yellow);height:82px;animation-delay:.14s}.waiting-illustration span:nth-child(3){background:var(--red);height:62px;animation-delay:.28s}.room-screen,.phase-screen,.score-screen{width:min(100% - 28px, var(--content));margin:0 auto;padding:28px 0 110px}.room-heading{gap:22px;margin:20px 0 28px;display:grid}.room-heading h1,.score-heading h1{margin-bottom:11px;font-size:clamp(2.5rem,10vw,4.8rem);line-height:.98}.invite-card{border:2px solid var(--ink);background:var(--yellow-light);min-width:230px;box-shadow:4px 5px 0 var(--ink);border-radius:18px 21px 16px 20px;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:17px 19px;display:grid;transform:rotate(1deg)}.invite-card>span{letter-spacing:.13em;font-size:.62rem;font-weight:900}.invite-card>strong{font-family:var(--display);letter-spacing:.1em;grid-row:span 2;font-size:1.65rem}.invite-card .button{justify-self:start}.lobby-grid{gap:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffdf8e0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:80px;padding:20px;display:flex}.panel-heading h2{margin:0;font-size:1.55rem}.panel-kicker{color:var(--ink-soft);margin-bottom:4px;font-size:.58rem}.count-badge,.host-note{color:var(--teal);background:#00856a1a;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:850}.player-list{margin:0;padding:6px 20px;list-style:none}.player-row{border-bottom:1px solid #e8dfd3;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:61px;padding:8px 0;display:grid}.player-row:last-child{border-bottom:0}.player-avatar{border:2px solid var(--ink);color:#fff;background:var(--player-color,#c7c1b8);width:38px;height:38px;font-family:var(--display);text-shadow:0 1px 2px #00000040;box-shadow:2px 2px 0 var(--ink);border-radius:48% 52% 45% 55%;place-items:center;font-size:.9rem;display:grid}.player-name,.score-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.player-name small,.score-name small{color:var(--ink-soft);font-size:.7rem;font-weight:650}.host-badge{color:#6c4d00;background:var(--yellow-light);letter-spacing:.09em;border-radius:6px;padding:4px 7px;font-size:.55rem;font-weight:900;display:none}.presence-label{color:var(--teal);grid-column:3;align-items:center;gap:6px;font-size:.68rem;font-weight:800;display:flex}.presence-label i{background:currentColor;border-radius:50%;width:7px;height:7px}.player-row.is-disconnected{opacity:.55}.player-row.is-disconnected .presence-label{color:var(--ink-soft)}.open-seat{color:#8e938f}.open-seat .player-avatar{color:#8e938f;box-shadow:none;text-shadow:none;background:0 0;border-style:dashed}.open-seat .presence-label{color:#8e938f}.lobby-presence{border-top:1px solid var(--line);min-height:54px;color:var(--ink-soft);background:#f4eee4;align-items:center;gap:9px;padding:13px 20px;font-size:.78rem;font-weight:750;display:flex}.lobby-presence.is-ready{color:#006b55;background:#00856a14}.settings-form,.settings-summary{margin:0;padding:6px 20px}.setting-row,.settings-summary>div{border-bottom:1px solid #e8dfd3;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:61px;display:grid}.setting-row:last-child,.settings-summary>div:last-child{border-bottom:0}.setting-icon{width:33px;height:33px;color:var(--blue);background:#0067b117;border-radius:9px;place-items:center;display:grid}.setting-label{font-size:.82rem;font-weight:800}.difficulty-setting{row-gap:5px;padding:8px 0 10px}.difficulty-help{color:var(--ink-soft);flex-wrap:wrap;grid-column:2/-1;gap:4px 10px;font-size:.64rem;line-height:1.35;display:flex}.difficulty-help span{white-space:nowrap}.difficulty-help strong{color:var(--ink);font-weight:850}.setting-row select{border:1px solid var(--line-strong);max-width:175px;min-height:44px;color:var(--ink);background:var(--card);border-radius:9px;padding:8px 30px 8px 10px;font-size:.78rem;font-weight:700}.settings-summary>div{grid-template-columns:1fr auto}.settings-summary dt{align-items:center;gap:9px;font-size:.82rem;font-weight:800;display:flex}.settings-summary dd{color:var(--ink-soft);text-align:right;margin:0;font-size:.78rem;font-weight:700}.settings-summary dd strong,.settings-summary dd small{display:block}.settings-summary dd strong{color:var(--ink-soft);font-size:.78rem}.settings-summary dd small{color:var(--ink-soft);margin-top:2px;font-size:.62rem;font-weight:650}.room-action-bar{bottom:max(12px, env(safe-area-inset-bottom));z-index:12;border:2px solid var(--ink);width:min(100% - 8px,760px);min-height:76px;box-shadow:5px 6px 0 var(--ink), 0 12px 40px #1d26242b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:24px auto 0;padding:11px 11px 11px 18px;display:flex;position:sticky}.room-action-bar>div:first-child{display:none}.room-action-bar strong,.room-action-bar span{display:block}.room-action-bar span{color:var(--ink-soft);margin-top:3px;font-size:.7rem}.room-action-bar .button,.room-action-bar .waiting-host{width:100%}.waiting-host{min-height:46px;color:var(--ink-soft);justify-content:center;align-items:center;gap:9px;font-size:.78rem;font-weight:750;display:flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}.phase-screen{padding-bottom:108px}.phase-header{justify-content:space-between;align-items:center;gap:18px;margin:14px auto 20px;display:flex}.phase-header>div:first-child{min-width:0}.phase-header .eyebrow{margin-bottom:5px}.phase-header h1{text-overflow:ellipsis;margin:0;font-size:clamp(1.65rem,7vw,3rem);line-height:1.08;overflow:hidden}.phase-timer{width:64px;height:64px;color:var(--ink);font-family:var(--display);flex:none;place-items:center;font-size:.95rem;display:grid;position:relative}.phase-timer svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.phase-timer>span{z-index:1;position:relative}.phase-timer circle{fill:var(--card);stroke:var(--line);stroke-width:3px}.phase-timer .timer-progress{fill:none;stroke:var(--teal);stroke-dasharray:126;stroke-linecap:round}.phase-timer.is-urgent{color:var(--red);animation:.9s ease-in-out infinite timer-pulse}.phase-timer.is-urgent .timer-progress{stroke:var(--red)}.rule-banner{color:#59440b;background:var(--yellow-light);border:1px solid #dfc266;border-radius:13px;align-items:center;gap:9px;max-width:760px;min-height:52px;margin:0 auto 13px;padding:9px 10px 9px 14px;font-size:.76rem;line-height:1.4;display:flex}.rule-banner>span{flex:1}.rule-banner button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.canvas-layout{justify-content:center;display:flex}.canvas-frame{aspect-ratio:1;border:2px solid var(--ink);width:min(100%,100vh - 280px,760px);min-width:0;box-shadow:5px 6px 0 var(--ink), var(--shadow-lg);background:#fff;border-radius:15px 18px 13px 20px;position:relative;overflow:hidden}.canvas-frame:before{z-index:2;content:"";pointer-events:none;background:#ffe8a0b8;width:70px;height:16px;position:absolute;top:-2px;right:13%;transform:rotate(1deg)}.drawing-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,#0000 0 31px,#0067b10a 31px 32px);width:100%;height:100%;display:block}.drawing-canvas.display-canvas{cursor:default;touch-action:auto}.canvas-lock{z-index:4;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf8cc;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:28px;display:flex;position:absolute;inset:0}.canvas-lock .icon,.submitted-message>.icon{width:48px;height:48px;color:var(--teal)}.canvas-lock strong{font-family:var(--display);font-size:1.6rem}.canvas-lock span{max-width:340px;color:var(--ink-soft);font-size:.82rem;line-height:1.5}.drawing-toolbar{bottom:max(8px, env(safe-area-inset-bottom));z-index:10;border:2px solid var(--ink);max-width:850px;min-height:68px;box-shadow:4px 5px 0 var(--ink), 0 10px 35px #1d26242e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin:17px auto 0;padding:8px;display:grid;position:sticky}.tool-group{align-items:center;gap:4px;display:flex}.history-tools{display:flex}.primary-tools{grid-column:1/-1;justify-content:space-between}.tool-button,.size-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-width:46px;min-height:46px;padding:7px;font-size:.72rem;font-weight:800;display:inline-flex}.tool-button>span{display:none}.tool-button.is-active,.size-button.is-active{border-color:var(--line-strong);background:var(--paper-deep);box-shadow:inset 0 1px 1px #1d26240f}.size-picker{border-left:1px solid var(--line);align-items:center;padding-left:4px;display:flex}.size-button{min-width:38px}.size-button i{width:var(--dot-size);height:var(--dot-size);background:var(--marker-color,var(--blue));border-radius:50%}.danger-hover:hover{color:var(--red)}.done-button{align-self:stretch;min-width:78px}.deal-stage{perspective:1200px;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:min(660px,100vh - 190px);padding:25px 0;display:flex}.deal-card-wrap{aspect-ratio:1.5;width:min(100%,430px);animation:.7s cubic-bezier(.2,.8,.2,1) both deal-in}.deal-card{width:100%;height:100%;transform-style:preserve-3d;animation:.95s cubic-bezier(.3,.8,.25,1) .45s both flip-card;position:relative}.deal-card-front,.deal-card-back{border:3px solid var(--ink);backface-visibility:hidden;box-shadow:8px 10px 0 var(--ink), var(--shadow-lg);border-radius:25px 29px 23px 31px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex;position:absolute;inset:0}.deal-card-front{color:var(--ink);background:radial-gradient(circle at 20% 22%, #ffffff6b 0 4px, transparent 5px), var(--yellow);background-size:35px 35px}.deal-card-front .wordmark-mark{background:var(--card);width:48px;height:48px}.deal-card-front>strong{font-family:var(--display);letter-spacing:.13em;font-size:1.1rem}.deal-card-back{background:var(--card);transform:rotateY(180deg)}.deal-card-back>strong{overflow-wrap:anywhere;max-width:100%;font-family:var(--display);text-align:center;font-size:clamp(2.2rem,10vw,4.2rem);line-height:1}.deal-card-back>span:last-child{color:var(--ink-soft);font-size:.82rem}.deal-card-wrap.is-ready .deal-card{animation:none;transform:rotateY(180deg)scale(.96)}.deal-actions{text-align:center}.deal-actions p{color:var(--ink-soft);margin-bottom:15px;font-size:.83rem}.submitted-message{text-align:center;flex-direction:column;align-items:center;width:min(100%,480px);display:flex}.submitted-message h2{margin:13px 0 6px;font-size:1.8rem}.submitted-message p{color:var(--ink-soft);margin-bottom:0;line-height:1.55}.guess-layout{align-items:center;gap:30px;display:grid}.reveal-frame{justify-self:center;width:100%;max-width:680px}.compact-lock{border:1px solid var(--line);width:auto;box-shadow:var(--shadow-sm);border-radius:11px;flex-direction:row;padding:9px 12px;inset:auto 12px 12px auto}.compact-lock .icon{width:22px;height:22px}.compact-lock strong{font-family:var(--body);font-size:.78rem}.guess-entry{width:100%;max-width:500px;margin:0 auto}.guess-entry form>label{margin-bottom:8px;font-weight:850;display:block}.guess-input-wrap{position:relative}.guess-input{min-height:60px;padding-right:62px;font-size:1.05rem}.guess-input-wrap span{color:var(--ink-soft);font-size:.68rem;position:absolute;bottom:12px;right:14px}.guess-help{margin:8px 0 20px}.field-error{color:var(--red);margin:7px 2px 0;font-size:.78rem;font-weight:750}.submitted-answer{border:1px solid var(--line);background:var(--card);font-family:var(--display);border-radius:13px;margin-top:20px;padding:15px 20px;font-size:1.35rem}.reveal-screen{position:relative}.reveal-header{justify-content:space-between;align-items:flex-end;gap:20px;margin:14px 0 22px;display:flex}.reveal-header h1{margin:0;font-size:clamp(1.9rem,8vw,3.5rem)}.reveal-step-count{min-width:110px;color:var(--ink-soft);letter-spacing:.1em;text-align:right;font-size:.62rem;font-weight:850}.reveal-progress{justify-content:flex-end;gap:4px;margin-top:8px;display:flex}.reveal-progress span{background:var(--line-strong);border-radius:999px;width:9px;height:5px}.reveal-progress .is-past{background:var(--teal)}.reveal-progress .is-current{background:var(--yellow);width:20px;box-shadow:0 0 0 1px var(--ink)}.reveal-stage{justify-content:center;align-items:center;min-height:0;display:flex}.reveal-paper{border:3px solid var(--ink);background:var(--card);width:min(100%,720px);min-height:min(540px,100vh - 350px);box-shadow:8px 10px 0 var(--ink), var(--shadow-lg);border-radius:22px 27px 19px 29px;padding:22px;animation:.5s cubic-bezier(.2,.8,.2,1) both reveal-page-in;position:relative}.reveal-paper.word,.reveal-paper.guess{grid-template-rows:auto 1fr auto;display:grid}.reveal-paper-heading{justify-content:space-between;align-items:center;gap:10px;min-height:30px;display:flex}.auto-badge{color:#8d2d34;letter-spacing:.08em;background:#d33f491a;border-radius:6px;padding:5px 7px;font-size:.55rem;font-weight:900}.reveal-words{text-align:center;justify-content:center;align-items:center;min-height:310px;padding:20px 0;display:flex}.reveal-words strong{overflow-wrap:anywhere;max-width:90%;font-family:var(--display);font-size:clamp(2.7rem,13vw,6.5rem);line-height:.98}.quote-mark{color:var(--yellow);text-shadow:2px 2px 0 var(--ink);align-self:flex-start;margin-top:20%;font-family:Georgia,serif;font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:0}.quote-mark.closing{align-self:flex-end;margin:0 0 15%}.reveal-paper .reveal-frame{width:min(100%,520px);box-shadow:3px 4px 0 var(--ink);border-width:1px;margin:15px auto}.reveal-playback .drawing-canvas{cursor:pointer}.tap-to-skip{color:var(--ink-soft);pointer-events:none;background:#fffdf8db;border-radius:7px;padding:6px 8px;font-size:.62rem;font-weight:750;transition:opacity .2s;position:absolute;bottom:10px;right:10px}.drawing-canvas.is-replay-complete+.tap-to-skip{opacity:0}.reveal-author{border-top:1px solid var(--line);align-items:center;gap:11px;padding-top:15px;display:flex}.reveal-author>div span,.reveal-author>div strong{display:block}.reveal-author>div span{color:var(--ink-soft);margin-bottom:2px;font-size:.65rem}.reveal-author>div strong{font-size:.9rem}.reveal-controls{justify-content:space-between;align-items:center;gap:18px;max-width:760px;min-height:70px;margin:23px auto 0;display:flex}.reveal-controls p{color:var(--ink-soft);margin:0;font-size:.82rem;display:none}.reveal-controls .button,.reveal-controls .waiting-host{width:100%}.reveal-burst,.score-burst{border:2px solid var(--ink);width:74px;height:74px;color:var(--ink);background:var(--yellow);box-shadow:4px 5px 0 var(--ink);border-radius:50% 45% 53% 47%;place-items:center;margin-bottom:22px;font-size:2.2rem;display:grid;transform:rotate(-5deg)}.score-screen{text-align:center;max-width:780px}.score-heading{flex-direction:column;align-items:center;margin:18px 0 30px;display:flex}.score-heading>p:last-child{max-width:540px;color:var(--ink-soft);margin-bottom:0;line-height:1.55}.score-burst{width:62px;height:62px;font-size:1.7rem}.scoreboard{border:2px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:5px 6px 0 var(--ink), var(--shadow-lg);margin:0;padding:10px 20px;list-style:none}.score-row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:28px 42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:67px;display:grid}.score-row:last-child{border-bottom:0}.score-row.is-leading{background:var(--yellow-light);border-radius:12px;margin:0 -10px;padding:0 10px}.score-rank{color:var(--ink-soft);font-family:var(--display)}.score-row>strong{font-family:var(--display);font-size:1.15rem}.score-row>strong span{color:var(--ink-soft);font-family:var(--body);letter-spacing:0;font-size:.62rem}.score-actions{flex-direction:column;justify-content:center;align-items:center;gap:9px;margin-top:28px;display:flex}.connection-banner{right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:50;border:2px solid var(--ink);min-height:58px;color:var(--ink);background:var(--yellow-light);box-shadow:4px 5px 0 var(--ink);border-radius:14px;align-items:center;gap:11px;padding:11px 15px;font-size:.76rem;line-height:1.35;position:fixed;left:14px}.connection-banner:not([hidden]){display:flex}.toast-region{z-index:80;pointer-events:none;width:min(100% - 28px,390px);position:fixed;top:82px;right:14px}.toast{border:2px solid var(--ink);color:var(--ink);background:var(--yellow-light);box-shadow:4px 5px 0 var(--ink);opacity:0;border-radius:12px;padding:13px 16px;font-size:.82rem;font-weight:750;transition:opacity .18s,transform .18s;transform:translateY(-10px)}.toast.is-error{color:#68242a;background:#ffe3df}.toast.is-visible{opacity:1;transform:translateY(0)}@media (width>=560px){.topbar{min-height:100px}.room-pill span,.connection-label{display:inline}.landing{width:min(100% - 56px, var(--content))}.landing-actions>.button{width:auto}.paper-card{padding:42px 46px}.room-ticket{right:35px}.color-picker{grid-template-columns:repeat(6,minmax(44px,1fr))}.host-badge{display:inline-block}.player-row{grid-template-columns:42px minmax(0,1fr) auto auto}.presence-label{grid-column:auto}.room-action-bar>div:first-child{display:block}.room-action-bar .button,.room-action-bar .waiting-host{width:auto;min-width:175px}.rule-banner{font-size:.82rem}.history-tools{display:flex}.tool-button>span{display:inline}.drawing-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.primary-tools{grid-column:auto;justify-content:flex-start}.done-button{min-width:108px}.reveal-controls p{display:block}.reveal-controls .button,.reveal-controls .waiting-host{width:auto;min-width:180px}.connection-banner{width:min(410px,100% - 44px);left:auto;right:22px}}@media (width>=800px){.steps-list{grid-template-columns:repeat(3,1fr);gap:28px}.steps-list li{grid-template-columns:44px 1fr;padding:25px 0}.room-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}.lobby-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.guess-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.guess-entry{padding:24px}.reveal-paper{padding:28px}.reveal-stage{min-height:min(620px,100vh - 250px)}.reveal-paper{min-height:min(560px,100vh - 280px)}}@media (width>=980px){.landing{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:48px;min-height:calc(100vh - 82px);padding:62px 0 90px}.hero-copy h1{font-size:clamp(5.1rem,7.1vw,6.7rem)}.hero-demo{min-height:630px}.demo-card{width:230px}.demo-sketch{width:285px}}@media (height<=720px) and (orientation:landscape){.phase-header{margin-top:0}.canvas-frame{width:min(66vh,640px)}.drawing-toolbar{width:auto;position:fixed;bottom:18px;right:18px}}@media (prefers-contrast:more){:root{--line:#8b8173;--line-strong:#625a50}.connection-status,.presence-label,.form-hint,.field-note,.privacy-note,.guess-help{color:var(--ink)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soft-pulse{50%{opacity:.45;transform:scale(.82)}}@keyframes timer-pulse{50%{transform:scale(1.045)}}@keyframes marker-wave{50%{transform:translateY(-10px)rotate(3deg)}}@keyframes deal-in{0%{opacity:0;transform:translateY(-40px)rotate(-5deg)scale(.92)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes flip-card{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes reveal-page-in{0%{opacity:0;transform:translate(22px)rotate(1.5deg)scale(.98)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}