@font-face{font-family:Yuji Syuku;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yuji-syuku-latin-400-normal-CXYA-8E_.woff2)format("woff2"),url(/assets/yuji-syuku-latin-400-normal-BNGF3izu.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06070b;--ink:#0a0e19e0;--bronze:#b08a58;--spirit:#4c8dff;--display-font:"Yuji Syuku", Georgia, serif;--text:#f4f1ea;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.identity{z-index:1;pointer-events:none;max-width:calc(100vw - 290px);transition:opacity .3s;position:fixed;top:18px;left:24px}.identity h1{font:400 24px/1.2 var(--display-font);letter-spacing:.05em;color:var(--text);text-shadow:0 1px 8px #000c;margin:0}.identity p{color:#e2c48f;letter-spacing:.02em;margin:2px 0 0;font:italic 15px Georgia,Times New Roman,serif}.identity--hidden{opacity:0}.identity .identity__invitation{color:#f4f1eab3;letter-spacing:.01em;margin-top:10px;font:italic 14px/1.4 Georgia,Times New Roman,serif}@media (width<=560px){.identity{max-width:calc(100vw - 172px);top:12px;left:14px}.identity h1{font-size:19px}.identity p{font-size:13px}}@media (prefers-reduced-motion:reduce){.identity{transition:none}}.key-hint{box-sizing:border-box;background:var(--ink);color:#f4f1eae0;width:max-content;max-width:calc(100vw - 24px);font-family:var(--display-font);letter-spacing:.04em;pointer-events:none;white-space:nowrap;border:1px solid #b08a588c;border-radius:6px;justify-content:center;gap:6px 20px;padding:9px 20px;font-size:14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #06070be6,0 0 22px #4c8dff2e}@media (width<=760px){.key-hint{flex-wrap:wrap}}.key-hint--bottom{top:auto;bottom:16px}.key-hint kbd{text-align:center;min-width:1.6em;color:var(--text);border:1px solid #b08a5899;border-radius:3px;margin-right:4px;padding:1px 5px;font:12px Georgia,Times New Roman,serif;display:inline-block}.content-panel{z-index:10;color:var(--text);background:#090c15;border:1px solid #b08a5899;border-radius:8px;flex-direction:column;width:min(560px,43vw);max-height:82vh;font:17px/1.6 Georgia,Times New Roman,serif;animation:.28s ease-out .12s both panel-in-side;display:flex;position:fixed;top:50%;left:52vw;translate:0 -50%;box-shadow:0 0 0 3px #06070bd9,0 18px 50px #0009,0 0 28px #4c8dff1f}@media (aspect-ratio<=1){.content-panel{width:auto;max-height:66vh;animation-name:panel-in;inset:auto 12px 12px;translate:none}}.content-panel__header{border-bottom:1px solid #b08a5859;align-items:center;gap:12px;padding:14px 14px 12px 22px;display:flex}.content-panel__title{flex:1;min-width:0}.content-panel .content-panel__byline{color:#e2c48f;letter-spacing:.02em;margin:0 0 3px;font:italic 13px/1.4 Georgia,Times New Roman,serif}.content-panel h2{font:400 28px/1.2 var(--display-font);letter-spacing:.04em;outline:none;margin:0}.content-panel h2:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--spirit);text-decoration-color:var(--spirit);text-underline-offset:6px}.content-panel__body{overscroll-behavior:contain;padding:8px 22px 18px;overflow-y:auto}.content-panel__figure{margin:0 0 14px}.content-panel__figure a{cursor:zoom-in;display:block}.content-panel__figure img{background:#14182699;border:1px solid #b08a5859;border-radius:6px;width:100%;height:auto;display:block}.content-panel__figure figcaption{color:#f4f1ea8c;margin-top:4px;font-size:13px}.content-panel__lead{color:#f4f1eabf;font-style:italic}.content-panel .content-panel__section-title{font:400 19px/1.3 var(--display-font);letter-spacing:.04em;color:#e2c48f;margin:22px 0 6px}.content-panel p{max-width:62ch;margin:0 0 12px}.content-panel a{color:#8fbcff;text-underline-offset:3px}.content-panel__links{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.content-panel .content-panel__links a{color:var(--text);font:15px/1.3 var(--display-font);letter-spacing:.04em;background:#141826e6;border:1px solid #b08a5899;border-radius:4px;padding:7px 14px;text-decoration:none;display:inline-block}.content-panel .content-panel__links a:hover{border-color:#e2c48f;box-shadow:0 0 12px #e2c48f2e}.content-panel__links a[target=_blank]:after{content:" ↗";color:#e2c48f}.content-panel .content-panel__tags{flex-wrap:wrap;gap:6px;margin:6px 0 8px;padding:0;list-style:none;display:flex}.content-panel .content-panel__tags li{color:var(--text);white-space:nowrap;background:#e2c48f14;border:1px solid #e2c48f66;border-radius:999px;margin:0;padding:2px 9px;font:14px/1.5 Georgia,Times New Roman,serif}.content-panel .content-panel__meta{color:#f4f1eab3;letter-spacing:.01em;margin:-2px 0 6px;font:italic 14px/1.4 Georgia,Times New Roman,serif}.content-panel .content-panel__note{color:#f4f1ea99;margin:2px 0 0;font-size:14px;font-style:italic}.content-panel__footer{border-top:1px solid #b08a5859;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 12px 22px;font-size:14px;display:flex}.content-panel button{color:var(--text);font:15px var(--display-font);letter-spacing:.04em;cursor:pointer;background:#141826e6;border:1px solid #b08a5899;border-radius:4px}.content-panel button:hover{border-color:#e2c48f}.content-panel button:focus-visible,.content-panel a:focus-visible{outline:2px solid var(--spirit);outline-offset:2px}.content-panel .content-panel__close{flex-shrink:0;width:40px;height:40px;font-size:24px;line-height:1}.content-panel__footer .content-panel__links{margin:0}.content-panel__hint{color:#f4f1ea8c;white-space:nowrap;margin-left:auto}@media (hover:none){:is(.content-panel__hint,.content-panel__footer:not(:has(.content-panel__links))){display:none}}.content-panel__hint kbd{border:1px solid #b08a5899;border-radius:3px;padding:1px 5px;font:12px Georgia,Times New Roman,serif}@keyframes panel-in{0%{opacity:0;transform:translateY(16px)}}@keyframes panel-in-side{0%{opacity:0;transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.content-panel{animation:none}}.content-panel__facts{background:#14182699;border:1px solid #b08a584d;border-radius:6px;gap:6px;margin:4px 0 8px;padding:12px 14px;font-size:15px;line-height:1.45;display:grid}.content-panel__facts div{grid-template-columns:6.5em 1fr;gap:12px;display:grid}.content-panel__facts dt{color:#e2c48f;font-family:var(--display-font);letter-spacing:.04em}.content-panel__facts dd{margin:0}.content-panel section ul{margin:0 0 12px;padding-left:20px}.content-panel section li{max-width:60ch;margin-bottom:6px}.selection-bar{z-index:10;max-width:calc(100vw - 24px);color:var(--text);background:#090c15eb;border:1px solid #b08a5899;border-radius:8px;align-items:center;gap:24px;padding:10px 12px 10px 22px;animation:.28s ease-out .12s both panel-in;display:flex;position:fixed;top:16px;left:50%;translate:-50%;box-shadow:0 0 0 3px #06070bd9,0 0 28px #4c8dff1f}.selection-bar h2{font:400 22px/1.2 var(--display-font);letter-spacing:.04em;margin:0}.selection-bar p{color:#f4f1eab3;margin:2px 0 0;font:italic 15px Georgia,Times New Roman,serif}.selection-bar__actions{gap:8px;display:flex}.selection-bar button{color:var(--text);font:15px var(--display-font);letter-spacing:.04em;white-space:nowrap;cursor:pointer;background:#141826e6;border:1px solid #b08a5899;border-radius:4px;padding:8px 14px}.selection-bar button:hover{border-color:#e2c48f}.selection-bar button:focus-visible{outline:2px solid var(--spirit);outline-offset:2px}@media (width<=560px){.selection-bar{justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;top:10px;left:10px;right:10px;translate:none}.selection-bar h2{font-size:19px}.selection-bar p{font-size:13px}.selection-bar button{padding:8px 10px;font-size:14px}}@media (prefers-reduced-motion:reduce){.selection-bar{animation:none}}.content-panel__facts .content-panel__tags{margin:0}@media (width<=560px){.content-panel__facts div{grid-template-columns:1fr;gap:2px}}.app-view,.game-view{width:100%;height:100%}.static-page{max-width:720px;margin:0 auto;padding:24px 20px 48px;font:17px/1.6 Georgia,Times New Roman,serif}.static-page a{color:#8fbcff}.static-page header{font:18px var(--display-font);letter-spacing:.04em}.static-page nav ul{border-bottom:1px solid #b08a5859;flex-wrap:wrap;gap:6px 18px;margin:10px 0 24px;padding:0 0 12px;list-style:none;display:flex}.static-page h1,.static-page h2{font-family:var(--display-font);letter-spacing:.04em;font-weight:400}.static-page h2{color:#e2c48f;font-size:21px}.static-page img{max-width:100%;height:auto}.static-page__lead{font-style:italic}.quick-index{z-index:5;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:16px;right:16px}.quick-index__bar{gap:8px;display:flex}.quick-index__link{text-decoration:none;display:inline-block}.quick-index__toggle,.quick-index__link,.quick-index__simple,.simple-view__play{color:var(--text);font:15px var(--display-font);letter-spacing:.04em;cursor:pointer;background:#141826e6;border:1px solid #b08a5899;border-radius:4px;padding:7px 14px}.quick-index__toggle:hover,.quick-index__link:hover,.quick-index__simple:hover,.simple-view__play:hover,.quick-index__toggle[aria-expanded=true]{border-color:#e2c48f}.quick-index button:focus-visible,.quick-index a:focus-visible,.simple-view a:focus-visible,.simple-view button:focus-visible{outline:2px solid var(--spirit);outline-offset:2px}.quick-index__menu{overflow-wrap:anywhere;background:#090c15f5;border:1px solid #b08a5899;border-radius:8px;width:min(320px,100vw - 32px);max-height:calc(100dvh - 80px);margin-top:8px;padding:12px 16px 14px;animation:.18s ease-out both panel-in;overflow-y:auto;box-shadow:0 0 0 3px #06070bd9,0 18px 40px #0009}.quick-index__menu ul{margin:0;padding:0;list-style:none}.quick-index__menu>ul>li>a{color:var(--text);font:17px var(--display-font);letter-spacing:.04em;padding:5px 0;text-decoration:none;display:block}.quick-index__menu li ul{border-left:1px solid #b08a5859;margin:0 0 4px;padding-left:12px}.quick-index__description{color:#f4f1eaa6;letter-spacing:0;margin-top:2px;font:italic 13px/1.4 Georgia,Times New Roman,serif;display:block}.quick-index__menu li ul a{color:#f4f1eacc;min-height:24px;padding:3px 0;font:italic 15px Georgia,Times New Roman,serif;text-decoration:none;display:block}.quick-index__menu a:hover{color:#e2c48f}.quick-index__simple{width:100%;margin-top:12px;font-size:14px}@media (width<=560px){.quick-index__contact{display:none}.quick-index{top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.quick-index__menu{animation:none}}.simple-view{background:radial-gradient(ellipse at 30% 0%, #10172a 0%, var(--bg) 60%) fixed;height:100%;padding:20px 20px 56px;font:17px/1.6 Georgia,Times New Roman,serif;overflow-y:auto}.simple-view>*{max-width:760px;margin-left:auto;margin-right:auto}.simple-view a{color:#8fbcff;text-underline-offset:3px}.simple-view__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.simple-view__name{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.simple-view__name a{color:var(--text);font:22px var(--display-font);letter-spacing:.05em;text-decoration:none}.simple-view__name span{color:#8fbcff;font-size:15px;font-style:italic}.simple-view__notice{background:#141826b3;border:1px solid #b08a5873;border-radius:6px;margin-top:16px;padding:10px 14px;font-size:15px}.simple-view__nav ul{border-bottom:1px solid #b08a5859;flex-wrap:wrap;gap:6px 20px;margin:14px 0 0;padding:0 0 12px;list-style:none;display:flex}.simple-view__nav a{font:17px var(--display-font);letter-spacing:.04em;text-decoration:none}.simple-view__nav a[aria-current=page]{color:#e2c48f;text-decoration:underline}.simple-view h1{font:400 34px/1.2 var(--display-font);letter-spacing:.04em;outline:none;margin:26px 0 12px}.simple-view__lead{color:#f4f1eacc;font-style:italic}.simple-view__back{margin:20px 0 0}.simple-view__list{margin:0;padding:0;list-style:none}.simple-view__list li{background:#090c15b3;border:1px solid #b08a5859;border-radius:8px;margin-bottom:14px;padding:12px 16px}.simple-view__list h2{font:400 21px var(--display-font);letter-spacing:.04em;margin:0 0 4px}.simple-view__list p{margin:0}.simple-view__list .simple-view__tech{color:#e2c48f;margin-top:4px;font-size:14px}.content-panel.content-panel--page{z-index:auto;width:auto;max-height:none;padding:8px 22px 20px;font-size:17px;animation:none;position:static;translate:none}@media (height<=500px) and (aspect-ratio>=1){.content-panel{width:auto;max-height:none;font-size:15px;line-height:1.5;inset:8px 8px 8px 50vw;translate:none}.content-panel__figure img{width:auto;max-width:100%;max-height:34vh}.content-panel__header{padding:6px 8px 6px 16px}.content-panel h2{font-size:21px}.content-panel .content-panel__close{width:34px;height:34px;font-size:20px}.content-panel__body{padding:6px 16px 12px}.content-panel__footer{padding:6px 8px 6px 16px}.content-panel__footer .content-panel__links a{padding:5px 12px}.selection-bar{gap:14px;padding:5px 6px 5px 14px;top:8px}.selection-bar h2{font-size:18px}.selection-bar p{font-size:13px}.selection-bar button{padding:6px 10px;font-size:14px}.identity{top:10px;left:14px}.identity h1{font-size:18px}.identity p{font-size:13px}.quick-index{top:10px;right:12px}}@media (height<=700px) and (aspect-ratio<=1){.content-panel__header{padding:8px 8px 8px 16px}.content-panel .content-panel__byline{margin-bottom:1px}.content-panel h2{font-size:21px}.content-panel .content-panel__close{width:34px;height:34px;font-size:20px}.content-panel__body{padding:6px 16px 12px}.content-panel__footer{padding:6px 8px 6px 16px}.content-panel__footer .content-panel__links a{white-space:nowrap;padding:5px 12px}}@media (height>=1300px) and (width>=1600px) and (aspect-ratio>=1){.content-panel{transform-origin:0;width:min(560px,32vw);max-height:61.5vh;scale:1.3333}.identity{transform-origin:0 0;max-width:calc(75vw - 230px);scale:1.3333}.quick-index{transform-origin:100% 0;scale:1.3333}.quick-index__menu{max-height:calc(75dvh - 80px)}.selection-bar{transform-origin:top;max-width:calc(75vw - 18px);scale:1.3333}}