@font-face{font-family:Strafe Display;src:url(/fonts/strafe-display.woff2) format("woff2");font-weight:900;font-stretch:75% 150%;font-display:swap}@font-face{font-family:Strafe Text;src:url(/fonts/strafe-text.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Strafe Text;src:url(/fonts/strafe-text-cyr.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0400-045F,U+0490-0491}:root{--ink: #0d0c0e;--bone: #ece7dc;--flare: #fa2c53;--ink-step: #1b191d;--bone-step: #dcd6c9;--ink-soft: #57545a;--bone-soft: #b5b0a8;--ground: var(--ink);--ground-step: var(--ink-step);--text: var(--bone);--text-soft: var(--bone-soft);--accent: var(--flare);--on-accent: var(--ink);--cjk: "PingFang SC", "Hiragino Sans", "Noto Sans SC", "Noto Sans JP", "Apple SD Gothic Neo", "Noto Sans KR", "Microsoft YaHei", "Yu Gothic", "Malgun Gothic";--font-display: "Strafe Display", "Strafe Text", var(--cjk), system-ui, sans-serif;--font-text: "Strafe Text", var(--cjk), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--size-small: .875rem;--size-body: clamp(1rem, .95rem + .25vw, 1.1875rem);--size-title: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);--size-page: clamp(2.75rem, 1.5rem + 7vw, 8rem);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 6rem;--gutter: clamp(1rem, .6rem + 1.4vw, 2rem);--radius: 0;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-move: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-press: .12s;--dur-fast: .18s;--dur-move: .42s;--dur-drawer: .32s}:root[data-accent=sun]{--accent: #ffd400}:root[data-accent=ice]{--accent: #00e0ff}:root[data-accent=mint]{--accent: #3dffb5}.on-bone{--ground: var(--bone);--ground-step: var(--bone-step);--text: var(--ink);--text-soft: var(--ink-soft)}:root[data-motion=reduce]{--dur-fast: 1ms;--dur-move: 1ms;--dur-drawer: 1ms}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-move: 1ms;--dur-drawer: 1ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--ink);scrollbar-color:var(--accent) var(--ink-step);scrollbar-width:thin}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-text);font-size:var(--size-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}img,video,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}kbd{font:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:var(--gutter);top:-4rem;z-index:50;padding:var(--s-3) var(--s-4);background:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none}.skip:focus{top:var(--s-2)}.i18n-wait [data-i18n],.i18n-wait [data-i18n-game]{visibility:hidden}.bar{--bar-pad:var(--s-2);position:relative;z-index:10;display:flex;align-items:center;gap:var(--s-2);height:var(--bar-h,3.5rem);padding:0 var(--gutter);background:var(--ground);color:var(--text)}.bar-logo{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;font-family:var(--font-display);font-weight:900;font-stretch:110%;font-size:1.125rem;letter-spacing:-.01em;margin-right:var(--s-3)}.bar-logo svg{width:1.75rem;height:1.75rem;color:var(--accent)}.bar-tag{margin-right:auto;font-family:var(--font-text);font-weight:400;font-size:var(--size-small);color:var(--text-soft)}.bar-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);min-width:2.75rem;height:2.75rem;padding:0 var(--s-2);font-size:var(--size-small);font-weight:600;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-press) ease-out}.bar-btn svg{width:1.375rem;height:1.375rem}.bar-btn:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.bar-btn:hover{background:var(--accent);color:var(--on-accent)}}@media(max-width:30rem){.bar-word{display:none}.bar-tag{font-size:.8125rem}}.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:3.5rem;padding:0 var(--s-6);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);font-weight:900;font-stretch:115%;font-size:clamp(1.125rem,.9rem + .9vw,1.625rem);line-height:1;text-decoration:none;white-space:nowrap;transition:transform var(--dur-press) ease-out}.btn-play svg{width:1em;height:1em;flex:none}.btn-play:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn-play:hover{transform:translate(3px)}}.btn-details{display:inline-flex;align-items:center;min-height:3.5rem;padding:0 var(--s-3);font-weight:600;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--dur-fast) ease}@media(hover:hover)and (pointer:fine){.btn-details:hover{text-decoration-color:var(--accent)}}.foot{padding:var(--s-7) var(--gutter) 0;background:var(--ground);color:var(--text);overflow:clip;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--s-6) var(--s-5)}.foot-nav{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);font-weight:600}.foot-nav a{text-decoration:none;padding:var(--s-1) 0}@media(hover:hover)and (pointer:fine){.foot-nav a:hover{text-decoration:underline;text-decoration-color:var(--accent)}}.foot-trust{grid-column:1/-1;font-size:var(--size-small)}.foot-name{grid-column:1/-1;font-family:var(--font-display);font-weight:900;font-stretch:150%;font-size:calc((100vw - 2 * var(--gutter)) / 3.6);line-height:.78;letter-spacing:-.02em;white-space:nowrap;margin-bottom:-.06em;user-select:none}.on-bone .foot,.foot.on-bone{background:var(--bone);color:var(--ink)}body.on-bone .foot{background:var(--ink);--text:var(--bone);--text-soft:var(--bone-soft);color:var(--bone)}
