:root{--void:#05060b;--grid:#788cff12;--glass:#968ce61a;--glass-edge:#c8c3ff8c;--label:#eceaff;--dim:#6d7090;--tile-a:#2a49d6;--tile-b:#0f1f78;--bar-a:#1b2192;--bar-b:#2b31b8;--bar-edge:#8b93ff;--pop:#bfe3ff;--ok:#3fbf8a;--back:#d0566b;--f-ui:"JetBrains Mono",ui-monospace,monospace;--f-px:"Silkscreen","JetBrains Mono",monospace;--f-mono:"JetBrains Mono",ui-monospace,monospace;--f-read:"Literata",Georgia,serif;color-scheme:dark}html,body{height:100%}body{background:var(--void);color:var(--label);font:15px/1.4 var(--f-ui);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--pop);outline-offset:3px}.view{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));flex-direction:column;justify-content:safe center;align-items:center;gap:22px;padding-block:20px;display:flex;position:absolute;inset:0}.legend{font:13px var(--f-mono);color:#b9bbd6;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.legend kbd{color:#e6e7ff;min-width:24px;height:22px;font:9px/1 var(--f-px);letter-spacing:.04em;background:#2b2e48;border:1px solid #ffffff24;border-radius:2px;place-items:center;margin-right:7px;padding:0 5px;display:inline-grid;box-shadow:inset 0 1px #ffffff2e,0 2px #14162a}.legend .px{image-rendering:pixelated;display:block}.legend kbd.dpad{box-shadow:none;filter:drop-shadow(0 2px #14162a);background:0 0;border:0;min-width:0;height:auto;padding:0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legend>span,.lg-btn{align-items:center;display:inline-flex}.legend kbd{flex:none}.legend>span,.lg-btn{font:inherit;color:inherit;margin:-2px;padding:2px;transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.legend>span{cursor:default}.legend>span:hover,.lg-btn:hover{transform:translateY(-2px)}.legend>span:hover kbd:not(.dpad),.lg-btn:hover kbd{box-shadow:inset 0 1px #ffffff4d,0 4px #00000073}.lg-btn:active{transform:translateY(1px)}.legend>span:hover kbd.dpad{filter:drop-shadow(0 4px #00000073)}@media (prefers-reduced-motion:reduce){.legend>span,.lg-btn{transition:none}.legend>span:hover,.lg-btn:hover{transform:none}}.legend kbd.ok{background:var(--ok);color:#03140d;box-shadow:inset 0 1px #ffffff4d,0 2px #1d6b4a}.legend kbd.back{background:var(--back);color:#fff;box-shadow:inset 0 1px #ffffff40,0 2px #7a2636}#cube-view{perspective:1100px}.stage{--s:min(56vw,270px);width:var(--s);height:var(--s);transform-style:preserve-3d;position:relative}.cube{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.face{border:1.5px solid var(--glass-edge);background:radial-gradient(120% 120% at 30% 20%,#beb4ff29,#3c328c1a 55%,#14123240);border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 30px #aaa0ff2e,inset 0 0 2px #fff6}.f-front{transform:translateZ(calc(var(--s)/2))}.f-back{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}.f-left{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}.f-right{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}.f-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}.f-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s)/2))}.opt{font:clamp(13px,3.9vw,17px)/1 var(--f-px);letter-spacing:.02em;color:var(--label);opacity:.62;white-space:nowrap;padding:6px;transition:opacity .2s,text-shadow .2s;position:absolute}.opt:focus-visible{outline:none}.opt[aria-current=true]{opacity:1;text-shadow:0 0 12px #c8beffe6}.o-top{top:6%;left:50%;transform:translate(-50%)}.o-bottom{bottom:6%;left:50%;transform:translate(-50%)}.o-right{top:50%;right:12%;transform:translate(50%,-50%)rotate(90deg)translateY(-50%)}.o-left{top:50%;left:12%;transform:translate(-50%,-50%)rotate(-90deg)translateY(-50%)}.glyph{aspect-ratio:1;width:44%;image-rendering:pixelated;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hint{font:15px/1.5 var(--f-mono);color:#8b8eae;text-align:center;max-width:38ch;padding:0 16px}#cube-view>.legend{margin-top:clamp(30px,8vw,48px)}#card-view{--t:min(56px,calc((100vw - 64px) / 9));padding-top:calc(48px + env(safe-area-inset-top,0px));background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:22px 22px;justify-content:safe center}.slots{--t:min(56px,calc((100vw - 64px) / 9));gap:calc(var(--t)*.7);align-items:flex-start;display:flex}.slot{gap:8px;transition:opacity .25s,filter .25s;display:grid}.slot.inactive{opacity:.42;filter:grayscale(.85)}.slot-h{font:600 calc(var(--t)*.5) var(--f-mono);align-items:baseline;gap:10px;display:flex}.slot-h .lab{font:13px var(--f-mono);color:#c9cbe6}.slot-h .ct{font:600 14px var(--f-mono);font-variant-numeric:tabular-nums;border:1.5px solid #c9cbe6;border-radius:2px;padding:0 6px}.slot-h .nm{font:13px var(--f-mono);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.grid{margin-top:calc(var(--t)*.24 + 4px);grid-template-columns:repeat(4,var(--t));grid-auto-rows:var(--t);gap:calc(var(--t)*.2);display:grid;position:relative}.tile{border-radius:calc(var(--t)*.12);background:radial-gradient(120% 90% at 22% 12%,#ffffff47,transparent 46%),linear-gradient(155deg,#3d63ff 0%,var(--tile-a) 38%,var(--tile-b) 100%);border:1px solid #aac3ff8c;place-items:center;padding:0;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -3px 6px #050a3c8c,2px 3px #0a1660,3px 5px 12px #00000a99,0 0 14px #466eff38}.tile canvas{width:78%;height:78%;image-rendering:pixelated;filter:drop-shadow(1px 2px #00001e73)}.tile.empty{cursor:default;background:#3c55c80f;border:1px solid #6e8cff29;box-shadow:inset 0 0 10px #5a78ff14}.tile.sel{z-index:2;border-color:var(--pop);box-shadow:0 0 0 1.5px var(--pop),0 0 24px #8cc8ffb3,inset 0 0 12px #ffffff73,3px 6px 16px #00000a99;background:radial-gradient(120% 90% at 22% 12%,#ffffff80,#0000 50%),linear-gradient(160deg,#bee1ff99,#5078ff66);transform:scale(1.38)}@media (prefers-reduced-motion:no-preference){.tile{animation:drift var(--fs,5s) ease-in-out var(--fd,0s) infinite}.tile:not(.empty) canvas{animation:sway var(--ss,4.6s) ease-in-out var(--fd,0s) infinite}.tile.sel canvas{animation:2.4s ease-in-out infinite bob}}@keyframes drift{0%,to{translate:0}50%{translate:0 calc(var(--t)*-.06)}}@keyframes sway{0%,to{transform:rotateY(-6deg)translateY(.5px)}50%{transform:rotateY(6deg)translateY(-.5px)}}@keyframes bob{0%,to{transform:rotateY(-14deg)}50%{transform:rotateY(14deg)}}.notin{width:calc(var(--t)*4 + var(--t)*.6);height:calc(var(--t)*4 + var(--t)*.6);text-align:center;font:15px/1.5 var(--f-mono);color:#c9cbe6;place-items:center;padding:8px;display:grid}.notin small{color:var(--dim);margin-top:6px;display:block}.info{width:min(100%,calc(var(--t)*11.4 + 40px));height:var(--info-h,140px);background:linear-gradient(#1b2070 0%,#151a5c 36%,#10144a 72%,#0b0e38 100%);border:1.5px solid #8b93ff73;border-radius:3px;align-items:stretch;gap:16px;padding:10px 14px 10px 10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -10px 18px #04062873,inset 0 0 0 1px #0000004d,0 10px 30px #00001480}.info:before{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff12 0%,#fff0 38%);position:absolute;inset:0}.info canvas{aspect-ratio:120/52;width:clamp(150px,36vw,270px);image-rendering:pixelated;background:#0b0f3a;border:1px solid #becdff59;flex:none;align-self:center;position:relative;box-shadow:0 2px #00001473}.info .txt{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex;position:relative}.info .tt{font:600 clamp(16px,2vw,20px)/1.2 var(--f-mono);color:#c7c9de;letter-spacing:-.01em;-webkit-line-clamp:2;text-wrap:balance;text-shadow:0 1px #00001e80;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.info .ln{font:clamp(12px,1.4vw,14px)/1.3 var(--f-mono);color:#9fa3c6;align-items:center;gap:10px;min-width:0;display:flex}.info .bk{font:600 clamp(12px,1.4vw,14px) var(--f-mono);color:#c7c9de;font-variant-numeric:tabular-nums;border:1.5px solid #a9acc8;flex:none;padding:0 8px}.info .cm{font:clamp(13px,1.4vw,14px)/1.4 var(--f-mono);color:#9fa3c6;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.info.blank .txt{visibility:hidden}.info:not(.blank):not(.nolink){cursor:pointer;transition:transform .14s cubic-bezier(.3,1.6,.5,1)}.info:not(.blank):not(.nolink):hover{transform:translateY(-2px)}.info:not(.blank):not(.nolink):hover .tt{text-underline-offset:4px;text-decoration:underline 1.5px}@media (prefers-reduced-motion:reduce){.info{transition:none}.info:not(.blank):not(.nolink):hover{transform:none}}.home-name{top:calc(14px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));font:600 clamp(14px,3.6vw,17px) var(--f-px);color:#8b8eae;letter-spacing:.05em;z-index:3;margin:0;position:absolute}.topbar{top:calc(14px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:3;align-items:baseline;gap:18px;display:flex;position:absolute;right:16px}.back-cube,.crumb{white-space:nowrap}.back-cube{font:13px var(--f-mono);color:#9aa3e0;padding:2px 0;transition:color .15s}.back-cube:hover{color:#fff}.crumb{font:600 12px var(--f-px);color:var(--dim);letter-spacing:.04em}#index-view{color:#d9dae6;font:16px/1.55 var(--f-read);background:#0d0e14;display:block;overflow:auto}#index-view .blurb{color:#9a9db4;margin:1px 0 0;font-size:14.5px}#index-view .doc{max-width:640px;margin:0 auto;padding-block:36px 64px}#index-view h1{font:600 28px/1.2 var(--f-read);margin:0 0 6px}#index-view h2{font:600 18px var(--f-read);border-bottom:1px solid #2a2c3a;margin:26px 0 6px;padding-bottom:3px}#index-view a{color:#aab4ff}#index-view a:visited{color:#c6aeff}#index-view ul{margin:0;padding-left:20px}#index-view li{margin:3px 0}#index-view .tag{font:12.5px var(--f-mono);color:#7c7f96;white-space:nowrap}#index-view .meta{font:13px var(--f-mono);color:#7c7f96}#index-view .back{font:13px var(--f-mono);color:#8a8da6;margin-bottom:22px;text-decoration:none;display:inline-block}@media (width<=600px){.view{padding-top:calc(48px + env(safe-area-inset-top,0px));justify-content:flex-start;overflow:auto}#cube-view{justify-content:safe center;padding-top:20px}#card-view{--t:min(56px,calc((100vw - 48px) / 4.7));padding-top:calc(70px + env(safe-area-inset-top,0px))}.topbar{flex-direction:column;gap:6px}.info{flex:none;gap:12px;height:auto;min-height:160px}.info .tt,.info .cm{-webkit-line-clamp:unset;overflow:visible}.info canvas{width:28vw}.info .ln{white-space:nowrap;gap:8px;font-size:12px}.slots{--t:min(56px,calc((100vw - 48px) / 4.7));flex-direction:column;align-items:center;gap:14px}.notin{width:auto;height:auto;padding:2px 0}.slot.inactive .slot-h{justify-content:center}}[hidden]{display:none!important}#backdrop{z-index:0;pointer-events:none;background:var(--void);transition:opacity .4s;position:fixed;inset:0;overflow:hidden}#backdrop canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#backdrop.off{opacity:0}#card-view{background:0 0}#cube .face{background:linear-gradient(135deg,#baacff26 0%,#705ce00f 40%,#1e18601f 70%,#04031475 100%);border:1px solid #d0c6ff61;border-radius:24px;box-shadow:inset 1.5px 1.5px #ffffff9e,inset -1.5px -1.5px #080522bf,inset 6px 6px 3px -2px #e4dcff38,inset -7px -7px 4px -2px #03021280,inset 0 0 0 10px #9682ff0f,inset 0 0 0 11px #dcd2ff12,inset 18px 18px 26px -10px #beacff29,inset -20px -20px 30px -10px #00000c85,inset 0 0 50px #7658ff24}#cube .f-back{background:linear-gradient(135deg,#5a46c81a,#0a082866)}#cube .lk{border-radius:inherit;pointer-events:none;position:absolute;inset:0}#cube .lk-clip{overflow:hidden}#cube .lk-shade{opacity:.3;background:#04030f}#cube .lk-lite{opacity:.4;background:linear-gradient(135deg,#d6ccff4d,#aa96ff14 45%,#0000 70%)}#cube .lk-rim{opacity:.6;box-shadow:inset 2px 2px #ffffffe6,inset 3px 3px 2px #f0ecff59,inset 9px 9px 10px -4px #ece6ff66,inset 0 0 0 1px #ffffff24;-webkit-mask:linear-gradient(135deg,#000 0% 30%,#0000 62%);mask:linear-gradient(135deg,#000 0% 30%,#0000 62%)}#cube .lk-wash{opacity:.85}#cube .lk-wash i{will-change:transform;border-radius:50%;display:block;position:absolute}#cube .lk-wash .w1{background:radial-gradient(closest-side,#8c50ff8c,#8c50ff2e 55%,#0000);width:95%;height:95%;top:-12%;left:-22%}#cube .lk-wash .w2{background:radial-gradient(closest-side,#24d2d66b,#24bed624 55%,#0000);width:85%;height:85%;top:38%;left:40%}#cube .lk-wash .w3{background:radial-gradient(closest-side,#464af06b,#464af01f 55%,#0000);width:75%;height:75%;top:-20%;left:30%}#cube .f-back .lk-wash{opacity:1}#cube .f-back .lk-wash .w1{background:radial-gradient(closest-side,#3cbec84d,#0000)}#cube .f-back .lk-wash .w2{background:radial-gradient(closest-side,#965aff66,#0000)}@media (prefers-reduced-motion:no-preference){#cube .lk-wash .w1{animation:23s ease-in-out infinite alternate lk-d1}#cube .lk-wash .w2{animation:29s ease-in-out infinite alternate lk-d2}#cube .lk-wash .w3{animation:19s ease-in-out infinite alternate lk-d3}}@keyframes lk-d1{0%{transform:translate(0)scale(1)}50%{transform:translate(18%,10%)scale(1.12)}to{transform:translate(6%,26%)scale(.94)}}@keyframes lk-d2{0%{transform:translate(0)scale(1)}50%{transform:translate(-24%,-8%)scale(.9)}to{transform:translate(-10%,-28%)scale(1.1)}}@keyframes lk-d3{0%{transform:translate(0)scale(1)}50%{transform:translate(-14%,22%)scale(1.15)}to{transform:translate(12%,30%)scale(.92)}}#cube .lk-spot{will-change:transform,opacity;background:radial-gradient(closest-side,#ffffff9e,#ece6ff4d 14%,#c8baff1f 42%,#aa96ff0a 70%,#0000);border-radius:50%;width:90%;height:90%;margin:-45% 0 0 -45%;position:absolute;top:50%;left:50%}#cube .lk-streak{will-change:transform,opacity;background:linear-gradient(135deg,#0000 33%,#fff0 35%,#f0ecff29 38%,#ffffff0d 41.5%,#0000 43% 46%,#dcd6ff12 47%,#0000 49.5%);width:220%;height:220%;position:absolute;top:-60%;left:-60%}#cube .opt{text-shadow:0 1px 2px #040310d9,0 0 10px #04031080}#cube .opt[aria-current=true]{text-shadow:0 1px 2px #040310cc,0 0 12px #c8beffe6}#cube-view #stage:after{content:"";left:-30%;right:-30%;top:calc(100% + var(--s)*.06);height:calc(var(--s)*.42);pointer-events:none;transform:translateZ(calc(var(--s)*-.5));background:radial-gradient(50% 50%,#7054f038,#2896be14 55%,#0000 75%);position:absolute}.no-js body{overflow:auto}.no-js #cube-view,.no-js #card-view,.no-js #backdrop,.no-js #idx-back{display:none!important}.no-js #index-view{min-height:100%;position:static;display:block!important}#banner{view-transition-name:mc-banner}.start-card #cube-view{visibility:hidden}