:root{--bg:#0a0a0b;--bg-elev:#101012;--surface-1:#151518;--surface-2:#1c1c20;--surface-3:#26262b;--surface-4:#333339;--line:#ffffff17;--line-strong:#ffffff29;--text:#f4f4f5;--text-dim:#a1a1aa;--text-faint:#6b6b74;--accent:#fafafa;--accent-contrast:#0a0a0b;--danger:#e5484d;--radius-xs:6px;--radius-sm:9px;--radius:13px;--radius-lg:20px;--radius-xl:28px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 30px #00000073;--shadow-3:0 20px 60px #0000008c;--ease:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur:.2s}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}#root{isolation:isolate}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:16px;line-height:1.45;position:relative}#root{flex-direction:column;min-height:100%;display:flex}button,input,select,textarea{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600;line-height:1.1}a{color:inherit}::selection{background:#ffffff2e}*{scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:999px}.mono{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--text);border-radius:var(--radius-sm);background:var(--btn-bg);height:40px;color:var(--btn-fg);letter-spacing:-.01em;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:550;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.4;pointer-events:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--solid{--btn-bg:var(--accent);--btn-fg:var(--accent-contrast);font-weight:650}.btn--solid:hover{--btn-bg:#fff}.btn--outline{--btn-bg:transparent;border-color:var(--line-strong)}.btn--outline:hover{--btn-bg:var(--surface-1)}.btn--ghost{--btn-bg:transparent}.btn--ghost:hover{--btn-bg:var(--surface-1)}.btn--danger{--btn-bg:transparent;--btn-fg:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.btn--danger:hover{--btn-bg:color-mix(in srgb, var(--danger) 14%, transparent)}.btn--sm{height:32px;padding:0 12px;font-size:13px}.btn--lg{border-radius:var(--radius);height:52px;padding:0 24px;font-size:16px}.btn--block{width:100%}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn--icon.btn--lg{width:52px}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.panel--pad{padding:18px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:11px;font-weight:600}.chip{background:var(--surface-2);border:1px solid var(--line);height:26px;color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:550;display:inline-flex}.chip--dot:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.avatar{background:var(--surface-3);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;border-style:solid;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.spinner{border:2px solid var(--line-strong);border-top-color:var(--text);border-radius:999px;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.Slider{touch-action:none;align-items:center;width:100%;height:24px;display:flex;position:relative}.SliderTrack{background:var(--surface-3);border-radius:999px;width:100%;height:4px;position:relative}.SliderIndicator{background:var(--accent);border-radius:999px;height:100%;position:absolute}.SliderThumb{background:var(--accent);width:16px;height:16px;box-shadow:var(--shadow-1);border-radius:999px;outline:none}.SliderThumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ToggleGroup{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.Toggle{height:32px;color:var(--text-dim);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:550;display:inline-flex}.Toggle:hover{color:var(--text)}.Toggle[data-pressed]{background:var(--surface-3);color:var(--text)}.SelectTrigger{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);min-width:180px;height:40px;color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:inline-flex}.SelectTrigger:hover{border-color:var(--line-strong)}.SelectIcon{color:var(--text-faint)}.SelectPopup{min-width:var(--anchor-width);max-height:min(340px, var(--available-height));background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);outline:none;padding:5px;overflow-y:auto}.SelectItem{cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:14px;display:flex}.SelectItem[data-highlighted]{background:var(--surface-3)}.SelectItemIndicator{color:var(--text);margin-left:auto}.Switch{background:var(--surface-3);width:40px;height:24px;transition:background var(--dur) var(--ease);border-radius:999px;padding:3px}.Switch[data-checked]{background:var(--accent)}.SwitchThumb{background:var(--text);width:18px;height:18px;transition:transform var(--dur) var(--ease);border-radius:999px;display:block}.Switch[data-checked] .SwitchThumb{background:var(--accent-contrast);transform:translate(16px)}.TooltipPopup{background:var(--surface-4);color:var(--text);box-shadow:var(--shadow-2);transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:7px;padding:5px 9px;font-size:12px}.TooltipPopup[data-starting-style],.TooltipPopup[data-ending-style]{opacity:0;transform:scale(.96)}.DialogBackdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--dur) var(--ease);background:#0009;position:fixed;inset:0}.DialogBackdrop[data-starting-style],.DialogBackdrop[data-ending-style]{opacity:0}.DialogPopup{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(440px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-3);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);padding:22px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.DialogPopup[data-starting-style],.DialogPopup[data-ending-style]{opacity:0;transform:translate(-50%,-46%)scale(.97)}.DialogTitle{margin-bottom:6px;font-size:18px}.DialogDescription{color:var(--text-dim);margin-bottom:16px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.muted{color:var(--text-dim)}.center{text-align:center}.stack{flex-direction:column;gap:10px;width:100%;display:flex}.status-dot{background:var(--text-faint);border-radius:999px;flex:none;width:8px;height:8px}.status-dot--open{background:#5bb98b}.status-dot--connecting{background:#e5a23d}.status-dot--closed{background:var(--danger)}.notice{border-radius:var(--radius-sm);border:1px solid var(--line);padding:10px 12px;font-size:13px}.notice--warn{color:#f5c451;background:#f5c45114;border-color:#f5c4514d}.wordmark{letter-spacing:-.03em;font-size:16px;font-weight:700}.wordmark span{color:var(--text-faint)}.phone{flex-direction:column;width:100%;max-width:560px;height:100dvh;margin:0 auto;display:flex}.phone__body{flex-direction:column;flex:1;min-height:0;display:flex}.phone-header{border-bottom:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:10px;padding:10px 14px;display:flex}.phone-header__me{align-items:center;gap:10px;display:flex}.phone-header__id{align-items:center;gap:8px;display:flex}.phone-header__name{font-size:15px;font-weight:600}.reconnect-bar{text-align:center;background:var(--danger);color:#fff;padding:8px;font-size:13px;position:fixed;bottom:0;left:0;right:0}.onboard{flex-direction:column;gap:16px;height:100%;min-height:0;padding:22px 18px;display:flex;position:relative}.onboard__back{z-index:1;position:absolute;top:12px;left:12px}.onboard--center{text-align:center;justify-content:center;align-items:center}.onboard__head h1{font-size:26px}.search{border-radius:var(--radius);background:var(--surface-1);border:1px solid var(--line);height:48px;color:var(--text-faint);align-items:center;gap:8px;padding:0 14px;display:flex}.search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.roster-scroll{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.roster-group{margin-bottom:8px}.roster-group__label{z-index:1;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);background:linear-gradient(var(--bg), var(--bg) 70%, transparent);padding:10px 6px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.roster-row{text-align:left;border-radius:var(--radius-sm);background:var(--surface-1);border:1px solid var(--line);width:100%;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);grid-template-columns:1fr auto;grid-template-areas:"name go""title go";align-items:center;gap:0 12px;margin-bottom:6px;padding:11px 14px;display:grid}.roster-row:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.roster-row:active:not(:disabled){transform:scale(.99)}.roster-row[data-taken]{opacity:.42}.roster-row__name{grid-area:name;font-size:16px;font-weight:600}.roster-row__title{color:var(--text-faint);grid-area:title;font-size:12.5px}.roster-row__go{color:var(--text-faint);grid-area:go}.empty{text-align:center;color:var(--text-faint);padding:30px}.selfie-preview{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;overflow:hidden}.selfie-preview--live video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.selfie-shot{object-fit:cover;width:100%;height:100%}.phone-wait{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex}.phone-wait__badge{background:var(--surface-2);border:1px solid var(--line);width:64px;height:64px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;display:flex}.phone-wait h2{font-size:22px}.presenter{flex-direction:column;width:100%;height:100dvh;display:flex}.presenter__stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage-center{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.orchestra{border-top:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:16px;padding:10px 16px;display:flex}.orchestra__left{align-items:center;gap:10px;min-width:160px;display:flex}.orchestra__deck{flex:1;justify-content:center;gap:4px;padding:2px;display:flex;overflow-x:auto}.deck-btn{border-radius:var(--radius-sm);height:38px;color:var(--text-dim);white-space:nowrap;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.deck-btn:hover{color:var(--text);background:var(--surface-1)}.deck-btn[data-active]{color:var(--accent-contrast);background:var(--accent);font-weight:650}.orchestra__right{justify-content:flex-end;align-items:center;gap:6px;min-width:160px;display:flex}.lobby{gap:clamp(20px,3vw,44px);padding:clamp(20px,3vw,44px);display:flex;position:absolute;inset:0}.lobby__side{flex-direction:column;flex:0 0 33%;align-items:center;gap:clamp(10px,2vh,20px);min-width:0;max-width:33%;display:flex;overflow:hidden}.lobby__qr{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;padding:clamp(12px,1.4vw,22px)}.lobby__qr svg{width:100%;height:auto;display:block}.lobby__url{color:var(--text-dim);font-size:15px}.lobby__ink{border-radius:var(--radius-lg);background:#0a0a0b;flex:1;min-width:0;position:relative;overflow:hidden}.lobby__count{align-items:baseline;gap:12px;display:flex}.lobby__count-num{letter-spacing:-.04em;font-size:clamp(40px,6vw,72px);font-weight:700}.lobby__count-label{color:var(--text-faint);font-size:18px}.lobby__faces{flex:1;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));align-content:start;gap:14px 8px;width:100%;min-height:0;display:grid;overflow-y:auto}.lobby__face{animation:pop var(--dur) var(--ease);flex-direction:column;align-items:center;gap:7px;display:flex}.lobby__face-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:12px;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.tilt-gate{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.tilt-gate__badge{background:var(--surface-2);border:1px solid var(--line);width:68px;height:68px;color:var(--text-dim);border-radius:999px;justify-content:center;align-items:center;display:flex}.tilt-gate h2{font-size:22px}.tilt-active{flex-direction:column;flex:1;min-height:0;display:flex}.tilt-surface{border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:radial-gradient(circle at 50% 42%, var(--surface-1), var(--bg));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:0;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex:1;justify-content:center;align-items:center;margin:14px;display:flex}.tilt-surface:active{border-color:var(--accent);background:radial-gradient(circle at 50% 42%, var(--surface-3), var(--surface-1));border-style:solid}.tilt-surface__hint{color:var(--text-faint);pointer-events:none;flex-direction:column;align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.tilt-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:0 14px 16px;display:flex}.finger-pad-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:14px;display:flex}.finger-pad__title{text-align:center;font-size:18px;font-weight:600}.finger-pad{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--line-strong);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0a0a0b;width:100%;max-width:min(92vw,60vh);position:relative;overflow:hidden}.finger-pad--accumulate{background:var(--surface-2)}.finger-pad__bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finger-pad__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finger-pad__hint{color:var(--text-faint);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:550;display:flex;position:absolute;inset:0}.cursor-field{position:absolute;inset:0;overflow:hidden}.cursor-field__canvas{width:100%;height:100%;position:absolute;inset:0}.cursor-field__bubbles{pointer-events:none;position:absolute;inset:0}.cursor-bubble{will-change:transform;position:absolute;top:0;left:0}.cursor-bubble__face{background:var(--surface-3);width:46px;height:46px;box-shadow:var(--shadow-2);border:2.5px solid;border-radius:999px;justify-content:center;align-items:center;font-size:16px;font-weight:650;display:flex;position:absolute;bottom:14px;left:0;overflow:hidden;transform:translate(-50%)}.cursor-bubble__face img{object-fit:cover;width:100%;height:100%}.cursor-bubble__name{color:var(--text);text-shadow:0 1px 3px #000c;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;transform:translate(-50%)}.phone-gallery{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 14px;display:flex}.phone-gallery--empty{text-align:center;justify-content:center;align-items:center;gap:14px}.phone-gallery__head{text-align:center}.phone-gallery__head h2{font-size:24px}.phone-gallery__grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;min-height:0;display:grid;overflow-y:auto}.phone-gallery__thumb{aspect-ratio:1;cursor:pointer;box-shadow:var(--shadow-1);background:#faf7f2;border:none;border-radius:50%;padding:0;overflow:hidden}.phone-gallery__img{object-fit:contain;width:100%;height:100%;display:block}.lightbox{z-index:60;background:#0a0a0bf5;flex-direction:column;display:flex;position:absolute;inset:0}.lightbox__close{z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-1) 80%, transparent);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.lightbox__stage{touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.lightbox__stage--col{flex-direction:column;gap:20px}.lightbox__caption{align-items:center;gap:14px;font-size:24px;display:flex}.lightbox__caption-name{font-weight:700}.lightbox__caption-meta{color:var(--text-dim);font-size:17px}.lightbox__img{aspect-ratio:1;object-fit:contain;width:min(86vw,68vh);box-shadow:var(--shadow-2);background:#faf7f2;border-radius:50%}.lightbox__nav{z-index:3;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-1) 80%, transparent);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:44%;transform:translateY(-50%)}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__thumbs{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));scrollbar-width:none;flex:none;gap:8px;display:flex;overflow-x:auto}.lightbox__thumbs::-webkit-scrollbar{display:none}.lightbox__thumb{cursor:pointer;opacity:.6;width:56px;height:56px;transition:opacity var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#faf7f2;border:2px solid #0000;border-radius:50%;flex:none;padding:0;overflow:hidden}.lightbox__thumb[data-active]{border-color:var(--accent);opacity:1}.lightbox__thumb-img{object-fit:contain;width:100%;height:100%;display:block}.paper-wrap{aspect-ratio:1;border-radius:var(--radius-lg);width:100cqmin;height:100cqmin;box-shadow:var(--shadow-2);background:#faf7f2;position:relative;overflow:hidden}.paper-wrap--round{border-radius:50%}.paper-wrap__bg{object-fit:contain;opacity:.28;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paper-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:absolute;inset:0}.live-tile,.final-tile{border-radius:var(--radius-sm);object-fit:contain;background:#faf7f2;width:100%;height:100%;display:block}.live-tile--round{border-radius:50%}.stage-fill{position:absolute;inset:0}.stage-title{text-align:center;pointer-events:none;z-index:10;position:absolute;top:22px;left:50%;transform:translate(-50%)}.stage-title__main{letter-spacing:-.02em;text-shadow:0 2px 12px #0009;font-size:clamp(20px,2vw,30px);font-weight:650}.stage-title__sub{color:var(--text-dim);margin-top:4px;font-size:14px}.stage-controls{background:color-mix(in srgb, var(--surface-1) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);z-index:15;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:70vw;padding:8px;display:flex;position:absolute;top:18px;right:18px}.ctrl-sep{background:var(--line);align-self:stretch;width:1px;margin:2px}.ctrl-note{white-space:nowrap;padding:0 6px;font-size:13px}.stage-timer{z-index:12;color:var(--text);align-items:center;gap:8px;font-size:clamp(22px,2.4vw,34px);font-weight:700;display:flex;position:absolute;top:20px;left:24px}.stage-timer--urgent{color:var(--danger);animation:pulse 1s var(--ease) infinite}@keyframes pulse{50%{opacity:.55}}.idle-big{color:var(--text-faint);margin-bottom:8px}.idle-title{font-size:clamp(28px,4vw,52px)}.draw-screen{flex-direction:column;flex:1;align-items:center;gap:12px;min-height:0;padding:12px 14px 18px;display:flex}.draw-screen__top{justify-content:space-between;align-items:center;width:100%;min-height:44px;display:flex}.draw-screen__header{flex:1;min-width:0}.draw-clock{font-size:26px;font-weight:700}.draw-clock--urgent{color:var(--danger)}.draw-screen__above{flex:none;justify-content:center;width:100%;display:flex}.draw-ref{flex-direction:column;align-items:center;gap:6px;min-height:0;display:flex}.draw-ref__img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md,12px);background:var(--surface-2);width:min(70vw,30vh);box-shadow:var(--shadow-1);justify-content:center;align-items:center;display:flex}.draw-ref__img--mono{font-size:15vw;font-weight:700}.draw-ref__label{font-size:15px}.draw-ref__label b{font-size:17px}.draw-screen__canvas{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.draw-screen__lock{border-radius:var(--radius-lg);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0b8c;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;position:absolute;inset:0}.draw-screen__actions{gap:8px;width:100%;display:flex}.draw-screen__actions .btn:last-child{margin-left:auto}.draw-count{color:var(--text-dim);font-size:15px}.draw-count b{color:var(--text);font-size:18px}.draw-target{align-items:center;gap:10px;display:flex}.draw-target__txt{flex-direction:column;line-height:1.2;display:flex}.draw-target__txt .muted{font-size:12px}.draw-target__txt b{font-size:17px}.ink-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ink-swatch{width:30px;height:30px;transition:transform var(--dur-fast) var(--ease);border:2px solid #0000;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff26}.ink-swatch[data-active]{border-color:var(--text);transform:scale(1.14)}.tile-grid{grid-template-columns:repeat(3,1fr);place-content:center;gap:16px;display:grid;position:absolute;inset:74px 24px 92px}.tile-grid--big{grid-template-columns:1fr;max-width:62vh;margin:0 auto}.tile-grid--dense{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;inset:70px 20px 86px}.live-cell{aspect-ratio:1;min-height:0;position:relative}.live-cell__label{background:color-mix(in srgb, var(--surface-1) 88%, transparent);box-shadow:var(--shadow-1);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.data-view{flex-direction:column;gap:22px;display:flex;position:absolute;inset:84px 8vw 92px}.data-view__headline{align-items:baseline;gap:14px;display:flex}.data-view__num{letter-spacing:-.04em;font-size:clamp(48px,8vw,104px);font-weight:800;line-height:1}.data-view__label{color:var(--text-faint);font-size:20px}.leaderboard{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.leader-row{grid-template-columns:28px 30px 1fr 3fr auto;align-items:center;gap:12px;display:grid}.leader-rank{color:var(--text-faint);text-align:right;font-weight:700}.leader-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.leader-circles{scrollbar-width:none;align-items:center;min-width:0;padding:2px 0;display:flex;overflow:auto hidden}.leader-circles::-webkit-scrollbar{display:none}.leader-circle{background:#faf7f2;border:2px solid;border-radius:50%;flex:none;width:38px;height:38px;margin-left:-11px;overflow:hidden;box-shadow:0 1px 3px #0006}.leader-circle:first-child{margin-left:0}.leader-circle__img{object-fit:contain;width:100%;height:100%;display:block}.leader-count{text-align:right;min-width:2ch;font-size:18px;font-weight:700}.leaderboard--big{gap:14px}.leaderboard--big .leader-row{grid-template-columns:44px 44px minmax(150px,1.1fr) minmax(0,3fr) auto auto;gap:18px;padding:6px 0}.leaderboard--big .leader-rank{font-size:26px}.leaderboard--big .leader-name{font-size:24px;font-weight:650}.leaderboard--big .leader-circle{width:56px;height:56px;margin-left:-16px}.leader-stat{flex-direction:column;align-items:flex-end;min-width:5ch;line-height:1.05;display:flex}.leader-stat__num{font-size:26px;font-weight:750}.leader-stat__label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.all-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-auto-rows:min-content;align-content:start;gap:10px;display:grid;position:absolute;inset:74px 24px 88px;overflow-y:auto}.all-grid__cell{aspect-ratio:1}.all-grid--circles{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.all-grid__cell--btn{cursor:pointer;transition:transform var(--dur-fast,.12s) var(--ease);background:0 0;border:0;padding:0}.all-grid__cell--btn:hover{transform:translateY(-2px)}.all-grid__cell--btn:hover .final-tile--round{box-shadow:0 4px 16px #00000080}.final-tile--round{border-radius:50%}.flower{background:#000;position:absolute;inset:0}.flower__field{justify-content:center;align-items:center;display:flex;position:absolute;inset:104px 24px 40px}.flower__item{position:absolute;top:0;left:0}.flower__img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:14px;display:grid;position:absolute;inset:74px 24px 92px;overflow-y:auto}.gallery-cell{flex-direction:column;gap:6px;display:flex}.gallery-cell--btn{color:inherit;cursor:pointer;text-align:inherit;transition:transform var(--dur-fast,.12s) var(--ease);background:0 0;border:0;padding:0}.gallery-cell--btn:hover{transform:translateY(-2px)}.gallery-cell--btn:hover .final-tile{box-shadow:0 4px 16px #00000080}.gallery-cell figcaption{color:var(--text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.portrait-lightbox{justify-content:center;align-items:center}.portrait-lightbox__body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;min-height:0;padding:24px 72px;display:flex}.compare{flex:1;justify-content:center;align-items:center;gap:32px;min-height:0;display:flex}.compare__panel{flex-direction:column;align-items:center;gap:10px;min-height:0;display:flex}.compare__img{object-fit:contain;border-radius:var(--radius);width:min(72vh,44vw);height:min(72vh,44vw);box-shadow:var(--shadow-2);background:#faf7f2}.compare--drawing .compare__img,.compare--reference .compare__img{width:min(74vh,74vw);height:min(74vh,74vw)}.compare__img--photo{object-fit:cover}.compare__img--empty{place-items:center;font-size:18px;display:grid}.compare__panel figcaption{color:var(--text-dim);font-size:15px}.portrait-lightbox__controls{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.portrait-lightbox__meta{align-items:center;gap:16px;font-size:32px;display:flex}.portrait-lightbox__meta b{letter-spacing:-.01em;font-weight:700}.overlay-stage{place-items:center;display:grid;position:absolute;inset:84px 24px 96px}.overlay-drawing{object-fit:contain;mix-blend-mode:multiply;opacity:.5;grid-area:1/1;width:min(70vh,80vw);height:min(70vh,80vw)}.target-card{background:color-mix(in srgb, var(--surface-1) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:16;align-items:center;gap:14px;padding:14px;display:flex;position:absolute;bottom:22px;left:24px}.target-card__ref{border-radius:var(--radius-sm);width:96px;height:96px;overflow:hidden}.target-card__meta{flex-direction:column;gap:4px;display:flex}.target-card__meta b{font-size:20px}.ds-reveal__eyebrow{margin-bottom:6px}.ds-reveal__word{letter-spacing:-.04em;text-transform:lowercase;text-shadow:0 6px 40px #0000008c;font-size:clamp(48px,11vw,150px);font-weight:800;line-height:1}.ds-reveal p{margin-top:14px}.ds-scoring__bot{animation:ds-bob 1.6s var(--ease) infinite}@keyframes ds-bob{50%{transform:translateY(-8px)}}.ds-scoring__bar{background:var(--surface-3);border-radius:999px;width:min(360px,60vw);height:8px;margin-top:18px;overflow:hidden}.ds-scoring__fill{background:var(--accent);height:100%;transition:width var(--dur) var(--ease);border-radius:999px;display:block}.ds-ended{flex-direction:column;gap:16px;min-height:0;display:flex;position:absolute;inset:72px 24px 92px}.ds-eval-head{flex:none;align-items:baseline;gap:14px;display:flex}.ds-eval-head__num{letter-spacing:-.03em;font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1}.ds-eval-head__den{color:var(--text-faint);font-weight:700}.ds-eval-head__label{color:var(--text-dim);font-size:clamp(14px,1.5vw,20px)}.ds-eval-head__label b{color:var(--text)}.ds-verdict{align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:600;display:inline-flex}.ds-verdict--yes{color:#5bb98b}.ds-verdict--no{color:var(--danger)}.ds-verdict--pending{color:var(--text-faint)}.ds-verdict__label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-verdict__pct{color:var(--text-dim);font-weight:500}.ds-verdict--lg{gap:8px;font-size:20px}.ds-verdict--lg .ds-verdict__pct{font-size:16px}.ds-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:14px;min-height:0;display:grid;overflow-y:auto}.ds-grid--phone{grid-template-columns:repeat(2,1fr);gap:10px}.ds-grid--auto{display:grid;overflow:hidden}.ds-cell{border:2px solid var(--line);border-radius:var(--radius-sm);aspect-ratio:1;cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:#faf7f2;padding:0;position:relative;overflow:hidden}.ds-cell:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.ds-cell[data-correct]{border-color:#5bb98ba6}.ds-cell__img{object-fit:contain;width:100%;height:100%;display:block}.ds-cell__cap{color:var(--text);background:linear-gradient(#0000,#0a0a0bb3 40%,#0a0a0beb);justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.ds-cell__name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ds-cell__cap .ds-verdict{flex:none}.ds-cell__cap .ds-verdict__label{display:none}.ds-board{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.ds-row{border-radius:var(--radius-sm);background:var(--surface-1);text-align:left;color:inherit;border:1px solid #0000;grid-template-columns:44px 56px minmax(90px,1.2fr) 64px minmax(150px,1.1fr) 168px;align-items:center;gap:16px;width:100%;padding:8px 14px;display:grid}.ds-row__avatar{justify-content:center;align-items:center;display:flex}.ds-row--btn{cursor:pointer;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease)}.ds-row--btn:hover{background:var(--surface-2);border-color:var(--line)}.ds-row__rank{color:var(--text-faint);text-align:right;font-size:22px;font-weight:700}.ds-row__chip{border-radius:999px;width:8px;height:28px}.ds-row__thumb{border-radius:var(--radius-xs);background:#faf7f2;width:64px;height:64px;overflow:hidden}.ds-row__img{object-fit:contain;width:100%;height:100%;display:block}.ds-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:600;overflow:hidden}.ds-row__meter{background:var(--surface-3);border-radius:999px;align-items:center;height:34px;display:flex;position:relative;overflow:hidden}.ds-row__meter-fill{background:color-mix(in srgb, var(--accent) 22%, transparent);border-right:2px solid color-mix(in srgb, var(--accent) 55%, transparent);position:absolute;top:0;bottom:0;left:0}.ds-row__meter-val{margin-left:auto;padding:0 12px;font-size:16px;font-weight:600;position:relative}.ds-lightbox{justify-content:center;align-items:center}.ds-lb__body{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:48px;width:100%;min-height:0;padding:32px 72px;display:flex}.ds-lb__art{flex-direction:column;align-items:center;gap:10px;min-height:0;display:flex}.ds-lb__img{object-fit:contain;border-radius:var(--radius);width:min(72vh,50vw);height:min(72vh,50vw);box-shadow:var(--shadow-2);background:#faf7f2}.ds-lb__panel{flex-direction:column;gap:18px;width:min(520px,40vw);display:flex}.ds-lb__who{align-items:center;gap:16px;display:flex}.ds-lb__who-text{flex-direction:column;line-height:1.15;display:flex}.ds-lb__who-name{letter-spacing:-.02em;font-size:34px;font-weight:750}.ds-lb__who-sub{color:var(--text-dim);font-size:19px}.ds-lb__who-sub b{color:var(--text)}.ds-lb__headline{align-items:center;gap:10px;font-size:28px;font-weight:650;display:flex}.ds-lb__headline.is-yes{color:#5bb98b}.ds-lb__headline.is-no{color:var(--danger)}.ds-lb__headline b{color:var(--text)}.ds-lb__prompt{color:var(--text-dim);font-size:19px}.ds-lb__prompt b{color:var(--text)}.ds-lb__guesses{flex-direction:column;gap:11px;margin-top:4px;list-style:none;display:flex}.ds-guess{grid-template-columns:minmax(90px,32%) 1fr auto;align-items:center;gap:14px;font-size:18px;display:grid}.ds-guess__name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);overflow:hidden}.ds-guess.is-top .ds-guess__name{color:var(--text);font-weight:600}.ds-guess.is-prompt .ds-guess__name{color:#5bb98b;font-weight:600}.ds-guess__track{background:var(--surface-3);border-radius:999px;height:12px;overflow:hidden}.ds-guess__fill{background:var(--text-faint);border-radius:999px;height:100%;display:block}.ds-guess.is-top .ds-guess__fill{background:var(--accent)}.ds-guess.is-prompt .ds-guess__fill{background:#5bb98b}.ds-guess__pct{color:var(--text-dim);text-align:right;min-width:3ch;font-size:16px}.ds-thumb{border-radius:var(--radius-xs);cursor:pointer;opacity:.6;width:56px;height:56px;transition:opacity var(--dur) var(--ease), border-color var(--dur) var(--ease);background:#faf7f2;border:2px solid #0000;flex:none;padding:0;overflow:hidden}.ds-thumb[data-active]{border-color:var(--accent);opacity:1}.ds-thumb__img{object-fit:contain;width:100%;height:100%;display:block}.ds-getready{gap:8px}.ds-getready__word{letter-spacing:-.03em;text-transform:lowercase;text-align:center;font-size:clamp(40px,16vw,76px);font-weight:800;line-height:1.02}.ds-phone-results{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px;display:flex}.ds-phone-results__head{flex-direction:column;flex:none;gap:6px;display:flex}.ds-phone-results__prompt{color:var(--text-dim);font-size:15px}.ds-phone-results__prompt b{color:var(--text);text-transform:lowercase}.ds-phone-results__you{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.ds-phone-results__controls{flex-wrap:wrap;flex:none;justify-content:space-between;gap:8px;display:flex}.ds-phone-results__body{flex-direction:column;flex:1;min-height:0;display:flex}.ds-phone-results .ds-row{grid-template-columns:20px 14px minmax(48px,1fr) 40px auto;gap:8px;padding:5px 8px}.ds-phone-results .ds-row__rank{font-size:15px}.ds-phone-results .ds-row__name{font-size:14px}.ds-phone-results .ds-row__thumb{width:40px;height:40px}.ds-phone-results .ds-row .ds-verdict--lg{gap:5px;font-size:13px}.ds-phone-results .ds-row .ds-verdict--lg .ds-verdict__pct{font-size:12px}.ds-phone-results .ds-row .ds-row__meter{display:none}