:root{--bg:#f4f1ea;--bg-dots:#1e1e2412;--panel:#fff;--ink:#1e1e24;--muted:#6b6f7a;--line:#1e1e241a;--accent:#7b4fd6;--accent-soft:#efe8fd;--warn:#b45309;--error:#c92a2a;--shadow:0 8px 28px #1e1e241f, 0 1px 3px #1e1e2414;--shadow-sm:0 2px 8px #1e1e241a;--radius:16px;--top:60px;--left:84px;--bottom:104px;--magic:linear-gradient(120deg, #7b4fd6 0%, #d6409f 55%, #f77f00 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);background-image:radial-gradient(var(--bg-dots) 1px, transparent 1.2px);overscroll-behavior:none;background-size:22px 22px;height:100%;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}[hidden]{display:none!important}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.topbar{height:var(--top);z-index:20;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;inset:0 0 auto}.brand,.room-chip,.people,.me{flex:none}.brand{white-space:nowrap;letter-spacing:-.01em;color:var(--ink);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:17px;font-weight:750;text-decoration:none;display:flex}.logo{display:grid}.logo-squiggle{transform-origin:50%;animation:1.6s ease-in-out infinite squiggle}@keyframes squiggle{50%{transform:translateY(-1.5px)scaleY(1.15)}}.room-chip{background:var(--panel);height:40px;box-shadow:var(--shadow-sm);letter-spacing:.12em;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex}.room-chip:hover,.icon-btn:hover,.me:hover,.ghost:hover{background:#f7f5ff}.spacer{flex:1}.people{padding-left:8px;display:flex}.avatar{color:#fff;border:2.5px solid var(--bg);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:750;display:inline-grid}.people .avatar{margin-left:-8px}.avatar.more{color:var(--ink);background:#d9d5cc}.me{background:var(--panel);height:40px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;max-width:220px;padding:0 14px 0 4px;font-weight:650;display:flex}.me .avatar{border:0}.me-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{background:var(--panel);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;display:grid}.stage{top:var(--top);left:var(--left);right:12px;bottom:var(--bottom);position:absolute}.paper{touch-action:none;cursor:crosshair;filter:drop-shadow(0 10px 30px #1e1e2421)drop-shadow(0 1px 2px #1e1e241f);width:100%;height:100%;position:absolute;inset:0}.paper[data-mode=poke]{cursor:pointer}.paper.grab{cursor:grab}.paper.grabbing{cursor:grabbing}.offline .paper{opacity:.55}.conn{background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:650;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cursors{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cursor{will-change:transform;transition:transform 90ms linear,opacity .3s;position:absolute;top:0;left:0}.cursor span{position:absolute;top:-2px;left:-2px}.cursor b{color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:16px;left:12px}.cursor.gone{opacity:0}.banner{border-radius:var(--radius);background:var(--panel);max-width:min(640px,100% - 24px);box-shadow:var(--shadow);text-align:center;pointer-events:none;z-index:5;padding:12px 18px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.banner-title{justify-content:center;align-items:center;gap:10px;font-weight:750;display:flex}.banner-sub{color:var(--muted);margin-top:4px;font-size:13px}.banner.reveal{background:var(--magic);color:#fff;animation:3.2s both reveal}.banner.reveal .banner-title{letter-spacing:-.01em;font-size:22px}.banner.reveal .banner-sub{color:#ffffffd9}@keyframes reveal{0%{opacity:0;transform:translate(-50%)scale(.85)}12%{opacity:1;transform:translate(-50%)scale(1.04)}20%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.spotted{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.spot{background:var(--accent-soft);color:#4c2a9a;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:650;animation:.35s cubic-bezier(.3,1.6,.6,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}}.spinner{border:2.5px solid #ffffff73;border-top-color:#fff;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.spinner.dark{border-color:var(--accent-soft);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{top:calc(var(--top) + 6px);background:var(--panel);width:60px;box-shadow:var(--shadow);z-index:15;max-height:calc(100% - var(--top) - 18px);scrollbar-width:none;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex;position:absolute;left:12px;overflow-y:auto}.group{flex-direction:column;align-items:center;gap:4px;display:flex}.sep{background:var(--line);flex:none;width:32px;height:1px}.tool{width:44px;height:44px;color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.tool:hover{background:#f3f1ec}.tool.on{background:var(--ink);color:#fff}.tool:disabled{opacity:.4}.sizes{grid-template-columns:1fr 1fr;gap:2px;display:grid}.size{border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.size i{background:var(--brush,var(--ink));border-radius:50%;max-width:19px;max-height:19px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.size.on{background:#ebe7df}.colors{grid-template-columns:repeat(2,22px);gap:5px;display:grid}.swatch{border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 1px #00000026}.swatch.on:after{content:"";border:2.5px solid var(--ink);border-radius:50%;position:absolute;inset:-4px}.custom-wrap{color:#fff;cursor:pointer;background:conic-gradient(#e5383b,#fcbf49,#2d936c,#2ec4b6,#2b6cb0,#7b4fd6,#f15bb5,#e5383b);place-items:center;display:grid;overflow:hidden}.custom-wrap svg{filter:drop-shadow(0 0 1px #0009)}.custom{opacity:0;cursor:pointer;position:absolute;inset:0}.color-toggle{display:none}.current-color{background:var(--brush);width:24px;height:24px;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 3px #fff, 0 0 0 4px var(--line);border-radius:50%;display:block}@media (max-height:860px) and (min-width:700px){.toolbar{overflow:visible}.color-toggle{display:grid}.colors{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);grid-template-columns:repeat(4,26px);gap:8px;padding:14px;display:none;position:absolute;top:120px;left:70px}.colors .swatch{width:26px;height:26px}.toolbar.show-colors .colors{display:grid}}.dock{bottom:14px;left:calc(var(--left) + 12px);z-index:15;flex-direction:column;gap:8px;max-width:820px;margin:0 auto;display:flex;position:absolute;right:24px}.dock-row{background:var(--panel);box-shadow:var(--shadow);border-radius:999px;gap:8px;padding:8px;display:flex}.direction{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 14px;font-size:15px}.direction::placeholder{color:#9a9ca5}.go{background:var(--magic);color:#fff;white-space:nowrap;background-size:160% 100%;border-radius:999px;flex:none;align-items:center;gap:8px;height:46px;padding:0 22px 0 18px;font-size:15px;font-weight:750;transition:transform .15s,box-shadow .15s,background-position .6s;display:flex;box-shadow:0 6px 18px #7b4fd659}.go:hover:not(:disabled){background-position:100% 0;transform:translateY(-1px);box-shadow:0 10px 24px #7b4fd66b}.go:active:not(:disabled){transform:translateY(1px)}.go:disabled{cursor:progress;background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.go.big{height:54px;margin:8px auto 0;padding:0 28px 0 22px;font-size:17px}.ghost,.danger{white-space:nowrap;background:#f3f1ec;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;height:46px;padding:0 16px;font-weight:650;display:inline-flex}.danger{background:var(--error);color:#fff}.scene-info{background:var(--panel);min-width:0;max-width:760px;height:40px;box-shadow:var(--shadow-sm);border-radius:999px;flex:auto;align-items:center;gap:12px;padding:0 6px 0 16px;animation:.35s cubic-bezier(.3,1.6,.6,1) both pop;display:flex}.scene-info:not([hidden])+.spacer{flex:0 0 0}.scene-title{white-space:nowrap;flex:none;align-items:baseline;gap:8px;max-width:45%;display:flex;overflow:hidden}.scene-title strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.source{color:var(--muted);font-size:12px}.source.auto{color:var(--warn)}.chips{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#f3f1ec;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px 4px 7px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--accent-soft);color:var(--accent)}.tweak{z-index:40;background:var(--panel);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);gap:8px;padding:12px;display:grid;position:fixed}.tweak-head{align-items:center;gap:8px;display:flex}.tweak-head strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tweak-row{grid-template-columns:1fr auto auto;align-items:center;gap:6px;font-size:14px;display:grid}.tweak-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.tweak-kinds{flex-wrap:wrap;gap:5px;display:flex}.tweak-kinds .kind{background:#f3f1ec;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:600}.tweak-kinds .kind.on{background:var(--accent);color:#fff}.tweak .still{justify-self:start}.chip:hover,.chip:focus-visible{background:var(--accent-soft)}.emoji{font-size:15px}.toasts{top:calc(var(--top) + 6px);z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(380px,100% - 28px);display:flex;position:absolute;right:14px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);pointer-events:auto;border-radius:14px;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:14px;animation:.25s both toast-in;display:flex}.toast.warn{background:#4a3410}.toast.error{background:var(--error)}.toast button{white-space:nowrap;background:#ffffff29;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.toast button.x{opacity:.7;background:0 0;padding:4px;display:grid}.toast.out{opacity:0;transition:all .25s;transform:translateY(6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}dialog.sheet{background:var(--panel);width:min(560px,100% - 24px);max-height:calc(100% - 40px);color:var(--ink);-webkit-user-select:text;user-select:text;border:0;border-radius:22px;padding:20px 22px 22px;box-shadow:0 30px 80px #1e1e244d}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e1e2459}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head h2{margin:0;font-size:20px}.sheet-head .icon-btn{box-shadow:none;background:#f3f1ec}.sheet section{border-top:1px solid var(--line);padding:12px 0}.sheet section:first-of-type{border-top:0}.sheet h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.sheet p{margin:6px 0;line-height:1.45}.sheet input[type=text],.sheet input[type=password],.sheet select{border:1.5px solid var(--line);background:#fbfaf7;border-radius:12px;min-width:0;height:42px;padding:0 12px}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:650;display:flex}.check{align-items:center;gap:10px;margin:4px 0 10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:1}.row.end{justify-content:flex-end;margin-top:12px}.hint{color:var(--muted);font-size:14px}.hint.warn{color:var(--warn)}.keys p{color:var(--muted);font-size:13px}.invite{align-items:center;gap:20px;display:flex}.qr{width:210px;height:210px;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;flex:none;overflow:hidden}.qr svg{width:100%;height:100%;display:block}.invite-side{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.code{letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.link{word-break:break-all;background:#f3f1ec;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-size:13px;display:block}.picker{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.picker select{width:100%;min-width:0}dialog.sheet{overflow-x:hidden}.landing{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding:24px 16px;display:flex}.landing-card{background:var(--panel);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;flex-direction:column;gap:10px;padding:22px 28px 26px;display:flex}.hero-art{width:100%;max-width:360px;height:auto}.landing h1{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(30px,6vw,40px)}.tagline{color:var(--muted);margin:0;line-height:1.5}.byline{color:var(--muted);letter-spacing:.02em;opacity:.8;margin:-4px 0 2px;font-size:13px}.or{color:var(--muted);align-items:center;gap:12px;margin-top:6px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.join{justify-content:center;gap:8px;display:flex}.code-input{border:1.5px solid var(--line);text-align:center;letter-spacing:.2em;text-transform:uppercase;background:#fbfaf7;border-radius:999px;width:150px;height:46px;font-size:18px;font-weight:750}.form-error{min-height:1.2em;color:var(--error);margin:0;font-size:14px}.game-panel{z-index:6;background:var(--panel);border-radius:var(--radius);width:min(460px,100% - 24px);box-shadow:var(--shadow);text-align:center;gap:8px;padding:12px 16px 14px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.game-line{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.game-clock{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}.game-clock.low{color:#e5383b}.game-title{font-size:18px;font-weight:700}.game-title strong{color:#7b4fd6}.game-hint{letter-spacing:.06em;white-space:pre;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:30px;font-weight:800}.game-sub{color:var(--muted);font-size:14px}.game-words{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-words .go{height:42px;padding:0 18px}.go.small{justify-self:center;height:38px;padding:0 16px;font-size:14px}.game-gains{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gain{color:#5b37b5;background:#f1ecff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.gain.none{color:var(--muted);background:0 0;font-weight:500}.game-podium{gap:4px;margin:0;padding:0;list-style:none;display:grid}.game-podium li{background:#f7f5f0;border-radius:10px;justify-content:space-between;padding:6px 10px;font-weight:600;display:flex}.game-podium li.you{outline:2px solid #7b4fd6}.game-board{z-index:6;background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;gap:2px;min-width:150px;padding:8px 10px;font-size:13px;display:grid;position:absolute;top:14px;right:14px}.game-board .row{justify-content:space-between;gap:12px;display:flex}.game-board .row.you{font-weight:700}.game-feed{z-index:6;pointer-events:none;gap:4px;max-width:min(320px,60%);display:grid;position:absolute;bottom:96px;left:14px}.game-feed div{box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:10px;padding:4px 10px;font-size:13px;transition:opacity 1s}.game-feed .right{color:#1d7a4c;background:#e6f7ee;font-weight:700}.game-feed .close{color:#9a5b00;background:#fff4e0}.game-feed .old{opacity:.35}.game-start select{font:inherit;border:1px solid #ddd8ce;border-radius:10px;padding:6px 10px}.icon-btn.on{color:#7b4fd6;background:#f1ecff}.app.gaming .scene-info,.app.gaming .banner,.app.guesser .toolbar{display:none}.last-generated{gap:12px;width:min(1080px,100%);margin-top:10px;display:grid}.last-generated h2{margin:0;font-size:20px}.lg-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.lg-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.lg-card:hover,.lg-card:focus-visible{box-shadow:var(--shadow);transform:translateY(-2px)}.lg-frame{aspect-ratio:16/10;background:#fff}.lg-canvas{width:100%;height:100%;display:block}.lg-meta{text-align:left;flex-direction:column;gap:2px;padding:9px 12px 12px;font-size:13px;display:flex}.lg-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.lg-meta span{color:var(--muted)}.landing .last-generated{text-align:center;width:min(920px,100%)}.landing .lg-grid{flex-wrap:wrap;justify-content:center;display:flex}.landing .lg-card{width:210px}.sh-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-form p{margin-top:0}.footnote{color:var(--muted);margin:0;font-size:13px}.hero-sun{transform-origin:70px 62px;animation:14s linear infinite hero-spin}.hero-cloud{animation:6s ease-in-out infinite alternate hero-drift}.hero-bird{transform-origin:270px 120px;animation:1.4s ease-in-out infinite alternate hero-bob}.hero-tree{transform-origin:300px 200px;animation:3s ease-in-out infinite alternate hero-sway}.hero-flower{transform-origin:140px 200px;animation:2.2s ease-in-out infinite alternate-reverse hero-sway}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-drift{to{transform:translate(26px)}}@keyframes hero-bob{to{transform:translate(-6px,-9px)scaleY(.8)}}@keyframes hero-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.hero-art *,.logo-squiggle{animation:none!important}}@media (max-width:1100px){.alive .brand span:last-child{display:none}}@media (max-width:699px){:root{--top:56px;--left:0px;--bottom:136px}.topbar{gap:6px;padding:8px 10px}.brand span:last-child,.me-name,.people,.chips,.source{display:none}.scene-info{padding:0 14px}.scene-title{max-width:100%}.me{padding:0 4px}.stage{right:0}.toolbar{border-radius:20px;flex-direction:row;justify-content:flex-start;width:auto;max-height:none;padding:6px;inset:auto 8px 8px;overflow:auto visible}.group{flex-direction:row}.sep{width:1px;height:28px}.tool{width:42px;height:42px}.color-toggle{display:grid}.colors{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);z-index:40;grid-template-columns:repeat(8,1fr);justify-items:center;gap:10px;padding:14px;display:none;position:fixed;bottom:140px;left:8px;right:8px}.colors .swatch{width:30px;height:30px}.toolbar.show-colors .colors{display:grid}.dock{bottom:72px;left:8px;right:8px}.dock-row{padding:6px}.direction{padding:0 8px;font-size:14px}.go{height:44px;padding:0 16px 0 12px}.ghost span,.dock .gif-btn{display:none}.game-panel{padding:10px 12px 12px;top:8px}.game-hint{font-size:24px}.game-board{min-width:0;font-size:12px;top:auto;bottom:140px;right:8px}.game-feed{max-width:55%;bottom:140px;left:8px}.ghost{height:44px;padding:0 12px}.toasts{right:8px}.banner{top:8px}.invite{flex-direction:column}}.show{background:var(--bg);position:fixed;inset:0;overflow:hidden}.show.still{cursor:none}.show-stage{position:absolute;inset:72px 24px 24px}.show-head{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:16px;left:28px;right:28px}.show-title{font-size:clamp(20px,2.4vw,34px);font-weight:800}.show-cast{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.show-people{color:var(--muted);white-space:nowrap;font-size:clamp(14px,1.4vw,20px);font-weight:600}.show-feed{gap:6px;max-width:46vw;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:24px;left:28px}.show-feed li{background:var(--panel);box-shadow:var(--shadow-sm);border-radius:999px;padding:6px 14px;font-size:clamp(13px,1.2vw,18px);animation:.4s ease-out show-in}.show-feed li:not(:last-child){opacity:.7}@keyframes show-in{0%{opacity:0;transform:translateY(10px)}}.show-caption{color:#fff;text-align:center;background:#1e1e24db;border-radius:14px;max-width:50vw;padding:10px 20px;font-size:clamp(16px,1.8vw,26px);position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.show-qr{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:clamp(150px,16vw,240px);padding:14px;position:absolute;bottom:24px;right:24px}.show-qr .qr svg{width:100%;height:auto;display:block}.show-scan{margin-top:8px;font-size:clamp(13px,1.2vw,18px);font-weight:800}.show-url{color:var(--muted);word-break:break-all;font-size:clamp(11px,.9vw,14px)}.show-code{letter-spacing:.18em;margin-top:4px;font-size:clamp(20px,2vw,30px);font-weight:800}.show.offline .show-stage{opacity:.5}.show-link{color:var(--accent);align-items:center;gap:6px;margin-top:10px;font-weight:600;text-decoration:none;display:inline-flex}.bubbles{pointer-events:none;z-index:5;position:absolute;inset:0}.bubble{will-change:transform;position:absolute;top:0;left:0}.bubble span{color:var(--ink);border:2.5px solid var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:260px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:6px 12px;font-size:15px;font-weight:700;animation:.25s ease-out bubble-in;position:absolute;bottom:14px;left:0;overflow:hidden;transform:translate(-50%)}.bubble span:after{content:"";border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}.story-caption{z-index:6;color:#fff;background:#1e1e24db;border-radius:14px;align-items:center;gap:10px;max-width:min(720px,100% - 32px);padding:8px 16px;font-size:17px;line-height:1.35;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.show .story-caption{font-size:clamp(18px,2vw,30px);bottom:28px}.show .bubble span{font-size:clamp(16px,1.6vw,26px)}.showcase{gap:28px;max-width:1080px;margin:0 auto;padding:16px 16px 40px;display:grid}.sc-head{justify-content:space-between;align-items:center;display:flex}.sc-head .brand{color:var(--ink);align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.sc-hero h1{letter-spacing:-.02em;margin:8px 0 10px;font-size:clamp(28px,5vw,48px);line-height:1.05}.sc-hero p{color:var(--muted);max-width:640px;margin:0;font-size:clamp(16px,2vw,19px)}.sc-player{gap:10px;display:grid}.sc-stage{aspect-ratio:16/10;background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.sc-stage .paper{filter:none}.sc-phase{z-index:7;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700;position:absolute;top:12px;left:12px}.sc-picks{flex-wrap:wrap;gap:8px;display:flex}.sc-pick{background:var(--panel);box-shadow:var(--shadow-sm);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.sc-pick.on{background:var(--accent);color:#fff}.sc-hint{color:var(--muted);margin:0;font-size:14px}.sc-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.sc-feature{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.sc-feature svg{color:var(--accent)}.sc-feature h3{margin:8px 0 4px;font-size:17px}.sc-feature p{color:var(--muted);margin:0;font-size:15px}.sc-cta{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);justify-items:start;gap:12px;padding:24px;display:grid}.sc-cta h2{margin:0;font-size:24px}.sc-cta p{color:var(--muted);margin:0}.sc-cta .go{text-decoration:none}.sc-signin{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.sc-signin input{font:inherit;border:1px solid var(--line);border-radius:10px;min-width:0;padding:8px 12px}.sc-open{text-decoration:none}.sc-foot{color:var(--muted);text-align:center;font-size:13px}