:root{--ink:#f8f0d6;--muted:#b9b39f;--night:#111713;--panel:#1b221d;--panel-soft:#242d26;--lime:#b8e06d;--gold:#f2c35d;--rust:#d96843;--danger:#ff4f59}*{box-sizing:border-box}html{background:var(--night);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 16% 10%,#7097571f,#0000 35%),radial-gradient(circle at 83% 36%,#c173391c,#0000 31%),linear-gradient(145deg,#111713 0%,#151b17 48%,#0b100d 100%);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #f2c35dd9}.game-page{isolation:isolate;min-height:100svh;padding:18px clamp(14px,3vw,34px) 14px;position:relative;overflow:hidden}.game-page:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ambient-glow{z-index:-1;opacity:.14;filter:blur(90px);pointer-events:none;border-radius:999px;width:360px;height:360px;position:fixed}.ambient-glow-one{background:#9dca63;top:-140px;left:-80px}.ambient-glow-two{background:#dc7c42;bottom:-120px;right:-140px}.site-header{z-index:30;justify-content:space-between;align-items:center;gap:18px;width:min(100%,1020px);min-height:54px;margin:0 auto 12px;display:flex;position:relative}.brand-lockup{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-kicker{color:#a8b29f;letter-spacing:.24em;margin-bottom:6px;font-size:9px;font-weight:800}.brand-lockup strong{color:#fff6d8;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,3.8vw,24px);font-weight:950;overflow:hidden}.header-actions{align-items:center;gap:8px;display:flex}.icon-button,.ranking-button,.tutorial-button,.tutorial-close,.panel-close{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1c;box-shadow:inset 0 1px #ffffff0d}.icon-button{border-radius:14px;place-items:center;width:42px;height:42px;padding:0;display:grid}.ranking-button{color:#fff0ba;letter-spacing:.04em;border-color:#f2c35d47;border-radius:14px;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:12px;font-weight:900;display:flex}.tutorial-button{color:#e9eadb;cursor:pointer;border-radius:14px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:900;display:flex}.tutorial-button span{border:1px solid #ffffff3b;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.icon-button:hover,.ranking-button:hover,.tutorial-button:hover{background:#f2c35d1f;border-color:#f2c35d8c}.experience-shell{z-index:3;grid-template-columns:minmax(0,440px) minmax(280px,340px);justify-content:center;align-items:start;gap:clamp(18px,3vw,30px);width:min(100%,900px);margin:0 auto;display:grid;position:relative}.game-column{flex-direction:column;align-items:center;width:100%;display:flex}.hud-row{grid-template-columns:1.15fr .9fr 1.2fr;gap:6px;width:min(100%,55.263svh - 97.2629px,420px);min-height:48px;margin-bottom:8px;display:grid}.hud-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d251fd1;border:1px solid #ffffff17;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:7px 10px;display:flex;box-shadow:inset 0 1px #ffffff0b,0 8px 20px #00000021}.hud-chip span{color:#89978a;letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7px;font-weight:900;overflow:hidden}.hud-chip strong{color:#f8f0d6;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:2px;font-size:16px;font-weight:950;overflow:hidden}.distance-chip strong{color:var(--gold)}.difficulty-chip{text-align:right;align-items:flex-end}.difficulty-chip span{color:var(--rust)}.game-frame{aspect-ratio:420/760;background:#6eb5ce;border:1px solid #f6d78a61;border-radius:clamp(22px,4vw,34px);width:min(100%,55.263svh - 97.2629px,420px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000078,0 0 0 5px #ffffff06,inset 0 0 0 1px #ffffff29}.game-frame:after{z-index:2;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff61,inset 0 -42px 70px #1422182e}.game-canvas{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.game-overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:linear-gradient(#09120e6b,#0c120ed1),radial-gradient(circle,#0000,#0a100c61);flex-direction:column;justify-content:center;align-items:center;padding:34px clamp(22px,7vw,42px);display:flex;position:absolute;inset:0}.start-overlay{-webkit-backdrop-filter:none;background:0 0;justify-content:flex-end;padding-bottom:clamp(26px,6vh,48px)}.cover-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cover-art:after{content:"";background:linear-gradient(#050a0705 0%,#060b080f 25%,#080e0ad1 54%,#080d09fa 100%),linear-gradient(90deg,#060b0814,#0000 55%);position:absolute;inset:0}.cover-photo{object-fit:cover;object-position:center 42%}.start-overlay>:not(.cover-art){z-index:1;position:relative}.overlay-emblem{width:42px;height:42px;color:var(--gold);background:#141b15db;border:1px solid #f2c35d8c;border-radius:50%;place-items:center;margin-bottom:12px;font-size:19px;display:grid;box-shadow:0 0 28px #f2c35d4d}.eyebrow{color:var(--gold);letter-spacing:.2em;margin:0 0 7px;font-size:8px;font-weight:950}.game-overlay h1,.game-overlay h2{color:#fff8e1;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 4px 18px #00000052;max-width:330px;margin:0;font-size:clamp(25px,7vw,36px);font-weight:950;line-height:.96}.overlay-copy{color:#f4efdab8;max-width:310px;margin:12px 0 17px;font-size:clamp(10px,2.5vw,12px);line-height:1.45}.mechanic-summary{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:13px;grid-template-columns:repeat(3,1fr);width:min(100%,310px);margin:0 0 14px;display:grid;overflow:hidden}.mechanic-summary span{color:#efeddaa8;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:47px;padding:6px 4px;font-size:7px;line-height:1.1;display:flex}.mechanic-summary span+span{border-left:1px solid #ffffff17}.mechanic-summary b{color:#fff0b7;letter-spacing:.04em;font-size:8px}.nickname-field{text-align:left;flex-direction:column;align-items:stretch;width:min(100%,300px);display:flex}.nickname-field span{color:#b6b9a6;letter-spacing:.14em;margin:0 0 6px 3px;font-size:7px;font-weight:900}.nickname-field input{color:#fff8df;background:#ffffff17;border:1px solid #ffffff29;border-radius:13px;outline:0;width:100%;height:42px;padding:0 14px;font-size:13px;font-weight:800;box-shadow:inset 0 1px #ffffff09}.nickname-field input::placeholder{color:#f0ecd75c}.nickname-field input:focus{background:#ffffff1f;border-color:#f2c35da8}.field-error{color:#ff9b9f;text-align:left;width:min(100%,300px);margin:5px 0 -1px;font-size:9px}.primary-button,.secondary-button{cursor:pointer;letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;width:min(100%,300px);min-height:44px;font-size:11px;font-weight:950;transition:transform .15s,filter .15s,background .15s;display:flex}.primary-button{color:#171b13;background:linear-gradient(135deg,#f3d16f,#d99147);border:1px solid #f9d777;gap:12px;margin-top:10px;box-shadow:0 10px 28px #b16b304d,inset 0 1px #ffffff8f}.primary-button span{font-size:17px;line-height:1}.secondary-button{color:#f7edce;background:#ffffff13;border:1px solid #ffffff26;margin-top:8px}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:translateY(1px)scale(.99)}.quick-rules{color:#f0ebd591;letter-spacing:.02em;justify-content:center;gap:14px;width:100%;margin-top:15px;font-size:7px;font-weight:800;display:flex}.quick-rules span{white-space:nowrap;align-items:center;gap:4px;display:flex}.quick-rules b{font-size:12px}.inline-help-button{color:#fff1c9bd;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffe9ac61;margin:11px 0 0;padding:3px 4px;font-size:8px;font-weight:900}.inline-help-button:hover{color:#fff4cf}.ready-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 35%,#53754547,#0000 35%),#0a120dd6;justify-content:center}.ready-overlay h2{color:var(--gold);font-size:clamp(30px,9vw,46px)}.ready-demo{background:#ffffff0e;border:1px solid #f2c35d2e;border-radius:18px;justify-content:center;align-items:center;width:min(100%,265px);min-height:105px;margin:11px 0 9px;display:flex;position:relative}.ready-finger{font-size:29px;animation:1.2s ease-in-out infinite ready-tap;position:absolute;bottom:16px;left:44px}.ready-arrow{color:var(--gold);font-size:35px;font-weight:950;animation:1.2s ease-in-out infinite ready-arrow}.ready-dwarf{font-size:43px;animation:1.2s ease-in-out infinite ready-hop;position:absolute;right:44px}.ready-rules{text-align:left;gap:7px;width:min(100%,300px);display:grid}.ready-rules p{color:#eeecd8b5;margin:0;padding-left:17px;font-size:9px;line-height:1.35;position:relative}.ready-rules p:before{background:var(--gold);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:4px;left:2px;box-shadow:0 0 10px #f2c35d8c}.ready-rules strong{color:#fff2c5}.pulse-button{animation:1.45s ease-in-out infinite button-pulse}.ready-note{color:#e7e8d57a;margin:11px 0 0;font-size:8px}.result-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c120ec7}.result-overlay h2{color:var(--gold);font-size:clamp(45px,14vw,68px)}.result-stats{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:14px;grid-template-columns:repeat(2,1fr);width:min(100%,300px);margin:20px 0 10px;display:grid;overflow:hidden}.result-stats span{color:#aeb6a5;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:9px;font-size:8px;display:flex}.result-stats span+span{border-left:1px solid #ffffff1a}.result-stats strong{color:#fff4d2;font-size:16px}.save-note{color:#f0ebd582;margin:13px 0 0;font-size:8px}.tap-hint{z-index:8;color:#fff8dbc2;letter-spacing:.16em;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#121e1694;border:1px solid #ffffff29;border-radius:999px;padding:7px 12px;font-size:7px;font-weight:900;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.effect-pill{z-index:9;color:#fff;letter-spacing:.11em;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #ffffff3d;border-radius:999px;padding:8px 13px;font-size:8px;font-weight:950;position:absolute;top:15px;left:50%;transform:translate(-50%)}.effect-good{background:#46662dd1;border-color:#e4dc6b99;box-shadow:0 0 22px #c1de6838}.effect-bad{background:#88232ed9;border-color:#ff7378b3;box-shadow:0 0 22px #ff49543d}.leaderboard-panel{isolation:isolate;-webkit-backdrop-filter:none;background:#1b261e;border:1px solid #ffffff1b;border-radius:28px;flex-direction:column;height:min(760px,100svh - 122px);min-height:570px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000004d,inset 0 1px #ffffff0b}.panel-heading{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:flex-start;padding:22px 22px 15px;display:flex}.panel-heading-title{align-items:center;gap:12px;display:flex}.panel-heading h2{color:#fff5d7;letter-spacing:-.05em;margin:0;font-size:24px;font-weight:950}.panel-trophy{image-rendering:auto;object-fit:contain;flex:none;width:44px;height:44px}.panel-close{color:#e9e3ce;border-radius:12px;width:35px;height:35px;padding:0;font-size:24px;line-height:1;display:none}.ranking-list{scrollbar-color:#f2c35d59 transparent;scrollbar-width:thin;background:#040a0624;min-height:215px;padding:10px 12px 6px;overflow-y:auto}.ranking-row{border-bottom:1px solid #ffffff0e;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:51px;padding:6px 10px;display:grid}.ranking-row:last-child{border-bottom:0}.rank-number{color:#88958a;font-family:monospace;font-size:12px;font-weight:900}.rank-player{flex-direction:column;gap:3px;display:flex;overflow:hidden}.rank-player strong{color:#fff8df;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank-player small{color:#98aa9a;letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:900;overflow:hidden}.rank-score{color:var(--gold);white-space:nowrap;font-size:12px}.rank-1,.rank-2,.rank-3{background:#f2c35d0e;border:1px solid #f2c35d1f;border-radius:12px;margin-bottom:3px}.ranking-message{color:#d4dfd0;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:25px;font-size:11px;line-height:1.5;display:flex}.ranking-message button{color:var(--gold);cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:10px;font-weight:900}.power-guide{background:#0000001a;border-top:1px solid #ffffff13;margin-top:auto;padding:17px 20px 20px}.power-guide h3{color:#8e9b8d;letter-spacing:.17em;margin:0 0 11px;font-size:7px}.power-guide>div{grid-template-columns:32px 1fr;align-items:center;gap:10px;margin-top:8px;display:grid}.power-icon{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:10px;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.power-bud{color:#b7e66c;box-shadow:inset 0 0 12px #a5dc5d1a}.power-red{color:#ff5960;box-shadow:inset 0 0 12px #ff3b471c}.power-guide p{color:#737f75;margin:0;font-size:8px;line-height:1.35}.power-guide p strong{color:#d9ddcd;margin-bottom:2px;font-size:9px;display:block}.panel-backdrop{display:none}.tutorial-backdrop{z-index:70;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030705c2;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.tutorial-modal{z-index:80;background:radial-gradient(circle at 80% 0,#90ae581f,#0000 35%),linear-gradient(145deg,#273128,#151d18);border:1px solid #f2c35d45;border-radius:27px;flex-direction:column;width:min(92vw,550px);max-height:min(90svh,760px);padding:24px;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 34px 100px #0000009e,inset 0 1px #ffffff0f}.tutorial-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tutorial-heading h2{color:#fff5d5;letter-spacing:-.05em;margin:0;font-size:31px;font-weight:950}.tutorial-close{color:#e8e3cf;cursor:pointer;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;padding:0;font-size:25px;line-height:1;display:grid}.tutorial-steps{gap:8px;margin-top:18px;display:grid}.tutorial-steps article{background:#ffffff0b;border:1px solid #ffffff16;border-radius:15px;grid-template-columns:25px 43px minmax(0,1fr);align-items:center;gap:8px;min-height:72px;padding:10px 13px 10px 9px;display:grid;position:relative}.step-number{color:#f2c35d80;text-align:center;font-family:monospace;font-size:10px;font-weight:900}.step-visual{background:#f2c35d1a;border-radius:12px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.tutorial-steps h3{color:#f5efd9;margin:0 0 3px;font-size:12px}.tutorial-steps p{color:#89958a;margin:0;font-size:9px;line-height:1.38}.tutorial-powers{background:#0000001f;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(3,1fr);margin-top:13px;display:grid;overflow:hidden}.tutorial-powers span{color:#7f8c81;text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:55px;padding:8px;font-size:7px;line-height:1.3;display:flex}.tutorial-powers span+span{border-left:1px solid #ffffff12}.tutorial-powers b{color:#dedfce;font-size:8px}.tutorial-accept{align-self:center;margin-top:14px}.game-footer{color:#bdc2b16b;letter-spacing:.04em;justify-content:space-between;width:min(100%,900px);margin:10px auto 0;font-size:8px;font-weight:700;display:flex}.my-rank-row{background:#f2c35d14;border:1px solid #f2c35d59;border-radius:12px;margin:8px 12px}.prize-block{text-align:center;background:#f2c35d14;border:1px solid #f2c35d40;border-radius:16px;flex-direction:column;align-items:center;gap:4px;width:min(100%,300px);margin:14px 0 4px;padding:12px 16px;display:flex}.prize-label{color:#b6b9a6;letter-spacing:.14em;margin:0;font-size:7px;font-weight:900}.prize-value{color:var(--gold);justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:950;display:flex}.prize-img-lg{image-rendering:auto;object-fit:contain;flex:none;width:64px;height:64px}.prize-img-sm{vertical-align:middle;image-rendering:auto;object-fit:contain;width:18px;height:18px}.prize-img-md{image-rendering:auto;object-fit:contain;width:40px;height:40px}.prize-best{color:#f0ebd599;margin:2px 0 0;font-size:8px}.tutorial-prizes{margin-top:13px}.tutorial-prizes-title{color:#8e9b8d;letter-spacing:.17em;margin:0 0 8px;font-size:7px}.tutorial-prizes-grid{background:#0000001f;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.tutorial-prizes-grid span{color:#dedfce;text-align:center;border-left:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;padding:8px 4px;font-size:7px;line-height:1.3;display:flex}.tutorial-prizes-grid span:first-child{border-left:0}@media (max-width:900px){.game-page{padding-top:10px}.site-header{min-height:46px;margin-bottom:7px}.experience-shell{justify-content:center;align-items:center;display:flex}.leaderboard-panel{z-index:60;opacity:0;pointer-events:none;border-radius:25px;width:min(365px,100vw - 20px);height:auto;min-height:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:fixed;top:10px;bottom:10px;right:10px;transform:translate(calc(100% + 24px))}.leaderboard-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.panel-close{display:block}.panel-backdrop{z-index:50;cursor:pointer;-webkit-backdrop-filter:none;background:#030705c7;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.game-footer{display:none}}@media (max-width:480px){.game-page{padding-left:9px;padding-right:9px}.brand-kicker{font-size:7px}.ranking-button{padding:0 11px;font-size:10px}.tutorial-button{padding:0 9px;font-size:9px}.icon-button,.ranking-button,.tutorial-button{border-radius:12px;height:38px;min-height:38px}.icon-button{width:38px}.hud-row,.game-frame{width:min(100%,55.263svh - 83.9998px,420px)}.game-overlay{padding-left:24px;padding-right:24px}.tutorial-modal{border-radius:22px;width:calc(100vw - 18px);max-height:calc(100svh - 18px);padding:19px 15px}.tutorial-heading h2{font-size:27px}.tutorial-prizes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-height:710px){.game-page{padding-top:7px}.site-header{min-height:40px;margin-bottom:4px}.hud-row,.game-frame{width:min(100%,55.263svh - 61.8946px,420px)}.hud-row{min-height:40px;margin-bottom:5px}.hud-chip{padding-top:4px;padding-bottom:4px}.hud-chip strong{font-size:14px}.overlay-copy{margin-top:8px;margin-bottom:10px}.quick-rules{margin-top:9px}.start-overlay{padding-bottom:20px}.overlay-emblem{display:none}.mechanic-summary{margin-bottom:9px}.mechanic-summary span{min-height:39px}}@keyframes ready-hop{0%,to{transform:translateY(16px)rotate(5deg)}48%{transform:translateY(-20px)rotate(-6deg)}}@keyframes ready-arrow{0%,to{opacity:.3;transform:translateY(12px)}48%{opacity:1;transform:translateY(-12px)}}@keyframes ready-tap{0%,to{transform:translateY(4px)scale(.94)}40%{transform:translateY(-3px)scale(1.04)}}@keyframes button-pulse{0%,to{box-shadow:0 10px 28px #b16b304d,0 0 #f3d16f4d}50%{box-shadow:0 10px 28px #b16b305c,0 0 0 8px #f3d16f00}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}