:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#121826;--bg-1:#1a2136;--bg-2:#222a44;--bg-3:#2b3454;--line:#333d60;--ghost:#8a97d6;--fg:#eef1ff;--muted:#b8c2e4;--sky:#7cc4ff;--code-bg:#141d36;--gutter-bg:#0f1528;--outline:#0b1020;--sun:#ffcf33;--sun-deep:#c98a00;--go:#3ddc84;--go-deep:#1f9a50;--coral:#ff8a4c;--display:"Arial Rounded MT Bold", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--side:clamp(520px, 30vw, 580px);--card:linear-gradient(180deg, #252e4a, #1a2136);--card-edge:0 0 0 2px var(--outline), inset 0 2px 0 #3d4872, inset 0 0 0 1px #2c3658, 0 6px 0 #070a14, 0 14px 28px #0006;--steel:#3f4a70;--steel-hi:#56628f;--steel-lo:#262e4c;--hazard:#f2b705}*{box-sizing:border-box}body{min-height:100vh;color:var(--fg);font:15px/1.45 var(--body);background-color:#0000;background-image:radial-gradient(900px 620px at 32% 42%,#ffbe5a14,#0000 70%),radial-gradient(1200px 800px,#0000 55%,#04060e8c),linear-gradient(#7c8cbe0e 1px,#0000 1px),linear-gradient(90deg,#7c8cbe0e 1px,#0000 1px),linear-gradient(#151c2c,#10141f);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,24px 24px,24px 24px,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;margin:0}a{color:var(--sky)}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.title,.logo{font-family:var(--display);color:var(--sun);letter-spacing:.5px;-webkit-text-stroke:6px var(--outline);paint-order:stroke fill;text-shadow:0 5px 0 var(--outline), 0 10px 18px #00000073;font-style:italic;font-weight:800}.layout{--board:clamp(480px, min(calc(100vw - var(--side) - 56px), calc((100vh - 112px) * 1.5)), 1400px);justify-content:center;align-items:flex-start;gap:24px;max-width:1920px;margin:0 auto;padding:14px 16px;display:flex}.left{width:var(--board);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"title title""board board""shop shop""set set";align-items:center;gap:12px 16px;display:grid}.left>.title{grid-area:title}.left>canvas{grid-area:board}.left>.shop{grid-area:shop}.left>.settings{grid-area:set;padding:0 4px}.left>.log{z-index:1;grid-area:board;place-self:end start}.left>.panel{z-index:2;margin-top:calc(var(--board) / -12 - 4px);grid-area:shop;place-self:start center}.left:has(>.panel:not([hidden]))>.shop{visibility:hidden}.title{transform-origin:0;align-items:center;gap:12px;margin:0;padding-bottom:4px;font-size:28px;line-height:1.1;display:flex;transform:rotate(-1.5deg)}.title:before{content:"";border:3px solid var(--outline);width:28px;height:24px;box-shadow:0 4px 0 var(--outline);background:linear-gradient(90deg,#0000 9px,#efd9a6 9px 13px,#0000 13px),linear-gradient(#e5a95e,#b9773a);border-radius:5px;flex:none;transform:rotate(-8deg)}canvas{aspect-ratio:3/2;width:100%;height:auto;box-shadow:0 0 0 3px var(--outline), 0 0 0 7px #2c3554, 0 0 0 8px #47527c, 0 0 0 11px var(--outline), 0 26px 60px #000000a6, 0 0 140px #ffbe5a1a;background:#232a48;border-radius:16px;transition:filter .2s;display:block}.status{min-height:26px;color:var(--fg);font-variant-numeric:tabular-nums;align-items:center;margin:6px 0 2px;padding-left:34px;font-size:15px;font-weight:800;line-height:1.3;display:flex;position:relative}.status:before{content:"";width:24px;height:24px;box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #ffffff59;background:#8a97d6;border-radius:50%;margin-top:-12px;position:absolute;top:50%;left:0}.status:after{content:"";background:linear-gradient(90deg, var(--outline) 0 3px, transparent 3px 5px, var(--outline) 5px);width:8px;height:10px;margin-top:-5px;position:absolute;top:50%;left:8px}.status.live:before{background:var(--go);box-shadow:0 0 0 2px var(--outline), 0 0 12px var(--go), inset 0 2px 0 #ffffff73}.status.live:after{clip-path:polygon(0 0,100% 50%,0 100%);background:#062b14;width:8px;height:10px;left:9px}.status.win:before{background:var(--sun);box-shadow:0 0 0 2px var(--outline), 0 0 14px var(--sun), inset 0 2px 0 #ffffff80}.status.win:after{background:var(--outline);clip-path:polygon(0 50%,22% 30%,42% 58%,82% 0,100% 22%,42% 100%);width:12px;height:9px;margin-top:-6px;left:6px}.status.bad{color:#ffc0b8}.status.bad:before{box-shadow:0 0 0 2px var(--outline), 0 0 10px #ff5a5a;background:#ff5a5a}.status.bad:after{background:linear-gradient(#fff 0 7px,#0000 7px 9px,#fff 9px);width:3px;height:12px;margin-top:-7px;left:10.5px}.log{max-width:46%;max-height:38%;color:var(--fg);font:14px/1.5 var(--mono);white-space:pre-wrap;box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #3d4872, 0 6px 0 #070a14cc, 0 10px 24px #00000073;background:#0c101eeb;border-radius:12px;margin:0 0 18px 18px;padding:10px 14px 10px 34px;position:relative;overflow:hidden}.log:empty{display:none}.log:before{content:"";background:var(--go);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:11px;position:absolute;top:15px;left:14px}.right{width:var(--side);flex-direction:column;flex:none;gap:10px;height:calc(100vh - 28px);min-height:0;display:flex}.right>*{flex:none}.goal{background:var(--card);box-shadow:var(--card-edge);border-radius:16px;padding:16px 16px 10px 18px;position:relative}.goal:before{content:"";background:linear-gradient(90deg, var(--sun), #ff9f1c);height:7px;box-shadow:inset 0 2px 0 #ffffff73, 0 1px 0 var(--outline);border-radius:16px 16px 0 0;position:absolute;top:0;left:0;right:0}.goal h2{font:800 23px/1.2 var(--display);color:#fff;letter-spacing:.4px;-webkit-text-stroke:4px var(--outline);paint-order:stroke fill;text-shadow:0 3px 0 var(--outline);align-items:center;gap:10px;margin:0 0 4px;display:flex}.goal h2:before{content:"";-webkit-text-stroke:0;background:var(--ic-goal) center / 40px 40px no-repeat;width:40px;height:40px;filter:drop-shadow(0 3px 0 var(--outline));flex:none;margin:-4px 0 -4px -2px}.goal p{margin:4px 0}.progress{color:#062b14;background:linear-gradient(180deg, #8ff5b8, var(--go));box-shadow:0 0 0 2px var(--outline), 0 3px 0 var(--go-deep), inset 0 2px 0 #ffffff80;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 14px;font-size:15px;font-weight:800;display:inline-block}.progress:empty{display:none}.goal details{color:var(--muted);margin-top:2px;font-size:14px}.goal summary{cursor:pointer;color:var(--sky);letter-spacing:.5px;width:max-content;font-weight:800}.goal details p{color:var(--fg);background:#7cc4ff14;border-radius:8px;padding:6px 10px}.tabs,.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{font:700 14px/1 var(--body);color:var(--fg);cursor:pointer;background:linear-gradient(180deg, #34406a, var(--bg-3));border:2px solid var(--outline);border-radius:10px;padding:9px 14px;transition:transform 80ms,box-shadow 80ms,filter .12s,background-color .12s;transform:translateY(0);box-shadow:inset 0 2px #56628f,0 3px #070a14,0 6px 12px #00000040}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #070a14}button.on{background:linear-gradient(180deg, #ffdf70, var(--sun));color:#2b1d00;box-shadow:inset 0 2px 0 #fff0b8, 0 3px 0 var(--sun-deep)}button:disabled{opacity:.6;cursor:default}.controls{flex-wrap:nowrap;gap:8px}.controls>button{border:2px solid var(--ghost);background:#0f1424b3;padding:12px 14px;font-size:15px;box-shadow:0 3px #070a14}.controls>button:hover:not(:disabled){background:#8a97d633}button.go,button.warn{align-items:center;gap:9px;font-weight:800;display:inline-flex}.controls>button.go{font:800 22px/1 var(--display);letter-spacing:.5px;color:#062b14;border:3px solid var(--outline);background:linear-gradient(180deg, #8ff5b8, var(--go) 55%, #2fc070);min-width:150px;height:54px;box-shadow:0 5px 0 var(--go-deep), 0 5px 0 3px var(--outline), 0 10px 22px #3ddc844d, inset 0 3px 0 #ffffff80;justify-content:center;padding:0 26px 0 20px}button.go:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#062b14;width:17px;height:20px}.controls>button.go:hover:not(:disabled){background:linear-gradient(#a3f7c6,#4fe592 55%,#38c97a)}.controls>button.go:active:not(:disabled){box-shadow:0 1px 0 var(--go-deep), 0 1px 0 3px var(--outline);transform:translateY(4px)}button.warn:before{content:"";background:linear-gradient(90deg,currentColor 0 3.5px,#0000 3.5px 6.5px,currentColor 6.5px);width:10px;height:12px}.speed{box-shadow:0 0 0 2px var(--ghost), 0 3px 0 #070a14;background:#0f1424b3;border-radius:12px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.speed button{box-shadow:none;font-variant-numeric:tabular-nums;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:14px}.speed button.on{background:linear-gradient(180deg, #ffdf70, var(--sun));color:#2b1d00;box-shadow:0 0 0 2px var(--outline), 0 2px 0 var(--sun-deep)}.tabs{z-index:1;align-items:flex-end;gap:6px;margin-bottom:-10px;padding-left:18px;position:relative}button.tab{background:var(--bg-2);color:var(--muted);box-shadow:none;font:800 14px/1 var(--display);letter-spacing:.5px;border-width:3px 3px 0;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:8px 16px 12px;display:inline-flex}button.tab:before{content:"";background:var(--sun);width:12px;height:12px;box-shadow:0 0 0 2px var(--outline);border-radius:4px}button.tab.c2:before{background:var(--coral)}button.tab:hover:not(:disabled),button.tab:active:not(:disabled){box-shadow:none;transform:none}button.tab.on{background:var(--steel-hi);color:#fff;box-shadow:inset 0 3px 0 var(--sun)}button.tab.c2.on{box-shadow:inset 0 3px 0 var(--coral)}.editor{border:7px solid var(--steel);border-top-color:var(--steel-hi);border-bottom:12px solid var(--steel-lo);background:linear-gradient(90deg, var(--gutter-bg) 40px, #232d50 40px 41px, var(--code-bg) 41px);min-height:346px;font:16px/26px var(--mono);box-shadow:0 0 0 3px var(--outline), inset 0 0 0 2px var(--outline), inset 0 3px 14px #00000073, 0 7px 0 #070a14, 0 16px 30px #0006;border-radius:16px;flex:auto;align-items:flex-start;display:flex;position:relative}.editor:before{content:"";pointer-events:none;--rivet:radial-gradient(circle, #e3e8ff 0 1.2px, #9aa6d8 1.6px 2.3px, var(--outline) 2.7px 3.4px, transparent 3.8px);background:var(--rivet), var(--rivet), var(--rivet), var(--rivet);background-position:-.5px 28px,right -.5px top 28px,left -.5px bottom 30px,right -.5px bottom 30px;background-repeat:no-repeat;background-size:8px 8px;border-radius:16px;position:absolute;inset:-7px -7px -12px}.editor:after{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg, var(--hazard) 0 8px, #1b1d2a 8px 16px);height:8px;box-shadow:0 0 0 1.5px var(--outline);border-radius:3px;position:absolute;bottom:-10px;left:10px;right:10px}.gutter{text-align:right;color:#8a93c4;width:41px;height:100%;font:inherit;flex:none;margin:0;padding:8px 8px 8px 2px;font-size:14px;overflow:hidden}.code{flex:1;height:100%;position:relative;overflow:hidden}.code textarea,.code .hl{font:inherit;white-space:pre;tab-size:4;margin:0;padding:8px 10px;position:absolute;inset:0}.code .hl{color:var(--fg);pointer-events:none;transform-origin:0 0;overflow:visible}.code textarea{resize:none;color:#0000;caret-color:#fff;background:0 0;border:0;outline:0;width:100%;height:100%}.code textarea::selection{color:#0000;background:#7cc4ff59}.tk-kw{color:#ff7ab8;font-weight:700}.tk-fn{color:#7cc4ff}.tk-def{color:#ffcf33}.tk-str{color:#a6e36e}.tk-num{color:#ffa45c}.tk-const{color:#c39bff}.tk-com{color:#9aa3d0;font-style:italic}.bar{pointer-events:none;height:26px;display:none;position:absolute;left:0;right:0}.bar.run{background:linear-gradient(90deg,#ffcf3361,#ffcf3324 60%,#ffcf330a);box-shadow:inset 0 2px #ffcf3399,inset 0 -2px #ffcf3399,0 0 6px 1px #ffcf3373}.bar.run:before{content:"";background:var(--sun);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:16px;position:absolute;top:5px;left:0}.bar.err{background:#ff5a5a47;box-shadow:inset 4px 0 #ff5a5a}.ref{color:var(--muted);white-space:normal;box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #3d4872, 0 5px 0 #070a14;background:#0f1424cc;border-radius:14px;grid-template-columns:1fr 1fr;align-content:start;gap:8px;margin:0;padding:10px 10px 12px;display:grid;position:relative}.ref-row{min-height:52px;box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #3d4872, 0 3px 0 #070a14;background:linear-gradient(#29324f,#1f2740);border-radius:11px;grid-template-columns:34px minmax(0,1fr);align-content:center;align-items:center;gap:1px 9px;padding:6px 10px 6px 7px;display:grid}.ref-row:before{content:"";background-color:#121829;background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border-radius:9px;grid-row:1/span 2;width:34px;height:34px;box-shadow:inset 0 0 0 2px #3d4872}.ref-move:before{background-image:var(--ic-move)}.ref-pick:before{background-image:var(--ic-pick)}.ref-drop:before{background-image:var(--ic-drop)}.ref-sense:before{background-image:var(--ic-sense)}.ref-wait:before{background-image:var(--ic-wait)}.ref-say:before{background-image:var(--ic-say)}.ref-kw:before{background-image:var(--ic-kw)}.ref-code{font:700 14px/1.25 var(--mono);color:var(--fg);white-space:pre;min-width:0}.ref-code .tk-fn{color:var(--sun)}.ref-gap{display:none}.ref .ref-desc{color:var(--muted);font:12.5px/1.3 var(--body)}.ref-kw{grid-column:1/-1;min-height:46px}.ref-kw:before{grid-row:1}.ref-kw .ref-code{white-space:normal;font-size:13px}.shop{background:var(--card);box-shadow:var(--card-edge);border-radius:16px;align-items:center;gap:8px;margin-top:10px;padding:16px 10px 10px;display:flex;position:relative}.shop:empty{display:none}.shop h3{font:800 13px/1 var(--display);color:#2b1d00;letter-spacing:1px;background:var(--sun);box-shadow:0 0 0 2px var(--outline), 0 3px 0 var(--sun-deep);border-radius:9px;margin:0;padding:4px 12px;position:absolute;top:-13px;left:14px}button.up{text-align:left;min-width:0;min-height:52px;font:800 13px/1.15 var(--display);overflow-wrap:anywhere;color:#fff;border:2px solid var(--sun);box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #ffffff2e, 0 4px 0 2px var(--outline), 0 0 14px #ffcf3338;background:linear-gradient(#34406a,#262f4f);flex:1 1 0;padding:6px 8px 6px 48px;position:relative}button.up:before{content:"";width:34px;height:34px;box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #ffffff24;background-color:#121829;background-position:50%;background-repeat:no-repeat;background-size:28px 28px;border-radius:8px;margin-top:-17px;position:absolute;top:50%;left:6px}button.up.k-speed1:before{background-image:var(--ic-speed1)}button.up.k-speed2:before{background-image:var(--ic-speed2)}button.up.k-carry:before{background-image:var(--ic-carry)}button.up.k-arrival:before{background-image:var(--ic-arrival)}button.up.k-courier2:before{background-image:var(--ic-courier2)}button.up:after{content:"";background:radial-gradient(circle at 35% 35%, #fff2b8, var(--sun) 45%, #b07a00);width:14px;height:14px;box-shadow:0 0 0 2px var(--outline);border-radius:50%;margin-top:5px;position:absolute;top:50%;left:30px}button.up:disabled{opacity:1;color:var(--muted);box-shadow:0 0 0 2px var(--outline), inset 0 2px 6px #00000073, 0 3px 0 2px var(--outline);background:#161c2e;border-color:#2c3658}button.up:disabled:before{filter:grayscale(.85)brightness(.75)}button.up:disabled:after{width:14px;height:16px;box-shadow:none;filter:drop-shadow(0 0 1px var(--outline)) drop-shadow(0 0 1px var(--outline));background:linear-gradient(#c9d0f0,#c9d0f0) bottom/14px 9px no-repeat,radial-gradient(circle at 50% 100%,#0000 3.2px,#c9d0f0 3.6px 5.4px,#0000 5.8px) top/14px 8px no-repeat;border-radius:0;margin-top:2px}button.up.own{color:#d8ffe8;border-color:var(--go);box-shadow:0 0 0 2px var(--outline), inset 0 2px 0 #ffffff2e, 0 3px 0 2px var(--outline);background:linear-gradient(#1f6a44,#17533a)}button.up.own:before{filter:none}button.up.own:after{background:var(--go);width:14px;height:14px;box-shadow:0 0 0 2px var(--outline);filter:none;border-radius:50%;margin-top:5px}.start{flex-direction:column;justify-content:center;min-height:100vh;padding:24px 0 112px;display:flex;position:relative;overflow:hidden}.hero{z-index:0;position:absolute;inset:0;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#7c8cbe12 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#7c8cbe12 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#0d111ef5 0,#0d111ed1 34%,#0d111e4d 62%,#0d111e80 100%),radial-gradient(60% 70% at 74% 46%,#ffcf3333,#0000 70%),linear-gradient(#151c2c99,#151c2c99);position:absolute;inset:0}.hero-art{aspect-ratio:auto;object-fit:cover;object-position:70% 50%;width:100%;height:100%;box-shadow:none;filter:blur(6px)saturate(.85);background:#232a48;border-radius:0;transition:none;transform:scale(1.06)}.menu{z-index:2;flex-direction:column;gap:30px;width:min(560px,46vw);margin-left:max(32px,5vw);display:flex;position:relative}.brand{align-items:center;gap:6px;display:flex}.mascot{z-index:1;aspect-ratio:560/500;width:min(560px,44vw,112vh - 190.4px);height:auto;box-shadow:none;background:0 0;border-radius:0;transition:none;position:absolute;top:calc(50% - 50px);right:max(16px,3vw);transform:translateY(-50%)}.words{min-width:0;position:relative}.words:before{content:"";z-index:-1;pointer-events:none;filter:blur(40px);background:radial-gradient(closest-side,#ffcf338c,#ffcf3300);border-radius:50%;height:46%;position:absolute;top:18%;left:-12%;right:-30%;transform:rotate(-6deg)}.start .logo{color:#ffd23f;-webkit-text-stroke-width:12px;letter-spacing:1px;transform-origin:0 100%;width:min-content;text-shadow:0 3px 0 var(--outline), 0 6px 0 var(--outline), 0 9px 0 var(--outline), 0 12px 0 #f5a623, 0 15px 0 var(--outline), 0 26px 30px #0000008c;margin:0;font-size:96px;line-height:.95;transform:rotate(-3deg)}.tagline{font:800 20px/1.2 var(--display);color:#fff;letter-spacing:.4px;box-shadow:0 0 0 2px var(--outline), inset 5px 0 0 var(--sun), 0 4px 0 #070a14;background:#0f1424eb;border-radius:10px;margin:26px 0 0;padding:9px 16px;display:inline-block}.choices{flex-direction:column;align-items:stretch;gap:20px;width:480px;max-width:100%;display:flex}.choice{text-align:left;height:80px;font:800 23px/1.1 var(--display);letter-spacing:.3px;color:#062b14;background:linear-gradient(180deg, #a3f7c6, var(--go) 55%, #2fc070);border:3px solid var(--outline);box-shadow:0 6px 0 var(--go-deep), 0 6px 0 3px var(--outline), 0 16px 28px #00000080, 0 0 34px #3ddc8438, inset 0 3px 0 #fff9;border-radius:20px;padding:0 20px 0 82px;position:relative}.choice:before{content:"";background:#062b14;border-radius:50%;width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;left:18px;box-shadow:inset 0 2px #ffffff2e,0 0 0 3px #062b1440}.choice:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#8ff5b8;width:15px;height:19px;margin-top:-9.5px;position:absolute;top:50%;left:37px}.choice:hover:not(:disabled){background:linear-gradient(#b8fad3,#55e696 55%,#38c97a)}.choice:active:not(:disabled){box-shadow:0 2px 0 var(--go-deep), 0 2px 0 3px var(--outline), 0 4px 8px #0006;transform:translateY(4px)}.notes{z-index:2;text-align:left;background:#0a0d18e6;padding:12px max(32px,5vw) 14px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff14,0 -12px 30px #00000059}.note{color:var(--muted);margin:2px 0;font-size:14px}.notes .note{color:#c3cbef}.notes .note:first-child{margin-top:0}.notes .note:last-child{margin-bottom:0}.mobile{background:var(--bg-0);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:18px;display:flex;position:fixed;inset:0}.panel{width:min(100%,860px);box-shadow:0 0 0 3px var(--outline), inset 4px 0 0 var(--go), inset 0 2px 0 #4a5684, 0 6px 0 #070a14, 0 18px 40px #0000008c;background:#1a2136;border-radius:16px;padding:12px 16px 10px 74px;position:relative}.panel:before{content:"";border:3px solid var(--outline);width:38px;height:28px;box-shadow:0 3px 0 var(--outline);background:linear-gradient(155deg,#0000 47%,#8fb3e6 48% 52%,#0000 53%),linear-gradient(25deg,#0000 47%,#8fb3e6 48% 52%,#0000 53%),#e8f1ff;border-radius:5px;position:absolute;top:14px;left:20px;transform:rotate(-6deg)}.panel[hidden],.field[hidden],button[hidden]{display:none}.panel h3{font:800 17px/1.25 var(--display);color:#fff;letter-spacing:.4px;margin:0}.phead{justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;display:flex}.phead button{border:2px solid var(--ghost);box-shadow:none;background:0 0;padding:6px 12px;font-size:13px}.panel .msg:empty{display:none}.panel .field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;display:grid}.panel .field .consent{color:#c9d0f4;grid-area:2/1/auto/-1;align-items:flex-start;gap:10px;font-size:13px;line-height:1.38;display:flex}.panel .field .consent input{flex:none;width:20px;height:20px;margin:0}.panel .note{margin:6px 0 0;font-size:12.5px}.panel .field button{height:44px;font:800 16px/1 var(--display);color:#062b14;border:3px solid var(--outline);background:linear-gradient(180deg, #8ff5b8, var(--go) 55%, #2fc070);box-shadow:inset 0 2px 0 #ffffff80, 0 4px 0 var(--go-deep), 0 4px 0 3px var(--outline);border-radius:999px;align-self:center;padding:0 22px}.panel input[type=email]{border-radius:999px;height:44px;padding:0 18px}.panel .field button:disabled{color:var(--muted);background:var(--bg-2);opacity:1;box-shadow:0 3px #070a14}.field{flex-direction:column;gap:6px;display:flex}.field button{align-self:flex-start}.settings .field{flex-direction:row}input[type=email]{background:var(--code-bg);color:var(--fg);font:inherit;border:2px solid #56628f;border-radius:10px;flex:1;padding:9px 12px;font-size:15px}input[type=email]::placeholder{color:#9aa3d0}input[type=checkbox]{accent-color:var(--sun)}.consent{color:var(--muted);font-size:13px}.msg{min-height:1.4em;margin:4px 0}.settings{color:var(--muted);font-size:14px}.settings summary{cursor:pointer;width:max-content;font-weight:700}[hidden]{display:none!important}@media (height<=800px){.right{gap:6px}.goal{padding-top:12px;padding-bottom:7px}.goal h2{margin-bottom:2px}.goal>p:not(.progress){margin:2px 0 4px;font-size:14.5px;line-height:1.38}.status{margin:4px 0 0}.ref{justify-content:space-between;gap:8px;padding:4px 8px;display:flex}.ref-row{flex:none;width:46px;height:40px;min-height:0;padding:3px 6px;display:block;position:static}.ref-row:before{width:34px;height:34px;display:block}.ref-row .ref-code,.ref-row .ref-desc{z-index:5;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 0 0 2px var(--outline);background:#0d1120;padding:6px 12px;position:absolute;left:0;right:0}.ref-row .ref-code{border-radius:10px 10px 0 0;bottom:calc(100% + 34px)}.ref-row .ref-desc{border-radius:0 0 10px 10px;height:26px;bottom:calc(100% + 8px)}.ref-kw .ref-code{white-space:normal;border-radius:10px;bottom:calc(100% + 8px)}.ref-row:hover .ref-code,.ref-row:hover .ref-desc{opacity:1}.ref-row:hover{box-shadow:0 0 0 2px var(--sun), inset 0 2px 0 #3d4872, 0 3px 0 #070a14}.start .logo{font-size:80px}.menu{gap:24px}}@media (width>=1600px){.editor{font-size:18px}button.up{min-height:60px;padding:10px 12px 10px 62px;font-size:16px}button.up:before{background-size:36px 36px;width:44px;height:44px;margin-top:-22px;left:8px}button.up:after{margin-top:8px;left:40px}button.up:disabled:after{margin-top:5px}.goal h2{font-size:26px}.goal>p:not(.progress){font-size:16.5px}.ref-code{font-size:16px}.ref .ref-desc{color:#c9d1e6;font-size:15px}.ref-row{min-height:58px}.ref-kw .ref-code{font-size:14.5px}.controls>button.go{min-width:200px;height:64px}.controls>button{padding:14px 16px;font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}button:hover:not(:disabled),button:active:not(:disabled),.choice:active:not(:disabled){transform:none}}