html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:Arial,sans-serif;background:#242936;color:#fff}#game-container{position:fixed;top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);overflow:hidden}#game-container canvas{display:block;width:100%!important;height:100%!important;touch-action:none;outline:none}#shoe-jump-hud,#build-number{position:fixed;z-index:80;pointer-events:none;text-shadow:0 2px 3px #000}#shoe-jump-hud{top:max(10px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px}#shoe-hud-ring{display:flex;align-items:center;justify-content:center;width:clamp(52px,12vh,76px);height:clamp(52px,12vh,76px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4530,#17181d 75%);border:3px solid #ffd36a;box-shadow:0 0 14px #ffd36a8c;transition:opacity .15s ease,filter .15s ease,box-shadow .15s ease;animation:shoe-hud-spin 6s linear infinite}#shoe-hud-ring.empty{opacity:.4;filter:grayscale(1);box-shadow:none;border-color:#8a8a8a}#shoe-hud-ring.pulse{animation:shoe-hud-spin 6s linear infinite,shoe-hud-pulse .32s ease-out}#shoe-hud-ring.pulse-big{animation:shoe-hud-spin 6s linear infinite,shoe-hud-pulse-big .52s ease-out}#shoe-hud-ring.dip{animation:shoe-hud-spin 6s linear infinite,shoe-hud-ring-dip .22s ease-out}#shoe-hud-icon{display:inline-block;font-size:clamp(26px,6vh,38px);animation:shoe-hud-rock 3.4s ease-in-out infinite}#shoe-hud-count{font-size:clamp(26px,7.5vh,42px);font-weight:900;min-width:1.6ch;text-align:right}@keyframes shoe-hud-spin{to{transform:rotate(360deg)}}@keyframes shoe-hud-rock{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes shoe-hud-pulse{40%{transform:scale(1.22)}}@keyframes shoe-hud-pulse-big{35%{transform:scale(1.55);box-shadow:0 0 26px #ffd36af2}}@keyframes shoe-hud-ring-dip{40%{transform:scale(.86)}}#build-number{right:max(10px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));color:#ffffffb8;font:700 10px/1 monospace}@media (orientation: portrait){#shoe-jump-hud,#build-number{display:none}}@media (orientation: landscape) and (min-width: 800px) and (max-width: 940px) and (max-height: 440px){#game-container{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px)}#game-container canvas{max-width:100%;max-height:100%}}#rotate-message{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:none;align-items:center;justify-content:center;box-sizing:border-box;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#171a22;text-align:center}.rotate-card{display:grid;gap:14px;max-width:320px;font-size:22px;line-height:1.3}.rotate-icon{font-size:64px;line-height:1;color:#ffe66d}@media (orientation: portrait){#rotate-message{display:flex}#game-container{visibility:hidden}}#shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;opacity:0;pointer-events:none;transition:opacity .18s ease;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:1000}#shop-overlay.open{opacity:1;pointer-events:auto}#shop-panel{width:min(92vw,680px);background:#222;border:2px solid #888;border-radius:18px;padding:24px;box-shadow:0 0 50px #0009;max-height:92dvh;overflow:auto;box-sizing:border-box}#shop-panel.fashion-panel{width:min(980px,98vw);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));overflow:hidden;padding:14px;background:radial-gradient(circle at 50% 0%,#373046,#171920 65%);border-color:#ffd96a}.fashion-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.fashion-header h1{margin:0!important;font-size:clamp(17px,3.2vh,28px)!important}.fashion-header p{margin:3px 0 8px!important;font-size:clamp(10px,2.1vh,15px);color:#f2e9c9!important}.fashion-header #close-shop{width:auto;min-width:100px;padding:9px 14px}.fashion-game{display:grid;grid-template-columns:minmax(0,68fr) minmax(0,32fr);gap:12px;align-items:stretch}.fashion-board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px;border-radius:13px;background:#0e1016;box-shadow:inset 0 0 18px #000}.fashion-tile{position:relative;min-width:0;height:min(12.2vh,82px);overflow:hidden;border:2px solid rgba(255,255,255,.65);border-radius:10px;padding:4px;color:#111;background:var(--product-color);touch-action:none;transition:transform .18s,filter .18s,opacity .18s}.fashion-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 48%,rgba(0,0,0,.22));pointer-events:none}.category-picture{position:relative;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:clamp(25px,8vh,52px);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.ability-badge{position:absolute;right:3px;bottom:3px;z-index:2;min-width:19px;padding:2px;border-radius:10px;background:#111;color:#fff;font-size:clamp(9px,2vh,13px);font-weight:900}.fashion-tile.selected{transform:scale(.91);outline:3px solid #fff}.fashion-board.choosing .fashion-tile:not(.matched){filter:brightness(.32);opacity:.72}.fashion-tile.matched{z-index:2;animation:match-pulse .48s infinite alternate;box-shadow:0 0 16px 5px #fff,0 0 30px 8px #ffd23f}.fashion-tile.matched:not(.current-choice){animation:none;box-shadow:0 0 8px 2px #ffd23f;filter:brightness(.72)}.fashion-tile.chosen-fly{animation:chosen-fly .52s ease-in forwards}.fashion-tile.fulfillment-fly{animation:fulfillment-fly .52s ease-in forwards}.fashion-tile.refilling{animation:tile-fall .36s cubic-bezier(.2,.8,.3,1) both}.fashion-tile.collapsing:not(.empty){animation:tile-collapse .18s ease-in both}.match-celebration .fashion-panel{box-shadow:0 0 28px #ffd23f,inset 0 0 30px #ffd23f38}.bonus-celebration .fashion-panel{animation:bonus-flash .42s infinite alternate;box-shadow:0 0 38px #fff,0 0 70px #ffd23f}.bonus-celebration .fashion-tile.matched{animation:bonus-match-pulse .3s infinite alternate}.look-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px;text-align:center;border:1px solid #746d82;border-radius:13px;background:#11131a}.mini-mrme{width:100%;display:grid;gap:3px;justify-items:center;padding:5px;box-sizing:border-box;border-radius:10px;background:linear-gradient(#2e3442,#161921)}.mini-mrme b{font-size:clamp(11px,2.3vh,17px)}.look-slot{width:88%;min-height:17px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px dashed #777;border-radius:5px;color:#aaa;font-size:clamp(7px,1.5vh,10px);overflow:hidden}.look-slot.filled{border-style:solid;color:#111;background:var(--product-color);font-weight:700}.slot-hat{width:58%}.slot-top{min-height:27px}.slot-bottom{width:72%;min-height:29px}.slot-shoes{min-height:18px}#inventory-left{font-size:clamp(8px,1.7vh,12px);color:#c9c9d2}#store-jump-reserve{padding:4px 7px;border-radius:10px;background:#3a2c00;color:#ffd84f;font-size:clamp(8px,1.8vh,12px);font-weight:900}#fulfillment-bag{padding:6px 8px;border:2px solid #8d795c;border-radius:4px 4px 12px 12px;background:#493b2d;color:#f4e7cc;font-size:clamp(8px,1.7vh,11px);font-weight:900}#fulfillment-bag.receiving{animation:bag-receive .28s infinite alternate}#fulfillment-bag.sending{animation:bag-send .48s ease-in forwards}#fulfillment-total,#auto-fulfilled{font-size:clamp(7px,1.5vh,10px);color:#d7d4df}@keyframes match-pulse{to{transform:scale(1.07) rotate(1deg);filter:brightness(1.35)}}@keyframes chosen-fly{50%{transform:scale(1.45) rotate(180deg)}to{transform:translate(50vw) scale(.2) rotate(360deg);opacity:0}}@keyframes fulfillment-fly{45%{transform:scale(.72) rotate(-12deg)}to{transform:translate(48vw,18vh) scale(.08);opacity:0}}@keyframes bag-receive{to{transform:scale(1.08);box-shadow:0 0 14px #ffd84f}}@keyframes bag-send{to{transform:translateY(-8px) scale(.86);filter:brightness(1.5)}}@keyframes tile-fall{0%{transform:translateY(-70px);opacity:.1}to{transform:translateY(0);opacity:1}}@keyframes tile-collapse{0%{transform:translateY(-18px)}to{transform:translateY(20px)}}@keyframes bonus-flash{to{filter:brightness(1.22)}}@keyframes bonus-match-pulse{to{transform:scale(1.12) rotate(-2deg);filter:brightness(1.55)}}@media (orientation: landscape) and (max-height: 500px){#shop-panel.fashion-panel{padding:7px}.fashion-game{grid-template-columns:minmax(0,68fr) minmax(0,32fr);gap:7px}.fashion-board{gap:3px;padding:4px}.fashion-tile{height:min(12.7vh,58px);border-radius:6px;padding:2px}.category-picture{height:100%}}@media (orientation: landscape) and (max-height: 500px){#shop-panel{padding:14px}#shop-panel h1{font-size:22px;margin-bottom:6px}#shop-panel p{margin-bottom:10px}.cards{gap:10px;margin-bottom:12px}.card{padding:10px}.card-icon{display:none}}#shop-panel h1{margin:0 0 12px;font-size:28px}#shop-panel p{margin:0 0 20px;color:#ccc}.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.card{border:1px solid #555;border-radius:14px;padding:16px;background:#141414}.card-icon{font-size:40px;margin-bottom:12px}#close-shop{width:100%;padding:12px 16px;border:none;border-radius:10px;background:#fc0;color:#1a1a1a;font-size:16px;cursor:pointer}#close-shop:hover{background:#e6b800}#dev-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease;z-index:9999}#dev-panel.open{opacity:1;pointer-events:auto}#dev-panel-content{width:min(96vw,720px);max-height:90vh;overflow:auto;background:#111;border:2px solid #888;border-radius:18px;padding:22px;box-shadow:0 0 50px #000000bf}#dev-panel-content h2{margin:0 0 6px;font-size:24px}#dev-panel-content p{margin:0 0 18px;color:#ccc}.mode-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.mode-switches a{padding:10px 6px;border:1px solid #666;border-radius:8px;background:#292c35;color:#fff;font-size:12px;font-weight:700;text-align:center;text-decoration:none}html[data-game-mode=RUNNER_TEST] .mode-switches a[href="/?mode=runner"],html[data-game-mode=STORE_TEST] .mode-switches a[href="/?mode=store"],html[data-game-mode=FULL_GAME] .mode-switches a[href="/?mode=full"]{border-color:#ffd36a;background:#66551f}.control-row{display:grid;gap:8px;margin-bottom:16px}.control-row label{display:flex;justify-content:space-between;align-items:center;color:#ddd;font-size:14px}.control-row input[type=range]{width:100%}.checkbox-row{grid-template-columns:1fr}.buttons-row{display:flex;gap:12px;flex-wrap:wrap}.buttons-row button{flex:1;min-width:140px;background:#333;color:#fff;border:1px solid #555;border-radius:10px;padding:10px 16px;cursor:pointer}.buttons-row button:hover{background:#444}