:root{--bg-1:#1a132b;--bg-2:#2a1a40;--bg-3:#3b1f48;--accent:#ffb088;--accent-2:#ff8db5;--accent-glow:#ffb08873;--accent-glow-2:#ffb08873;--accent-3:#c5a3ff;--mint:#8ee8c8;--lilac:#c5a3ff;--cyan:#7dd6ff;--surface:#ffffff0f;--surface-2:#ffffff1a;--border:#ffffff1f;--text:#faf3ee;--text-dim:#faf3eead;--text-muted:#faf3ee6b;--ink:#2a0f1a;--shadow-soft:0 14px 50px #00000059;--shadow-strong:0 24px 80px #00000080;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-1);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}.pano-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.root{width:100%;min-height:100vh;position:relative;overflow-y:auto}.gm-style,.gm-style div{cursor:default!important}.game-root{position:fixed;inset:0}.game-root .scene{z-index:10;position:fixed;inset:0}.game-exit{z-index:25;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#14102bcc;border-radius:999px;padding:8px 16px;font-weight:600;position:fixed;top:16px;left:16px}.theme-picker{z-index:1000;position:fixed;bottom:16px;right:16px}.theme-picker-trigger{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#14082aeb;border:2px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;box-shadow:0 4px #0a051299,0 12px 28px #00000073}.theme-picker-current{text-transform:capitalize;font-size:12px;font-weight:700}.theme-picker-caret{color:var(--text-muted);transition:transform .18s}.theme-picker-caret.is-open{transform:rotate(180deg)}.theme-swatches{gap:3px;display:inline-flex}.theme-swatches i{border:1px solid #0006;border-radius:3px;width:11px;height:14px;display:block;box-shadow:inset 0 1px #fff3}.theme-picker-menu{-webkit-backdrop-filter:blur(16px);background:#120824f7;border:2px solid #ffffff29;border-radius:16px;flex-direction:column;gap:2px;width:224px;max-height:60vh;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 18px 50px #0009}.theme-picker-row{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.theme-picker-row:hover{background:#ffffff14}.theme-picker-row.is-on{background:#ffffff1f}.theme-picker-name{text-transform:capitalize;flex:1;font-size:13px;font-weight:600}.theme-picker-check{color:var(--accent);flex-shrink:0}.made-in{text-align:center;letter-spacing:.08em;color:var(--text-muted);margin-top:14px;padding-bottom:4px;font-size:11px;font-weight:600}
:root{--gg-bg-1:#1a132b;--gg-bg-2:#2a1a40;--gg-bg-3:#3b1f48;--gg-bg-ink:#14082a;--gg-accent:#ffb088;--gg-accent-2:#ff8db5;--gg-accent-3:#c5a3ff;--gg-accent-glow:#ff8db58c;--gg-accent-glow-2:#ffb08873;--gg-mint:#8ee8c8;--gg-cyan:#7dd6ff;--gg-gold:#ffd66b;--gg-danger:#ff5050;--gg-ink:#2a0f1a;--gg-ink-shadow:#0a0512d9;--gg-text:#faf3ee;--gg-text-dim:#faf3eeb8;--gg-text-muted:#faf3ee6b;--gg-border:#ffffff1a;--gg-border-2:#ffffff2e;--gg-surface:#ffffff0d;--gg-surface-2:#ffffff1a;--gg-s-1:4px;--gg-s-2:8px;--gg-s-3:12px;--gg-s-4:16px;--gg-s-5:20px;--gg-s-6:24px;--gg-s-8:32px;--gg-s-10:40px;--gg-s-12:48px;--gg-r-xs:4px;--gg-r-sm:8px;--gg-r-md:12px;--gg-r-lg:16px;--gg-r-xl:22px;--gg-r-full:999px;--gg-bump-sm:0 3px 0 0 var(--gg-ink-shadow);--gg-bump-md:0 5px 0 0 var(--gg-ink-shadow);--gg-bump-lg:0 6px 0 0 var(--gg-ink-shadow);--gg-bump-xl:0 8px 0 0 var(--gg-ink-shadow);--gg-glow-sm:0 8px 18px -6px var(--gg-accent-glow);--gg-glow-md:0 14px 30px -10px var(--gg-accent-glow);--gg-glow-lg:0 18px 44px -12px var(--gg-accent-glow);--gg-bevel:inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;--gg-font-display:"Bricolage Grotesque", system-ui, sans-serif;--gg-font-ui:"Outfit", system-ui, sans-serif;--gg-font-mono:"JetBrains Mono", ui-monospace, monospace;--gg-fs-xs:11px;--gg-fs-sm:12px;--gg-fs-base:13px;--gg-fs-md:14px;--gg-fs-lg:16px;--gg-fs-xl:20px;--gg-fs-2xl:26px;--gg-fs-3xl:36px;--gg-fs-4xl:48px;--gg-fs-5xl:72px;--gg-ease-out:cubic-bezier(.22, 1, .36, 1);--gg-ease-bump:cubic-bezier(.4, 0, .2, 1);--gg-press:transform .12s var(--gg-ease-bump), box-shadow .12s var(--gg-ease-bump), filter .18s}*{box-sizing:border-box}html,body{background:var(--gg-bg-1);font-family:var(--gg-font-ui);color:var(--gg-text);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--gg-accent-2);outline-offset:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.gg-display{font-family:var(--gg-font-display);letter-spacing:-.025em;color:var(--gg-text);font-style:italic;font-weight:800;line-height:1}.gg-display-xl{letter-spacing:-.035em;font-size:clamp(48px,6vw,84px)}.gg-display-lg{font-size:var(--gg-fs-4xl)}.gg-display-md{font-size:var(--gg-fs-3xl)}.gg-display-sm{font-size:var(--gg-fs-2xl)}.gg-grad-text{background:linear-gradient(135deg, #fff, var(--gg-accent) 50%, var(--gg-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.gg-eyebrow{font-family:var(--gg-font-ui);font-size:var(--gg-fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--gg-accent);font-weight:700}.gg-body{font-size:var(--gg-fs-base);color:var(--gg-text-dim);line-height:1.55}.gg-label{font-size:var(--gg-fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--gg-text-muted);font-weight:700}.gg-mono{font-family:var(--gg-font-mono)}.gg-num{font-family:var(--gg-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-style:italic;font-weight:800}.gg-btn{background:linear-gradient(180deg, color-mix(in oklab, var(--gg-accent) 100%, white 12%) 0%, var(--gg-accent) 50%, var(--gg-accent-2) 100%);height:52px;color:var(--gg-ink);border:2.5px solid var(--gg-ink);border-radius:var(--gg-r-md);font-family:var(--gg-font-display);font-style:italic;font-weight:800;font-size:var(--gg-fs-md);letter-spacing:.02em;box-shadow:var(--gg-bump-md), var(--gg-glow-md), var(--gg-bevel);transition:var(--gg-press);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:inline-flex;position:relative}.gg-btn:hover{filter:brightness(1.05);box-shadow:0 7px 0 0 var(--gg-ink-shadow), 0 20px 40px -10px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(-2px)}.gg-btn:active{box-shadow:0 2px 0 0 var(--gg-ink-shadow), 0 6px 14px -6px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(3px)}.gg-btn:disabled,.gg-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;filter:grayscale(.4);transform:none!important}.gg-btn-xs{height:30px;font-size:var(--gg-fs-xs);border-radius:var(--gg-r-sm);box-shadow:var(--gg-bump-sm), var(--gg-glow-sm), var(--gg-bevel);border-width:2px;padding:0 12px}.gg-btn-xs:hover{box-shadow:0 4px 0 0 var(--gg-ink-shadow), var(--gg-glow-md), var(--gg-bevel)}.gg-btn-xs:active{box-shadow:0 1px 0 0 var(--gg-ink-shadow), 0 3px 8px -4px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(2px)}.gg-btn-sm{height:40px;font-size:var(--gg-fs-sm);border-radius:var(--gg-r-md);padding:0 18px}.gg-btn-lg{height:62px;font-size:var(--gg-fs-xl);border-radius:var(--gg-r-lg);box-shadow:var(--gg-bump-lg), var(--gg-glow-lg), var(--gg-bevel);border-width:3px;padding:0 28px 0 22px}.gg-btn-lg:hover{box-shadow:0 8px 0 0 var(--gg-ink-shadow), 0 24px 50px -10px var(--gg-accent-glow), var(--gg-bevel)}.gg-btn-lg:active{box-shadow:0 2px 0 0 var(--gg-ink-shadow), 0 6px 14px -6px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(4px)}.gg-btn-xl{height:78px;box-shadow:var(--gg-bump-xl), var(--gg-glow-lg), var(--gg-bevel);border-width:3px;border-radius:20px;padding:0 34px 0 26px;font-size:28px}.gg-btn-xl:active{box-shadow:0 3px 0 0 var(--gg-ink-shadow), 0 6px 14px -6px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(5px)}.gg-btn-secondary{color:var(--gg-ink);background:linear-gradient(#fff 0%,#f0e6dc 100%)}.gg-btn-mint{background:linear-gradient(180deg, color-mix(in oklab, var(--gg-mint) 100%, white 18%) 0%, var(--gg-mint) 60%, color-mix(in oklab, var(--gg-mint) 100%, black 10%) 100%);color:var(--gg-ink);box-shadow:var(--gg-bump-md), 0 14px 30px -10px #8ee8c88c, var(--gg-bevel)}.gg-btn-mint:hover{box-shadow:0 7px 0 0 var(--gg-ink-shadow), 0 20px 40px -10px #8ee8c8a6, var(--gg-bevel)}.gg-btn-danger{background:linear-gradient(180deg, color-mix(in oklab, var(--gg-danger) 100%, white 14%) 0%, var(--gg-danger) 60%, #c43232 100%);color:#fff;text-shadow:0 1px #00000059;box-shadow:var(--gg-bump-md), 0 14px 30px -10px #ff50508c, var(--gg-bevel)}.gg-btn-danger:hover{box-shadow:0 7px 0 0 var(--gg-ink-shadow), 0 20px 40px -10px #ff5050b3, var(--gg-bevel)}.gg-btn-gold{background:linear-gradient(180deg, #fff5cd 0%, var(--gg-gold) 50%, #d99b1f 100%);color:var(--gg-ink);box-shadow:var(--gg-bump-md), 0 14px 30px -10px #ffd66b8c, var(--gg-bevel)}.gg-btn-ghost{color:var(--gg-text);border:2px solid var(--gg-border-2);box-shadow:var(--gg-bump-sm);background:#ffffff0d;font-style:normal;font-weight:600}.gg-btn-ghost:hover{border-color:var(--gg-accent-2);box-shadow:0 4px 0 0 var(--gg-ink-shadow);background:#ffffff1a}.gg-btn-ghost:active{box-shadow:0 1px 0 0 var(--gg-ink-shadow);transform:translateY(2px)}.gg-btn-quiet{color:var(--gg-text-dim);box-shadow:none;background:0 0;border:none;padding:0 14px;font-style:normal;font-weight:600}.gg-btn-quiet:hover{color:var(--gg-text);background:#ffffff0f}.gg-btn-quiet:active{transform:none}.gg-btn-icon{border-radius:50%;width:52px;padding:0}.gg-btn-icon.gg-btn-sm{width:40px}.gg-btn-icon.gg-btn-xs{width:30px}.gg-btn-icon.gg-btn-lg{width:62px}.gg-btn-slot{background:var(--gg-ink);width:36px;height:36px;color:var(--gg-accent);border-radius:var(--gg-r-sm);place-items:center;margin-left:-8px;display:inline-grid;box-shadow:inset 0 -2px #ffffff2e}.gg-btn-lg .gg-btn-slot{border-radius:10px;width:42px;height:42px}.gg-btn-xl .gg-btn-slot{border-radius:12px;width:50px;height:50px}.gg-btn-sm .gg-btn-slot{border-radius:6px;width:28px;height:28px;margin-left:-6px}.gg-btn-block{width:100%;display:flex}.gg-btn-armed{animation:3.6s ease-in-out infinite gg-bump-pulse}@keyframes gg-bump-pulse{0%,to{box-shadow:var(--gg-bump-md), var(--gg-glow-md), var(--gg-bevel)}50%{box-shadow:var(--gg-bump-md), 0 22px 50px -10px var(--gg-accent-glow), var(--gg-bevel)}}.gg-btn-lg.gg-btn-armed{animation:3.6s ease-in-out infinite gg-bump-pulse-lg}@keyframes gg-bump-pulse-lg{0%,to{box-shadow:var(--gg-bump-lg), var(--gg-glow-lg), var(--gg-bevel)}50%{box-shadow:var(--gg-bump-lg), 0 26px 60px -10px var(--gg-accent-glow), var(--gg-bevel)}}.gg-btn-dot:before{content:"";background:var(--gg-accent-3);border:2.5px solid var(--gg-ink);width:14px;height:14px;box-shadow:0 2px 0 var(--gg-ink-shadow);border-radius:50%;position:absolute;top:-7px;left:-7px}.gg-kbd{font-family:var(--gg-font-mono);color:#0a0512c7;background:#0a05122e;border:1px solid #0a051238;border-radius:5px;margin-left:4px;padding:3px 7px;font-size:10px;font-weight:700}.gg-input{border:2px solid var(--gg-border-2);border-radius:var(--gg-r-md);height:48px;box-shadow:0 3px 0 0 var(--gg-ink-shadow), inset 0 1px 0 #ffffff0d;color:var(--gg-text);font-family:inherit;font-size:var(--gg-fs-md);background:#0000004d;align-items:center;gap:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s;display:flex}.gg-input input,.gg-input textarea{color:var(--gg-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.gg-input input::placeholder,.gg-input textarea::placeholder{color:var(--gg-text-muted)}.gg-input:focus-within{border-color:var(--gg-accent-2);box-shadow:0 3px 0 0 var(--gg-ink-shadow), 0 0 0 3px #ff8db533, inset 0 1px 0 #ffffff0d}.gg-input-icon{color:var(--gg-text-muted);flex-shrink:0}.gg-input:focus-within .gg-input-icon{color:var(--gg-accent-2)}.gg-input-sm{height:38px;font-size:var(--gg-fs-sm);border-radius:var(--gg-r-sm);padding:0 12px}.gg-segmented{border:1px solid var(--gg-border);border-radius:var(--gg-r-full);box-shadow:0 3px 0 0 var(--gg-ink-shadow);background:#0000004d;padding:4px;display:inline-flex;position:relative}.gg-segmented-track{border-radius:var(--gg-r-full);background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));box-shadow:0 3px 10px var(--gg-accent-glow), inset 0 2px 0 #fff6;transition:left .28s var(--gg-ease-out), width .28s var(--gg-ease-out);z-index:0;position:absolute;top:4px;bottom:4px}.gg-segmented-opt{z-index:1;color:var(--gg-text-dim);font-family:var(--gg-font-display);font-weight:700;font-size:var(--gg-fs-sm);letter-spacing:.04em;border-radius:var(--gg-r-full);background:0 0;border:none;padding:8px 18px;transition:color .22s;position:relative}.gg-segmented-opt.is-on{color:var(--gg-ink)}.gg-segmented-opt:hover:not(.is-on){color:var(--gg-text)}.gg-toggle{border:2px solid var(--gg-border-2);border-radius:var(--gg-r-full);width:56px;height:30px;box-shadow:0 3px 0 0 var(--gg-ink-shadow);cursor:pointer;background:#0000004d;transition:background .22s,border-color .22s;position:relative}.gg-toggle.is-on{background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));border-color:var(--gg-ink)}.gg-toggle-knob{width:22px;height:22px;transition:transform .24s var(--gg-ease-out), background .22s;background:#fff;border-radius:50%;position:absolute;top:1.5px;left:1.5px;box-shadow:0 2px 4px #0006,inset 0 -1px #00000026}.gg-toggle.is-on .gg-toggle-knob{background:var(--gg-ink);transform:translate(26px)}.gg-slider{appearance:none;background:0 0;width:100%;height:24px}.gg-slider::-webkit-slider-runnable-track{border-radius:var(--gg-r-full);background:linear-gradient(90deg, var(--gg-accent) var(--val,50%), #ffffff1a var(--val,50%));border:1px solid var(--gg-border);height:8px;box-shadow:inset 0 1px #00000040}.gg-slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--gg-ink);width:22px;height:22px;box-shadow:0 3px 0 var(--gg-ink-shadow);cursor:grab;background:linear-gradient(#fff,#f0e6dc);border-radius:50%;margin-top:-8px}.gg-slider::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 1px 0 var(--gg-ink-shadow);transform:translateY(2px)}.gg-slider::-moz-range-track{border-radius:var(--gg-r-full);background:#ffffff1a;height:8px}.gg-slider::-moz-range-thumb{border:2px solid var(--gg-ink);width:22px;height:22px;box-shadow:0 3px 0 var(--gg-ink-shadow);background:#fff;border-radius:50%}.gg-radio,.gg-check{cursor:pointer;font-size:var(--gg-fs-md);color:var(--gg-text);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.gg-radio input,.gg-check input{opacity:0;pointer-events:none;position:absolute}.gg-radio-box,.gg-check-box{border:2px solid var(--gg-border-2);width:22px;height:22px;box-shadow:0 2px 0 0 var(--gg-ink-shadow);background:#0000004d;flex-shrink:0;place-items:center;transition:all .18s;display:grid}.gg-radio-box{border-radius:50%}.gg-check-box{border-radius:6px}.gg-radio input:checked~.gg-radio-box,.gg-check input:checked~.gg-check-box{background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));border-color:var(--gg-ink);color:var(--gg-ink)}.gg-radio-box:before{content:"";background:var(--gg-ink);width:8px;height:8px;transition:transform .18s var(--gg-ease-bump);border-radius:50%;transform:scale(0)}.gg-radio input:checked~.gg-radio-box:before{transform:scale(1)}.gg-check-mark{opacity:0;transition:opacity .18s}.gg-check input:checked~.gg-check-box .gg-check-mark{opacity:1}.gg-card{background:var(--gg-surface);border:1px solid var(--gg-border);border-radius:var(--gg-r-xl);padding:var(--gg-s-6)}.gg-card-glass{-webkit-backdrop-filter:blur(18px)saturate(150%);background:#14102ba6}.gg-card-raised{background:linear-gradient(180deg, var(--gg-bg-2), var(--gg-bg-1));border:2px solid var(--gg-ink);box-shadow:var(--gg-bump-lg)}.gg-card-photo{border:2px solid var(--gg-ink);border-radius:var(--gg-r-xl);box-shadow:var(--gg-bump-md);padding:0;position:relative;overflow:hidden}.gg-card-photo-img{background-position:50%;background-size:cover;width:100%;height:100%}.gg-card-photo-veil{pointer-events:none;background:linear-gradient(#0000 40%,#0a0512d9 100%);position:absolute;inset:0}.gg-card-photo-body{padding:var(--gg-s-5);position:absolute;bottom:0;left:0;right:0}.gg-card-head{justify-content:space-between;align-items:flex-start;gap:var(--gg-s-4);margin-bottom:var(--gg-s-4);display:flex}.gg-card-title{font-family:var(--gg-font-display);font-style:italic;font-weight:800;font-size:var(--gg-fs-2xl);letter-spacing:-.02em;color:var(--gg-text);margin:0}.gg-chip{border:1px solid var(--gg-border);border-radius:var(--gg-r-full);height:30px;color:var(--gg-text-dim);font-size:var(--gg-fs-sm);background:#ffffff0f;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.gg-chip b{color:var(--gg-text);font-weight:700}.gg-chip-live{color:var(--gg-text);background:#8ee8c81a;border-color:#8ee8c84d}.gg-chip-streak{color:var(--gg-text);background:#ffb0881a;border-color:#ffb0884d}.gg-chip-host{color:var(--gg-gold);background:#ffd66b24;border-color:#ffd66b66}.gg-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gg-dot-online{background:var(--gg-mint);box-shadow:0 0 8px var(--gg-mint);animation:2s ease-out infinite gg-pulse}.gg-dot-offline{background:var(--gg-text-muted)}.gg-dot-host{background:var(--gg-gold);box-shadow:0 0 8px var(--gg-gold)}.gg-dot-danger{background:var(--gg-danger);box-shadow:0 0 8px var(--gg-danger);animation:1s ease-out infinite gg-pulse}@keyframes gg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.gg-tag{background:var(--gg-accent);color:var(--gg-ink);border-radius:var(--gg-r-xs);font-family:var(--gg-font-mono);font-weight:700;font-size:var(--gg-fs-xs);letter-spacing:.04em;align-items:center;padding:3px 8px;display:inline-flex}.gg-tag-dim{color:var(--gg-text-dim);background:#ffffff1a}.gg-tag-mint{background:var(--gg-mint)}.gg-tag-gold{background:var(--gg-gold)}.gg-tag-danger{background:var(--gg-danger);color:#fff}.gg-badge{border-radius:var(--gg-r-full);background:var(--gg-danger);color:#fff;min-width:22px;height:22px;font-family:var(--gg-font-display);font-weight:800;font-size:var(--gg-fs-xs);border:2px solid var(--gg-bg-1);place-items:center;padding:0 6px;display:inline-grid}.gg-sticker{background:linear-gradient(135deg, #fff8dc, var(--gg-accent));color:var(--gg-ink);font-family:var(--gg-font-display);font-weight:800;font-size:var(--gg-fs-xs);letter-spacing:.1em;border-radius:var(--gg-r-full);box-shadow:0 8px 22px #00000073, 0 0 0 2.5px var(--gg-ink), 0 0 0 4.5px #ffc83d73;align-items:center;gap:5px;padding:6px 11px;animation:4.5s ease-in-out infinite gg-sticker-wobble;display:inline-flex;transform:rotate(-6deg)}@keyframes gg-sticker-wobble{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(4deg)translateY(-2px)}}.gg-sticker-hot{background:linear-gradient(135deg, #fff0d4, var(--gg-accent-2));box-shadow:0 8px 22px #00000073, 0 0 0 2.5px var(--gg-ink), 0 0 0 4.5px #ff6b3d73}.gg-sticker-cold{background:linear-gradient(135deg, #e6f7ff, var(--gg-cyan));box-shadow:0 8px 22px #00000073, 0 0 0 2.5px var(--gg-ink), 0 0 0 4.5px #6dd9ff73}.gg-sticker-new{background:linear-gradient(135deg, #e8ffd9, var(--gg-mint));box-shadow:0 8px 22px #00000073, 0 0 0 2.5px var(--gg-ink), 0 0 0 4.5px #b6f5c273}.gg-avatar{width:44px;height:44px;color:var(--gg-ink);font-family:var(--gg-font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid;position:relative;overflow:visible;box-shadow:inset 0 3px #fff6,inset 0 -3px #00000026}.gg-avatar-img{background-position:50%;background-size:cover;border-radius:50%;width:100%;height:100%}.gg-avatar-xs{width:26px;height:26px;font-size:10px}.gg-avatar-sm{width:36px;height:36px;font-size:12px}.gg-avatar-lg{width:64px;height:64px;font-size:20px}.gg-avatar-xl{width:96px;height:96px;font-size:28px}.gg-avatar-status{border:2px solid var(--gg-bg-1);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.gg-avatar-status-online{background:var(--gg-mint);box-shadow:0 0 8px var(--gg-mint)}.gg-avatar-status-busy{background:var(--gg-gold)}.gg-avatar-status-offline{background:var(--gg-text-muted)}.gg-avatar-flag{border:2px solid var(--gg-bg-1);border-radius:50%;width:18px;height:18px;position:absolute;bottom:-2px;right:-2px}.gg-avatar-stack{display:inline-flex}.gg-avatar-stack>.gg-avatar{box-shadow:0 0 0 2.5px var(--gg-bg-1), inset 0 3px 0 #fff6;margin-left:-10px}.gg-avatar-stack>.gg-avatar:first-child{margin-left:0}.gg-tabs{border:1px solid var(--gg-border);border-radius:var(--gg-r-full);box-shadow:0 3px 0 0 var(--gg-ink-shadow);background:#00000040;gap:4px;padding:5px;display:inline-flex}.gg-tab{color:var(--gg-text-dim);border-radius:var(--gg-r-full);font-family:var(--gg-font-ui);font-weight:600;font-size:var(--gg-fs-md);background:0 0;border:none;padding:8px 18px}.gg-tab:hover{color:var(--gg-text)}.gg-tab.is-on{background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));color:var(--gg-ink);box-shadow:0 4px 12px -4px var(--gg-accent-glow), inset 0 1px 0 #fff6;font-style:italic;font-weight:800}.gg-modal-overlay{z-index:80;-webkit-backdrop-filter:blur(8px)saturate(140%);padding:var(--gg-s-8);background:#0a0512b8;place-items:center;display:grid;position:fixed;inset:0}.gg-modal{background:linear-gradient(180deg, var(--gg-bg-2) 0%, var(--gg-bg-1) 100%);border:2px solid var(--gg-ink);border-radius:var(--gg-r-xl);width:min(540px,100%);padding:var(--gg-s-8);box-shadow:var(--gg-bump-xl), 0 28px 80px #0009;position:relative}.gg-modal-close{border:1px solid var(--gg-border);width:32px;height:32px;color:var(--gg-text-dim);background:#ffffff0f;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.gg-modal-close:hover{color:var(--gg-text);background:#ffffff1f}.gg-tooltip{background:var(--gg-ink);border:1.5px solid var(--gg-accent-2);color:var(--gg-text);font-size:var(--gg-fs-xs);box-shadow:0 4px 0 var(--gg-ink-shadow), 0 8px 18px #00000080;border-radius:8px;padding:6px 10px;font-weight:600;display:inline-block}.gg-popover{padding:var(--gg-s-3);border:1px solid var(--gg-border);border-radius:var(--gg-r-md);-webkit-backdrop-filter:blur(16px)saturate(160%);box-shadow:var(--gg-bump-sm), 0 14px 32px #00000080;background:#14102bf2}.gg-progress{border-radius:var(--gg-r-full);border:1px solid var(--gg-border);background:#ffffff1a;height:10px;overflow:hidden}.gg-progress-bar{background:linear-gradient(90deg, var(--gg-accent), var(--gg-accent-2));border-radius:var(--gg-r-full);height:100%;box-shadow:0 0 12px var(--gg-accent-glow);transition:width .6s var(--gg-ease-out)}.gg-progress-shimmer .gg-progress-bar{background-size:200% 100%;background-image:linear-gradient(90deg, var(--gg-accent), var(--gg-accent-2), var(--gg-accent));animation:1.6s ease-in-out infinite gg-shimmer}@keyframes gg-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}.gg-spinner{border:3px solid #ffffff1f;border-top-color:var(--gg-accent-2);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite gg-spin}@keyframes gg-spin{to{transform:rotate(360deg)}}.gg-skeleton{border-radius:var(--gg-r-sm);background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1f 50%,#ffffff0d 100%) 0 0/200% 100%;animation:1.4s ease-in-out infinite gg-skeleton}@keyframes gg-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.gg-swatch{aspect-ratio:1;border-radius:var(--gg-r-md);border:1.5px solid var(--gg-ink);width:100%;box-shadow:var(--gg-bump-sm);align-items:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.gg-swatch-l{font-family:var(--gg-font-mono);color:var(--gg-text);text-shadow:0 1px 2px #0006;font-size:10px;font-weight:700}.ds-page{isolation:isolate;min-height:100vh;position:relative}.ds-bg{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--gg-bg-2) 0%, var(--gg-bg-1) 100%);position:fixed;inset:0}.ds-bg-tint{background:radial-gradient(70% 50% at 20% 0,#ff8db52e 0%,#0000 60%),radial-gradient(60% 60% at 100% 30%,#c5a3ff24 0%,#0000 60%);position:absolute;inset:0}.ds-bg-aura{filter:blur(40px);background:radial-gradient(#ffb0882e,#0000 65%);width:80vw;max-width:1200px;height:50vh;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.ds-frame{z-index:1;max-width:1280px;margin:0 auto;padding:0 40px;position:relative}.ds-hero{z-index:1;padding:80px 0 56px;position:relative}.ds-hero-title{margin:14px 0 18px}.ds-hero-body{max-width:540px;margin-bottom:32px;font-size:15px}.ds-hero-cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ds-toc{border:1px solid var(--gg-border);border-radius:var(--gg-r-lg);-webkit-backdrop-filter:blur(14px)saturate(160%);background:#14102ba6;flex-wrap:wrap;gap:6px;margin-top:56px;padding:12px;display:flex}.ds-toc-link{color:var(--gg-text-dim);border-radius:var(--gg-r-full);font-size:var(--gg-fs-sm);transition:all .18s var(--gg-ease-out);background:0 0;border:1px solid #0000;padding:8px 14px;font-weight:600;text-decoration:none}.ds-toc-link:hover{color:var(--gg-text);border-color:var(--gg-border-2);background:#ffffff0f}.ds-section{border-top:1px solid var(--gg-border);padding:56px 0}.ds-section-head{margin-bottom:28px}.ds-h2{margin:8px 0 6px}.ds-sub{max-width:560px}.ds-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ds-grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ds-tile{border:1px solid var(--gg-border);border-radius:var(--gg-r-lg);background:#14102b8c;flex-direction:column;display:flex;overflow:hidden}.ds-tile-stage{background:linear-gradient(135deg,#ffffff05,#00000026),repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 12px);flex:1;place-items:center;min-height:140px;padding:36px 20px;display:grid}.ds-tile-foot{border-top:1px solid var(--gg-border);background:#0000004d;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.ds-tile-label{font-family:var(--gg-font-display);color:var(--gg-text);font-size:12px;font-weight:700}.ds-tile-code{font-family:var(--gg-font-mono);color:var(--gg-text-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:6px;max-width:220px;padding:3px 8px;font-size:10px;overflow:hidden}.ds-token-grid{grid-template-columns:1fr 1.4fr;gap:28px;margin-bottom:32px;display:grid}.ds-token-l{margin-bottom:8px}.ds-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.ds-token-row{grid-template-columns:1fr 1.4fr;gap:28px;margin-bottom:32px;display:grid}.ds-token-block{border:1px solid var(--gg-border);border-radius:var(--gg-r-lg);background:#0003;padding:18px}.ds-token-block .gg-label{margin-bottom:10px}.ds-radii-row{flex-wrap:wrap;gap:10px;display:flex}.ds-radius-tile{background:var(--gg-accent);border:2px solid var(--gg-ink);width:84px;height:84px;box-shadow:0 3px 0 0 var(--gg-ink-shadow);color:var(--gg-ink);font-family:var(--gg-font-mono);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.ds-radius-px{opacity:.7;font-size:9px}.ds-spacing-row{flex-direction:column;gap:6px;display:flex}.ds-spacing-tile{align-items:center;gap:12px;display:flex}.ds-spacing-bar{background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));border:1.5px solid var(--gg-ink);border-radius:4px;height:16px}.ds-spacing-tile .gg-mono{color:var(--gg-text-dim);font-size:11px}.ds-shadow-row{flex-wrap:wrap;gap:14px;display:flex}.ds-shadow-card{background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));border:2.5px solid var(--gg-ink);border-radius:var(--gg-r-md);width:120px;height:80px;font-family:var(--gg-font-mono);color:var(--gg-ink);place-items:center;font-size:11px;font-weight:700;display:grid}.ds-shadow-sm{box-shadow:0 3px 0 0 var(--gg-ink-shadow)}.ds-shadow-md{box-shadow:0 5px 0 0 var(--gg-ink-shadow)}.ds-shadow-lg{box-shadow:0 6px 0 0 var(--gg-ink-shadow)}.ds-shadow-xl{box-shadow:0 8px 0 0 var(--gg-ink-shadow)}.ds-type-stack{flex-direction:column;gap:18px;display:flex}.ds-type-row{border-bottom:1px dashed var(--gg-border);grid-template-columns:220px 1fr;align-items:baseline;gap:24px;padding-bottom:18px;display:grid}.ds-type-cap{font-family:var(--gg-font-mono);color:var(--gg-text-muted);letter-spacing:.04em;font-size:11px}.ds-mono-cap{color:var(--gg-text-muted);font-size:12px}.ds-foot{border-top:1px solid var(--gg-border);text-align:center;padding:56px 0}.ds-foot code{background:#ffffff14;border-radius:4px;padding:2px 6px}@media (max-width:900px){.ds-token-grid,.ds-token-row{grid-template-columns:1fr}.ds-frame{padding:0 20px}.ds-hero{padding:48px 0 32px}}[data-theme=sunset]{--gg-bg-1:#1a132b;--gg-bg-2:#2a1a40;--gg-bg-3:#3b1f48;--gg-bg-ink:#14082a;--gg-accent:#ffb088;--gg-accent-2:#ff8db5;--gg-accent-3:#c5a3ff;--gg-accent-glow:#ff8db58c;--gg-accent-glow-2:#ffb08873;--gg-mint:#8ee8c8;--gg-cyan:#7dd6ff;--gg-gold:#ffd66b;--gg-danger:#ff5050;--gg-ink:#2a0f1a;--gg-ink-shadow:#0a0512d9;--gg-text:#faf3ee;--gg-text-dim:#faf3eeb8;--gg-text-muted:#faf3ee6b}[data-theme=neon]{--gg-bg-1:#0a0716;--gg-bg-2:#14102b;--gg-bg-3:#1d1840;--gg-bg-ink:#050310;--gg-accent:#ff2bd6;--gg-accent-2:#b827ff;--gg-accent-3:#00e6ff;--gg-accent-glow:#ff2bd6a6;--gg-accent-glow-2:#b827ff8c;--gg-mint:#00ffa3;--gg-cyan:#00e6ff;--gg-gold:#ffe600;--gg-danger:#ff3860;--gg-ink:#08020f;--gg-ink-shadow:#000000f2;--gg-text:#f3eaff;--gg-text-dim:#f3eaffc7;--gg-text-muted:#f3eaff73}[data-theme=arcade]{--gg-bg-1:#0a1735;--gg-bg-2:#122253;--gg-bg-3:#1d3170;--gg-bg-ink:#050b1d;--gg-accent:#ffc83d;--gg-accent-2:#ff6b3d;--gg-accent-3:#4ecdc4;--gg-accent-glow:#ffc83d99;--gg-accent-glow-2:#ff6b3d80;--gg-mint:#b6f5c2;--gg-cyan:#6dd9ff;--gg-gold:#ffc83d;--gg-danger:#ff5040;--gg-ink:#0a1735;--gg-ink-shadow:#020612eb;--gg-text:#f4ecd8;--gg-text-dim:#f4ecd8bf;--gg-text-muted:#f4ecd873}[data-theme=forest]{--gg-bg-1:#0d2818;--gg-bg-2:#143a25;--gg-bg-3:#1f5535;--gg-bg-ink:#061a0e;--gg-accent:#b8e25a;--gg-accent-2:#ffb800;--gg-accent-3:#7ec8a8;--gg-accent-glow:#b8e25a8c;--gg-accent-glow-2:#ffb80080;--gg-mint:#b6f5c2;--gg-cyan:#7ec8e3;--gg-gold:#ffb800;--gg-danger:#ff5050;--gg-ink:#0d2818;--gg-ink-shadow:#030c07eb;--gg-text:#f4ecd8;--gg-text-dim:#f4ecd8bf;--gg-text-muted:#f4ecd873}[data-theme=candy]{--gg-bg-1:#3a1a4a;--gg-bg-2:#4d2362;--gg-bg-3:#642e7b;--gg-bg-ink:#1f0830;--gg-accent:#ff5ec8;--gg-accent-2:#6ec8ff;--gg-accent-3:#ffe066;--gg-accent-glow:#ff5ec899;--gg-accent-glow-2:#6ec8ff80;--gg-mint:#6affc8;--gg-cyan:#6ec8ff;--gg-gold:#ffe066;--gg-danger:#ff4080;--gg-ink:#2b0a40;--gg-ink-shadow:#0f041ceb;--gg-text:#fff6fb;--gg-text-dim:#fff6fbc7;--gg-text-muted:#fff6fb73}[data-theme=ember]{--gg-bg-1:#2a0a0d;--gg-bg-2:#3d1014;--gg-bg-3:#58171b;--gg-bg-ink:#150307;--gg-accent:#ff8c2b;--gg-accent-2:#ff3a3a;--gg-accent-3:#ffd166;--gg-accent-glow:#ff8c2ba6;--gg-accent-glow-2:#ff3a3a8c;--gg-mint:#84e4a5;--gg-cyan:#ffd166;--gg-gold:#ffd166;--gg-danger:#ff1f4f;--gg-ink:#1a0405;--gg-ink-shadow:#0a0102f2;--gg-text:#fff1e8;--gg-text-dim:#fff1e8c7;--gg-text-muted:#fff1e873}[data-theme=midnight]{--gg-bg-1:#0a0a0c;--gg-bg-2:#14141a;--gg-bg-3:#1f1f28;--gg-bg-ink:#000;--gg-accent:#f4e8d8;--gg-accent-2:#e0d3bf;--gg-accent-3:#d0b896;--gg-accent-glow:#f4e8d866;--gg-accent-glow-2:#d0b89666;--gg-mint:#a8e8c0;--gg-cyan:#a8c8e8;--gg-gold:#e6c878;--gg-danger:#ff5050;--gg-ink:#050507;--gg-ink-shadow:#000000f2;--gg-text:#f4e8d8;--gg-text-dim:#f4e8d8b8;--gg-text-muted:#f4e8d86b}[data-theme=mint]{--gg-bg-1:#0b2630;--gg-bg-2:#133845;--gg-bg-3:#1e4d5e;--gg-bg-ink:#051620;--gg-accent:#50d8b8;--gg-accent-2:#ffa6c1;--gg-accent-3:#a8e8d8;--gg-accent-glow:#50d8b88c;--gg-accent-glow-2:#ffa6c173;--gg-mint:#50d8b8;--gg-cyan:#a8e8d8;--gg-gold:#ffd66b;--gg-danger:#ff5050;--gg-ink:#052028;--gg-ink-shadow:#000c12eb;--gg-text:#eaf8f3;--gg-text-dim:#eaf8f3bf;--gg-text-muted:#eaf8f373}.ds-theme-picker{z-index:60;border:1.5px solid var(--gg-ink);border-radius:var(--gg-r-full);box-shadow:0 4px 0 var(--gg-ink-shadow), 0 16px 32px #0006;-webkit-backdrop-filter:blur(14px)saturate(160%);background:#14102beb;align-items:center;gap:8px;padding:6px;display:inline-flex;position:sticky;top:14px}.ds-theme-picker-l{font-family:var(--gg-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gg-text-dim);padding:0 8px 0 12px;font-size:10px;font-weight:700}.ds-theme-swatch{border-radius:var(--gg-r-full);color:var(--gg-text-dim);font-family:var(--gg-font-display);letter-spacing:.02em;cursor:pointer;transition:all .18s var(--gg-ease-out);background:#ffffff0a;border:1.5px solid #0000;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.ds-theme-swatch:hover{color:var(--gg-text);background:#ffffff1a}.ds-theme-swatch.is-on{background:var(--gg-bg-1);border-color:var(--gg-accent-2);color:var(--gg-text);box-shadow:0 0 0 1px var(--gg-accent-2), 0 6px 14px -4px var(--gg-accent-glow)}.ds-theme-dots{border:1.5px solid var(--gg-ink);background:#0000004d;border-radius:4px;flex-shrink:0;width:26px;height:18px;padding:1.5px;display:inline-flex}.ds-theme-dots span{border-radius:2px;flex:1;margin-right:1px}.ds-theme-dots span:last-child{margin-right:0}.ds-theme-picker-wrap{margin-bottom:24px;padding-bottom:6px;overflow-x:auto}.ds-theme-picker-wrap::-webkit-scrollbar{height:4px}.ds-theme-picker{white-space:nowrap;flex-wrap:nowrap}body{background:var(--gg-bg-1);transition:background .4s var(--gg-ease-out)}.ds-bg{background:linear-gradient(180deg, var(--gg-bg-2) 0%, var(--gg-bg-1) 100%);transition:background .4s var(--gg-ease-out)}.ds-bg-tint{background:radial-gradient(ellipse 70% 50% at 20% 0%, color-mix(in oklab, var(--gg-accent-2) 100%, transparent 75%) 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 100% 30%, color-mix(in oklab, var(--gg-accent-3) 100%, transparent 80%) 0%, transparent 60%)}.ds-bg-aura{background:radial-gradient(ellipse at center, color-mix(in oklab, var(--gg-accent) 100%, transparent 80%), transparent 65%)}[data-theme=paper]{--gg-bg-1:#efe6d4;--gg-bg-2:#e2d7c0;--gg-bg-3:#d5c8ab;--gg-bg-ink:#1a1814;--gg-accent:#c8202e;--gg-accent-2:#1a1814;--gg-accent-3:#5a8a3a;--gg-accent-glow:#c8202e38;--gg-accent-glow-2:#1a18142e;--gg-mint:#5a8a3a;--gg-cyan:#4a7a9e;--gg-gold:#b8870e;--gg-danger:#c8202e;--gg-ink:#1a1814;--gg-ink-shadow:#1a1814d9;--gg-text:#1a1814;--gg-text-dim:#1a1814c7;--gg-text-muted:#1a181480;--gg-border:#1a18142e;--gg-border-2:#1a181452;--gg-surface:#1a18140a;--gg-surface-2:#1a181414}[data-theme=blueprint]{--gg-bg-1:#0d2848;--gg-bg-2:#133057;--gg-bg-3:#1a3c6a;--gg-bg-ink:#061a30;--gg-accent:#7eb8ff;--gg-accent-2:#fff;--gg-accent-3:#ffd66b;--gg-accent-glow:#7eb8ff59;--gg-accent-glow-2:#fff3;--gg-mint:#7eb8ff;--gg-cyan:#b8d8ff;--gg-gold:#ffd66b;--gg-danger:#ff8080;--gg-ink:#061528;--gg-ink-shadow:#000818d9;--gg-text:#e8f0ff;--gg-text-dim:#e8f0ffbf;--gg-text-muted:#e8f0ff73}[data-theme=terminal]{--gg-bg-1:#050a04;--gg-bg-2:#0a1408;--gg-bg-3:#0f1d0c;--gg-bg-ink:#000;--gg-accent:#5dff5d;--gg-accent-2:#2bff8c;--gg-accent-3:#b8ff5d;--gg-accent-glow:#5dff5d8c;--gg-accent-glow-2:#2bff8c66;--gg-mint:#5dff5d;--gg-cyan:#5dffd6;--gg-gold:#cdff5d;--gg-danger:#ff5d5d;--gg-ink:#000;--gg-ink-shadow:#000000f2;--gg-text:#afa;--gg-text-dim:#aaffaabf;--gg-text-muted:#aaffaa73}[data-theme=brutalist]{--gg-bg-1:#2a2a2c;--gg-bg-2:#36363a;--gg-bg-3:#424246;--gg-bg-ink:#1a1a1c;--gg-accent:#ffd400;--gg-accent-2:#f0f0e8;--gg-accent-3:#c8c8c0;--gg-accent-glow:#ffd40073;--gg-accent-glow-2:#f0f0e833;--gg-mint:#b8d840;--gg-cyan:#80b8c8;--gg-gold:#ffd400;--gg-danger:#e62828;--gg-ink:#0a0a0a;--gg-ink-shadow:#000000f2;--gg-text:#f0f0e8;--gg-text-dim:#f0f0e8bf;--gg-text-muted:#f0f0e86b}[data-theme=pastel]{--gg-bg-1:#ebe4f0;--gg-bg-2:#ddd1e8;--gg-bg-3:#cebadf;--gg-bg-ink:#4a2f5a;--gg-accent:#f4a3c0;--gg-accent-2:#b9c8f0;--gg-accent-3:#f3e3a8;--gg-accent-glow:#f4a3c066;--gg-accent-glow-2:#b9c8f052;--gg-mint:#a8e0c8;--gg-cyan:#a8d0e8;--gg-gold:#e8c878;--gg-danger:#e87898;--gg-ink:#4a2f5a;--gg-ink-shadow:#4a2f5aa6;--gg-text:#3a1f50;--gg-text-dim:#3a1f50c7;--gg-text-muted:#3a1f5080;--gg-border:#4a2f5a29;--gg-border-2:#4a2f5a47;--gg-surface:#4a2f5a0a;--gg-surface-2:#4a2f5a14}[data-theme=latte]{--gg-bg-1:#2a1d14;--gg-bg-2:#3a2920;--gg-bg-3:#4d372c;--gg-bg-ink:#15090a;--gg-accent:#e8b878;--gg-accent-2:#c8623c;--gg-accent-3:#d8a878;--gg-accent-glow:#e8b87873;--gg-accent-glow-2:#c8623c6b;--gg-mint:#98c8a0;--gg-cyan:#a8b8c8;--gg-gold:#e8b878;--gg-danger:#c8423c;--gg-ink:#15090a;--gg-ink-shadow:#0a0405d9;--gg-text:#f5ead8;--gg-text-dim:#f5ead8c7;--gg-text-muted:#f5ead87a}[data-theme=riso]{--gg-bg-1:#f4eee2;--gg-bg-2:#e8dfcb;--gg-bg-3:#ddd0b6;--gg-bg-ink:#2a1a26;--gg-accent:#ff48a5;--gg-accent-2:#2ebcb0;--gg-accent-3:#fc3;--gg-accent-glow:#ff48a54d;--gg-accent-glow-2:#2ebcb040;--gg-mint:#2ebcb0;--gg-cyan:#2ebcb0;--gg-gold:#fc3;--gg-danger:#ff3838;--gg-ink:#2a1a26;--gg-ink-shadow:#2a1a26b3;--gg-text:#2a1a26;--gg-text-dim:#2a1a26c7;--gg-text-muted:#2a1a2680;--gg-border:#2a1a2629;--gg-border-2:#2a1a2652;--gg-surface:#2a1a260a;--gg-surface-2:#2a1a2614}[data-theme=herbarium]{--gg-bg-1:#2d3a2a;--gg-bg-2:#3a4836;--gg-bg-3:#4a5b44;--gg-bg-ink:#1a221a;--gg-accent:#d8a8a4;--gg-accent-2:#c8d8a8;--gg-accent-3:#ecdbc4;--gg-accent-glow:#d8a8a459;--gg-accent-glow-2:#c8d8a852;--gg-mint:#c8d8a8;--gg-cyan:#a8c8c8;--gg-gold:#d8c478;--gg-danger:#d87878;--gg-ink:#1a201a;--gg-ink-shadow:#0a100ad9;--gg-text:#f0e8d8;--gg-text-dim:#f0e8d8c7;--gg-text-muted:#f0e8d87a}[data-theme=paper] .ds-bg,[data-theme=pastel] .ds-bg,[data-theme=riso] .ds-bg{background:linear-gradient(180deg, var(--gg-bg-2), var(--gg-bg-1))}[data-theme=miami]{--gg-bg-1:#1a3354;--gg-bg-2:#244472;--gg-bg-3:#2f5790;--gg-bg-ink:#0d1f3a;--gg-accent:#ff6fa5;--gg-accent-2:#52d8d0;--gg-accent-3:#f4c97a;--gg-accent-glow:#ff6fa58c;--gg-accent-glow-2:#52d8d073;--gg-mint:#7dffc4;--gg-cyan:#52d8d0;--gg-gold:#f4c97a;--gg-danger:#ff5a78;--gg-ink:#122544;--gg-ink-shadow:#081020d9;--gg-text:#f5e8d8;--gg-text-dim:#f5e8d8cc;--gg-text-muted:#f5e8d880}[data-theme=losangeles]{--gg-bg-1:#2d2845;--gg-bg-2:#3d3a5c;--gg-bg-3:#524d75;--gg-bg-ink:#1a162e;--gg-accent:#f3a07f;--gg-accent-2:#e08aae;--gg-accent-3:#7095c6;--gg-accent-glow:#f3a07f8c;--gg-accent-glow-2:#e08aae73;--gg-mint:#b8d4a8;--gg-cyan:#7095c6;--gg-gold:#e8c878;--gg-danger:#e8525c;--gg-ink:#1a1024;--gg-ink-shadow:#0a050fd9;--gg-text:#f6e8d5;--gg-text-dim:#f6e8d5cc;--gg-text-muted:#f6e8d580}[data-theme=florida]{--gg-bg-1:#0e3d4a;--gg-bg-2:#135063;--gg-bg-3:#1a6679;--gg-bg-ink:#062028;--gg-accent:#ff8c5a;--gg-accent-2:#ff5a9e;--gg-accent-3:#b8e060;--gg-accent-glow:#ff8c5a8c;--gg-accent-glow-2:#ff5a9e73;--gg-mint:#b8e060;--gg-cyan:#6ad4d0;--gg-gold:#ffd66b;--gg-danger:#ff4055;--gg-ink:#062028;--gg-ink-shadow:#000c12d9;--gg-text:#fff2d8;--gg-text-dim:#fff2d8cc;--gg-text-muted:#fff2d87a}[data-theme=dubai]{--gg-bg-1:#14193a;--gg-bg-2:#1e2452;--gg-bg-3:#2c3470;--gg-bg-ink:#080a1c;--gg-accent:#d4a857;--gg-accent-2:#f4e8c8;--gg-accent-3:#a8784e;--gg-accent-glow:#d4a85799;--gg-accent-glow-2:#f4e8c84d;--gg-mint:#8edca8;--gg-cyan:#6ec0e4;--gg-gold:#f0c878;--gg-danger:#e85060;--gg-ink:#080a1c;--gg-ink-shadow:#00020aeb;--gg-text:#f4e8c8;--gg-text-dim:#f4e8c8c7;--gg-text-muted:#f4e8c873}[data-theme=italy]{--gg-bg-1:#5e2418;--gg-bg-2:#74301f;--gg-bg-3:#8e3e29;--gg-bg-ink:#38120a;--gg-accent:#e8c068;--gg-accent-2:#c8a050;--gg-accent-3:#5e8a5a;--gg-accent-glow:#e8c0688c;--gg-accent-glow-2:#5e8a5a73;--gg-mint:#98c098;--gg-cyan:#80b8c8;--gg-gold:#e8c068;--gg-danger:#d8423a;--gg-ink:#28080a;--gg-ink-shadow:#0e0204eb;--gg-text:#f5ead8;--gg-text-dim:#f5ead8cc;--gg-text-muted:#f5ead880}[data-theme=spacex]{--gg-bg-1:#0a0a0c;--gg-bg-2:#14141a;--gg-bg-3:#1f1f28;--gg-bg-ink:#000;--gg-accent:#fff;--gg-accent-2:#c8ced6;--gg-accent-3:#6a7785;--gg-accent-glow:#ffffff52;--gg-accent-glow-2:#c8ced638;--gg-mint:#d8e0e8;--gg-cyan:#a8c0d8;--gg-gold:#e8e8e0;--gg-danger:#ff3a3a;--gg-ink:#050507;--gg-ink-shadow:#000000f2;--gg-text:#f4f6f8;--gg-text-dim:#f4f6f8c7;--gg-text-muted:#f4f6f86b}
:root{--accent-3:var(--lilac);--accent-glow-2:color-mix(in srgb, var(--accent) 45%, transparent);--ink:var(--ink)}button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.root{isolation:isolate;width:100%;height:100dvh;color:var(--text);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-y:auto}.ambient{pointer-events:none;z-index:0;opacity:0;transition:opacity .6s var(--ease-out);position:fixed;inset:0}.ambient-chill{background:radial-gradient(ellipse 50% 60% at 20% 20%, color-mix(in srgb, var(--mint) 16%, transparent), transparent 60%), radial-gradient(ellipse 50% 60% at 80% 80%, color-mix(in srgb, var(--cyan) 14%, transparent), transparent 60%);animation:9s ease-in-out infinite chill-breath}.ambient-pro{background:radial-gradient(ellipse 60% 40% at 0% 100%, color-mix(in srgb, var(--gg-danger) 16%, transparent), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, color-mix(in srgb, var(--gg-danger) 13%, transparent), transparent 55%)}[data-difficulty=chill] .ambient-chill,[data-difficulty=pro] .ambient-pro{opacity:1}.zap{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--gg-danger) 35%, transparent), transparent);filter:blur(.4px);opacity:0;transform-origin:50%;width:1px;height:100vh;position:absolute}.zap-1{animation:7s linear infinite zap-flash;left:12%}.zap-2{animation:5.4s linear 1.6s infinite zap-flash;left:47%}.zap-3{animation:6.2s linear 3.1s infinite zap-flash;left:82%}[data-difficulty=pro] .zap-1,[data-difficulty=pro] .zap-2,[data-difficulty=pro] .zap-3{animation-play-state:running}[data-difficulty=chill] .zap,[data-difficulty=classic] .zap{opacity:0!important}@keyframes chill-breath{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes zap-flash{0%,92%,to{opacity:0;transform:scaleY(1)}93%{opacity:1;transform:scaleY(1)}94%{opacity:.2}95%{opacity:1}96%{opacity:0}}[data-difficulty=chill] .bg-motes span{opacity:.55!important;animation-duration:28s!important}[data-difficulty=pro] .bg-motes span{animation-duration:6s!important}.bg-scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-photo{filter:blur(40px)saturate(110%)brightness(.42)hue-rotate(-10deg);animation:bg-drift 38s var(--ease-out) infinite alternate;background-image:url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=2400&q=80&auto=format);background-position:50%;background-size:cover;position:absolute;inset:-8%}.bg-tint{background:radial-gradient(80% 60% at 20% 0,#ffc83d29 0%,#0000 60%),radial-gradient(70% 70% at 100% 100%,#4ecdc42e 0%,#0000 60%),radial-gradient(#0000 0%,#060c20a6 100%),linear-gradient(160deg,#0a17358c 0%,#1d317073 100%);position:absolute;inset:0}.bg-aura{filter:blur(20px);background:radial-gradient(#ffc83d29,#0000 65%);width:80vw;max-width:1200px;height:60vh;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.bg-motes{position:absolute;inset:0}.bg-motes span{background:radial-gradient(circle,#ffffffe6,#fff0);border-radius:999px;width:6px;height:6px;animation:linear infinite mote-drift;position:absolute}@keyframes bg-drift{0%{transform:translate(-2%,-1%)scale(1.06)}to{transform:translate(2%,1%)scale(1.12)}}@keyframes mote-drift{0%{opacity:0;transform:translate(0,0)}10%{opacity:.6}to{opacity:0;transform:translate(40px,-120px)}}.frame{z-index:1;flex-direction:column;gap:18px;max-width:1320px;min-height:100vh;margin:0 auto;padding:20px 40px 22px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;display:flex}.brand-mark{align-items:center;gap:12px;display:flex}.brand-pin{border:1px solid var(--border);background:#ffffff0f;border-radius:13px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 22px #00000059}.brand-text{letter-spacing:-.02em;background:linear-gradient(135deg, #fff7d6, var(--accent) 35%, var(--accent-2) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;line-height:1}.brand-sub{color:var(--text-muted);letter-spacing:.04em;margin-top:3px;font-size:11px;font-weight:500}.topbar-right{align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--border);height:38px;color:var(--text-dim);-webkit-backdrop-filter:blur(14px)saturate(140%);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.chip b{color:var(--text);font-weight:700}.chip-live .dot-live{background:var(--mint);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 70%, transparent);border-radius:999px;animation:2s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 65%, transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb, var(--mint) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 0%, transparent)}}.chip-live .live-num{animation:.45s cubic-bezier(.34,1.56,.64,1) live-pop;display:inline-block}@keyframes live-pop{0%{opacity:0;transform:translateY(.18em)scale(.7)}55%{opacity:1;color:var(--mint);transform:translateY(-.06em)scale(1.18)}to{opacity:1;transform:translateY(0)scale(1)}}.chip-streak{color:#fff5d0;background:#ffc83d1a;border-color:#ffc83d52}.chip-btn{width:38px;color:var(--text-dim);justify-content:center;padding:0}.chip-btn:hover{background:var(--surface-2);color:var(--text)}.avatar{width:40px;height:40px;position:relative}.avatar-inner{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:100%;height:100%;color:var(--ink);border-radius:50%;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;display:grid;box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff40}.avatar-lvl{background:var(--bg-1);border:2px solid var(--accent);color:var(--accent);border-radius:999px;padding:1px 5px;font-family:Bricolage Grotesque,sans-serif;font-size:9px;font-weight:800;position:absolute;bottom:-4px;right:-4px}.main{flex-direction:column;flex:1;gap:14px;display:flex}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;padding:4px 0 0;display:flex}.hero-title{letter-spacing:-.035em;color:var(--text);margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(40px,4.8vw,64px);font-weight:800;line-height:.95}.hero-emph{background:linear-gradient(135deg, #fff7d6, var(--accent) 35%, var(--accent-2) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-tag{max-width:460px;color:var(--text-dim);animation:tag-fade .6s var(--ease-out);margin:0;font-size:15px;line-height:1.55}@keyframes tag-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tabrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tabs{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#00000038;border-radius:999px;gap:4px;padding:5px;display:inline-flex}.tab{color:var(--text-dim);letter-spacing:0;transition:all .22s var(--ease-out);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex}.tab:hover{color:var(--text)}.tab.is-active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--ink);box-shadow:0 8px 22px -6px var(--accent-glow)}.tab-count{min-width:22px;color:var(--text-dim);letter-spacing:.02em;background:#ffffff1a;border-radius:999px;padding:2px 7px;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:800}.tab.is-active .tab-count{color:var(--ink);background:#0a17352e}.palette{position:relative}.palette-trigger{border:1px solid var(--border);height:38px;color:var(--text-dim);transition:all .22s var(--ease-out);-webkit-backdrop-filter:blur(14px)saturate(140%);background:#ffffff0f;border-radius:999px;align-items:center;gap:9px;padding:0 12px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.palette-trigger:hover{color:var(--text);background:var(--surface-2)}.palette-name{color:var(--text)}.swatch{background:#00000040;border-radius:6px;align-items:center;width:30px;height:22px;padding:2px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.swatch span{border-radius:3px;flex:1;height:100%}.swatch span+span{margin-left:1px}.palette-menu{background:color-mix(in srgb, var(--bg-2) 92%, transparent);border:1px solid var(--border);min-width:240px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(24px)saturate(160%);z-index:30;animation:pal-pop .18s var(--ease-out);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}@keyframes pal-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.palette-menu-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:6px 10px 8px;font-size:10px;font-weight:700}.palette-option{width:100%;color:var(--text);text-align:left;transition:background .15s var(--ease-out);background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;display:flex}.palette-option:hover{background:#ffffff0f}.palette-option.is-active{color:var(--accent);background:#ffffff14}.palette-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.palette-info-name{color:var(--text);font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700}.palette-info-sub{color:var(--text-muted);font-size:11px;font-weight:500}.tab-icon{font-size:16px}.tabs-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.meta-dot{background:var(--mint);border-radius:999px;width:6px;height:6px}.tab-search{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);min-width:210px;max-width:300px;height:40px;transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:#00000038;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 12px;display:inline-flex;position:relative}.tab-search:focus-within{border-color:var(--accent);background:#0000004d}.tab-search-ico{color:var(--text-muted);transition:color .2s var(--ease-out);display:inline-flex}.tab-search:focus-within .tab-search-ico{color:var(--accent)}.tab-search-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px;font-weight:500}.tab-search-input::placeholder{color:var(--text-muted)}.tab-search-clear{cursor:pointer;width:22px;height:22px;color:var(--text-dim);transition:background .15s var(--ease-out), color .15s var(--ease-out);background:#ffffff14;border:none;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.tab-search-clear:hover{color:var(--text);background:#ffffff29}.show-more{border:1px dashed var(--border);width:100%;color:var(--text);cursor:pointer;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:13px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;display:flex}.show-more:hover{border-color:var(--accent);background:#ffffff12;transform:translateY(-1px)}.show-more-n{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--ink);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.grid-empty{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:14px;font-weight:500}.mode-body{animation:mode-body-in .42s var(--ease-out)}@keyframes mode-body-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.grid-comfortable .card{aspect-ratio:1.45}.grid-compact .card{aspect-ratio:1.75}@keyframes card-enter{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.card{--tilt-x:0deg;--tilt-y:0deg;--glare-x:50%;--glare-y:50%;perspective:800px;transition:transform .35s var(--ease-out);text-align:left;background:0 0;border:none;border-radius:22px;padding:0;position:relative;overflow:visible}.card:hover{transform:translateY(-3px)}.card-inner{width:100%;height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out, box-shadow .3s var(--ease-out);border-radius:22px;position:relative;overflow:visible;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a}.card:hover .card-inner{box-shadow:0 18px 50px #00000080,inset 0 0 0 1px #ffffff14}.card-image{transition:transform .6s var(--ease-out), filter .4s var(--ease-out);filter:saturate(.95);background-position:50%;background-size:cover;border-radius:22px;position:absolute;inset:0;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out);position:absolute;inset:0}.card:hover .card-image img{transform:scale(1.06)}.card-img-lqip{filter:blur(16px)saturate(1.1);transform:scale(1.15)}.card:hover .card-img-lqip{transform:scale(1.15)}.card-img-full{opacity:0;transition:opacity .5s var(--ease-out), transform .7s var(--ease-out)}.card-img-full.is-loaded{opacity:1}.card-veil{background:linear-gradient(180deg, #0a061400 0%, #0a061400 35%, #0a0614b8 100%), linear-gradient(160deg, color-mix(in srgb, var(--accent-2) 0%, transparent) 50%, #3a1f4840 100%);position:absolute;inset:0}.card-glare{pointer-events:none;background:radial-gradient(circle at var(--glare-x) var(--glare-y), #ffffff38, #fff0 35%);opacity:0;mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.card:hover .card-glare{opacity:1}.card-info{color:#fff;text-shadow:0 2px 12px #0009;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.card-name{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;line-height:1.05}.grid-compact .card-name{font-size:18px}.card-name-row{align-items:center;gap:8px;display:flex}.card-code{letter-spacing:.04em;background:var(--accent);color:var(--ink);border-radius:6px;align-items:center;padding:2px 7px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.card-meta{color:#ffffffd1;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.meta-pin{color:var(--accent-2);display:inline-flex}.sticker{z-index:3;letter-spacing:.1em;background:linear-gradient(135deg, #fff8dc, var(--accent));color:var(--ink);box-shadow:0 8px 22px #00000073, 0 0 0 2px var(--ink), 0 0 0 4px #ffc83d73;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-family:Bricolage Grotesque,sans-serif;font-size:10px;font-weight:800;animation:4.5s ease-in-out infinite sticker-wobble;display:inline-flex;position:absolute;top:-8px;right:-6px;transform:rotate(8deg)}.sticker svg{display:block}.sticker-hot{background:linear-gradient(135deg, #fff0d4, var(--accent-2));box-shadow:0 8px 22px #00000073, 0 0 0 2px var(--ink), 0 0 0 4px #ff6b3d73}.sticker-cold{background:linear-gradient(135deg, #e6f7ff, var(--cyan));box-shadow:0 8px 22px #00000073, 0 0 0 2px var(--ink), 0 0 0 4px #6dd9ff73}.sticker-new{background:linear-gradient(135deg, #e8ffd9, var(--mint));box-shadow:0 8px 22px #00000073, 0 0 0 2px var(--ink), 0 0 0 4px #b6f5c273}@keyframes sticker-wobble{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-2px)}}.card.is-selected .card-inner{box-shadow:0 18px 50px var(--accent-glow), 0 0 0 3px var(--accent) inset, 0 0 0 1px #ffffff26 inset}.card.is-selected .card-image{filter:saturate(1.1)brightness(1.05)}.stamp{z-index:4;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:38px;height:38px;box-shadow:0 8px 22px var(--accent-glow), 0 0 0 3px var(--bg-1);animation:stamp-pop .45s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.stamp svg path{stroke:var(--ink)}@keyframes stamp-pop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}60%{opacity:1;transform:scale(1.15)rotate(8deg)}to{transform:scale(1)rotate(0)}}.card-random .card-image{background:linear-gradient(135deg, var(--accent-3), var(--accent))}.card-random-glyph{color:#fff;opacity:.85;place-items:center;animation:14s linear infinite rand-spin;display:grid;position:absolute;inset:0}@keyframes rand-spin{to{transform:rotate(360deg)}}.footer{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px)saturate(130%);background:#ffffff0a;border-radius:22px;align-items:center;gap:24px;margin-top:auto;padding:16px 20px;display:flex}.diff{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.diff-label{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.diff-pills{gap:8px;display:flex}.diff-pill{border:1px solid var(--border);color:var(--text-dim);transition:all .22s var(--ease-out);text-align:left;background:#ffffff0a;border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative;overflow:visible}.diff-pill>*{z-index:1;position:relative}.diff-border{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.diff-border rect{fill:none;stroke:#0000;stroke-width:2px;stroke-linecap:round;stroke-dasharray:16 84;stroke-dashoffset:0;width:calc(100% - 2px);height:calc(100% - 2px)}.diff-pill.is-charging .diff-border rect{stroke:#fff;filter:drop-shadow(0 0 4px #ffffffd9);animation:.75s cubic-bezier(.4,0,.2,1) forwards border-travel}.diff-pill.is-charging{animation:.75s cubic-bezier(.4,0,.2,1) pill-charge}@keyframes border-travel{0%{stroke-dashoffset:0;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@keyframes pill-charge{0%{box-shadow:0 0 #fff0}40%{box-shadow:0 0 22px -2px #ffffff73}to{box-shadow:0 0 #fff0}}.diff-pill[data-mode=chill].is-charging .diff-border rect{stroke:var(--mint);filter:drop-shadow(0 0 5px var(--mint))}.diff-pill[data-mode=chill].is-charging{animation:.75s cubic-bezier(.4,0,.2,1) pill-charge-chill}@keyframes pill-charge-chill{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 0%, transparent)}40%{box-shadow:0 0 26px -2px color-mix(in srgb, var(--mint) 70%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--mint) 0%, transparent)}}.diff-pill[data-mode=pro].is-charging .diff-border rect{stroke:var(--gg-danger);filter:drop-shadow(0 0 6px var(--gg-danger))}.diff-pill[data-mode=pro].is-charging{animation:.75s cubic-bezier(.4,0,.2,1) pill-charge-pro}@keyframes pill-charge-pro{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--gg-danger) 0%, transparent)}40%{box-shadow:0 0 30px -2px color-mix(in srgb, var(--gg-danger) 80%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--gg-danger) 0%, transparent)}}.diff-pill:hover{color:var(--text);background:#ffffff14}.diff-pill.is-active{border-color:var(--accent);color:var(--text);box-shadow:0 4px 16px -6px var(--accent-glow);background:#ffc83d1a}.diff-icon{width:30px;height:30px;color:var(--accent);transition:background .2s var(--ease-out);background:#ffc83d1a;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.diff-pill.is-active .diff-icon{background:var(--accent);color:var(--ink)}.diff-icon svg{transition:transform .2s var(--ease-out);transform-origin:50%}[data-difficulty=chill] .diff-pill[data-mode=chill].is-active{background:color-mix(in srgb, var(--mint) 14%, transparent);border-color:var(--mint);box-shadow:0 4px 18px -6px color-mix(in srgb, var(--mint) 55%, transparent)}[data-difficulty=chill] .diff-pill[data-mode=chill].is-active .diff-icon{background:var(--mint);color:var(--ink)}[data-difficulty=chill] .diff-pill[data-mode=chill].is-active .diff-icon svg{animation:3.8s ease-in-out infinite leaf-sway}@keyframes leaf-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}[data-difficulty=classic] .diff-pill[data-mode=classic].is-active .diff-icon svg{animation:2.6s ease-in-out infinite target-lock}@keyframes target-lock{0%,to{transform:rotate(0)scale(1)}45%{transform:rotate(180deg)scale(1.08)}55%{transform:rotate(180deg)scale(1.08)}}[data-difficulty=pro] .diff-pill[data-mode=pro].is-active{background:color-mix(in srgb, var(--gg-danger) 16%, transparent);border-color:var(--gg-danger);box-shadow:0 4px 22px -6px color-mix(in srgb, var(--gg-danger) 60%, transparent)}[data-difficulty=pro] .diff-pill[data-mode=pro].is-active .diff-icon{background:linear-gradient(135deg, var(--gg-danger), var(--accent));color:#fff}[data-difficulty=pro] .diff-pill[data-mode=pro].is-active .diff-icon svg{filter:drop-shadow(0 0 6px #ffffffd9);animation:.9s steps(6,end) infinite bolt-crackle}@keyframes bolt-crackle{0%{transform:rotate(0)skew(0)}16%{transform:rotate(-3deg)skew(-2deg)}33%{transform:rotate(2deg)skew(2deg)}50%{filter:brightness(1.6);transform:rotate(-1deg)skew(0)}66%{transform:rotate(3deg)skew(1deg)}83%{transform:rotate(-2deg)skew(0)}to{transform:rotate(0)skew(0)}}.diff-text{flex-direction:column;gap:1px;min-width:0;display:flex}.diff-name{font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700}.diff-desc{color:var(--text-muted);font-size:11px;font-weight:500}.play-area{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.play-target{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;max-width:320px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.play-target b{color:var(--text);font-weight:700}.play-target.is-empty{opacity:.5}.play-target svg{color:var(--accent);flex-shrink:0}.play-btn{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 100%, white 12%) 0%, var(--accent) 50%, var(--accent-2) 100%);height:62px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 0 #0a0512d9, 0 16px 32px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);border-radius:16px;align-items:center;gap:12px;padding:0 22px 0 18px;font-family:Bricolage Grotesque,sans-serif;display:inline-flex;position:relative;overflow:visible}.play-btn:before{content:"";background:var(--accent-3);border:2.5px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;box-shadow:0 2px #0a051299}.play-btn:hover{box-shadow:0 7px 0 0 #0a0512d9, 0 20px 40px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;filter:brightness(1.04)saturate(1.06);transform:translateY(-2px)}.play-btn:active{box-shadow:0 2px 0 0 #0a0512d9, 0 6px 14px -6px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transform:translateY(3px)}.play-btn.is-ready{animation:3.6s ease-in-out infinite arcade-pulse}.play-btn.is-disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.4);animation:none}@keyframes arcade-pulse{0%,to{box-shadow:0 5px 0 0 #0a0512d9, 0 16px 32px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f}50%{box-shadow:0 5px 0 0 #0a0512d9, 0 22px 50px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f}}.play-arrow{background:var(--ink);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 -2px #ffffff2e}.play-word{letter-spacing:-.02em;color:var(--ink);text-shadow:0 1px #ffffff59;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-style:italic;font-weight:800;line-height:1}.play-kbd{color:#0a0512c7;background:#0a05122e;border:1px solid #0a051238;border-radius:5px;margin-left:2px;padding:3px 7px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.play-btn.is-firing{animation:fire .5s var(--ease-out)}@keyframes fire{0%{transform:translateY(0)}30%{transform:translateY(4px)}60%{transform:translateY(-3px)}to{transform:translateY(0)}}[data-difficulty=chill] .play-btn.is-ready{box-shadow:0 5px 0 0 #0a0512d9, 0 16px 32px -10px color-mix(in srgb, var(--mint) 55%, transparent), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;animation:5.5s ease-in-out infinite play-chill}@keyframes play-chill{0%,to{box-shadow:0 5px 0 0 #0a0512d9, 0 16px 30px -10px color-mix(in srgb, var(--mint) 55%, transparent), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transform:translateY(0)scale(1)}50%{box-shadow:0 5px 0 0 #0a0512d9, 0 20px 46px -10px color-mix(in srgb, var(--mint) 65%, transparent), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transform:translateY(-1px)scale(1.006)}}[data-difficulty=pro] .play-btn.is-ready{background:linear-gradient(180deg, #ffffff2e 0%, transparent 60%), linear-gradient(135deg, var(--gg-danger) 0%, var(--accent-2) 60%, var(--accent) 100%);animation:1.6s ease-in-out infinite play-pro}[data-difficulty=pro] .play-btn .play-arrow{background:var(--ink);color:var(--gg-danger);box-shadow:inset 0 -2px 0 #ffffff38, 0 0 12px color-mix(in srgb, var(--gg-danger) 55%, transparent)}[data-difficulty=pro] .play-btn .play-word{text-shadow:0 0 14px #ffffff8c,0 1px #fff6}[data-difficulty=pro] .play-btn:before{background:var(--gg-danger);animation:.7s ease-in-out infinite pro-dot}@keyframes pro-dot{0%,to{box-shadow:0 2px 0 #0a051299, 0 0 0 0 color-mix(in srgb, var(--gg-danger) 70%, transparent)}50%{box-shadow:0 2px 0 #0a051299, 0 0 0 6px color-mix(in srgb, var(--gg-danger) 0%, transparent)}}@keyframes play-pro{0%,to{box-shadow:0 5px 0 0 #0a0512d9, 0 16px 36px -10px color-mix(in srgb, var(--gg-danger) 60%, transparent), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000002e}50%{box-shadow:0 5px 0 0 #0a0512d9, 0 22px 56px -8px color-mix(in srgb, var(--gg-danger) 85%, transparent), inset 0 2px 0 #ffffff8c, inset 0 -2px 0 #0000002e}}[data-difficulty=pro] .hero-emph{background:linear-gradient(135deg, #fff, var(--gg-danger) 45%, var(--accent-2) 85%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}.frame{padding:20px}.footer{flex-direction:column}.play-btn{width:100%;min-width:0}}.chip-style{align-items:center;gap:8px;padding:0 14px 0 12px;font-weight:600;display:inline-flex}.chip-style-bead{background:radial-gradient(circle at 30% 30%, #fffffff2, #ffffff26 50%), linear-gradient(135deg, var(--accent), var(--accent-2));width:14px;height:14px;box-shadow:inset 0 -2px 2px #00000026, 0 0 8px var(--accent-glow);border:1px solid #fff6;border-radius:50%}.chip-style.is-on{color:var(--text);background:#ffffff2e;border-color:#ffffff52;box-shadow:inset 0 1px #fff6,0 6px 24px #00000040}[data-style=glass] .bg-photo{filter:blur(24px)saturate(160%)brightness(.62)}[data-style=glass] .bg-tint{background:radial-gradient(80% 60% at 20% 0,#ffffff0a 0%,#0000 60%),radial-gradient(70% 70% at 100% 100%,#ffffff0d 0%,#0000 60%),linear-gradient(160deg,#0000002e 0%,#00000040 100%)}[data-style=glass] .chip,[data-style=glass] .palette-trigger,[data-style=glass] .tabs,[data-style=glass] .footer,[data-style=glass] .palette-menu,[data-style=glass] .play-target{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#ffffff1a;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff0f,0 8px 24px #0000002e}[data-style=glass] .chip{color:var(--text)}[data-style=glass] .chip b{color:#fff}[data-style=glass] .footer{background:#ffffff14;border-radius:28px;padding:16px}[data-style=glass] .diff-pill{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0d;border-color:#ffffff24;border-radius:16px;box-shadow:inset 0 1px #fff3}[data-style=glass] .diff-pill.is-active{box-shadow:inset 0 1px 0 #fff6, 0 8px 24px #00000038, 0 0 0 1px var(--accent) inset;background:#ffffff2e;border-color:#ffffff52}[data-style=glass] .diff-icon{color:var(--text);background:#ffffff26}[data-style=glass] .diff-pill.is-active .diff-icon{background:var(--accent);color:var(--ink);box-shadow:0 0 14px var(--accent-glow)}[data-style=glass] .tabs{background:#ffffff1a;border-radius:999px;padding:5px}[data-style=glass] .tab{color:#ffffffb3;font-weight:600}[data-style=glass] .tab.is-active{color:var(--ink);background:#fffffff2;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000000f,0 6px 20px #00000040}[data-style=glass] .tab-count{color:#ffffffd9;background:#ffffff1f}[data-style=glass] .tab.is-active .tab-count{color:var(--ink);background:#0a05121f}[data-style=glass] .card-inner{box-shadow:0 16px 44px #00000073,inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff1a}[data-style=glass] .card-image{filter:saturate(1.05)brightness(1.02)}[data-style=glass] .card-veil{background:linear-gradient(#0000 0% 30%,#0006 100%)}[data-style=glass] .card-info{-webkit-backdrop-filter:blur(28px)saturate(180%);text-shadow:none;color:#fff;background:#ffffff29;border:1px solid #ffffff38;border-radius:14px;padding:10px 12px;bottom:10px;left:10px;right:10px;box-shadow:inset 0 1px #fff6,inset 0 -1px #ffffff14,0 8px 24px #00000040}[data-style=glass] .card-name{letter-spacing:-.015em}[data-style=glass] .card-code{color:var(--ink);background:#fffffff2;box-shadow:inset 0 1px #ffffffe6}[data-style=glass] .card-meta{color:#ffffffd9}[data-style=glass] .card.is-selected .card-inner{box-shadow:0 22px 60px var(--accent-glow), 0 0 0 2px var(--accent) inset, inset 0 1px 0 #ffffff4d}[data-style=glass] .card.is-selected .card-info{background:#ffffff47;border-color:#fff6}[data-style=glass] .sticker{color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border:1px solid #fff9;transform:rotate(4deg);box-shadow:inset 0 1px #fffffff2,0 8px 20px #00000052,0 0 0 1px #0000001a}[data-style=glass] .sticker-hot{color:#fff;background:#ff6b3df2}[data-style=glass] .sticker-cold{color:var(--ink);background:#6dd9fff2}[data-style=glass] .sticker-new{background:color-mix(in srgb, var(--mint) 95%, transparent);color:var(--ink)}[data-style=glass] .stamp{box-shadow:inset 0 1px 0 #fff, 0 0 0 2px var(--accent), 0 8px 22px #00000059;background:#fffffff2}[data-style=glass] .stamp svg path{stroke:var(--ink)}[data-style=glass] .hero-title{text-shadow:0 2px 24px #00000059}[data-style=glass] .play-btn{background:linear-gradient(180deg, #ffffff52 0%, #ffffff2e 100%), linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -2px 0 #0000002e, 0 18px 50px #00000059, 0 0 36px var(--accent-glow);color:var(--ink);border:1px solid #ffffff73;border-radius:22px}[data-style=glass] .play-btn:before{background:#fffffff2;border:2px solid #ffffffa6}[data-style=glass] .play-btn:hover{box-shadow:inset 0 1.5px 0 #fffc, inset 0 -2px 0 #0000002e, 0 22px 60px #0006, 0 0 48px var(--accent-glow);filter:none;transform:translateY(-2px)}[data-style=glass] .play-btn:active{transform:translateY(2px);box-shadow:inset 0 1.5px #fff9,inset 0 -2px #0000002e,0 10px 22px #0000004d}[data-style=glass] .play-btn.is-ready{animation:4s ease-in-out infinite glass-pulse}@keyframes glass-pulse{0%,to{box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -2px 0 #0000002e, 0 18px 50px #00000059, 0 0 36px var(--accent-glow)}50%{box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -2px 0 #0000002e, 0 18px 50px #00000059, 0 0 60px var(--accent-glow)}}[data-style=glass] .play-arrow{color:var(--ink);background:#fffffff2;border-radius:14px;box-shadow:inset 0 1px #fff,inset 0 -1px #00000014}[data-style=glass] .play-word{text-shadow:0 1px #ffffff73;font-style:italic}[data-style=glass] .play-kbd{color:#0a0512b3;background:#fff6;border:1px solid #fff9}[data-style=glass] .avatar-inner{background:linear-gradient(180deg, #ffffff4d, #ffffff0d), linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:inset 0 1.5px #fff9,inset 0 -1px #0000001f,0 8px 22px #0000004d}[data-style=glass] .chip-live .dot-live{background:var(--mint);box-shadow:0 0 12px var(--mint)}[data-style=glass] .swatch{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff4d}[data-style=glass] .palette-menu{background:color-mix(in srgb, var(--bg-2) 55%, transparent)}
.card-inner{border:3px solid var(--gg-ink);box-shadow:0 6px 0 0 var(--gg-ink-shadow), 0 14px 30px -12px #00000080, var(--gg-bevel)}.card-image{border-radius:19px}.card:hover .card-inner{box-shadow:0 9px 0 0 var(--gg-ink-shadow), 0 24px 46px -12px var(--gg-accent-glow), var(--gg-bevel)}.card.is-selected .card-inner{box-shadow:0 6px 0 0 var(--gg-ink-shadow), 0 0 0 3px var(--gg-accent) inset, 0 20px 44px -12px var(--gg-accent-glow), var(--gg-bevel)}.tabs{position:relative}.tab{z-index:1;transition:color .25s var(--gg-ease-out);border:2.5px solid #0000;position:relative}.tab.is-active{box-shadow:none;color:var(--gg-ink);background:0 0;border-color:#0000}.tab.is-active .tab-count{color:var(--gg-ink);background:#0a05122e}.tab-slider{z-index:0;background:linear-gradient(135deg, var(--gg-accent), var(--gg-accent-2));border:2.5px solid var(--gg-ink);box-shadow:0 2px 0 0 var(--gg-ink-shadow), var(--gg-bevel);transition:left .32s var(--gg-ease-out), width .32s var(--gg-ease-out);border-radius:999px;position:absolute;top:5px;bottom:5px}.diff-pill{border:2px solid var(--gg-ink);background:var(--gg-bg-3);box-shadow:0 4px 0 0 var(--gg-ink-shadow), var(--gg-bevel);transition:transform .12s var(--gg-ease-bump), box-shadow .12s var(--gg-ease-bump), background .2s var(--gg-ease-out)}.diff-pill .diff-border{width:calc(100% + 4px);height:calc(100% + 4px);inset:-2px}.diff-pill .diff-border rect{x:1px;y:1px;rx:12px;ry:12px}.diff-pill:hover{box-shadow:0 6px 0 0 var(--gg-ink-shadow), var(--gg-bevel);transform:translateY(-2px)}.diff-pill:active{box-shadow:0 1px 0 0 var(--gg-ink-shadow), var(--gg-bevel);transform:translateY(2px)}.diff-pill.is-active{background:var(--gg-bg-3);border-color:var(--gg-accent);color:var(--gg-text);box-shadow:0 4px 0 0 var(--gg-ink-shadow), 0 14px 30px -10px var(--gg-accent-glow), var(--gg-bevel)}.hero-title{overflow:visible}.hero-emph{padding-right:.08em}.chip{border:2px solid var(--gg-border-2);box-shadow:0 3px #0a05128c}.chip-btn:active{transform:translateY(2px);box-shadow:0 1px #0a05128c}.mp-entry-btn{border:2.5px solid var(--gg-ink);box-shadow:0 4px 0 0 var(--gg-ink-shadow), 0 12px 26px -10px var(--gg-accent-glow), var(--gg-bevel)}.mp-entry-btn:hover{box-shadow:0 6px 0 0 var(--gg-ink-shadow), 0 18px 34px -10px var(--gg-accent-glow), var(--gg-bevel);transform:translateY(-2px)}.mp-entry-btn:active{box-shadow:0 1px 0 0 var(--gg-ink-shadow), var(--gg-bevel);transform:translateY(2px)}
.scene{position:absolute;inset:0}.devnav{z-index:100;position:fixed;top:16px;right:16px}.devnav-toggle{background:color-mix(in srgb, var(--bg-2) 85%, transparent);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.04em;-webkit-backdrop-filter:blur(14px)saturate(160%);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:11px;font-weight:600;display:inline-flex}.devnav-toggle:hover{color:var(--text)}.devnav-dot{background:var(--mint);width:8px;height:8px;box-shadow:0 0 6px var(--mint);border-radius:50%}.devnav-current{background:var(--accent);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:800}.devnav-panel{background:color-mix(in srgb, var(--bg-2) 92%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(180%);min-width:230px;box-shadow:var(--shadow-strong);border-radius:14px;margin-top:8px;padding:10px 10px 12px}.devnav-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);padding:6px 6px 4px;font-size:9px;font-weight:700}.devnav-group{flex-wrap:wrap;gap:4px;padding:0 4px 8px;display:flex}.devnav-btn{border:1px solid var(--border);min-width:0;color:var(--text-dim);transition:all .16s var(--ease-out);text-transform:capitalize;background:#ffffff0a;border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.devnav-btn:hover{color:var(--text);background:#ffffff1a}.devnav-btn.is-active{background:var(--accent);color:var(--ink);border-color:var(--accent)}.devnav-btn-sm{flex:none;padding:6px 9px}.devnav-k{color:var(--text);background:#ffffff14;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.devnav-btn.is-active .devnav-k{color:var(--ink);background:#0a05122e}.devnav-restart{border:1px dashed var(--border);width:100%;color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:8px;font-size:11px;font-weight:600;display:inline-flex}.devnav-restart:hover{color:var(--text);border-color:var(--accent)}.scene-loading{z-index:70;place-items:center;display:grid}.loading-pane{z-index:1;will-change:transform;width:50.5%;transition:transform .66s cubic-bezier(.65,0,.35,1);position:absolute;top:0;bottom:0;overflow:hidden}.loading-pane-l{background:linear-gradient(90deg, var(--bg-1), var(--bg-2));left:0}.loading-pane-r{background:linear-gradient(90deg, var(--bg-2), var(--bg-1));right:0}.loading-cut{place-items:center;width:100vw;height:100%;display:grid;position:absolute;top:0}.loading-cut-l{left:0}.loading-cut-r{right:0}.scene-loading.is-exiting .loading-pane-l{transform:translate(-101%)}.scene-loading.is-exiting .loading-pane-r{transform:translate(101%)}.loading-bg{filter:blur(40px)saturate(120%)brightness(.35);animation:bg-slow-drift 28s var(--ease-out) infinite alternate;background-position:50%;background-size:cover;position:absolute;inset:-8%}@keyframes bg-slow-drift{0%{transform:scale(1.05)translate(-1%,-1%)}to{transform:scale(1.12)translate(1%,1%)}}.loading-veil{z-index:2;background:radial-gradient(ellipse at center, transparent 0%, #0a0512c7 100%), linear-gradient(180deg, color-mix(in srgb, var(--bg-1) 40%, transparent), color-mix(in srgb, var(--bg-1) 85%, transparent));position:absolute;inset:0}.loading-center{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:640px;padding:40px;display:flex;position:relative}.loading-title{letter-spacing:-.03em;background:linear-gradient(135deg, #fff, var(--accent) 60%, var(--accent-2));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;padding:0 12px 8px;font-family:Bricolage Grotesque,sans-serif;font-size:48px;font-style:italic;font-weight:800;line-height:1}.loading-orb{border-radius:50%;place-items:center;width:240px;height:240px;animation:5.5s ease-in-out infinite orb-float;display:grid;position:relative}.loading-orb-img{background-color:#050816;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/1280px-The_Earth_seen_from_Apollo_17.jpg);background-position:50%;background-repeat:no-repeat;background-size:112% 112%;border-radius:50%;animation:14s ease-in-out infinite alternate orb-ken-burns;position:absolute;inset:0;box-shadow:inset -14px -10px 60px #00000080,inset 12px 16px 36px #ffffff14}.loading-orb-shadow{pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff38,#0000 38%),radial-gradient(circle at 78% 82%,#00000080,#0000 60%);border-radius:50%;position:absolute;inset:0}.loading-orb:after{content:"";box-shadow:inset 0 0 30px color-mix(in srgb, var(--cyan) 25%, transparent), 0 0 40px color-mix(in srgb, var(--cyan) 20%, transparent);pointer-events:none;border:1.5px solid #b4dcff59;border-radius:50%;position:absolute;inset:-8px}.loading-orb:before{content:"";border:1px dashed color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;animation:18s linear infinite orb-spin;position:absolute;inset:-22px}.loading-orb-glow{background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 32%, transparent) 0%, color-mix(in srgb, var(--cyan) 18%, transparent) 35%, color-mix(in srgb, var(--accent-2) 0%, transparent) 70%);filter:blur(28px);z-index:-1;border-radius:50%;animation:5s ease-in-out infinite orb-glow;position:absolute;inset:-32%}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orb-ken-burns{0%{background-position:50%;background-size:112% 112%}to{background-position:56% 44%;background-size:124% 124%}}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.loading-meta{gap:8px;display:flex}.round-chip{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border-radius:999px;align-items:baseline;gap:6px;padding:6px 14px;display:inline-flex}.round-chip-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.round-chip-num{color:var(--accent);font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:800;line-height:1}.round-chip-sep{color:var(--text-muted)}.round-chip-total{color:var(--text-dim);font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:600}.diff-chip{border:1px solid var(--border);letter-spacing:.16em;color:var(--text-dim);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.diff-chip-dot{background:var(--mint);width:6px;height:6px;box-shadow:0 0 8px var(--mint);border-radius:50%}.diff-chip[data-mode=pro] .diff-chip-dot{background:var(--gg-danger);box-shadow:0 0 8px var(--gg-danger);animation:.7s infinite dot-flash}.diff-chip[data-mode=classic] .diff-chip-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}@keyframes dot-flash{0%,to{opacity:1}50%{opacity:.3}}.loading-line{color:var(--text-dim);animation:line-in .35s var(--ease-out);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.loading-line-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}@keyframes line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.loading-bar{background:#ffffff14;border-radius:999px;width:240px;height:4px;margin-top:12px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));background-size:200% 100%;border-radius:999px;height:100%;animation:1.6s ease-in-out infinite bar-shimmer,3.5s ease-out forwards bar-fill}@keyframes bar-fill{0%{width:0}to{width:100%}}@keyframes bar-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}.game-top-chrome{z-index:20;background:color-mix(in srgb, var(--bg-2) 92%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(140%);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-chip{color:var(--text-dim);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.hud-round{align-items:baseline;gap:4px;padding:8px 14px;font-family:Bricolage Grotesque,sans-serif;display:inline-flex}.hud-round-current{color:var(--accent);font-size:18px;font-style:italic;font-weight:800;line-height:1}.hud-round-sep{color:var(--text-muted);font-size:14px}.hud-round-total{color:var(--text-dim);font-size:14px;font-weight:600}.hud-round-status{color:var(--mint);letter-spacing:.1em;text-transform:uppercase;margin-left:6px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}.hud-score{border-left:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap;align-items:center;gap:10px;padding:6px 14px;display:flex}.hud-score-num{color:var(--text);font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800;line-height:1}.hud-score-cap{background:#ffffff1a;border-radius:999px;width:90px;height:4px;overflow:hidden}.hud-score-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .6s var(--ease-out);border-radius:999px}.hud-score-goal{color:var(--text-muted);font-size:11px;font-weight:500}.hud-timer{width:56px;height:56px;transition:filter .3s var(--ease-out);place-items:center;display:grid;position:relative}.hud-timer-text{color:var(--text);font-variant-numeric:tabular-nums;place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.hud-timer.is-critical{filter:drop-shadow(0 0 12px var(--accent))}.hud-timer.is-critical .hud-timer-text{color:var(--accent)}.hud-timer.is-danger{filter:drop-shadow(0 0 18px var(--gg-danger));animation:.5s ease-in-out infinite timer-shake}.hud-timer.is-danger .hud-timer-text{color:var(--gg-danger);animation:.5s ease-in-out infinite dot-flash}@keyframes timer-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.hud-chill{color:var(--mint);letter-spacing:.12em;gap:8px;padding:0 14px;font-size:11px;font-weight:700}.hud-chill .dot{border-radius:50%;width:6px;height:6px}.dot-mint{background:var(--mint);box-shadow:0 0 8px var(--mint)}.scene-playing{cursor:grab}.scene-playing:active{cursor:grabbing}.pano-stage{z-index:1;position:absolute;inset:0;overflow:hidden}.pano-img{-webkit-user-select:none;user-select:none;background-size:cover;transition:background-position 50ms linear;position:absolute;inset:-2%}.pano-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#00000073 100%),linear-gradient(#00000059 0%,#0000 25% 70%,#0000008c 100%);position:absolute;inset:0}.pano-controls{z-index:20;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pc-btn{background:color-mix(in srgb, var(--bg-2) 78%, transparent);border:1px solid var(--border);width:38px;height:38px;color:var(--text-dim);-webkit-backdrop-filter:blur(14px)saturate(160%);transition:all .18s var(--ease-out);border-radius:50%;place-items:center;display:grid}.pc-btn:hover{color:var(--text);border-color:var(--accent-2);transform:scale(1.05)}.compass{z-index:19;transform-origin:50%;pointer-events:none;opacity:0;margin-left:-22px;transition:transform 50ms linear;position:absolute;top:12px;left:50%}.pano-compass{z-index:18;background:color-mix(in srgb, var(--bg-2) 88%, transparent);border:1px solid color-mix(in srgb, var(--text-dim) 32%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);pointer-events:none;border-radius:50%;width:64px;height:64px;position:absolute;top:16px;right:16px;box-shadow:0 6px 18px #00000073}.pano-compass-dial{transition:transform 80ms linear;position:absolute;inset:0}.pcz-tick{transform-origin:0 0;background:var(--text);opacity:.55;width:.6px;height:3px;position:absolute;top:50%;left:50%}.pcz-tick.is-major{opacity:.9;width:1.4px;height:6px}.pcz-north{border-bottom:12px solid #ff4e6f;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:5px;left:50%;transform:translate(-50%)}.pano-compass-dir{background:color-mix(in srgb, var(--bg-1) 85%, transparent);border:1px solid color-mix(in srgb, var(--text-dim) 25%, transparent);width:24px;height:24px;color:var(--text);border-radius:50%;place-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:11px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pano-compass-dir.is-pop{animation:pcz-pop .35s var(--ease-out)}@keyframes pcz-pop{0%{opacity:.4;transform:translate(-50%,-50%)scale(.6)}55%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.pano-hint{z-index:20;background:color-mix(in srgb, var(--bg-2) 75%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px)saturate(160%);border-radius:12px;flex-direction:column;gap:2px;max-width:280px;padding:10px 14px;display:flex;position:absolute;bottom:24px;left:24px}.pano-hint-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.pano-hint-text{color:var(--text-dim);font-size:12px;font-weight:500}.guess-map{z-index:25;width:320px;transition:width .4s var(--ease-out), height .4s var(--ease-out);flex-direction:column;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}.guess-map.is-expanded{width:520px}.guess-map-shell{aspect-ratio:1.5;background:var(--bg-2);border:1px solid var(--border);width:100%;transition:aspect-ratio .4s var(--ease-out);cursor:crosshair;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #ffffff0f}.guess-map.is-expanded .guess-map-shell{aspect-ratio:1.55}.guess-map-svg{width:100%;height:100%;display:block}.guess-map-tools{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.gm-tool{border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0512b3;border-radius:6px;place-items:center;display:grid}.gm-tool:hover{color:var(--text)}.gm-pin-toggle{border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;transition:all .18s var(--ease-out);background:#0a0512b3;border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.gm-pin-toggle:hover{color:var(--text);border-color:var(--accent-2)}.guess-map.is-pinned .gm-pin-toggle{background:var(--accent);color:var(--ink);border-color:var(--accent)}.guess-map-hint{border:1px solid var(--border);color:var(--text-dim);pointer-events:none;z-index:5;background:#0a0512d9;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;animation:2.4s ease-in-out infinite hint-pulse;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.guess-map-hint svg{color:var(--accent)}@keyframes hint-pulse{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.03)}}.guess-submit{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 100%, white 12%) 0%, var(--accent) 50%, var(--accent-2) 100%);width:100%;height:52px;color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 5px 0 0 #0a0512d9, 0 14px 30px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transition:transform .12s var(--ease-out), filter .18s var(--ease-out), opacity .2s;border-radius:14px;align-items:center;gap:10px;padding:0 18px 0 14px;font-family:Bricolage Grotesque,sans-serif;display:flex;position:relative}.guess-submit.is-armed{animation:3s ease-in-out infinite arcade-pulse}.guess-submit.is-empty{color:var(--text-muted);cursor:not-allowed;background:#ffffff1a;border-color:#0006;animation:none;box-shadow:0 5px #0a0512d9,inset 0 2px #ffffff1a}.guess-submit:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px)}.guess-submit:not(:disabled):active{box-shadow:0 2px 0 0 #0a0512d9, 0 6px 14px -6px var(--accent-glow), inset 0 2px 0 #ffffff73;transform:translateY(3px)}@keyframes arcade-pulse{0%,to{box-shadow:0 5px 0 0 #0a0512d9, 0 14px 30px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f}50%{box-shadow:0 5px 0 0 #0a0512d9, 0 20px 46px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f}}.gs-icon{background:var(--ink);width:32px;height:32px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.gs-label{letter-spacing:.02em;flex:1;font-size:16px;font-style:italic;font-weight:800}.guess-submit.is-empty .gs-label{font-size:13px;font-style:normal;font-weight:600}.guess-submit.is-empty .gs-icon{color:var(--text-muted);background:#0000002e}.gs-arrow{place-items:center;display:grid}.danger-flash{z-index:50;pointer-events:none;background:radial-gradient(ellipse at center, transparent 30%, color-mix(in srgb, var(--gg-danger) 15%, transparent) 100%);animation:.6s ease-in-out infinite danger-flash;position:absolute;inset:0}@keyframes danger-flash{0%,to{opacity:.3}50%{opacity:1}}.world-map-wrap{width:100%;height:100%;display:block;position:relative;overflow:hidden}.world-map{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map-pins-overlay{pointer-events:none;position:absolute;inset:0}.html-pin{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.html-pin-actual{transform:translate(-50%,-50%)}.html-pin-label{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:#fff;white-space:nowrap;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0512eb;border-radius:8px;margin-top:6px;padding:4px 10px;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:700;box-shadow:0 6px 14px #00000080}.html-pin-actual .html-pin-label{border-color:color-mix(in srgb, var(--accent-2) 55%, transparent);color:#ffeaf1;margin-top:28px}.html-pin-guess .teardrop{filter:drop-shadow(0 6px 12px color-mix(in srgb, var(--accent) 85%, transparent));animation:pin-drop-in .55s var(--ease-out) both;width:40px;height:50px}@keyframes pin-drop-in{0%{opacity:0;transform:translateY(-18px)scale(.6)}60%{opacity:1;transform:translateY(2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}.bullseye{place-items:center;width:44px;height:44px;display:grid;position:relative}.bullseye-ring,.bullseye-mid,.bullseye-dot{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bullseye-ring{background:color-mix(in srgb, var(--accent-2) 22%, transparent);width:44px;height:44px;animation:2.2s ease-out infinite bullseye-pulse}.bullseye-mid{background:color-mix(in srgb, var(--accent-2) 55%, transparent);width:22px;height:22px;box-shadow:0 0 0 2px #0a051280}.bullseye-dot{background:var(--accent-2);width:14px;height:14px;box-shadow:0 0 0 1px #00000080, 0 6px 14px color-mix(in srgb, var(--accent-2) 85%, transparent);border:3px solid #fff}@keyframes bullseye-pulse{0%{opacity:.8;width:22px;height:22px}to{opacity:0;width:84px;height:84px}}.map-line line{animation:1.1s ease-out forwards line-draw}@keyframes line-draw{0%{stroke-dashoffset:800px}to{stroke-dashoffset:0}}.scene-result{flex-direction:column;display:flex}.result-map-wrap{z-index:1;transform-origin:86% 80%;animation:.52s cubic-bezier(.22,1,.36,1) result-map-expand;position:absolute;inset:0}@keyframes result-map-expand{0%{opacity:.35;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.result-map-svg{width:100%;height:100%}.result-map-veil{pointer-events:none;background:linear-gradient(#0000 0%,#0a051266 40%,#0a0512f2 95%);height:50%;position:absolute;bottom:0;left:0;right:0}.result-card{z-index:5;grid-template-columns:1.1fr 1.6fr 1.2fr auto;align-items:stretch;gap:16px;padding:0;display:grid;position:absolute;bottom:24px;left:24px;right:24px}.result-card-rating{background:color-mix(in srgb, var(--bg-2) 72%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:18px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.rating-stars{gap:4px;display:flex}.rating-star{color:#ffffff29;transition:color .3s}.rating-star.is-filled{color:var(--accent);animation:star-pop .45s var(--ease-out)}.result-card-rating[data-tier=gold] .rating-star.is-filled{color:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 65%, transparent))}.result-card-rating[data-tier=silver] .rating-star.is-filled{color:#d8dde6}.result-card-rating[data-tier=bronze] .rating-star.is-filled{color:#cd8e6b}@keyframes star-pop{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.4)rotate(20deg)}to{transform:scale(1)rotate(0)}}.rating-label{letter-spacing:-.02em;color:var(--text);font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-style:italic;font-weight:800}.rating-sub{color:var(--text-muted);font-size:12px;font-weight:500}.result-card-score{background:color-mix(in srgb, var(--bg-2) 72%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:18px;flex-direction:column;gap:4px;padding:16px 24px;display:flex}.result-card-score[data-ticking="0"] .score-num{text-shadow:0 0 24px var(--accent-glow)}.score-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.score-big{align-items:baseline;gap:4px;display:flex}.score-plus{color:var(--accent);font-family:Bricolage Grotesque,sans-serif;font-size:36px;font-weight:800}.score-num{letter-spacing:-.03em;background:linear-gradient(135deg, #fff, var(--accent) 65%, var(--accent-2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-size:64px;font-style:italic;font-weight:800;line-height:1;transition:text-shadow 50ms linear}.score-distance{color:var(--text-dim);align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:500;display:inline-flex}.score-distance b{color:var(--text);font-weight:700}.score-distance svg{color:var(--accent-2)}.result-card-total{background:color-mix(in srgb, var(--bg-2) 72%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:18px;flex-direction:column;gap:4px;padding:16px 24px;display:flex}.total-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.total-num{color:var(--text);font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:32px;font-weight:800;line-height:1.05}.total-cap{background:#ffffff1a;border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.total-cap-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width 1s var(--ease-out);border-radius:999px}.total-goal{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.result-next{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 100%, white 12%) 0%, var(--accent) 50%, var(--accent-2) 100%);height:70px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 6px 0 0 #0a0512d9, 0 18px 38px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transition:transform .12s var(--ease-out), filter .2s;border-radius:18px;align-items:center;gap:12px;padding:0 24px 0 22px;font-family:Bricolage Grotesque,sans-serif;animation:3.6s ease-in-out infinite arcade-pulse;display:inline-flex}.result-next:hover{filter:brightness(1.05);transform:translateY(-2px)}.result-next:active{transform:translateY(4px)}.rn-label{letter-spacing:-.01em;font-size:22px;font-style:italic;font-weight:800}.rn-arrow{background:var(--ink);width:40px;height:40px;color:var(--accent);transition:transform .2s var(--ease-out);border-radius:10px;place-items:center;display:grid}.result-next:hover .rn-arrow{transform:translate(4px)}.scene-summary{justify-content:center;align-items:center;padding:40px;display:flex}.game-root.is-summary .pano-canvas{filter:blur(16px)saturate(130%)brightness(.42);pointer-events:none;transition:filter .7s var(--ease-out), transform .7s var(--ease-out);transform:scale(1.12)}.summary-veil{background:radial-gradient(ellipse 80% 60% at 20% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent) 0%, transparent 60%), radial-gradient(ellipse at center, #0a051273 0%, #0a0512e6 100%);position:absolute;inset:0}.summary-frame{z-index:2;width:min(1180px,100%);max-height:100%;position:relative;overflow:auto}.summary-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.summary-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.summary-title{letter-spacing:-.035em;color:var(--text);margin:8px 0 24px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(48px,5.6vw,72px);font-style:italic;font-weight:800;line-height:.95}.summary-title-emph{background:linear-gradient(135deg, #fff, var(--accent) 50%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.summary-grid{grid-template-columns:380px 1fr;gap:22px;margin-bottom:24px;display:grid}.summary-medal{background:color-mix(in srgb, var(--bg-2) 72%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:20px;padding:28px 24px;display:flex}.medal-ring{background:radial-gradient(circle at 30% 30%, #fff6, #fff0 60%), linear-gradient(135deg, var(--accent), var(--accent-2));width:110px;height:110px;color:var(--ink);box-shadow:inset 0 4px 0 #fff6, inset 0 -4px 0 #0000001f, 0 18px 40px -8px var(--accent-glow), 0 0 0 4px #ffffff1f, 0 0 0 5px #00000080;border-radius:50%;place-items:center;animation:12s linear infinite medal-rotate;display:grid}.summary-medal[data-tier=platinum] .medal-ring{color:var(--bg-1);background:linear-gradient(135deg,#e8e8ff,#a8a8d6)}.summary-medal[data-tier=gold] .medal-ring{background:linear-gradient(135deg, var(--gold), var(--accent));color:var(--ink)}.summary-medal[data-tier=silver] .medal-ring{color:var(--bg-1);background:linear-gradient(135deg,#f0f3f9,#b8c0cd)}.summary-medal[data-tier=bronze] .medal-ring{color:var(--bg-1);background:linear-gradient(135deg,#f5b890,#b97a4f)}@keyframes medal-rotate{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.medal-pts{width:100%}.medal-num{letter-spacing:-.03em;background:linear-gradient(135deg, #fff, var(--accent));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque,sans-serif;font-size:56px;font-style:italic;font-weight:800;line-height:1}.medal-goal{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.medal-bar{background:#ffffff1a;border-radius:999px;height:8px;margin:14px 0 8px;overflow:hidden}.medal-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width 1.5s var(--ease-out);box-shadow:0 0 12px var(--accent-glow);border-radius:999px}.medal-tag{color:var(--accent);letter-spacing:.02em;margin-top:8px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700}.summary-rounds{background:color-mix(in srgb, var(--bg-2) 72%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:22px;flex-direction:column;padding:18px 20px;display:flex}.rounds-head{color:var(--text);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;display:flex}.rounds-head-sub{color:var(--text-muted);letter-spacing:.05em;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}.rounds-list{flex-direction:column;gap:6px;display:flex}.round-row{border:1px solid var(--border);transition:background .18s var(--ease-out), transform .18s var(--ease-out);background:#ffffff08;border-radius:14px;grid-template-columns:36px 56px 1fr 140px 80px 70px;align-items:center;gap:14px;padding:10px 12px;display:grid}.round-row:hover{background:#ffffff0f;transform:translate(2px)}.round-row-num{color:var(--accent);font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-style:italic;font-weight:800}.round-row-photo{object-fit:cover;background:var(--bg-2);border-radius:8px;width:56px;height:38px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.round-row-place{min-width:0}.round-row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.round-row-dist{color:var(--text-muted);font-size:11px;font-weight:500}.round-row-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.round-row-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;animation:bar-grow .8s var(--ease-out) both;border-radius:999px}@keyframes bar-grow{0%{width:0!important}}.round-row-pts{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:800}.round-row-stars{justify-content:flex-end;gap:2px;display:flex}.tiny-star{color:#ffffff24}.tiny-star.is-filled{color:var(--accent)}.summary-cta{justify-content:flex-end;align-items:center;gap:12px;display:flex}.ghost-btn{border:1.5px solid var(--border);color:var(--text);transition:all .18s var(--ease-out);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:14px 22px;font-size:14px;font-weight:600;display:inline-flex}.ghost-btn:hover{border-color:var(--accent-2);background:#ffffff0f}.play-again-btn{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 100%, white 12%) 0%, var(--accent) 50%, var(--accent-2) 100%);height:60px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 0 #0a0512d9, 0 16px 32px -10px var(--accent-glow), inset 0 2px 0 #ffffff73, inset 0 -2px 0 #0000001f;transition:transform .12s var(--ease-out), filter .2s;border-radius:16px;align-items:center;gap:12px;padding:0 26px 0 18px;font-family:Bricolage Grotesque,sans-serif;animation:3.6s ease-in-out infinite arcade-pulse;display:inline-flex}.play-again-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.play-again-btn:active{transform:translateY(3px)}.paa-arrow{background:var(--ink);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.paa-label{letter-spacing:.02em;font-size:20px;font-style:italic;font-weight:800}.confetti{pointer-events:none;z-index:60;width:0;height:0;position:absolute;top:60%;left:50%}.confetti span{background:radial-gradient(circle at 35% 35%, rgba(var(--c), .95) 0%, rgba(var(--c), .55) 35%, rgba(var(--c), 0) 75%);filter:blur(.6px);opacity:0;mix-blend-mode:screen;--start-x:0px;--end-x:0px;--end-y:-400px;--c:255,176,136;border-radius:50%;animation:2.6s cubic-bezier(.22,1,.36,1) forwards confetti-drift;display:block;position:absolute;top:0;left:0}.confetti-flash{background:radial-gradient(circle, color-mix(in srgb, var(--gold) 18%, transparent) 0%, color-mix(in srgb, var(--accent) 10%, transparent) 30%, color-mix(in srgb, var(--accent-2) 0%, transparent) 60%);mix-blend-mode:screen;border-radius:50%;width:1400px;height:1400px;animation:1.6s cubic-bezier(.22,1,.36,1) forwards confetti-flash;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes confetti-drift{0%{transform:translate(var(--start-x), 60px) scale(.4);opacity:0}8%{opacity:.95;transform:translate(var(--start-x), 30px) scale(1)}80%{opacity:.6}to{transform:translate(var(--end-x), var(--end-y)) scale(.7);opacity:0}}@keyframes confetti-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}@media (max-width:1100px){.summary-grid{grid-template-columns:1fr}.result-card{grid-template-columns:1fr 1fr;padding:16px}.result-card .result-next{grid-column:1/-1;justify-content:center}}@media (max-width:720px){.game-top-chrome{left:16px;right:16px;transform:none}.hud-score-cap{display:none}.guess-map{width:calc(100% - 32px)}}
.result-card-rating,.result-card-score,.result-card-total{border:2.5px solid var(--gg-ink);box-shadow:0 5px 0 0 var(--gg-ink-shadow), 0 14px 30px -12px #00000080, var(--gg-bevel)}.round-row{border:2px solid var(--gg-border-2);box-shadow:0 3px 0 0 var(--gg-ink-shadow)}.round-row:hover{box-shadow:0 5px 0 0 var(--gg-ink-shadow);transform:translateY(-2px)}.hud-chip,.round-chip,.diff-chip{border:2px solid var(--gg-border-2);box-shadow:0 3px #0a05128c}.result-next:active,.play-again-btn:active,.guess-submit:active{transform:translateY(3px)}