:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf7f1;font-synthesis:none;text-rendering:geometricprecision;--bg:#050610;--bg-soft:#09100c;--panel:#0a120da8;--panel-strong:#0b1610e0;--line:#adffd321;--line-strong:#adffd345;--text:#edf7f1;--muted:#8da499;--accent:#8df3b9;--accent-2:#7ed7ff;--warning:#ffe28a;--danger:#ff9b9b;--code-text:#b7c9bf;--code-font-family:"Maple Mono NF", "Maple Mono NF CN", ui-monospace, SFMono-Regular, Menlo, monospace;--code-font-size:14px;--neon-pink:#ff8fc6;--neon-violet:#c4b5fd;--shadow:0 28px 80px #00000070;background:#050610;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#8df3b947 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#8df3b938;background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#8df3b966}::-webkit-scrollbar-corner{background:0 0}html{background:var(--bg);scroll-behavior:smooth;overscroll-behavior-x:none;overflow-x:hidden}body{overscroll-behavior-x:none;background:radial-gradient(circle at 20% 0%, #7ed7ff0f, transparent 34rem), radial-gradient(circle at 90% 10%, #8df3b90f, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#07100b}.glow-stage{background:var(--bg);width:100%;min-height:100vh;position:relative}.mono{font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.site-shell{min-height:100vh;position:relative;overflow:hidden}.grid-noise{z-index:1;pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.home{z-index:2;grid-template-rows:auto 1fr auto;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;display:grid;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 0;display:flex}.brand{letter-spacing:.08em;color:var(--muted);align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:13px;display:flex}.brand-mark{border:1px solid var(--accent);width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 18px #8df3b999}.status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:var(--accent);border-radius:99px;width:7px;height:7px;box-shadow:0 0 16px #8df3b9bf}.hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:70px;padding:90px 0 76px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:26px;font-family:DM Mono,monospace;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--accent);width:32px;height:1px}.hero h1{letter-spacing:-.065em;max-width:780px;margin:0;font-size:clamp(54px,7vw,104px);font-weight:600;line-height:.94}.hero h1 .dim{color:#789084;font-weight:500}.hero-copy{max-width:620px;color:var(--muted);margin-top:30px;font-size:clamp(16px,1.7vw,20px);line-height:1.65}.meta-row{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}.pill{border:1px solid var(--line);color:#9db2a7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f0b99;border-radius:999px;padding:9px 12px;font-family:DM Mono,monospace;font-size:11px}.launch-grid{gap:14px;display:grid}.launch-card{border:1px solid var(--line);background:linear-gradient(135deg, #ffffff09, transparent 44%), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;min-height:178px;padding:26px;transition:transform .28s,border-color .28s,background .28s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 70px #0000003d}.launch-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#8df3b921,#0000 48%);transition:opacity .28s;position:absolute;inset:0}.launch-card:hover{border-color:var(--line-strong);background:linear-gradient(135deg, #ffffff0e, transparent 48%), var(--panel-strong);transform:translateY(-4px)}.launch-card:hover:before{opacity:1}.card-top{z-index:1;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;font-family:DM Mono,monospace;font-size:11px;display:flex;position:relative}.card-arrow{color:var(--accent);font-size:18px;transition:transform .25s}.launch-card:hover .card-arrow{transform:translate(3px,-3px)}.launch-card h2{z-index:1;letter-spacing:-.035em;margin:31px 0 7px;font-size:26px;font-weight:600;position:relative}.launch-card p{z-index:1;color:var(--muted);margin:0;font-size:13px;line-height:1.5;position:relative}.footer{border-top:1px solid var(--line);color:#687a70;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 30px;font-family:DM Mono,monospace;font-size:11px;display:flex}.footer a:hover{color:var(--accent)}.section-shell,.detail-shell{z-index:2;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;position:relative}.section-shell{flex-direction:column;display:flex}.collection-hero{padding:78px 0 60px}.collection-hero h1{letter-spacing:-.07em;max-width:900px;margin:0;font-size:clamp(54px,8vw,108px);font-weight:600;line-height:.91}.collection-hero h1 span{color:#71857b}.collection-hero>p{max-width:590px;color:var(--muted);margin:28px 0 0;font-size:17px;line-height:1.65}.collection-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;padding-bottom:76px;display:grid}.collection-card{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff0a, transparent 44%), var(--panel);border-radius:26px;min-height:350px;padding:25px;transition:transform .28s,border-color .28s,background .28s;position:relative;overflow:hidden;box-shadow:0 18px 70px #0003}.collection-card:after{content:"";opacity:.08;background:var(--card-accent,var(--accent));filter:blur(44px);border-radius:50%;width:220px;height:220px;position:absolute;top:20px;right:-100px}.collection-card:hover{border-color:var(--line-strong);background:linear-gradient(145deg, #fff1, transparent 50%), var(--panel-strong);transform:translateY(-5px)}.collection-card-top{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.collection-card-top span:last-child{color:var(--card-accent,var(--accent));font-size:17px}.collection-glyph{height:120px;color:var(--card-accent,var(--accent));letter-spacing:-.09em;text-shadow:0 0 34px color-mix(in srgb, var(--card-accent,var(--accent)) 40%, transparent);align-items:center;font-size:68px;font-weight:300;display:flex}.collection-card h2{letter-spacing:-.04em;margin:7px 0 9px;font-size:27px}.collection-card p{min-height:62px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.collection-meta{color:#607369;letter-spacing:.08em;margin-top:22px;font-size:9px}.arcade-minesweeper{--card-accent:var(--accent-2)}.arcade-dino{--card-accent:#ffe28a}.arcade-battleship{--card-accent:#8fb9ff}.arcade-snake{--card-accent:var(--accent)}.arcade-flappy{--card-accent:#ffe66d}.arcade-flood{--card-accent:#c04dff}.arcade-tower{--card-accent:#ffe66d}.arcade-bubbles{--card-accent:#39ff88}.arcade-suika{--card-accent:#ff5d7a}.arcade-game-shell{z-index:2;position:relative}.game-body{touch-action:manipulation}.canvas-panel{padding:10px;overflow:hidden}.canvas-panel canvas{background:#030805bf;border-radius:21px;width:100%;height:100%;display:block}.canvas-action{border:1px solid var(--line-strong);width:58px;height:58px;color:var(--accent);background:#09120cd6;border-radius:50%;font-size:22px;display:none;position:absolute;bottom:24px;right:24px}.mine-panel{grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:14px;display:grid}.mine-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mine-difficulty{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#080f0bb8;border-radius:999px;padding:8px 13px;font:10px DM Mono,monospace}.mine-difficulty:hover,.mine-difficulty.active{color:var(--accent);background:#8df3b91f;border-color:#8df3b957}.mine-count{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.mine-board{align-self:center;gap:clamp(2px,.45vw,4px);width:100%;max-height:100%;display:grid}.mine-cell{min-width:0;color:var(--accent);cursor:pointer;background:#8df3b912;border:1px solid #8df3b91a;border-radius:5px;padding:0;font:500 clamp(9px,2vw,16px) DM Mono,monospace}.mine-cell:hover{background:#8df3b921}.mine-cell.open{background:#ffffff05;border-color:#ffffff06}.mine-cell.flag{color:var(--accent-2);background:#7ed7ff1f}.mine-cell.mine{color:#ffd7ea;background:#ff8fc63d}.mine-cell.n1{color:var(--accent-2)}.mine-cell.n2{color:var(--accent)}.mine-cell.n3{color:#ffe28a}.mine-cell.n4,.mine-cell.n5,.mine-cell.n6,.mine-cell.n7,.mine-cell.n8{color:#ff8fc6}.game-shell-battleship .game-panel-wrap{width:min(100%,1040px,185svh - 222px)}.game-panel.battle-panel{aspect-ratio:auto;flex-direction:column;padding:14px;display:flex}.battle-status{height:38px;color:var(--muted);letter-spacing:.04em;align-items:center;padding:0 5px;font-size:10px;display:flex}.turn-light{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:8px}.turn-light.cpu{background:#ffe28a;box-shadow:0 0 10px #ffe28a}.battle-fields{flex:none;grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.battle-field{justify-items:center;gap:9px;display:grid}.battle-field-label{color:#607369;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.battle-grid{aspect-ratio:1;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);gap:2px;width:100%;display:grid}.battle-grid button{min-width:0;color:var(--text);cursor:crosshair;background:#7ed7ff09;border:1px solid #7ed7ff1a;border-radius:2px;padding:0;font:500 15px DM Mono,monospace}.battle-grid button:not(:disabled):hover{background:#7ed7ff29;border-color:#7ed7ff59}.battle-grid button.ship{background:#8df3b93b;border-color:#8df3b947}.battle-grid button.hit{color:#ffd7ea;background:#ff8fc659;border-color:#ff8fc6}.battle-grid button.miss{color:var(--accent-2);background:#7ed7ff1a}@media (orientation:portrait){.game-shell-battleship .game-panel-wrap{width:min(100%,50svh - 100px)}.battle-fields{grid-template-columns:1fr;gap:16px}}.utility-card{--card-accent:var(--accent-2)}.tool-shell{z-index:2;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100% - 40px);height:100svh;min-height:0;margin:0 auto;display:grid;position:relative;overflow:hidden}.tool-topbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:9px 0;display:flex}.tool-topbar .brand-mark-link,.tool-topbar .back-link{height:32px;min-height:32px}.tool-topbar .brand-mark-link{width:32px}.tool-topbar .back-link{gap:8px;padding:0 12px;font-size:11px}.tool-topbar .back-link span:first-child{font-size:15px}.brand-mark-link{border:1px solid var(--line);background:#080f0bb3;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.brand-mark-link:hover{border-color:var(--line-strong)}.tool-topbar-title{align-items:baseline;gap:10px;min-width:0;margin-right:auto;display:flex}.tool-topbar-title .eyebrow-mini{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;flex:none;font:10px DM Mono,monospace}.tool-topbar-title h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600;overflow:hidden}.tool-topbar .status{font-size:11px}.font-controls{flex:none;align-items:center;gap:6px;display:flex}.font-select{appearance:none;border:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;background:#080f0bb3;border-radius:999px;padding:5px 10px;font:10px DM Mono,monospace}.font-select:hover{border-color:var(--line-strong);color:var(--accent)}.font-select:focus{border-color:var(--line-strong);outline:none}.font-size-select{min-width:56px}.tool-panel{min-height:0;padding:10px 0;display:flex}.tool-panel .codec-card{flex-direction:column;flex:1;min-height:0;display:flex}.tool-panel .codec-grid{flex:1;min-height:0}.tool-panel .codec-grid textarea,.tool-panel .codec-grid .json-tree{height:100%;min-height:0}.diff-empty{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:40px 18px;display:flex}.diff-split{min-height:0;font-family:var(--code-font-family);font-size:var(--code-font-size);flex:1;grid-template-columns:46px minmax(0,1fr) 46px minmax(0,1fr);align-content:start;line-height:1.7;display:grid;overflow:auto}.diff-split-head{z-index:1;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:var(--panel);border-bottom:1px solid var(--line);padding:9px 14px;font-size:10px;position:sticky;top:0}.diff-split-head-left{grid-column:1/span 2}.diff-split-head-right{border-left:1px solid var(--line);grid-column:3/span 2}.diff-gutter{text-align:right;color:#4f6459;-webkit-user-select:none;user-select:none;background:#ffffff04;padding:0 10px}.diff-gutter-right{border-left:1px solid var(--line)}.diff-cell{white-space:pre;min-width:0;color:var(--code-text);padding:0 14px;overflow-x:auto}.diff-gutter-removed{color:var(--danger);background:#ff9b9b29}.diff-cell-removed{background:#ff9b9b1f}.diff-gutter-added{color:var(--accent);background:#8df3b929}.diff-cell-added{background:#8df3b91a}.diff-cell-empty{background:repeating-linear-gradient(135deg,#ffffff05 0 8px,#0000 8px 16px)}.diff-char-removed{color:var(--danger);background:#ff9b9b66;border-radius:3px;box-shadow:0 0 0 1px #ff9b9b40}.diff-char-added{color:var(--accent);background:#8df3b966;border-radius:3px;box-shadow:0 0 0 1px #8df3b940}.json-tree{overscroll-behavior:contain;min-height:0;font-family:var(--code-font-family);font-size:var(--code-font-size);color:var(--code-text);flex:1;padding:10px 14px;line-height:1.7;overflow:auto}.json-row{white-space:pre-wrap;word-break:break-word;align-items:flex-start;gap:2px;display:flex}.json-toggle{width:14px;height:21px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:9px;line-height:21px}.json-toggle:hover{color:var(--accent)}.json-toggle-spacer{flex:none;width:14px;display:inline-block}.json-children{border-left:1px dashed var(--line);margin-left:12px;padding-left:8px}.json-key{color:var(--accent)}.json-colon,.json-punct,.json-comma{color:var(--muted)}.json-summary{color:var(--muted);cursor:pointer;margin:0 4px;font-style:italic}.json-string{color:var(--accent-2)}.json-number{color:var(--warning)}.json-boolean{color:var(--neon-violet)}.json-null{color:var(--muted)}.detail-shell{overscroll-behavior-y:contain;overscroll-behavior-x:none;scroll-snap-type:y mandatory;scrollbar-width:none;height:100svh;min-height:0;overflow:hidden auto}.detail-shell::-webkit-scrollbar{display:none}.detail-shell>.topbar{scroll-snap-align:start;scroll-snap-stop:always}.detail-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;min-height:calc(100svh - 76px);padding:54px 0;display:grid;position:relative}.detail-intro-main{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px;display:grid}.detail-intro-copy .eyebrow{margin:4px 0 10px}.detail-intro-copy h1{letter-spacing:-.07em;margin:0;font-size:clamp(58px,8vw,104px);font-weight:600;line-height:.9}.detail-intro-copy p{max-width:650px;color:var(--muted);margin:20px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.6}.detail-intro-aside{min-width:260px}.scroll-cue{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scroll-cue span:last-child{color:var(--accent);font-size:15px;animation:1.8s ease-in-out infinite scroll-cue}@keyframes scroll-cue{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.workspace-stage{scroll-snap-align:start;scroll-snap-stop:always;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:100svh;padding:28px 0;display:grid}.workspace-stage-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;align-self:start;gap:8px;font-size:10px;display:flex}.workspace-stage-status span{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 12px}.workspace-stage>:last-child{align-self:center}.codec-card{border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow);border-radius:26px;overflow:hidden}.codec-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.codec-toolbar-left{align-items:center;gap:10px;min-width:0;display:flex}.codec-toolbar-left .codec-stat{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:10px}.codec-toolbar-right{flex:none;align-items:center;gap:6px;display:flex}.codec-toolbar .btn{padding:6px 11px;font-size:11px}.codec-toolbar .mode-switch{padding:2px}.codec-toolbar .mode-switch button{min-width:0;padding:5px 11px;font-size:10px}.mode-switch{border:1px solid var(--line);background:#050a0780;border-radius:999px;padding:3px;display:flex}.mode-switch button{min-width:92px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font:11px DM Mono,monospace}.mode-switch button.active{color:var(--accent);background:#8df3b91f}.codec-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;display:grid}.codec-grid label{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.codec-grid label+label{border-left:1px solid var(--line)}.codec-grid label>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:8px 14px 0;font-size:10px}.codec-grid textarea{resize:vertical;width:100%;min-height:370px;color:var(--code-text);font-family:var(--code-font-family);font-size:var(--code-font-size);background:0 0;border:0;outline:0;padding:10px 14px;line-height:1.65}.codec-grid textarea::placeholder{color:#496055}.codec-grid textarea.has-error{color:var(--danger)}.line-field{height:100%;min-height:220px;display:flex}.line-gutter{scrollbar-width:none;text-align:right;color:#4f6459;width:46px;font-family:var(--code-font-family);font-size:var(--code-font-size);-webkit-user-select:none;user-select:none;border-right:1px solid var(--line);background:#ffffff04;flex:none;padding:10px 10px 10px 0;line-height:1.65;overflow:hidden auto}.line-gutter::-webkit-scrollbar{display:none}.line-gutter>div{box-sizing:content-box}.line-mirror{visibility:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;box-sizing:border-box;position:absolute;top:0;left:-99999px}.line-field textarea{resize:none;flex:1;min-width:0}.line-field textarea.wrap-off{white-space:pre;overflow-x:auto}.line-field textarea.wrap-on{white-space:pre-wrap;word-break:break-word;overflow-x:hidden}.wrap-toggle.active{color:var(--accent);background:#8df3b91f;border-color:#8df3b957}.codec-stat.has-error{color:var(--danger);text-transform:none;letter-spacing:0}.codec-toolbar .btn.active{color:var(--accent);background:#8df3b91f;border-color:#8df3b957}.fx-shell .codec-card{background:var(--panel-strong)}.fx-body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.fx-body:has(.fx-picker){grid-template-columns:minmax(0,1fr) minmax(250px,320px)}.fx-main{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.fx-main:has(.fx-chart){grid-template-rows:minmax(0,auto) minmax(200px,1fr) auto}.fx-main:has(.fx-chart) .fx-history{max-height:26vh}.fx-main:not(:has(.fx-chart)):has(.fx-history-list.expanded){grid-template-rows:minmax(0,auto) minmax(0,1fr)}.fx-main:not(:has(.fx-chart)):has(.fx-history-list.expanded) .fx-history{max-height:none}.fx-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:10px;min-height:0;padding:12px;display:grid;overflow-y:auto}.fx-card{--fx-num-size:clamp(20px, 2.1vw, 27px);border:1px solid var(--line);background:#08100b99;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 14px;padding:10px 14px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.fx-card:focus-within{border-color:#8df3b980}.fx-card:hover{border-color:var(--line-strong)}.fx-card.active{background:#8df3b912;border-color:#8df3b961;box-shadow:0 0 0 1px #8df3b91f,0 18px 44px #0000005c}.fx-card.dragging{opacity:.55;transform:scale(.98)}.fx-card-top{grid-area:1/1/span 2;grid-template-columns:auto auto;align-items:center;gap:8px;min-width:0;display:grid}.fx-card-tools{align-items:center;gap:4px;display:flex}.fx-card.picked{border-color:#8df3b961;box-shadow:inset 0 0 0 1px #8df3b929}.fx-flag{filter:saturate(.92);font-size:30px;line-height:1}.fx-identity{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:2px 6px 2px 2px;transition:border-color .15s,background .15s;display:grid}.fx-identity:hover{border-color:var(--line);background:#8df3b90d}.fx-identity.active{background:#8df3b917;border-color:#8df3b957}.fx-pick-badge{width:16px;height:16px;color:var(--accent);background:#8df3b92e;border-radius:999px;place-items:center;font-size:9px;display:grid}.fx-id{flex-direction:column;gap:2px;min-width:0;display:flex}.fx-code{color:var(--text);font-family:var(--code-font-family);letter-spacing:.06em;font-size:17px;font-weight:500}.fx-card.active .fx-code{color:var(--accent)}.fx-name{display:none}.fx-handle{color:#46594f;cursor:grab;touch-action:none;background:0 0;border:0;padding:2px 4px;font-size:17px;line-height:1}.fx-handle:hover{color:var(--accent)}.fx-handle:active{cursor:grabbing}.fx-remove{color:#3d4e45;cursor:pointer;background:0 0;border:0;padding:2px;font-size:17px;line-height:1}.fx-remove:hover:not(:disabled){color:var(--danger)}.fx-remove:disabled{opacity:.3;cursor:not-allowed}.fx-input{width:100%;min-width:0;color:var(--text);font-family:var(--code-font-family);font-size:var(--fx-num-size);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right;background:0 0;border:0;outline:0;grid-area:1/2;padding:0}.fx-input::placeholder{color:#33453b}.fx-card.active .fx-input{color:var(--accent);text-shadow:0 0 26px #8df3b94d}.fx-card-foot{color:#5c7166;letter-spacing:.05em;text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:2/2;font-size:10px;overflow:hidden}.fx-card.active .fx-card-foot{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.fx-picker{border-left:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.fx-search{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;outline:0;padding:14px 16px;font-size:13px}.fx-search::placeholder{color:#496055}.fx-options{overscroll-behavior:contain;min-height:0;padding:6px 0;overflow-y:auto}.fx-option{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:26px 42px minmax(0,1fr);align-items:center;gap:10px;padding:8px 16px;font-size:12px;display:grid}.fx-option:hover{background:#8df3b914}.fx-option-flag{font-size:18px;line-height:1}.fx-option .mono{color:var(--accent);font-family:var(--code-font-family);font-size:12px}.fx-option-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fx-empty{color:var(--muted);padding:14px 16px;font-size:11px}.fx-sources{border-bottom:1px solid var(--line);background:#08100b73;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;padding:12px 16px;display:grid}.fx-source{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:12px;gap:5px;padding:10px 12px;display:grid}.fx-source:hover{border-color:var(--line-strong)}.fx-source.active{background:#8df3b912;border-color:#8df3b961}.fx-source-head{align-items:center;gap:8px;display:flex}.fx-source-label{color:var(--text);font-family:var(--code-font-family);letter-spacing:.04em;font-size:12px}.fx-source.active .fx-source-label{color:var(--accent)}.fx-source-tag{border:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:9px}.fx-source-note{color:var(--muted);font-size:11px;line-height:1.45}.fx-source-when{color:#5c7166;letter-spacing:.04em;font-size:10px}.fx-history{border-top:1px solid var(--line);background:#060c0980;grid-template-rows:auto minmax(0,1fr);max-height:34vh;display:grid}.fx-history-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:8px 16px;display:flex}.fx-history-actions{align-items:center;gap:8px;display:flex}.fx-history-title{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.fx-history-list{overscroll-behavior:contain;min-height:0;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.fx-history-list:not(.expanded){overflow:hidden}.fx-history-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 10px 0 16px;display:grid}.fx-history-row+.fx-history-row{border-top:1px solid #adffd30f}.fx-history-row:hover{background:#8df3b90d}.fx-history-line{min-width:0;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex}.fx-history-leg{align-items:center;gap:5px;display:inline-flex}.fx-history-leg .mono{font-family:var(--code-font-family);font-variant-numeric:tabular-nums}.fx-history-leg.base .mono{color:var(--accent)}.fx-history-flag{font-size:14px;line-height:1}.fx-history-eq{color:#46594f}.fx-history-meta{white-space:nowrap;align-items:center;gap:8px;display:flex}.fx-history-source{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;border-radius:999px;padding:1px 6px;font-size:9px}.fx-history-when{color:#5c7166;white-space:nowrap;font-size:10px}.fx-history-remove{color:#3d4e45;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:15px;line-height:1}.fx-history-remove:hover{color:var(--danger)}.fx-chart{border-top:1px solid var(--line);background:#060c0980;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;padding:10px 16px 12px;display:grid}.fx-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;display:flex}.fx-chart-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.fx-chart-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-chart-figure{grid-template-rows:auto minmax(0,1fr) auto;gap:4px;min-height:0;display:grid}.fx-chart-plot{cursor:crosshair;touch-action:none;min-height:0;position:relative}.fx-chart-cursor{pointer-events:none;position:absolute;inset:0}.fx-chart-crosshair{background:#8df3b947;position:absolute}.fx-chart-crosshair.vertical{width:1px;top:0;bottom:0}.fx-chart-crosshair.horizontal{height:1px;left:0;right:0}.fx-chart-dot.last{pointer-events:none;position:absolute}.fx-chart-dot{border:1px solid var(--bg,#050610);background:var(--accent);border-radius:999px;width:7px;height:7px;margin:-4px 0 0 -4px;position:absolute;box-shadow:0 0 12px #8df3b999}.fx-chart-tip{z-index:2;border:1px solid var(--line-strong);pointer-events:none;white-space:nowrap;background:#060e0af0;border-radius:8px;gap:2px;padding:5px 8px;display:grid;position:absolute;transform:translate(10px,-50%);box-shadow:0 10px 26px #00000073}.fx-chart-tip.flip{transform:translate(calc(-100% - 10px),-50%)}.fx-chart-tip-date{color:var(--muted);letter-spacing:.08em;font-size:9px}.fx-chart-tip-rate{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.fx-chart-readout{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.fx-chart-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px}.fx-chart-change{letter-spacing:.04em;font-size:10px}.fx-chart-change.up{color:var(--accent)}.fx-chart-change.down{color:var(--danger)}.fx-chart-svg{width:100%;height:100%;min-height:120px;overflow:visible}.fx-chart-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.fx-chart-grid.faint{stroke:var(--line);stroke-dasharray:3 6;opacity:.5}.fx-chart-line{fill:none;stroke:var(--accent);stroke-width:1.75px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #8df3b959)}.fx-chart-area{fill:url(#fx-chart-fade);stroke:none}.fx-chart-ticks{pointer-events:none;position:absolute;top:0;bottom:0;left:0}.fx-chart-tick{color:#5c7166;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px;position:absolute;right:6px;transform:translateY(-50%)}.fx-chart-axis{color:#5c7166;justify-content:space-between;gap:10px;font-size:10px;display:flex}.dino-launch-card{border:1px solid var(--line);background:#0a120ed1;border-radius:24px;max-width:900px;margin:0 auto;padding:28px;box-shadow:0 24px 80px #0000003d}.dino-launch-card>label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:11px;display:block}.dino-url-row{grid-template-columns:1fr auto;gap:12px;display:grid}.dino-url-row input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--accent);border-radius:10px;outline:0;padding:15px 17px;font:15px/1.2 DM Mono,monospace}.dino-url-row input:focus{border-color:var(--accent)}.dino-launch-card>p{color:var(--muted);margin:16px 0 0;font-size:11px}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.game-shell{scroll-snap-align:start;scroll-snap-stop:always;grid-template-rows:auto minmax(0,1fr);gap:12px;width:100%;height:100svh;min-height:0;margin:0 auto;padding:28px 0;display:grid;overflow:hidden}.back-link{border:1px solid var(--line);min-height:44px;color:var(--text);background:#080f0bb3;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-family:DM Mono,monospace;font-size:12px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.back-link:hover{color:var(--accent);border-color:var(--line-strong);background:#0d1811eb;transform:translate(-2px)}.back-link span:first-child{font-size:18px;line-height:1}.score-row{gap:10px;margin:0;display:flex}.score-box{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:92px;padding:12px 14px}.score-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:10px DM Mono,monospace}.score-value{margin-top:5px;font:500 19px DM Mono,monospace}.game-panel{aspect-ratio:1;border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ffffff0d,#0000 38%),#080f0be0;border-radius:30px;padding:14px;position:relative}.game-panel-wrap{place-self:center;width:min(100%,820px,100svh - 120px)}.game-stage-hud{justify-content:flex-end;align-self:start;gap:8px;width:100%;display:flex}.game-stage-hud:before{content:"top edge: swipe to return";color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-self:center;margin-right:auto;font:9px DM Mono,monospace}.game-stage-hud>div{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;min-width:82px;padding:8px 12px}.game-stage-hud span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:9px DM Mono,monospace;display:block}.game-stage-hud strong{color:var(--text);margin-top:3px;font:500 16px DM Mono,monospace;display:block}.board{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:10px;width:100%;height:100%;display:grid}.tile{letter-spacing:-.06em;border:1px solid #ffffff0b;border-radius:18px;place-items:center;font:600 clamp(23px,4.2vw,44px) DM Mono,monospace;transition:transform .12s,background .15s,border-color .15s;display:grid}.tile.empty{color:#0000;background:#ffffff07}.tile[data-value="2"]{color:#bde8cd;background:#111c16}.tile[data-value="4"]{color:#c8efd6;background:#15241b}.tile[data-value="8"]{color:#aef2c8;background:#173426}.tile[data-value="16"]{color:#c4ffdb;background:#1b4932}.tile[data-value="32"]{color:#d8ffe7;background:#1f6240}.tile[data-value="64"]{color:#effff5;background:#217b4d}.tile[data-value="128"]{color:#d9fbff;background:#235b63}.tile[data-value="256"]{color:#e0efff;background:#244979}.tile[data-value="512"]{color:#eee9ff;background:#443b82}.tile[data-value="1024"]{color:#fae9ff;background:#653c80;font-size:clamp(17px,3.3vw,34px)}.tile[data-value="2048"]{color:#06110b;background:linear-gradient(135deg,#7ef2b4,#7ed7ff);border-color:#ffffff73;font-size:clamp(17px,3.3vw,34px);box-shadow:0 0 34px #7ed7ff40}.tile.super{color:#07110b;background:#edf7f1;font-size:clamp(15px,2.7vw,28px)}.game-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#080f0bb8;border-radius:999px;padding:11px 15px;font:12px DM Mono,monospace;transition:border-color .2s,transform .2s,background .2s}.btn:hover{border-color:var(--line-strong);background:#0d1811eb;transform:translateY(-1px)}.btn.primary{color:var(--accent);border-color:#8df3b957}.game-note{color:#607369;letter-spacing:.04em;text-transform:uppercase;margin-top:10px;font:9px/1.5 DM Mono,monospace}.game-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#050806c7;border-radius:20px;place-items:center;display:grid;position:absolute;inset:14px}.overlay-card{text-align:center;padding:28px}.overlay-card strong{letter-spacing:-.04em;font-size:34px;display:block}.overlay-card span{color:var(--muted);margin:9px 0 20px;display:block}.snake-panel{padding:12px}.snake-board{aspect-ratio:1;grid-template-rows:repeat(18,1fr);grid-template-columns:repeat(18,1fr);gap:2px;width:100%;height:auto;display:grid}.snake-cell{background:#ffffff05;border-radius:3px;min-width:0;min-height:0}.snake-body{background:#8df3b98f;box-shadow:0 0 8px #8df3b929}.snake-head{background:var(--accent);box-shadow:0 0 15px #8df3b98c}.snake-food{background:var(--accent-2);border-radius:50%;box-shadow:0 0 15px #7ed7ffbf}.direction-pad{grid-template-rows:repeat(3,68px);grid-template-columns:repeat(3,68px);justify-content:center;gap:8px;width:224px;margin:18px auto 0;display:none}.direction-pad button{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--text);touch-action:manipulation;border-radius:14px;font:26px DM Mono,monospace}.direction-pad button:first-child{grid-area:1/2}.direction-pad button:nth-child(2){grid-area:2/1}.direction-pad button:nth-child(3){grid-area:3/2}.direction-pad button:nth-child(4){grid-area:2/3}@media (width<=820px){.hero{grid-template-columns:1fr;gap:42px}.game-panel-wrap{width:min(100%,680px,100svh - 220px)}.hero{padding-top:60px}.launch-grid{grid-template-columns:1fr 1fr}.direction-pad{display:grid}.collection-grid{grid-template-columns:1fr 1fr}.canvas-action{display:block}.detail-intro{grid-template-columns:1fr;align-content:center;align-items:start;gap:22px}.detail-intro-aside{min-width:0}.game-summary{grid-template-columns:auto auto minmax(150px,1fr);align-items:center;gap:14px;display:grid}.game-summary .game-actions,.game-summary .game-note{margin-top:0}}@media (width<=600px){.home{width:min(100% - 26px,1180px)}.topbar{padding:22px 0}.topbar .status span:last-child{display:none}.hero{padding:48px 0 58px}.hero h1{font-size:clamp(50px,16vw,76px)}.launch-grid{grid-template-columns:1fr}.launch-card{min-height:150px}.footer{flex-direction:column;align-items:flex-start}.section-shell{width:min(100% - 26px,1180px)}.detail-shell{width:min(100% - 22px,1180px)}.collection-hero{padding:52px 0 42px}.collection-hero h1{font-size:clamp(49px,15vw,74px)}.collection-grid{grid-template-columns:1fr;padding-bottom:52px}.collection-card{min-height:310px}.detail-intro{min-height:calc(100svh - 60px);padding:36px 0}.detail-intro-main{grid-template-columns:auto minmax(0,1fr);gap:14px}.detail-intro-main .back-link{justify-content:center;justify-self:start;width:44px;padding:0}.detail-intro-main .back-link span:last-child{display:none}.detail-intro-copy h1{font-size:clamp(52px,16vw,78px)}.detail-intro-copy p{margin-top:12px}.workspace-stage{padding:20px 0}.dino-launch-card{padding:20px}.dino-url-row{grid-template-columns:1fr}.codec-toolbar{flex-direction:column;align-items:stretch}.codec-toolbar-left,.codec-toolbar-right{flex-wrap:wrap}.mode-switch button{flex:1;min-width:0}.codec-grid{grid-template-columns:1fr}.codec-grid label+label{border-left:0;border-top:1px solid var(--line)}.codec-grid textarea{min-height:220px}.tool-shell{width:min(100% - 26px,1180px)}.tool-topbar{flex-wrap:wrap;gap:12px;padding:16px 0}.tool-topbar .back-link{justify-content:center;width:44px;padding:0}.tool-topbar .back-link span:last-child,.tool-topbar .status span:last-child{display:none}.font-select{max-width:96px}.font-size-select{min-width:0;max-width:56px}.tool-panel{overflow-y:auto}.tool-panel .codec-card{min-height:100%}.diff-split{grid-template-columns:34px minmax(240px,1fr) 34px minmax(240px,1fr);font-size:12px}.diff-gutter{padding:0 6px}.diff-cell{padding:0 10px}.tool-panel .codec-grid{flex:none}.tool-panel .codec-grid textarea{height:auto;min-height:220px}.tool-panel .codec-grid .json-tree{height:auto;min-height:220px;max-height:50vh}.codec-toolbar-right .btn{flex:1}.line-gutter{width:34px;padding:10px 6px 10px 0;font-size:11px}.tool-panel .line-field,.tool-panel .line-field textarea{height:auto;min-height:220px}.fx-body{grid-template-rows:minmax(0,1fr)}.fx-body:has(.fx-picker){grid-template-rows:minmax(0,1fr) minmax(140px,42vh);grid-template-columns:minmax(0,1fr)}.fx-picker{border-left:0;border-top:1px solid var(--line)}.fx-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px}.fx-card{--fx-num-size:24px;border-radius:14px;gap:2px 12px;padding:8px 12px}.fx-flag{font-size:22px}.fx-code{font-size:15px}.codec-toolbar-right .btn{white-space:nowrap}.fx-chart{padding:8px 12px 10px}.fx-history-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"line remove""meta remove";padding:4px 8px 4px 12px}.fx-history-line{grid-area:line}.fx-history-meta{grid-area:meta;padding-bottom:5px}.fx-history-remove{grid-area:remove}.battle-fields{gap:10px}.battle-grid{width:100%;margin:0}.game-shell{padding:20px 0 40px}.game-summary{grid-template-columns:1fr 1fr;gap:12px}.game-summary .game-note{grid-column:1/-1}.game-panel{border-radius:22px;padding:10px}.game-panel-wrap{width:min(100%,100svh - 220px)}.board{gap:7px}.tile{border-radius:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.glow-cursor__canvas{display:none}}.tracks-shell{overscroll-behavior:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tracks-top{flex:none;padding:0 20px}.tracks-top .topbar{border-bottom:0;padding:14px 0}.tracks-body{border-top:1px solid var(--line);flex:1;grid-template-columns:320px minmax(0,1fr);min-height:0;display:grid}.tracks-body.panel-closed{grid-template-columns:0 minmax(0,1fr)}.tracks-panel{border-right:1px solid var(--line);background:var(--panel-strong);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.panel-closed .tracks-panel{visibility:hidden;border:0}.tracks-handle{display:none}.tracks-scope{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:10px;display:flex}.tracks-scope-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracks-scope .btn{flex:none}.tracks-shell .btn{border-radius:8px;padding:5px 10px;font-size:11px;line-height:1.45}.tracks-shell .btn:hover{transform:none}.tracks-item-row{align-items:stretch;display:flex}.tracks-item-row .tracks-item{flex:1;min-width:0}.tracks-star{color:var(--accent);margin-left:5px;font-size:10px}.tracks-detail-actions,.tracks-scope-actions{flex:none;gap:6px;display:flex}.tracks-modes .btn{border-color:var(--line-strong)}.tracks-modes .btn.active{border-color:var(--accent);background:var(--accent);color:#04120b;box-shadow:0 0 0 1px var(--accent)}.tracks-modes .btn.active:hover{background:var(--accent)}.tracks-modes .btn.active .tracks-badge{color:#04120b;background:#04120b40}.tracks-search{gap:8px;padding:8px 10px 0}.tracks-view-switch{gap:3px;padding:7px 10px 0;display:flex}.tracks-view-switch button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:7px;flex:1;padding:6px 8px;font-size:11px}.tracks-view-switch button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text)}.tracks-projects{flex-direction:column;flex:1;min-height:0;display:flex}.tracks-project-actions,.tracks-project-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.tracks-project-actions>span{color:var(--muted);font-size:10px}.tracks-place-desc{white-space:pre-wrap;margin:10px 0 0;font-size:13px;line-height:1.5}.tracks-project-heading>div{flex-direction:column;gap:4px;min-width:0;display:flex}.tracks-project-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tracks-project-heading .mono{color:var(--muted);font-size:10px}.tracks-project-list{flex:1;min-height:0;overflow-y:auto}.tracks-project-card{border:0;border-bottom:1px solid var(--line);width:100%;min-height:104px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:18px 16px;display:flex}.tracks-project-card:hover{background:var(--panel)}.tracks-project-card-body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.tracks-project-card-body strong{font-size:15px;line-height:1.3}.tracks-project-card .mono{color:var(--muted);font-size:11px}.tracks-project-desc{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0;font-size:12px;line-height:1.5}.tracks-project-arrow{color:var(--muted);flex:none;font-size:22px}.tracks-project-filters{border-bottom:1px solid var(--line);flex-direction:column;gap:9px;padding:10px;display:flex}.tracks-project-toggles{align-items:center;gap:6px;display:flex}.tracks-project-toggles button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:7px 10px;font-size:12px}.tracks-project-toggles button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.tracks-project-calendar{scrollbar-width:thin;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-height:170px;display:grid;overflow-y:auto}.tracks-project-day{border:1px solid var(--line);min-width:0;min-height:28px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:2px;padding:3px 1px;display:flex;position:relative}.tracks-project-day:hover,.tracks-project-day.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}.tracks-project-day strong{font-size:13px;font-weight:600;line-height:1}.tracks-project-day .mono{font-size:8px}.tracks-project-day.all{font-size:10px}.tracks-project-day i{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;top:3px;right:3px}.tracks-project-result{color:var(--muted);font-size:10px}.tracks-search .tracks-input{flex:1;min-width:0}.tracks-mapbar{background:var(--panel);border-bottom:1px solid var(--line);flex:none}.tracks-mapbar .tracks-scope{border-bottom:0;padding-bottom:6px}.tracks-chipstrip{scrollbar-width:thin;flex-wrap:wrap;gap:6px;max-height:84px;padding:0 12px 10px;display:flex;overflow-y:auto}.tracks-mapchip{--chip:var(--accent);border:1px solid color-mix(in srgb, var(--chip) 45%, var(--line));background:color-mix(in srgb, var(--chip) 12%, transparent);border-radius:999px;flex:none;align-items:stretch;max-width:150px;display:inline-flex;overflow:hidden}.tracks-mapchip-name{min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:3px 3px 3px 9px;font-size:11px;display:inline-flex}.tracks-mapchip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tracks-mapchip-name:hover{color:var(--chip)}.tracks-mapchip-x{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0 8px 1px;font-size:14px;line-height:1}.tracks-mapchip-x:hover{color:var(--text);background:color-mix(in srgb, var(--chip) 22%, transparent)}.tracks-mapempty{border:1px dashed var(--line-strong);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 10px;padding:8px 10px;font-size:10px;display:flex}.tracks-mapempty .btn{flex:none}.tracks-filter-layer{border-bottom:1px solid var(--line);background:var(--panel-strong);flex:none}.tracks-filter-layer .tracks-filters{border-bottom:0}.tracks-filter-done{width:calc(100% - 20px);margin:0 10px 10px}.tracks-ws-toggle{border-right:1px solid var(--line);cursor:pointer;flex:none;justify-content:center;align-items:center;width:44px;display:flex}.tracks-ws-toggle:hover{background:var(--panel)}.tracks-ws-toggle.active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tracks-ws-toggle input,.tracks-tri{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.tracks-tri:disabled{opacity:.3;cursor:default}.tracks-filters{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 10px 8px;display:flex}.tracks-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:10px}.tracks-input{width:100%;min-width:0;color:var(--text);border:1px solid var(--line);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0000004d;border-radius:8px;padding:7px 9px;font-size:13px}.tracks-input[type=date]{padding:7px 5px;font-size:12px}.tracks-input:focus{border-color:var(--line-strong);outline:none}.tracks-row{align-items:center;gap:6px;display:flex}.tracks-dash{color:var(--muted);font-size:12px}.tracks-chips{flex-wrap:wrap;gap:6px;display:flex}.tracks-chips>.tracks-chips{display:contents}.tracks-chip{white-space:nowrap;--chip:var(--accent);border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.tracks-chip:hover{color:var(--text);border-color:var(--line-strong)}.tracks-chip.active{color:var(--text);border-color:var(--chip);background:color-mix(in srgb, var(--chip) 14%, transparent)}.tracks-swatch{background:var(--chip);width:8px;height:8px;box-shadow:0 0 8px var(--chip);border-radius:50%;flex:none}.tracks-check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.tracks-check input{accent-color:var(--accent)}.tracks-reset{flex:none}.tracks-more{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:2px 0;font-size:11px;display:inline-flex}.tracks-more:hover{color:var(--text)}.tracks-badge{background:var(--accent);color:#000;text-align:center;border-radius:999px;min-width:16px;padding:0 5px;font-size:10px;line-height:16px}.tracks-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;display:grid}.tracks-grid>*{min-width:0}.tracks-grid .tracks-label{white-space:nowrap;margin-top:0}.tracks-row>.tracks-input{flex:1 1 0}.tracks-list{margin:0;padding:4px 6px;list-style:none}.tracks-item{--chip:var(--accent);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:5px 10px;display:flex}.tracks-item:hover{background:#ffffff08}.tracks-item.active{border-color:var(--chip);background:color-mix(in srgb, var(--chip) 10%, transparent)}.tracks-item-main{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.tracks-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.tracks-item-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.tracks-item-dist{color:var(--code-text);white-space:nowrap;font-size:11px}.tracks-empty{color:var(--muted);padding:20px 14px;font-size:12px}.tracks-notice{text-align:left;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--warn,#e0a33e) 14%, transparent);width:100%;color:var(--fg);font:inherit;cursor:pointer;padding:8px 14px;font-size:11px;display:block}.tracks-notice:hover{background:color-mix(in srgb, var(--warn,#e0a33e) 22%, transparent)}.tracks-stage{min-width:0;min-height:0;position:relative}.tracks-stage .tracks-map{background:var(--bg);position:absolute;inset:0}.tracks-toolbar{z-index:2;gap:6px;display:flex;position:absolute;top:10px;left:10px}.tracks-toolbar .btn{background:var(--panel-strong)}.tracks-toolbar .btn.active{border-color:var(--accent);color:var(--accent)}.tracks-toolbar .btn:disabled{opacity:.4;cursor:default}.tracks-detail{z-index:2;border:1px solid var(--line-strong);background:var(--panel-strong);width:min(380px,100% - 20px);max-height:calc(100% - 70px);box-shadow:var(--shadow);border-radius:14px;padding:14px;position:absolute;bottom:34px;left:10px;overflow-y:auto}.tracks-detail-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tracks-detail-head>div:first-child{flex:1;min-width:0}.tracks-detail-head .tracks-item-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracks-detail-sub{overflow-wrap:anywhere;margin-top:4px}.tracks-detail-head h2{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:17px;font-weight:600;overflow:hidden}.tracks-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.tracks-stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.tracks-stats dd{margin:2px 0 0;font-size:15px}.tracks-wpts{margin:0 0 10px;padding-left:20px;font-size:13px}.tracks-wpts li{padding:2px 0}.tracks-wpts li button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:baseline;gap:8px;margin-left:-4px;padding:2px 4px;display:flex}.tracks-wpts li button:hover,.tracks-wpts li button:focus-visible{background:#ffffff14}.tracks-wpts li span:last-child{color:var(--muted);font-size:11px}.tracks-profile-wrap{padding:12px 0 14px 40px}.tracks-profile-plot{position:relative}.tracks-profile{width:100%;height:70px;display:block}.tracks-profile-grid{stroke:color-mix(in srgb, var(--fg) 12%, transparent);stroke-dasharray:2 3}.tracks-profile-ytick,.tracks-profile-xtick,.tracks-profile-readout{color:var(--muted);white-space:nowrap;pointer-events:none;font-size:9px;position:absolute}.tracks-profile-ytick{left:-6px;transform:translate(-100%,-50%)}.tracks-profile-xtick{top:100%}.tracks-profile-readout{color:var(--fg);background:color-mix(in srgb, var(--bg) 85%, transparent);border-radius:3px;padding:0 3px;top:-12px;transform:translate(-50%)}.tracks-profile-hover{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 2}.tracks-profile-dot{background:var(--accent);pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.tracks-profile-fill{fill:#8df3b91a}.tracks-profile-line{fill:none;stroke:var(--accent);stroke-width:1.5px}.tracks-profile-cursor{stroke:#fff;stroke-width:1px}.tracks-profile-idle{fill:color-mix(in srgb, var(--fg) 16%, transparent)}.tracks-profile.scrub{cursor:ew-resize;touch-action:none}.tracks-play{flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 6px;display:flex}.tracks-play .btn{min-width:32px}.tracks-play input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.tracks-play .tracks-input{width:auto;padding:4px 6px;font-size:12px}.tracks-play-time{white-space:nowrap;color:var(--muted);text-align:right;margin-left:auto;font-size:11px}.tracks-play-idle{white-space:nowrap;color:var(--muted);flex:none;font-size:11px}.tracks-play-track{background:color-mix(in srgb, var(--fg) 14%, transparent);height:2px;margin-top:4px}.tracks-play-track-fill{background:var(--accent);height:100%}.tracks-shell .maplibregl-ctrl-group{background:var(--panel-strong);border:1px solid var(--line)}.tracks-shell .maplibregl-ctrl-group button+button{border-top-color:var(--line)}.tracks-shell .maplibregl-ctrl-icon{filter:invert()hue-rotate(180deg)}.tracks-shell .maplibregl-ctrl-scale{background:var(--panel-strong);color:var(--muted);border-color:var(--line-strong)}.tracks-shell .maplibregl-ctrl-attrib{color:var(--muted);background:#050610b3}.tracks-shell .maplibregl-ctrl-attrib a{color:var(--muted)}@media (width<=760px){.tracks-top{padding:0 16px}.tracks-body,.tracks-body.panel-closed{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.tracks-body.sheet-half .tracks-panel{height:46vh}.tracks-body.sheet-full .tracks-panel{height:88vh}.tracks-body.sheet-full .tracks-detail,.tracks-body.sheet-full .tracks-toolbar{display:none}.tracks-body.sheet-peek .tracks-panel{height:auto}.tracks-panel{border-right:0;border-top:1px solid var(--line);order:2}.tracks-stage{order:1}.tracks-detail{max-height:calc(100% - 60px);bottom:28px}.tracks-stats{grid-template-columns:repeat(3,1fr);gap:6px}}.tracks-stats-toggle{display:none}@media (width<=760px){.tracks-detail{border-radius:12px;width:auto;max-height:45%;padding:8px 10px;bottom:8px;left:8px;right:8px}.tracks-detail-head h2{margin:1px 0;font-size:14px}.tracks-detail-sub{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.tracks-stats{gap:4px 6px;margin:6px 0;display:none}.tracks-stats.open{display:grid}.tracks-stats dt{font-size:9px}.tracks-stats dd{font-size:12px}.tracks-stats-toggle{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:space-between;gap:8px;margin:6px 0 0;padding:5px 8px;font-size:11px;display:flex}.tracks-stats-toggle span:last-child{color:var(--muted)}.tracks-profile-wrap{padding:10px 0 13px 34px}.tracks-detail-head .tracks-item-meta{font-size:9px}.tracks-shell .tracks-detail .btn{padding:4px 8px;font-size:10px}.tracks-play{gap:6px;margin:6px 0 0}.tracks-play .btn,.tracks-play .tracks-input,.tracks-play-time{font-size:10px}.tracks-profile{height:40px}}.tracks-playhead{--chip:var(--accent);border:3px solid var(--chip);width:14px;height:14px;box-shadow:0 0 10px var(--chip);pointer-events:none;background:#fff;border-radius:50%}.tracks-playhead.air{background:var(--chip);opacity:.7;border:0;width:8px;height:8px}.tracks-playhead.idle{animation:1.1s ease-out infinite tracks-playhead-idle}@keyframes tracks-playhead-idle{0%{box-shadow:0 0 10px var(--chip), 0 0 0 0 color-mix(in srgb, var(--chip) 60%, transparent)}to{box-shadow:0 0 10px var(--chip), 0 0 0 14px transparent}}@media (prefers-reduced-motion:reduce){.tracks-playhead.idle{outline:2px solid var(--chip);outline-offset:4px;animation:none}}.tracks-panel{overscroll-behavior:contain;overflow:hidden}.tracks-filters{flex:none;max-height:45%;overflow-y:auto}.tracks-chip-rows{flex-direction:column;gap:6px;display:flex}.tracks-browse{flex-direction:column;flex:1;min-height:0;display:flex}.tracks-nav{border-bottom:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:10px 10px 8px;display:flex}.tracks-years-bar{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tracks-years-bar::-webkit-scrollbar{display:none}.tracks-year-tab{border:1px solid var(--line);color:var(--muted);border-radius:8px;flex:none;align-items:center;gap:6px;padding:4px 9px 4px 7px;font-size:13px;font-weight:600;display:inline-flex}.tracks-year-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:6px;padding:0;display:inline-flex}.tracks-year-btn span{font-size:10px;font-weight:400}.tracks-year-tab:hover{color:var(--text)}.tracks-year-tab.active{color:var(--text);border-color:var(--accent);background:#8df3b914}.tracks-year-tab.on .tracks-year-btn span{color:var(--accent)}.tracks-months{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.tracks-month{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:4px 0;font-size:11px;display:flex}.tracks-month span.mono{color:var(--accent);min-height:11px;font-size:9px}.tracks-month:disabled{opacity:.28;cursor:default}.tracks-month.active{border-color:var(--accent);background:#8df3b91a}.tracks-nav-foot{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.tracks-selectall{cursor:pointer;align-items:center;gap:6px;display:flex}.tracks-selectall:hover{color:var(--text)}.tracks-groups{flex:1;min-height:0;padding:0 6px 6px;overflow-y:auto}.tracks-month-head{z-index:1;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--panel-strong);padding:8px 6px 4px;font-size:10px;position:sticky;top:0}.tracks-groups .tracks-list{padding:0}@media (width<=760px){.tracks-input,.tracks-input[type=date],.tracks-shell select,.tracks-shell input{font-size:16px}.tracks-filters{max-height:none;overflow:visible}.tracks-chip-rows{scrollbar-width:none;flex-direction:row;margin:0 -10px;padding:0 10px;overflow-x:auto}.tracks-chip-rows::-webkit-scrollbar{display:none}.tracks-chip-rows .tracks-chips{flex-wrap:nowrap;flex:none}.tracks-chip{flex:none}.tracks-panel{overflow-y:auto}.tracks-browse{flex:none}.tracks-groups{flex:none;overflow:visible}.tracks-projects{flex:none}.tracks-project-list{flex:none;overflow:visible}.tracks-months{grid-template-columns:repeat(12,1fr);gap:3px}.tracks-month{padding:3px 0;font-size:10px}.tracks-panel-btn{display:none}.tracks-handle{touch-action:none;cursor:grab;z-index:2;border:0;border-bottom:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;flex:none;align-items:center;gap:5px;padding:6px 0 7px;font-size:10px;display:flex;position:sticky;top:0}.tracks-grip{background:var(--line-strong);border-radius:2px;width:36px;height:4px}.panel-closed .tracks-panel{visibility:visible;border-top:1px solid var(--line);overflow:hidden}.panel-closed .tracks-panel>:not(.tracks-handle){display:none}.panel-closed .tracks-handle{border-bottom:0}}.tracks-file{display:block}.tracks-file-btn{position:relative}.tracks-file.selected>.tracks-file-head{background:color-mix(in srgb, var(--accent) 6%, transparent)}.tracks-sublist{border-left:1px solid var(--line);margin-left:21px;padding:0 0 2px 14px}.tracks-sublist .tracks-ws-toggle{width:30px}.tracks-file-caret{border:0;border-left:1px solid var(--line);width:26px;color:var(--muted);cursor:pointer;background:0 0;flex:none;padding:0;font-size:10px}.tracks-file-caret:hover{color:var(--text);background:var(--panel)}.tracks-file-btn.active{color:var(--text)}.tracks-photo-pop{z-index:3}.tracks-photo-pop .maplibregl-popup-content{background:#0b0d18;border:1px solid #ffffff26;border-radius:8px;padding:0;overflow:hidden}.tracks-photo-pop.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#0b0d18}.tracks-photo-pop.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#0b0d18}.tracks-photo-pop.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#0b0d18}.tracks-photo-pop.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#0b0d18}.tracks-photo img{aspect-ratio:5/4;object-fit:cover;background:#000;width:min(320px,70vw);display:block}.tracks-photo-bar{color:#fff;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.tracks-photo-bar span{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tracks-photo-bar button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;width:28px;height:28px;font-size:18px;line-height:1}.tracks-photo-bar button:hover{background:#fff3}.tracks-photo-bar button[hidden]{display:none}.tracks-photo-box{z-index:1000;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#050610f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tracks-photo-box .tracks-photo{width:100%}.tracks-photo-box .tracks-photo img{aspect-ratio:auto;object-fit:contain;background:0 0;width:100%;max-height:calc(100dvh - 140px)}.tracks-photo-box .tracks-photo-bar{padding:10px 12px;font-size:14px}.tracks-photo-box .tracks-photo-bar button{width:44px;height:44px;font-size:24px}.tracks-photo-close{top:calc(env(safe-area-inset-top) + 8px);color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1;position:absolute;right:8px}
