@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/barlow-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./fonts/barlow-800.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/dm-sans-700.ttf) format('truetype');
}
:root{color-scheme:dark;--ink:#071418;--white:#eafaed;--mint:#b6ff58;--cyan:#66f7ec;--muted:#8ca7a6;--red:#ff5b72;font-family:'DM Sans',Arial,'Noto Sans JP',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}button:active{transform:translateY(2px)}button{touch-action:manipulation}#game{position:relative;width:100%;height:100%;height:100svh;min-height:380px;overflow:hidden;color:var(--white);isolation:isolate}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,17,21,.92) 0%,rgba(5,17,21,.64) 32%,transparent 72%),linear-gradient(0deg,rgba(5,17,21,.94),transparent 26%,transparent 72%,rgba(5,17,21,.6));transition:opacity .5s}body.playing .vignette{opacity:.45}.topbar{position:absolute;z-index:4;left:max(38px,env(safe-area-inset-left));right:max(38px,env(safe-area-inset-right));top:max(30px,env(safe-area-inset-top));display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;font-size:14px;font-weight:800;line-height:.98;letter-spacing:1px}.brand-icon{height:38px;width:38px;display:grid;place-items:center;font-family:Arial;font-size:31px;font-weight:400;border:1px solid #718e83;border-radius:50%;color:var(--mint)}.brand-dot{color:var(--mint)}.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;border:1px solid #57716b70;background:#11262b85;color:var(--white);width:43px;height:43px;border-radius:50%}.icon-button:hover{background:#294340}.icon-button svg{width:20px;height:20px}.icon-button[aria-pressed=false]{opacity:.5}.icon-button[aria-pressed=false] .sound-wave{display:none}.hud{position:absolute;left:50%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .3s}.hud.visible{opacity:1}.micro{font-size:12px;letter-spacing:2px;color:var(--muted)}.hud>div{font:600 36px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:2px;line-height:1.15;font-variant-numeric:tabular-nums}.hud small{font:14px 'DM Sans',sans-serif;color:var(--muted);margin-left:7px}.screen{z-index:3;position:absolute}.intro{left:9%;top:50%;transform:translateY(-45%);max-width:600px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:3px;color:var(--cyan);margin-bottom:24px}.eyebrow>span{display:block;width:18px;height:1px;background:var(--cyan)}h1{font-family:'Barlow Condensed','Impact','Arial Narrow',sans-serif;font-size:clamp(76px,9.3vw,142px);letter-spacing:-1.5px;font-weight:800;line-height:.83;margin:0 0 28px}h1 em{font-style:normal;color:var(--mint)}.title-period{color:var(--mint)}.intro-copy{font-weight:700;font-size:21px;letter-spacing:.12em;margin:0 0 17px}.instructions{color:#b2c6c3;font-size:14px;line-height:1.9;margin:0 0 29px}.primary-button{border:none;border-radius:3px;background:var(--mint);color:#13200d;display:flex;align-items:center;justify-content:space-between;width:245px;min-height:60px;padding:14px 22px;font-size:17px;font-weight:800;letter-spacing:.07em;box-shadow:0 0 30px #b6ff5810;transition:background .15s,transform .15s}.primary-button:hover{background:#d0ff8b;box-shadow:0 0 35px #b6ff5825}.button-arrow{font-size:27px;font-weight:400}.input-hint{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:12px;color:var(--muted);letter-spacing:.05em}.keycap{border:1px solid #59726b;border-radius:3px;padding:4px 7px;font-size:10px;letter-spacing:1px}footer{position:absolute;left:38px;right:38px;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;z-index:2;pointer-events:none;font-size:12px;color:var(--muted);letter-spacing:1.5px}.edition{color:#adc1b6}.legend{display:flex;gap:24px;position:absolute;left:50%;transform:translateX(-50%)}.legend>span{display:flex;align-items:center;gap:9px}.legend-crystal{height:9px;width:9px;background:var(--mint);transform:rotate(45deg)}.legend-danger{width:11px;height:11px;background:var(--red)}.footer-right{font-size:12px;line-height:1.6;letter-spacing:1px}.run-meta{position:absolute;top:117px;left:38px;right:38px;z-index:2;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#a5bdb5}.crystal-score{font-size:20px;color:var(--mint);letter-spacing:0}.crystal-score b{font-variant-numeric:tabular-nums}.crystal-score span{font-size:12px;padding-left:12px}#play-controls{position:absolute;z-index:3;bottom:max(24px,env(safe-area-inset-bottom));left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.gravity-status,.speed-status{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;min-width:100px}.speed-status{text-align:right}#gravity-label{color:var(--cyan)}#flip{display:flex;align-items:center;gap:15px;border:1px solid #b6ff5880;border-radius:60px;background:#132b26dd;color:var(--mint);height:62px;padding:0 28px;box-shadow:0 0 30px #85ff3610}#flip>span{font-size:30px}#flip b{letter-spacing:2px;font-size:17px}#flip small{font-size:10px;letter-spacing:1px;color:#a9c2a3}#flip:active{background:#36582e}.modal{z-index:6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 40px));padding:38px;background:#0b2026f5;border:1px solid #476361;border-radius:8px;box-shadow:0 30px 100px #0009;text-align:center;backdrop-filter:blur(16px)}.modal .eyebrow{justify-content:center;margin-bottom:16px}.modal h2{font-family:'Barlow Condensed','Impact','Arial Narrow',sans-serif;font-size:58px;line-height:1;margin:0 0 14px;letter-spacing:-1px}.modal h2 span{color:var(--mint)}.modal p{font-size:14px;color:#b2c6c3;line-height:1.7}.modal .primary-button{width:100%;margin-top:26px}.text-button{margin-top:18px;background:none;border:0;color:#adc2bd;font-size:14px;padding:7px}.final-distance{font-family:'Barlow Condensed','Impact',sans-serif;font-size:82px;line-height:1.1;color:var(--mint);font-variant-numeric:tabular-nums}.final-distance small{font:20px 'DM Sans',sans-serif;margin-left:9px}.result-stats{display:flex;border-top:1px solid #37524e;margin-top:24px;padding-top:20px;gap:12px;justify-content:space-around}.result-stats>div{display:flex;flex-direction:column;gap:8px}.result-stats span{font-size:12px;color:var(--muted)}.result-stats b{font-size:18px}#toast{position:absolute;pointer-events:none;top:25%;left:50%;transform:translate(-50%,-12px);z-index:5;color:var(--mint);font-size:16px;font-weight:700;text-align:center;letter-spacing:1px;opacity:0;transition:opacity .2s,transform .2s;text-shadow:0 2px 10px #051715;width:90%}#toast.show{opacity:1;transform:translate(-50%,0)}#flash{position:absolute;inset:0;z-index:5;background:#ff4260;pointer-events:none;opacity:0;transition:opacity .3s}.hidden{display:none!important}body.over .vignette,body.paused .vignette{opacity:1;background:#03111680}
@media(min-width:1500px){.intro{left:12%}h1{font-size:155px}}
@media(max-width:700px){.topbar{left:21px;right:21px;top:max(22px,env(safe-area-inset-top))}.brand{font-size:12px;gap:9px}.brand-icon{width:32px;height:32px;font-size:26px}.icon-button{width:38px;height:38px}.intro{left:27px;top:47%;transform:translateY(-40%)}h1{font-size:clamp(72px,18vw,116px);margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}.intro-copy{font-size:17px;margin-bottom:12px}.instructions{font-size:13px;margin-bottom:22px}.primary-button{width:216px;min-height:55px}.vignette{background:linear-gradient(90deg,#051115d9,rgba(5,17,21,.38) 76%,#05111525),linear-gradient(0deg,#051115 0%,transparent 35%,transparent 65%,#05111580)}footer{left:22px;right:22px;bottom:max(23px,env(safe-area-inset-bottom));font-size:10px}.footer-right{display:none}.legend{position:static;transform:none;gap:15px;font-size:9px}.legend>span{gap:6px}.hud>div{font-size:31px}.hud .micro{font-size:9px}.run-meta{top:91px;left:22px;right:22px;font-size:10px}#play-controls{left:22px;right:22px;bottom:max(26px,env(safe-area-inset-bottom))}.gravity-status,.speed-status{min-width:62px;font-size:11px;gap:6px}.micro{font-size:9px;letter-spacing:1.3px}#flip{height:65px;padding:0 24px;gap:10px}#flip small{display:none}#flip b{font-size:15px}#toast{top:23%;font-size:14px}.modal{padding:28px}.modal h2{font-size:52px}.modal .eyebrow{font-size:10px}.final-distance{font-size:74px}.input-hint{font-size:11px}.keycap{font-size:9px}}
@media(max-height:620px) and (min-width:701px){.intro{transform:translateY(-39%)}h1{font-size:78px;margin-bottom:15px}.eyebrow{margin-bottom:15px}.intro-copy{font-size:17px}.instructions{margin-bottom:17px}.primary-button{min-height:49px}.input-hint{margin-top:10px}.modal{padding:22px}.modal h2{font-size:43px}.final-distance{font-size:54px}.result-stats{padding-top:12px;margin-top:14px}}
@media(max-height:670px) and (max-width:700px){.intro{top:45%;transform:translateY(-38%)}h1{font-size:70px;margin-bottom:15px}.eyebrow{margin-bottom:15px}.instructions{margin-bottom:17px}.intro-copy{margin-bottom:8px}.primary-button{min-height:49px}.input-hint{margin-top:12px}.modal{padding:23px}.modal h2{font-size:46px}.final-distance{font-size:58px}.result-stats{margin-top:16px;padding-top:15px}}
@media(max-height:460px){.topbar{top:16px;left:22px;right:22px}.intro{left:8%;top:51%;transform:translateY(-42%)}h1{font-size:62px;line-height:.83;margin-bottom:13px}.intro .eyebrow{margin-bottom:12px}.intro-copy{font-size:15px;margin-bottom:8px}.instructions{font-size:12px;margin-bottom:12px}.primary-button{min-height:43px;padding:9px 18px;font-size:14px}.input-hint,footer{display:none}#play-controls{bottom:15px}#flip{height:48px}.run-meta{top:76px}.modal{padding:20px;width:370px}.modal h2{font-size:38px;margin-bottom:5px}.modal .eyebrow{margin-bottom:10px}.final-distance{font-size:50px}.modal p{margin:7px 0;font-size:12px}.result-stats{padding-top:10px;margin-top:12px}.result-stats>div{gap:4px}.modal .primary-button{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.back-to-tools{display:flex;align-items:center;gap:5px;padding:0 10px;min-height:38px;color:#d4e9e2;font-size:12px;text-decoration:none}.back-to-tools:hover{color:var(--mint)}@media(max-width:700px){.back-to-tools{padding:0 5px;font-size:19px}.back-to-tools span{display:none}}