:root,[data-theme=light]{--cream: #f3eee4;--paper: #fffaf0;--paper-2: #f7f0e3;--ink: #1b1410;--on-accent: #1b1410;--rule: #d8cdb9;--strip: #1b1410;--strip-2: #2e251d;--strip-text: #fffaf0;--shadow: rgba(27, 20, 16, .18);--dot: rgba(27, 20, 16, .09);--field: #f3eee4;--bg: var(--cream);--panel: var(--paper);--panel-2: var(--paper-2);--line: rgba(27, 20, 16, .22);--text: #1b1410;--muted: #5c5046;--red: #e04545;--green: #5ba868;--green-ink: #2f7a3d;--gold: #d4a858;--sky: #9fd8ff;--coin: #ffc93c;--ambient-r: 224;--ambient-g: 69;--ambient-b: 69;color-scheme:light}[data-theme=dark]{--cream: #17110d;--paper: #261d16;--paper-2: #2e241b;--ink: #050302;--rule: #3d3127;--strip: #0b0806;--strip-2: #261d16;--strip-text: #fffaf0;--shadow: rgba(0, 0, 0, .5);--dot: rgba(255, 250, 240, .05);--field: #17110d;--line: rgba(255, 250, 240, .14);--text: #fffaf0;--muted: #c9bca6;--green-ink: #7fd18b;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background-color:var(--bg);font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace}#root *:not(.round){border-radius:0!important}.round{border-radius:999px!important}#root :is(h1,h2,h3){font-family:Pixelify Sans,JetBrains Mono,monospace;font-weight:700;letter-spacing:0}#root [style*="font-weight: 800"]:is([style*="font-size: 2"],[style*="font-size: 3"],[style*="font-size: 4"],[style*="font-size: 5"],[style*="font-size: 6"],[style*="font-size: 7"],[style*="font-size: 8"],[style*="font-size: 9"]){font-family:Pixelify Sans,JetBrains Mono,monospace;letter-spacing:0!important}#root .mono:is([style*="letter-spacing: 0.18em"],[style*="letter-spacing: 0.2em"],[style*="letter-spacing: 0.22em"],[style*="letter-spacing: 0.24em"],[style*="letter-spacing: 0.26em"],[style*="letter-spacing: 0.28em"],[style*="letter-spacing: 0.3em"]){font-family:Silkscreen,JetBrains Mono,monospace;letter-spacing:.04em!important;font-weight:700}html[lang=vi] #root :is(h1,h2),html[lang=vi] #root [style*="font-weight: 800"]:is([style*="font-size: 2"],[style*="font-size: 3"],[style*="font-size: 4"],[style*="font-size: 5"],[style*="font-size: 6"],[style*="font-size: 7"],[style*="font-size: 8"],[style*="font-size: 9"]){font-family:VT323,JetBrains Mono,monospace;font-weight:400;font-size-adjust:.62;line-height:1.3;letter-spacing:.02em!important}html[lang=vi] #root :is(.pf,.sk,h3),html[lang=vi] #root .mono:is([style*="letter-spacing: 0.18em"],[style*="letter-spacing: 0.2em"],[style*="letter-spacing: 0.22em"],[style*="letter-spacing: 0.24em"],[style*="letter-spacing: 0.26em"],[style*="letter-spacing: 0.28em"],[style*="letter-spacing: 0.3em"]){font-family:JetBrains Mono,ui-monospace,monospace;font-weight:700;letter-spacing:.02em!important}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes ambient{0%,to{opacity:.55}50%{opacity:.8}}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes rimSweep{0%{transform:translate(0);opacity:0}30%{opacity:1}to{transform:translate(350%);opacity:0}}@keyframes cardGlowIn{0%{opacity:0}to{opacity:.7}}@keyframes cardGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes breath{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.025);opacity:.85}}@keyframes consoleLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes qGlow{0%,to{text-shadow:2px 2px 0 var(--ink)}50%{text-shadow:3px 3px 0 var(--ink)}}.qglow{animation:qGlow 2.6s steps(2) infinite}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--paper-2)}::-webkit-scrollbar-thumb:hover{background:var(--red)}button,input,textarea,select{font-family:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:2px}[style*="background: rgb(13, 10, 8)"],[style*="background-color: rgb(13, 10, 8)"]{background-color:var(--bg)!important}[style*="background: rgb(21, 17, 13)"],[style*="background-color: rgb(21, 17, 13)"],[style*="background: rgb(19, 16, 16)"],[style*="background-color: rgb(19, 16, 16)"]{background-color:var(--panel)!important}[style*="background: rgb(28, 24, 19)"],[style*="background-color: rgb(28, 24, 19)"]{background-color:var(--panel-2)!important}[style*="background: rgba(13, 10, 8, 0.5)"],[style*="background: rgba(13, 10, 8, 0.6)"],[style*="background: rgba(13, 10, 8, 0.7)"],[style*="background: rgba(13, 10, 8, 0.78)"],[style*="background: rgba(13, 10, 8, 0.92)"]{background-color:var(--paper)!important}[style*="color: rgb(245, 237, 224)"]{color:var(--text)!important}[style*="color: rgba(245, 237, 224, 0.5)"]{color:var(--muted)!important}[style*="color: rgba(245, 237, 224, 0.3)"]{color:var(--muted)!important;opacity:.75}[style*="solid rgba(255, 255, 255, 0.08)"],[style*="border-color: rgba(255, 255, 255, 0.08)"]{border-color:var(--line)!important}.gcard[style*="color: rgb(245, 237, 224)"],.gcard [style*="color: rgb(245, 237, 224)"]{color:#f5ede0!important}.gcard [style*="color: rgba(245, 237, 224, 0.5)"]{color:#f5ede099!important}.gcard[style*="solid rgba(255, 255, 255, 0.08)"],.gcard [style*="solid rgba(255, 255, 255, 0.08)"]{border-color:#ffffff1f!important}.tcard .wm{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}.tcard:hover .wm{transform:scale(1.14) rotate(-8deg) translate(-6px)}.tcard .tile{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.tcard:hover .tile{transform:scale(1.1) rotate(-6deg)}.tcard .arrow{display:inline-block;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.tcard:hover .arrow{transform:translate(7px)}.gcard .gwm{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.gcard:hover .gwm{transform:scale(1.1) rotate(6deg) translateY(-8px)}.gcard .gglyph{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.gcard:hover .gglyph{transform:scale(1.25) rotate(-10deg)}.gcard .gtitle{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.gcard:hover .gtitle{transform:translate(6px)}.gcard .gplay{transition:transform .18s ease,box-shadow .18s ease}.gcard:hover .gplay{transform:translateY(-2px)}.lit{position:relative}.lit .sheen{position:absolute;top:0;left:-130%;width:70%;height:100%;pointer-events:none;z-index:3;transform:skew(-18deg);background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.13) 45%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.13) 55%,transparent 100%);transition:left .6s cubic-bezier(.22,.61,.36,1)}.lit:hover .sheen{left:145%}@keyframes sweep{0%{left:-130%}55%,to{left:145%}}.msheen{position:absolute;top:0;left:-130%;width:60%;height:100%;pointer-events:none;z-index:3;transform:skew(-18deg);background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.12) 52%,transparent 100%);animation:sweep 7s ease-in-out infinite}.mtap{transition:transform .14s ease,box-shadow .2s ease}.mtap:active{transform:scale(.975)}.tabtap:active{transform:scale(.94)}@keyframes st-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-8px) rotate(var(--rot, 0deg))}}.st-lift{transition:transform .16s,box-shadow .16s,border-color .16s}.st-lift:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px #0006}.st-tab{transition:background .12s,color .12s,border-color .12s}.st-press{transition:transform .1s ease}.st-press:active{transform:translateY(1px)}.pf{font-family:Pixelify Sans,JetBrains Mono,monospace;font-weight:700;letter-spacing:0}.sk{font-family:Silkscreen,JetBrains Mono,monospace;font-weight:700;letter-spacing:.02em}.px{box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),10px 10px 0 4px var(--shadow)}.pxs{box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink)}.pxd{box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),6px 7px 0 3px var(--shadow)}.pbtn,.sbtn{cursor:pointer;border:0;transition:transform 60ms,box-shadow 60ms}.pbtn{box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),6px 8px 0 4px var(--ink)}.pbtn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),8px 10px 0 4px var(--ink)}.pbtn:active:not(:disabled){transform:translate(6px,8px);box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),0 0 0 4px var(--ink)}.sbtn{box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),4px 5px 0 3px var(--ink)}.sbtn:hover:not(:disabled){transform:translate(-1px,-1px)}.sbtn:active:not(:disabled){transform:translate(4px,5px);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink),0 0 0 3px var(--ink)}.pbtn:disabled,.sbtn:disabled{cursor:not-allowed;opacity:.45}.abtn{cursor:pointer;border:0;border-radius:999px!important;box-shadow:0 5px #8e1f1f,0 0 0 3px var(--ink);transition:transform 60ms,box-shadow 60ms}.abtn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #8e1f1f,0 0 0 3px var(--ink)}.field{border:0;outline:none;background:var(--field);color:var(--text);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink)}.field::placeholder{color:var(--muted);opacity:.85}.field:focus{background:var(--paper);box-shadow:0 -3px 0 0 var(--red),0 3px 0 0 var(--red),-3px 0 0 0 var(--red),3px 0 0 0 var(--red)}.lift{transition:transform .1s steps(2)}.lift:hover,.lift:focus-visible{transform:translate(-3px,-4px)}.lift:active{transform:translate(2px,3px)}.chip-px{cursor:pointer;border:0;background:var(--paper);color:var(--text);box-shadow:0 -3px 0 0 var(--ink),0 3px 0 0 var(--ink),-3px 0 0 0 var(--ink),3px 0 0 0 var(--ink);transition:background 80ms steps(2)}.chip-px:hover{background:var(--paper-2)}.chip-px.on,.chip-px[aria-pressed=true],.chip-px[aria-selected=true]{background:var(--ink);color:var(--paper)}[data-theme=dark] .chip-px.on,[data-theme=dark] .chip-px[aria-pressed=true],[data-theme=dark] .chip-px[aria-selected=true]{background:var(--strip-text);color:#1b1410}.tab{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;white-space:nowrap;text-decoration:none;cursor:pointer;border:0;color:#e8dfcf;background:var(--strip-2);box-shadow:inset 0 3px #ffffff12;transition:background 80ms steps(2)}.tab:hover{color:#fff;background:#43362b}.tab .tn{color:var(--a)}.tab-on,.tab-on:hover{height:48px;color:#1b1410;background:var(--a);box-shadow:inset 0 4px #fff6}.tab-on .tn{color:#1b1410}.ribs{background-image:repeating-linear-gradient(90deg,rgba(27,20,16,.22) 0 4px,transparent 4px 10px)}.bricks{background-color:#c9733e;background-image:linear-gradient(#8e4a22 4px,transparent 4px),linear-gradient(90deg,#8e4a22 4px,transparent 4px);background-size:32px 24px;border-top:8px solid #5bbf6a;box-shadow:inset 0 4px 0 var(--ink)}.hpbar{height:18px;background:var(--paper);border:3px solid var(--ink);overflow:hidden}.hpbar>span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--a, #7fd18b) 0 10px,transparent 10px 12px)}@keyframes px-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes px-coin{0%{transform:scaleX(1)}50%{transform:scaleX(.12)}to{transform:scaleX(1)}}@keyframes px-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes px-drift{0%{transform:translate(-200px)}to{transform:translate(110vw)}}@keyframes px-pop{0%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%,-52px)}to{opacity:0;transform:translate(-50%,-60px)}}@keyframes px-pop2{0%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%,-52px)}to{opacity:0;transform:translate(-50%,-60px)}}@keyframes px-dots{0%,to{opacity:.25}50%{opacity:1}}.blink{animation:blink 1s steps(1) infinite}.bob{animation:px-bob 1s steps(2) infinite}.coin-spin{animation:px-coin .9s steps(4) infinite}.marq{animation:ticker 30s linear infinite}.rise{animation:px-rise .4s steps(4) backwards}.drift{animation:px-drift 46s linear infinite}.pop-a{animation:px-pop .6s steps(6) forwards}.pop-b{animation:px-pop2 .6s steps(6) forwards}.dots-step>i{display:inline-block;width:8px;height:8px;margin-right:6px;background:currentColor;animation:px-dots .9s steps(2) infinite}.dots-step>i:nth-child(2){animation-delay:.3s}.dots-step>i:nth-child(3){animation-delay:.6s}.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){#root *,#root *:before,#root *:after{animation:none!important;transition:none!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
