.coach{z-index:2;pointer-events:none;position:absolute;inset:0}.coach[hidden]{display:none}.coach p{background:var(--bg);color:var(--fg);border:2px solid var(--rule);font:400 15px/1.4 var(--f-text);border-top-width:4px;margin:0;padding:10px 14px;animation:.5s .8s both coach-in;position:absolute}.coach-walk{text-align:center;bottom:18%;left:50%;translate:-50%}.coach-walk strong{font:400 22px/1.1 var(--f-title)}.coach .touch{display:none}@media (pointer:coarse){.coach .mouse,.coach .coach-walk span.keys{display:none}.coach .touch{display:inline}}.coach-walk span.keys{font:400 12px/1.3 var(--f-mark);letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-top:4px;display:block}.coach-hurry{pointer-events:auto;top:12px;left:16px;animation-delay:1.6s!important}.coach-hurry button{font:400 12px/1 var(--f-mark);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 0 0 8px;text-decoration:underline}.coach-hurry .narrow{display:none}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=720px){.coach-hurry{inset:auto 12px 12px}.coach-hurry .wide{display:none}.coach-hurry .narrow{display:inline}.coach-hurry button{font-size:14px}}@media (prefers-reduced-motion:reduce){.coach p{animation:none}}.panels{z-index:4}.panels[data-open]{pointer-events:auto}.panel{box-sizing:border-box;background:var(--bg);color:var(--fg);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:20px;padding:28px 40px 40px;display:grid;position:absolute;inset:0;overflow:hidden auto}.panel[hidden]{display:none}.panel .side{grid-column:1/span 3;position:sticky;top:0}.panel .index{flex-direction:column;align-items:flex-start;display:flex}.panel .index h2,.panel .index button{font:400 clamp(40px, 4.4vw, 60px) / 1 var(--f-title);letter-spacing:-.01em;color:var(--soft);text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.panel .index button:hover{color:var(--fg)}.panel .index h2{color:var(--fg);cursor:default}.panel .index h2:after{content:" ←";color:var(--accent);font-size:.6em}.panel .index h2:focus{outline:none}.panel .motto{font:italic 400 clamp(22px, 2.2vw, 30px) / 1.25 var(--f-title);color:var(--accent);grid-column:1/span 7;margin:0 0 28px}.panel .close{font:400 13px/1.2 var(--f-mark);letter-spacing:.06em;text-transform:uppercase;color:var(--fg);cursor:pointer;background:0 0;border:0;margin-top:22px;padding:4px 0;display:block}.panel .close:hover{color:var(--accent)}.panel .body{border-left:1px solid var(--soft);grid-column:4/-1;grid-template-columns:repeat(9,minmax(0,1fr));align-items:start;column-gap:20px;padding-left:20px;display:grid}.panel .lead{font:400 clamp(22px, 2.2vw, 30px) / 1.25 var(--f-title);grid-column:1/span 7;margin:0 0 28px}.panel .mod{border-top:1px solid var(--soft);grid-column:span 3;margin:0 0 28px;padding-top:12px;font-size:16px;line-height:1.5}.panel .mod.wide{grid-column:span 5}.panel .mod.full{grid-column:1/-1}.panel .mod p,.panel .mod ul{margin:0 0 10px}.panel .mod ul{padding-left:18px}.panel .label{letter-spacing:.06em;text-transform:uppercase;color:var(--soft);font:400 12px/1.3 var(--f-mark)!important}.panel h3{font:400 clamp(36px, 4vw, 56px) / .95 var(--f-title);margin:4px 0 8px}.panel .soon h3{color:var(--soft)}.panel .shot{grid-column:span 4;margin-left:0;margin-right:0}.panel .shot img{border:2px solid var(--rule);width:100%;height:auto;display:block}.panel .stack{font:400 14px/1.5 var(--f-mark);letter-spacing:.04em}.panel .links{flex-wrap:wrap;gap:6px 22px;margin-top:14px;display:flex}.panel .links.col{flex-direction:column;margin-top:0}.panel .links a,.panel .links button,.panel .email button{font:700 13px/1.4 var(--f-mark);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:none}.panel .links a:hover,.panel .links button:hover,.panel .email button:hover{text-decoration:underline}.panel .email{flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.panel .email[hidden]{display:none}.panel .email a{color:var(--fg);font:400 clamp(22px, 2.2vw, 28px) / 1.2 var(--f-title)}@media (width<=720px){.panel{padding:18px 16px 28px;display:block}.panel .mod{font-size:17px}.panel .label{font-size:13px!important}.panel .links a,.panel .links button,.panel .email button,.panel .close{font-size:14px}.panel .side{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 16px;margin-bottom:20px;display:flex;position:static}.panel .index button{display:none}.panel .index h2{font-size:56px}.panel .index h2:after{content:none}.panel .close{margin:0}.panel .body{border-left:0;padding-left:0;display:block}}.stage{background:#0a0d14;flex:1;min-height:0;position:relative;overflow:hidden}.game{width:100%;height:100%;position:relative}.game-backdrop{filter:blur(28px)brightness(.45)saturate(1.2);pointer-events:none;width:116%;height:116%;position:absolute;top:-8%;left:-8%}.labels,.panels{pointer-events:none;position:absolute;inset:0}.labels{z-index:1}.ov{z-index:3}.noscript{color:#f2efe6;margin:0;position:absolute;inset:auto 16px 16px}.wlabel{will-change:transform;flex-direction:column;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;translate:-50% -100%}.wlabel span{color:#ecebe4;white-space:nowrap;background:#0f1a16;border:2px solid #5ef0e0;border-radius:4px;padding:5px 8px;font:500 14px/1 Pixelify Sans,sans-serif;animation:1.6s ease-in-out infinite wlabel-bob;position:relative}.wlabel span:after{content:"";border:6px solid #0000;border-top-color:#5ef0e0;border-bottom:0;position:absolute;bottom:-7px;left:50%;translate:-50%}@keyframes wlabel-bob{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.wlabel span{animation:none}}.shell{background:var(--bg);color:var(--fg);font-family:var(--f-text);flex-direction:column;display:flex;position:fixed;inset:0}.shell :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell,.topbar,.tabbar,.panel,.ov .slate,.coach p{transition:background-color .35s,color .35s,border-color .35s}
