@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:block}:root{--ground:#0c0b1a;--ground-2:#121029;--ground-3:#1b1939;--rule:#2f2c5a;--faint:#4d4a82;--dim:#8f8cbd;--ink:#e2dff7;--world:#3ad6e0;--hero:#e04ad6;--hot:#f6ecff;--world-dim:#3f8f99;--hero-dim:#9a5a98;--deep:#2d2275;--shadow:#262358;--dot:#232046;--sealed:#2b2852;--font:"Departure Mono", ui-monospace, Menlo, monospace;--fs:16.5px;--lh:1.5;--fs-s:11px;--lh-s:14px;--fs-l:22px;--lh-l:28px;--fs-xl:33px;--lh-xl:42px;--wrap:1760px;--gut:clamp(20px, 2.6vw, 48px);--hd:48px;--sb:30px;--mnav:0px;--bottom:calc(var(--sb) + var(--mnav));--dith:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%232b2852' d='M0 0h1v1H0zM2 0h1v1H2zM1 1h1v1H1zM0 2h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");--hatch:repeating-linear-gradient(135deg, transparent 0 6px, #4d4a8252 6px 7px);--raster:linear-gradient(180deg, var(--world) 0%, var(--hot) 33%, var(--hero) 66%, var(--world) 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--ground);color:var(--ink);font:var(--fs) / var(--lh) var(--font);-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;scroll-padding-top:calc(var(--hd) + 16px)}body{background:var(--ground);min-height:100svh;padding:var(--hd) 0 var(--bottom);margin:0;overflow-x:hidden}::selection{background:var(--hero);color:var(--ground)}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}pre,code,kbd,samp{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}p{margin:0}img,svg,canvas{display:block}:focus-visible{outline:1px solid var(--hot);outline-offset:3px}[hidden]{display:none!important}@keyframes blink{50%{opacity:0}}@keyframes raster{to{background-position:0 100%}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.t-s{font-size:var(--fs-s);line-height:var(--lh-s)}.t-m{font-size:var(--fs);line-height:var(--lh)}.t-l{font-size:var(--fs-l);line-height:var(--lh-l)}.t-xl{font-size:var(--fs-xl);line-height:var(--lh-xl)}.ink{color:var(--ink)}.dim{color:var(--dim)}.faint{color:var(--faint)}.hot{color:var(--hot)}.w,.c-world{color:var(--world)}.h,.c-hero{color:var(--hero)}.b{color:var(--hot);text-shadow:1px 0}.u{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.nowrap{white-space:nowrap}.pre{white-space:pre}.tnum{font-variant-numeric:tabular-nums}.lede{max-width:780px;color:var(--dim)}.lede em,.lede b{color:var(--ink);font-style:normal;font-weight:400}.blink{animation:1.06s step-end infinite blink}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.kbd{border:1px solid var(--rule);min-width:2ch;font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);text-align:center;padding:0 4px;display:inline-block}.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut) * 2);padding:0 var(--gut);margin:0 auto}.page{padding-top:56px;padding-bottom:96px}.stack>*+*{margin-top:var(--stack,18px)}.row{align-items:center;gap:var(--gap,12px);display:flex}.row-wrap{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--gap,12px);display:flex}.grid-2{gap:var(--gap,22px);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--gap,22px);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--gap,22px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grow{flex:1;min-width:0}.mt-s{margin-top:8px}.mt-m{margin-top:18px}.mt-l{margin-top:36px}.mt-xl{margin-top:72px}.hr{border:0;border-top:1px dashed var(--rule);height:0;margin:18px 0}.mobile-only{display:none!important}.btn{border:1px solid var(--faint);height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:box-shadow .18s steps(3,end),background-color .18s steps(3,end),color .18s steps(3,end),border-color .18s steps(3,end);display:inline-flex;position:relative}.btn:hover:not([aria-disabled=true]):not(:disabled){box-shadow:-3px 0 0 var(--world), 3px 0 0 var(--hero)}.btn:active:not([aria-disabled=true]):not(:disabled){transform:translateY(1px)}.btn-p{background:var(--hot);border-color:var(--hot);color:var(--ground)}.btn-p:hover:not([aria-disabled=true]):not(:disabled){background:#fff}.btn-w{border-color:var(--world);color:var(--world)}.btn-h{border-color:var(--hero);color:var(--hero)}.btn-sm{height:32px;font-size:var(--fs-s);gap:8px;padding:0 12px}.btn-lg{height:56px;font-size:var(--fs-l);padding:0 24px}.btn-block{width:100%;display:flex}.btn-icon{width:44px;padding:0}.btn-sm.btn-icon{width:32px}.btn .k{color:var(--dim)}.btn-p .k{color:var(--faint)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;border-color:var(--rule);color:var(--faint);background:0 0}.btn-p:disabled,.btn-p[aria-disabled=true]{background:var(--ground-3);border-color:var(--rule);color:var(--faint)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:40;border:1px solid var(--rule);background:var(--ground-2);width:max-content;max-width:min(260px,80vw);color:var(--ink);font-size:var(--fs-s);line-height:var(--lh-s);white-space:normal;text-align:left;pointer-events:none;padding:6px 9px;animation:.15s steps(3,end) fade-in;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip]:hover:after,[data-tip]:focus-visible:after{display:block}[data-tip-pos=below]:after{top:calc(100% + 8px);bottom:auto}[data-tip-align=end]:after{left:auto;right:0;transform:none}[data-tip-align=start]:after{left:0;transform:none}.nfo{border:3px double var(--rule);background:#0c0b1adb;padding:26px 22px 22px;position:relative}.nfo-t{background:var(--ground);max-width:calc(100% - 44px);font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;padding:0 8px;position:absolute;top:-9px;left:22px;overflow:hidden}.nfo-t b{color:var(--ink);font-weight:400}.nfo-r{left:auto;right:22px}.nfo-world{border-color:#3ad6e08c}.nfo-world>.nfo-t b{color:var(--world)}.nfo-hero{border-color:#e04ad68c}.nfo-hero>.nfo-t b{color:var(--hero)}.nfo-hot{border-color:var(--faint)}.nfo-flat{padding:0}.nfo-tight{padding:20px 16px 14px}.pill{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);border:1px solid var(--rule);white-space:nowrap;align-items:center;gap:7px;padding:3px 8px;display:inline-flex}.pill i{background:var(--hero);width:7px;height:7px;animation:1.4s step-end infinite blink;display:block}.pill-w i{background:var(--world)}.pill-ok{color:var(--world);border-color:#3ad6e066}.pill-ok i{background:var(--world);animation:none}.pill-demo{color:var(--ground);background:var(--hero);border-color:var(--hero)}.pill-demo i{background:var(--ground)}.seg{border:1px solid var(--rule);max-width:100%;display:inline-flex}.seg button{height:34px;color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 14px;transition:background-color .15s steps(3,end),color .15s steps(3,end)}.seg button+button{border-left:1px solid var(--rule)}.seg button[aria-pressed=true],.seg button[aria-checked=true]{background:var(--hot);color:var(--ground)}.seg button:hover:not([aria-pressed=true]):not([aria-checked=true]){color:var(--hot)}.seg-sm button{height:28px;font-size:var(--fs-s);padding:0 10px}.seg .n{color:var(--faint);margin-left:6px}.seg [aria-pressed=true] .n,.seg [aria-checked=true] .n{color:var(--dim)}.legend{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);flex-wrap:wrap;gap:8px 22px;display:flex}.legend>span{white-space:nowrap;align-items:center;display:inline-flex}.legend .sw{background:var(--ground-2);flex:none;width:14px;height:14px;margin-right:7px;display:inline-block}.legend .sw-world{background:var(--world)}.legend .sw-hero{background:var(--hero)}.legend .sw-hot{background:var(--hot)}.legend .sw-sealed{background:var(--dith) 0 0 / 8px 8px, var(--ground-2);width:21px;image-rendering:pixelated}.legend .sw-open{background:var(--ground-3);width:21px;box-shadow:inset 3px 0 var(--world), inset -3px 0 var(--hero)}.legend .sw-same{background:repeating-linear-gradient(135deg,#0000 0 4px,#4d4a8299 4px 5px);width:21px}.legend .hint{color:var(--faint)}.legend-c{justify-content:center}.sec{scroll-margin-top:var(--hd);padding-top:112px}.sec:first-child{padding-top:0}.sec-h{align-items:flex-end;gap:18px;margin-bottom:26px;display:flex}.sec-n{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);border:1px solid var(--rule);flex:none;margin-bottom:4px;padding:3px 7px}.sec-rule{background:var(--rule);flex:1;min-width:24px;height:1px;margin-bottom:8px}.sec-meta{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);flex:none;margin-bottom:4px}.sec-meta b{color:var(--hot);font-weight:400}.bts{align-items:flex-end;gap:calc(var(--px,7px) * 2) calc(var(--px,7px) * 4);flex-wrap:wrap;min-width:0;display:flex}.bt{--px:7px;width:calc(var(--bw) * var(--px));height:calc(var(--bh) * var(--px));background:var(--raster);-webkit-mask:var(--m) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--m) 0 0 / 100% 100% no-repeat;mask:var(--m) 0 0 / 100% 100% no-repeat;vertical-align:bottom;background-size:100% 300%;flex:none;animation:5s steps(24,end) infinite alternate raster;display:inline-block}.bts-xl,.bt-xl{--px:7px}.bts-l,.bt-l{--px:5px}.bts-m,.bt-m{--px:3px}.bts-s,.bt-s{--px:2px}.bts-xs,.bt-xs{--px:1.5px}.bt-wrap{min-width:0;display:block}.bt-world{background:var(--world);animation:none}.bt-hero{background:var(--hero);animation:none}.bt-ink{background:var(--ink);animation:none}.bt-hot{background:var(--hot);animation:none}.bt-dim{background:var(--dim);animation:none}.bt-faint{background:var(--faint);animation:none}.bt-split{background:linear-gradient(90deg, var(--world) 0 50%, var(--hero) 50% 100%);animation:none}.kv{font-size:var(--fs-s);grid-template-columns:max-content 1fr;gap:2px 16px;margin:0;line-height:18px;display:grid}.kv dt{color:var(--faint)}.kv dd{color:var(--ink);overflow-wrap:anywhere;margin:0}.lead{font-size:var(--fs-s);margin:0;padding:0;line-height:22px;list-style:none}.lead li{gap:8px;display:flex}.lead .k{color:var(--ink)}.lead .v{color:var(--dim);text-align:right}.lead i{background:radial-gradient(circle, var(--faint) .8px, transparent 1.2px) 0 100% / 7px 7px repeat-x;flex:1;min-width:14px;margin-bottom:7px}.feed{font-size:var(--fs-s);color:var(--dim);margin:0;padding:0;line-height:18px;list-style:none}.feed li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feed .t{color:var(--faint)}.empty{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--faint);text-align:center;padding:22px 0}.input{border:1px solid var(--rule);background:var(--ground-2);height:40px;color:var(--ink);outline:none;min-width:0;padding:0 12px}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--faint)}.fx{position:relative;overflow:hidden}.fx>canvas{width:100%;height:100%;position:absolute;inset:0}.fx-fb{font-size:var(--fs-s);line-height:var(--lh-s);white-space:pre;color:var(--dim);margin:0}html.intro body>:not(.intro-layer){visibility:hidden}html.intro body{overflow:hidden}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){:root{--mnav:56px;--sb:22px}.grid-3{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:revert!important}}@media (max-width:640px){:root{--gut:16px;--hd:52px}html{font-size:15px}:root{--fs:15px;--fs-xl:22px;--lh-xl:28px}.page{padding-top:32px;padding-bottom:64px}.grid-2,.grid-4{grid-template-columns:1fr}.sec{padding-top:80px}.sec-h{flex-wrap:wrap;gap:10px 14px}.sec-rule{display:none}.bts-xl,.bt-xl{--px:5px}.bts-l,.bt-l{--px:4px}.nfo{padding:22px 16px 18px}.btn-lg{height:50px;font-size:var(--fs)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.bt{background-position:0}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}html[data-motion=off] .bt{background-position:0}.nf{justify-content:center;display:flex}.nf-box{width:100%;max-width:720px}
.skip{z-index:60;background:var(--hot);color:var(--ground);padding:6px 10px;text-decoration:none;position:fixed;top:-40px;left:8px}.skip:focus{top:8px}.hd{z-index:30;height:var(--hd);padding:0 var(--gut);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0b1aeb;align-items:center;gap:18px;display:flex;position:fixed;inset:0 0 auto}.brand{font-size:var(--fs-l);line-height:var(--lh-l);color:var(--hot);flex:none;align-items:baseline;text-decoration:none;display:flex}.brand .x{color:var(--world)}.brand .cur{color:var(--hero);margin-left:2px;animation:1.06s step-end infinite blink}.hd-pill{flex:none}.tabs{align-self:stretch;margin-left:6px;display:flex}.tab{color:var(--dim);white-space:pre;align-items:center;padding:0 12px;text-decoration:none;transition:color .12s steps(2,end),background-color .12s steps(2,end);display:flex;position:relative}.tab .tab-b{color:var(--rule);transition:color .12s steps(2,end)}.tab .tab-n{color:var(--faint)}.tab:hover{color:var(--hot)}.tab:hover .tab-b{color:var(--world)}.tab:hover .tab-b2{color:var(--hero)}.tab.is-on{color:var(--hot);background:var(--ground-3)}.tab.is-on .tab-b{color:var(--world)}.tab.is-on .tab-b2{color:var(--hero)}.tab.is-on .tab-n{color:var(--dim)}.tab.is-on:after{content:"";background:linear-gradient(90deg, var(--world) 0 50%, var(--hero) 50% 100%);height:2px;position:absolute;bottom:-1px;left:0;right:0}.hd-r{align-items:center;gap:10px;margin-left:auto;display:flex}.main{min-height:calc(100vh - var(--hd) - var(--bottom) - 120px);display:block}.ft{border-top:1px solid var(--rule);font-size:var(--fs-s);color:var(--dim);grid-template-columns:1.4fr 1fr 1.2fr;gap:36px;margin-top:40px;padding-top:26px;padding-bottom:40px;line-height:18px;display:grid}.ft h4{font-size:var(--fs-s);color:var(--ink);margin:0 0 10px}.ft p+p{margin-top:8px}.ft ul{margin:0;padding:0;list-style:none}.ft a{color:var(--dim);text-decoration:none}.ft a:hover{color:var(--hot)}.ft-gr{color:var(--ink)}.sb{contain:layout paint;inset:auto 0 var(--mnav) 0;z-index:30;height:var(--sb);padding:0 var(--gut);border-top:1px solid var(--rule);font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);white-space:nowrap;background:#0c0b1af2;align-items:center;gap:0;display:flex;position:fixed;overflow:hidden}.sb b{color:var(--hot);font-weight:400}.sb-ph{color:var(--ink);align-items:center;gap:7px;margin-right:14px;display:inline-flex}.sb-ph i{background:var(--hero);width:7px;height:7px;animation:1.4s step-end infinite blink;display:block}.sb-ph i.ok{background:var(--world);animation:none}.sb-it+.sb-it:before{content:"·";color:var(--faint);margin:0 10px}.sb-ln{color:inherit;text-decoration:none}.sb-ln:hover{color:var(--ink)}.sb b.sb-on{color:var(--world)}.sb .sb-ca{flex:none;margin-left:auto;padding-left:18px}.mnav{display:none}@media (max-width:1100px){.sb-wide{display:none}.tab{padding:0 7px}}@media (max-width:860px){.tabs{display:none}.mnav{z-index:31;height:var(--mnav);border-top:1px solid var(--rule);background:var(--ground);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.mnav .tab{font-size:var(--fs-s);line-height:var(--lh-s);flex-direction:column;justify-content:center;gap:2px;padding:0}.mnav .tab-n{color:var(--faint)}.mnav .tab.is-on{background:var(--ground-3)}.mnav .tab.is-on:after{top:-1px;bottom:auto}.sb{padding:0 var(--gut);font-size:10px}.ft{grid-template-columns:1fr 1fr}.ft>div:first-child{grid-column:1/-1}}@media (max-width:640px){.hd{gap:10px}.hd-pill{display:none}.hd .btn-x{height:32px;padding:0 10px}.sb-ph{margin-right:10px}.sb-it+.sb-it:before{margin:0 6px}.sb:has(.sb-ca) .sb-games{display:none}.sb .sb-ca{gap:6px;padding-left:10px}.ft{grid-template-columns:1fr;gap:22px}}.hd .hd-ca{border:1px solid var(--rule);white-space:nowrap;background:0 0;height:30px;padding:0 10px}.hd .hd-ca:hover,.hd .hd-ca:focus-visible{border-color:var(--world)}@media (max-width:640px){.hd .hd-ca .ca-k{display:none}}.hd .hd-buy{height:30px}@media (max-width:640px){.hd:has(.hd-buy) .btn-x{display:none}.hd .hd-buy{padding:0 10px}}.brand .brand-mark{width:30px;height:30px;image-rendering:pixelated;align-self:center;margin-right:8px;display:inline-block}@media (max-width:640px){.brand .brand-mark{width:26px;height:26px;margin-right:6px}}
.sigil{font-size:var(--fs-s);line-height:var(--lh-s);white-space:pre;flex-direction:column;flex:none;display:inline-flex}.sigil .w{color:var(--world)}.sigil .h{color:var(--hero)}.sigil .dim{color:var(--dim)}.sigil .faint{color:var(--faint)}.sigil .ink{color:var(--ink)}.tile{border:1px solid var(--rule);background:var(--ground-2);min-width:0;color:var(--ink);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 11px;text-decoration:none;transition:border-color .15s steps(3,end),box-shadow .15s steps(3,end),background-color .15s steps(3,end),transform .12s steps(2,end);display:flex;position:relative}.tile:hover:not(.is-off){border-color:var(--faint);background:var(--ground-3);box-shadow:-3px 0 0 var(--world), 3px 0 0 var(--hero)}.tile:active:not(.is-off){transform:translateY(1px)}.tile-top{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.tile .sigil{opacity:.8}.tile-n{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--faint)}.tile-tag{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--ground);background:var(--ink);padding:0 5px}.tile-id{max-width:100%;margin:8px 0 4px;overflow:hidden}.tile-name{max-width:100%;font-size:var(--fs-s);line-height:var(--lh-s);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-meta,.tile-foot{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--faint);white-space:nowrap}.tile.is-world{border-color:var(--world);box-shadow:inset 3px 0 0 var(--world);background:#3ad6e012}.tile.is-world .tile-tag{background:var(--world)}.tile.is-hero{border-color:var(--hero);box-shadow:inset -3px 0 0 var(--hero);background:#e04ad612}.tile.is-hero .tile-tag{background:var(--hero)}.tile.is-world .sigil,.tile.is-hero .sigil{opacity:1}.tile.is-off{opacity:.32;cursor:not-allowed}.tile.is-shake{border-color:var(--hero);animation:.42s steps(8,end) shake}.tile-sm{padding:8px 9px 7px}.tile-sm .tile-meta,.tile-sm .sigil{display:none}.tile-sm .tile-id{margin-top:2px}.tile-lg{gap:6px;padding:18px 18px 16px}.tile-lg .tile-name{font-size:var(--fs);line-height:var(--lh)}.tile-cover{aspect-ratio:3/4;pointer-events:none;background:#0c0b1a;width:100%;margin-bottom:7px;display:block;overflow:hidden}.tile-cover img{object-fit:contain;width:100%;height:100%;display:block}.tile:has(.tile-cover) .tile-id{display:none}.tile:has(.tile-cover) .tile-top .sigil{display:none}.tile:has(.tile-cover) .tile-n{display:none}.tile:has(.tile-cover) .tile-top{pointer-events:none;justify-content:flex-end;width:auto;position:absolute;inset:18px 18px auto}.tile-sm:has(.tile-cover) .tile-top{inset:12px 13px auto}.tile-lg:has(.tile-cover) .tile-top{inset:24px 24px auto}.art{font-size:var(--fs-s);line-height:var(--lh-s);white-space:pre;color:var(--faint);margin:0;overflow:hidden}.art-row{height:var(--lh-s);display:block}.a-w{color:var(--world)}.a-h{color:var(--hero)}.a-x{color:var(--hot);text-shadow:0 0 6px #f6ecff8c}.a-f,.a-n{color:var(--faint)}.ccard{border:3px double var(--rule);background:var(--ground);min-width:0;position:relative}.ccard.is-open{border-color:var(--faint)}.ccard-bar{font-size:var(--fs-s);line-height:var(--lh-s);grid-template-columns:1fr 1fr;display:grid}.ccard-bar>span{white-space:nowrap;text-overflow:ellipsis;padding:7px 14px;overflow:hidden}.ccard-bar b{color:var(--dim);margin-right:6px;font-weight:400}.ccard-bw{color:var(--world);border-bottom:1px solid var(--world);background:#3ad6e01a}.ccard-bh{text-align:right;color:var(--hero);border-bottom:1px solid var(--hero);background:#e04ad61a}.ccard-in{padding:18px 22px 20px}.ccard-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ccard-title{font-size:var(--fs-xl);line-height:var(--lh-xl);color:var(--hot);white-space:nowrap}.ccard-plus{color:var(--hot)}.ccard-line{color:var(--dim);margin-top:2px}.ccard-frame{border:1px solid var(--rule);background:var(--ground-2);margin-top:16px;padding:10px 12px 22px;position:relative;overflow:hidden}.ccard-frame .art{flex-direction:column;align-items:center;display:flex}.ccard-tag{font-size:var(--fs-s);line-height:var(--lh-s);position:absolute;bottom:4px}.ccard-tag-w{color:var(--world-dim);left:10px}.ccard-tag-h{color:var(--hero-dim);right:10px}.ccard-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.ccard-st{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);align-items:center;gap:8px;display:inline-flex}.ccard-st i{background:var(--faint);flex:none;width:7px;height:7px;display:block}.ccard-st.is-open{color:var(--world)}.ccard-st.is-open i{background:var(--world)}.ccard-act{flex-wrap:wrap;gap:10px;display:flex}.ccard-compact{border:1px solid var(--rule);background:var(--ground-2);color:var(--ink);flex-direction:column;gap:8px;padding:14px 14px 12px;text-decoration:none;transition:border-color .15s steps(3,end),box-shadow .15s steps(3,end);display:flex}.ccard-compact:hover{border-color:var(--faint);box-shadow:-3px 0 0 var(--world), 3px 0 0 var(--hero)}.ccard-halves{font-size:var(--fs-l);line-height:var(--lh-l);white-space:nowrap}.ccard-halves .ccard-plus{margin:0 .6ch}.ccard-compact .ccard-art{border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule);padding:6px 0}.ccard-compact .ccard-line{font-size:var(--fs-s);line-height:var(--lh-s)}.board{--hw:70px;--gap:3px;--ch:50px;gap:var(--gap);-webkit-user-select:none;user-select:none;flex-direction:column;min-width:0;display:flex}.board-row{grid-template-columns:var(--hw) repeat(var(--n), minmax(0, 1fr));gap:var(--gap);display:grid}.board-corner,.board-ch,.board-rh{font-size:var(--fs-s);line-height:var(--lh-s);white-space:nowrap;align-items:center;transition:color .12s steps(2,end);display:flex;overflow:hidden}.board-corner{color:var(--faint)}.board-corner .w{color:var(--world-dim)}.board-corner .h{color:var(--hero-dim)}.board-ch{height:28px;color:var(--hero-dim);justify-content:center;container-type:inline-size}.board-ch>span{font-size:min(1em, calc(100cqi / (var(--len,4) * .64)))}.board-ch.on{color:var(--hero)}.board-rh{color:var(--world-dim);padding-right:6px}.board-rh.on{color:var(--world)}.cell{height:var(--ch);background:var(--ground-2);min-width:0;color:var(--dim);font-size:var(--fs-s);line-height:var(--lh-s);text-align:left;white-space:pre;cursor:pointer;border:0;margin:0;padding:5px 6px;text-decoration:none;display:block;position:relative;overflow:hidden}.cell:before{content:"";background:var(--dith) 0 0 / 8px 8px;image-rendering:pixelated;transition:opacity .45s steps(5,end);position:absolute;inset:0}.cell:after{content:"";background:var(--ground);height:1px;position:absolute;top:50%;left:0;right:0}.cell-fl,.cell-lb{z-index:1;display:block;position:relative}.cell-lb{color:var(--hot);display:none}.cell:hover .cell-lb,.cell:focus-visible .cell-lb{display:block}.cell:hover .cell-fl,.cell:focus-visible .cell-fl{display:none}.cell.xr{background-color:var(--ground-3)}.cell:hover,.cell:focus-visible{outline:1px solid var(--hot);outline-offset:0;z-index:2}.cell.is-same{cursor:default;background:var(--hatch), var(--ground)}.cell.is-same:before{display:none}.cell.is-same .cell-lb{color:var(--faint)}.cell.is-same:hover,.cell.is-same:focus-visible{outline-color:var(--faint)}.cell.is-open{background:linear-gradient(90deg, #3ad6e038, #e04ad638), var(--ground-3);box-shadow:inset 3px 0 var(--world), inset -3px 0 var(--hero), inset 0 0 0 1px #f6ecff59, 0 0 14px #e04ad647;z-index:1}.cell.is-open:before{opacity:0}.cell.is-open:after{display:none}.cell-art{z-index:0;filter:saturate(1.15)brightness(.9);background-position:50% 30%;background-size:cover;position:absolute;inset:0}.cell.is-open:hover .cell-art,.cell.is-open:focus-visible .cell-art{filter:saturate(1.2)brightness(.45)}.cell.is-open:has(.cell-art) .cell-fl{display:none}.cell-play{z-index:2;color:var(--ground);background:var(--hot);padding:0 4px;font-size:10px;line-height:14px;position:absolute;bottom:3px;right:4px}.cell .w{color:var(--world)}.cell .h{color:var(--hero)}.cell-own{color:var(--faint)}.cell.is-sel{outline:1px solid var(--hero);outline-offset:0;z-index:2}.cell.is-dim{opacity:.22}.cell-fx{z-index:3;background:var(--ground-3);color:var(--hot);white-space:pre;padding:5px 6px;display:none;position:absolute;inset:0}.cell-fx.on{display:block}@keyframes flap{0%{transform:scaleY(1)}45%{background-color:var(--faint);transform:scaleY(.08)}to{transform:scaleY(1)}}.board.is-boot .cell:not(.is-same){animation:.42s steps(6,end) both flap;animation-delay:var(--d,0s)}.ca{min-width:0;animation:.32s steps(4,end) both ca-in;container-type:inline-size}@keyframes ca-in{0%{opacity:0}}.ca-h{font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.ca-pf{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:3px}.ca-pf:hover{color:var(--hot);-webkit-text-decoration-color:var(--hero);text-decoration-color:var(--hero)}.ca-row{align-items:center;gap:16px;display:flex}.ca-v{white-space:nowrap;min-width:0;color:var(--world);-webkit-user-select:all;user-select:all;font-size:clamp(8px,3.57143cqw - 2.85714px,16.5px);line-height:21px;overflow:hidden}.ca-cp{flex:none;justify-content:center;min-width:9ch;margin-left:auto}.ca-cp.is-copied{border-color:var(--world);color:var(--world)}.ca-compact{min-width:0;font:inherit;font-size:var(--fs-s);line-height:var(--lh-s);color:var(--dim);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex;container-type:normal}.ca-compact .ca-k{color:var(--faint)}.ca-compact .ca-v{font-size:var(--fs-s);line-height:var(--lh-s);text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.ca-compact .ca-cpl{border:1px solid var(--rule);color:var(--dim);padding:0 5px}.ca-compact:hover .ca-cpl,.ca-compact:focus-visible .ca-cpl{border-color:var(--faint);color:var(--hot)}.ca-compact.is-copied .ca-cpl{border-color:var(--world);color:var(--world)}.cphoto{z-index:0;background:var(--ground-2);pointer-events:none;transition:opacity .3s steps(5,end);display:block;position:absolute;inset:0;overflow:hidden}.cphoto img{object-fit:cover;object-position:50% 44%}.cphoto:after{content:"";background:repeating-linear-gradient(0deg,#0c0b1a38 0 1px,#0000 1px 3px),linear-gradient(#0000 62%,#0c0b1ae0);position:absolute;inset:0}.cphoto.is-hidden{opacity:0}.art.art-ph{position:relative}.ccard-frame.has-photo .ccard-tag{z-index:1}.ccard-frame.has-photo .ccard-tag-w{color:var(--world)}.ccard-frame.has-photo .ccard-tag-h{color:var(--hero)}@media (max-width:860px){.board{--hw:52px}}@media (max-width:640px){.ccard-in{padding:16px 14px}.ccard-frame{padding:8px 6px 20px}.ccard-frame .art,.ccard-compact .art{font-size:7.5px;line-height:9.5px}.ccard-frame .art-row,.ccard-compact .art-row{height:9.5px}.ccard-act{width:100%}.ccard-act .btn{flex:auto}.ccard-act>div,.ccard-act>div>div,.ccard-act>div .btn{width:100%}.board{--hw:40px;--gap:2px;--ch:24px}.board-ch{writing-mode:vertical-rl;justify-content:flex-start;height:46px;font-size:9px;transform:rotate(180deg)}.board-rh{padding-right:2px;font-size:9px}.board-corner{font-size:8px}.cell{padding:0}.cell .cell-fl,.cell .cell-lb,.cell:hover .cell-lb{display:none}.cell.is-open{box-shadow:inset 3px 0 var(--world), inset -3px 0 var(--hero)}.tile{padding:10px 10px 9px}}.combo-art-pending{width:100%;display:block;position:relative}.combo-art-status{color:var(--dim,#8f8cbd);white-space:normal;padding:8px 10px;font-size:12px;line-height:1.5;display:block}.art>.combo-art-status{z-index:2;background:#0c0b1ae8;position:absolute;inset:auto 0 0}
.fx-cv{width:100%;height:100%;display:block;position:absolute;inset:0}.fx-logo{background:var(--ground);cursor:crosshair;width:100%;height:220px}.logo-fb{color:var(--hot);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-ball-fig{flex-direction:column;min-height:0;margin:0;display:flex}.fx-ball{background:var(--ground);cursor:grab;touch-action:pan-y;flex:1;width:100%;min-height:260px}.fx-ball:active{cursor:grabbing}.fx-ball-fb{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-cap{text-align:center;font-size:var(--fs-s);line-height:var(--lh-s);color:var(--faint);margin-top:6px}.fx-scroller{background:var(--ground);pointer-events:none;width:100%;height:110px}.fx-scroller-fb{white-space:nowrap;color:var(--dim);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.fx-scroller-fb span{padding-left:100%;animation:40s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-100%)}}.fx-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-how{background:var(--ground);width:100%;height:518px}.fx-how-fb{color:var(--dim);justify-content:center;align-items:center;padding:8px 0;display:flex;position:absolute;inset:0;overflow:auto}.intro-layer{z-index:100;background:var(--ground);transition:opacity .45s steps(6,end);position:fixed;inset:0}.intro-layer.is-out{opacity:0;pointer-events:none}.intro-fx{position:absolute;inset:0}.intro-skip{background:var(--ground);border:1px solid var(--rule);white-space:nowrap;font-size:var(--fs-s);line-height:var(--lh-s);color:var(--faint);pointer-events:none;padding:3px 10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@media (max-width:860px){.fx-how{height:700px}}@media (max-width:640px){.fx-logo{height:120px}.fx-scroller{height:84px}.fx-ball{min-height:220px}}