:root{font-family:system-ui,sans-serif;background:#111827;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100%;overflow:hidden;background:#111827}#app{width:100%;height:100dvh}#game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#1e293b}#game-shell:not(.is-playing) .game-hud,#game-shell:not(.is-playing) .item-notice,#game-shell:not(.is-playing) .terrain-notice,#game-shell:not(.is-playing) .joystick{visibility:hidden}.entry-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;overflow:auto;background:radial-gradient(circle at 17% 20%,#b4d66d 0 12%,transparent 12.4%),radial-gradient(circle at 86% 82%,#4c9a61 0 18%,transparent 18.5%),linear-gradient(145deg,#83bc57,#4e9d5e 54%,#277963);transition:opacity .3s ease,visibility .3s ease}.entry-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.entry-card{position:relative;width:min(420px,100%);padding:clamp(24px,5vw,36px);border:3px solid #375e48;border-radius:26px;background:#fff3d8;color:#294c3a;box-shadow:0 16px #315f46,0 28px 65px #183b3670;text-align:center}.entry-eyebrow{display:inline-block;padding:5px 10px;border-radius:999px;background:#d8eec0;color:#386b46;font-size:.7rem;font-weight:900;letter-spacing:.14em}.entry-card h1{margin:18px 0 7px;font-size:clamp(2rem,7vw,2.7rem);line-height:1;letter-spacing:-.05em}.entry-card h1 span{display:block;color:#e9a244;font-size:.68em;letter-spacing:-.03em}.entry-description{margin:14px 0 24px;color:#52715a;font-size:.94rem;line-height:1.5}#entry-form{display:grid;gap:9px;text-align:left}#entry-form label{margin-top:7px;font-size:.8rem;font-weight:850}#entry-form input,#entry-form select{width:100%;min-height:48px;padding:0 14px;border:2px solid #9bb68d;border-radius:12px;outline:none;background:#fffdf4;color:#294c3a;font:inherit;font-size:.95rem}#entry-form input:focus,#entry-form select:focus{border-color:#438d68;box-shadow:0 0 0 3px #64b68144}#entry-form button,#entry-retry{min-height:49px;margin-top:17px;padding:0 18px;border:0;border-radius:12px;background:#db7d45;color:#fffaf0;font:inherit;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #a65335}#entry-form button:hover,#entry-retry:hover{background:#cc6c3e}#entry-form button:active,#entry-retry:active{transform:translateY(3px);box-shadow:0 2px #a65335}.entry-loading{display:grid;justify-items:center;gap:8px;color:#52715a;font-size:.9rem}.entry-loading p{margin:5px 0}.entry-spinner{width:38px;height:38px;border:5px solid #d8eec0;border-top-color:#e9a244;border-radius:50%;animation:entry-spin .8s linear infinite}@keyframes entry-spin{to{transform:rotate(360deg)}}#game-container,#game-container canvas{display:block;width:100%!important;height:100%!important}.game-hud{position:absolute;top:16px;left:16px;z-index:5;display:flex;align-items:stretch;gap:8px}.energy-panel{position:relative;width:min(230px,calc(100vw - 32px));padding:10px 12px;border:2px solid #355849aa;border-radius:13px;background:#173b3488;color:#fffceb;box-shadow:0 5px 16px #18392d44;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.tagger-panel{display:flex;align-items:center;gap:7px;min-width:200px;max-width:250px;padding:0 12px;border:2px solid #713f4388;border-radius:13px;background:#452b3788;color:#fff6eb;box-shadow:0 5px 16px #18392d44;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.78rem;font-weight:750;pointer-events:none}.tagger-label{color:#ffd3c9}#tagger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagger-dot{flex:0 0 9px;height:9px;border-radius:50%;background:#b9c7b8}.tagger-panel.is-active{border-color:#f26b7288}.tagger-panel.is-active .tagger-dot{background:#ff555d;box-shadow:0 0 9px #ff555d99}.energy-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.75rem;font-weight:800;letter-spacing:.04em}#energy-effect{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:999px;background:#fff0b526;color:#ffe18a;font-size:.66rem;letter-spacing:0;white-space:nowrap;vertical-align:1px}#energy-effect:empty{display:none}#energy-effect[data-effect=apple]{background:#f26b7230;color:#ffc5be}#energy-effect[data-effect=fries]{background:#efa34b30;color:#ffd39a}.energy-panel.is-bonus #energy-fill{background:linear-gradient(90deg,#f4b936,#fff07a);box-shadow:0 0 9px #fff07a88}.energy-panel.is-locked #energy-fill{background:linear-gradient(90deg,#63ce8a,#b4f38b)}.energy-panel.is-limited #energy-fill{background:linear-gradient(90deg,#e88b44,#ffca6f)}.energy-track{height:13px;overflow:hidden;border:2px solid #27483ecc;border-radius:999px;background:#172f2bcc}#energy-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2c94c,#b9ed62);transform-origin:left;transition:width .12s linear,background .25s ease}.energy-panel.is-low #energy-fill{background:linear-gradient(90deg,#e45745,#f3a74f)}.energy-panel.is-low{animation:energy-pulse 1.1s ease-in-out infinite}@keyframes energy-pulse{50%{box-shadow:0 0 16px #f39a4a99}}.item-notice{position:absolute;z-index:5;top:16px;right:16px;display:grid;gap:4px;width:min(330px,calc(100vw - 32px));padding:11px 14px;border:1px solid #fff2c777;border-radius:13px;background:#173b34c9;color:#fffceb;box-shadow:0 5px 16px #18392d44;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.82rem;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.item-notice.is-visible{opacity:1;transform:translateY(0)}.item-notice-heading{display:flex;align-items:center;justify-content:space-between;font-weight:850;color:#ffe18a}#item-timer{color:#fffceb}.terrain-notice{position:absolute;z-index:5;left:16px;bottom:16px;max-width:min(330px,calc(100vw - 32px));padding:9px 12px;border:1px solid #e5b97099;border-radius:11px;background:#483923d9;color:#fff7e6;box-shadow:0 5px 16px #18392d44;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.8rem;font-weight:750;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.terrain-notice.is-visible{opacity:1;transform:translateY(0)}.terrain-notice[data-terrain=water]{border-color:#9de9db99;background:#215f65d9}.joystick{position:absolute;right:18px;bottom:16px;z-index:2;width:126px;aspect-ratio:1;border:1px solid #e7f6ce55;border-radius:50%;background:#173b3470;box-shadow:inset 0 0 0 8px #d5efc811,0 5px 18px #173b3430;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.46;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:contain}.joystick-track{position:absolute;top:19%;right:19%;bottom:19%;left:19%;border:1px solid #e7f6ce24;border-radius:50%;background:#d5efc808;pointer-events:none}.joystick-knob{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border:1px solid #f3ffe0a0;border-radius:50%;background:#bde78c99;box-shadow:inset 0 2px 7px #f5ffe655,0 3px 10px #122d2480;transform:translate(-50%,-50%);pointer-events:none}@media(min-width:720px){.joystick{opacity:.28}.joystick:hover,.joystick:active{opacity:.9}}@media(max-width:780px){html,body,#app,#game-shell{height:100dvh;min-height:100dvh}.energy-panel{width:min(190px,calc(100vw - 20px));padding:8px 10px;border-width:1px;border-radius:10px;background:#173b3466}.energy-heading{margin-bottom:5px;font-size:.68rem}.energy-track{height:11px}.game-hud{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));flex-direction:column;gap:6px}.tagger-panel{width:min(210px,calc(100vw - 20px));min-height:38px;padding:0 10px;border-width:1px;border-radius:10px;font-size:.7rem;background:#452b3766}.item-notice{top:auto;right:10px;bottom:max(166px,calc(env(safe-area-inset-bottom) + 154px));width:min(290px,calc(100vw - 20px));padding:9px 11px;font-size:.74rem}.terrain-notice{left:max(10px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 166px);padding:7px 9px;font-size:.7rem}.joystick{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:140px;opacity:.46}}@media(max-width:560px){.joystick{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:128px}}