:root{color:#f7f1d3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#031d18;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#031d18;min-height:100dvh;overflow:hidden}button{font:inherit}.app-shell{background:#123c32;width:min(100vw,480px);height:100dvh;min-height:600px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #0008}.noise{opacity:.28;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{z-index:1;height:100%;padding:max(32px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.38s cubic-bezier(.22,.8,.2,1) both screen-in;display:flex;position:relative}.eyebrow{color:#f1b744;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;margin-bottom:12px;font-size:clamp(58px,18vw,86px);line-height:.95}h2{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(34px,10vw,50px);line-height:1.08}.screen>p:not(.eyebrow,.tiny-note){color:#d7d7c1;max-width:320px;line-height:1.65}.home-screen h1{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(52px,15vw,72px)}.broadcast-tag{top:max(24px, env(safe-area-inset-top));letter-spacing:.12em;color:#d8decf;font-size:10px;font-weight:800;position:absolute;left:24px}.broadcast-tag span{background:#e24b42;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #e24b42}.hero-ball{width:106px;height:106px;margin-bottom:28px;position:relative;transform:rotate(-7deg)}.hero-ball:after{content:"";z-index:-1;background:#071f1a66;border-radius:50%;height:13px;position:absolute;bottom:2px;left:18px;right:8px;transform:skew(-16deg)}.hero-ball svg{filter:drop-shadow(4px 5px #071f1a88);width:100%;height:100%;display:block}.hero-copy{margin-bottom:20px;font-size:18px;font-weight:650;color:#e9e6cf!important}.tiny-note{color:#9ba99f;margin:15px 0 0;font-size:11px}.coach-picker{gap:9px;width:min(100%,312px);margin:0 0 16px;display:grid}.coach-picker button{color:#f2ecd1;text-align:left;cursor:pointer;background:#082b24d9;border:1px solid #e8d9b238;border-radius:14px;grid-template-columns:50px 1fr;align-items:center;gap:10px;min-height:74px;padding:9px 10px;display:grid;position:relative;box-shadow:4px 5px #061b1699}.coach-picker button.selected{background:#173b2f;border-color:#efc458;box-shadow:0 0 0 2px #efc45822,4px 5px #061b1699}.coach-picker .cat-badge{border-width:2px;border-radius:10px;width:50px;height:50px;box-shadow:2px 3px #061b1688}.coach-picker span{flex-direction:column;gap:2px;min-width:0;display:flex}.coach-picker b{color:#fff2c6;font-size:15px}.coach-picker em{color:#f1bd4e;font-size:11px;font-style:normal;font-weight:800}.coach-picker small{color:#aebcaf;font-size:9px;line-height:1.35}.coach-picker i{color:#10251f;background:#efc458;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:9px;right:10px}.primary-button{color:#172a24;cursor:pointer;background:#e9b94f;border:2px solid #172a24;border-radius:7px;justify-content:space-between;align-items:center;width:min(100%,310px);min-height:54px;padding:0 22px;font-size:16px;font-weight:850;display:flex;box-shadow:5px 6px #08251f}.primary-button:active{transform:translateY(1px)}.primary-button span{font-size:22px}.text-button{color:#d7d8c6;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:16px;text-decoration:underline}.report-link{color:#f3d68a;background:#061f1a88;border:1px solid #e9b94f55;border-radius:999px;margin-top:10px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none}.cat-badge{--cat-color:#e0a23b;background:#d6c9a8;border:3px solid #eee4c8;border-radius:9px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden;transform:rotate(-2deg);box-shadow:4px 5px #071f1a88}.cat-badge img{object-fit:contain;width:112%;height:112%;transform:translateY(5%)}.cat-badge--large{border-width:5px;border-radius:18px;width:148px;height:148px;margin-bottom:22px;transform:rotate(-3deg)}.cat-badge--large img{width:108%;height:108%}.intro-screen{justify-content:center}.scoreboard{top:max(24px, env(safe-area-inset-top));background:#082a23;border:1px solid #d9cfb642;border-radius:5px;justify-content:space-between;align-items:center;height:48px;padding:0 14px;font-size:12px;display:flex;position:absolute;left:22px;right:22px;box-shadow:4px 5px #071f1a88}.scoreboard b{color:#f4bd4c;letter-spacing:.14em}.level-meta{color:#d8ddce;justify-content:space-between;align-items:center;width:min(100%,320px);margin:2px 0 10px;font-size:11px;display:flex}.level-meta>span{color:#f4c45f;background:#031d1877;border:1px solid #f4bd4c44;border-radius:999px;padding:5px 9px}.level-meta i{color:#365a4d;margin-left:3px;font-size:8px;font-style:normal}.level-meta i.active{color:#f4bd4c;text-shadow:0 0 7px #f4bd4c88}.level-progress{gap:5px;width:min(100%,320px);margin:0 0 12px;display:flex}.level-progress i{background:#315348;border-radius:4px;flex:1;height:3px}.level-progress i.done{background:#8eaa9e}.level-progress i.current{background:#f4bd4c;box-shadow:0 0 9px #f4bd4c99}.skill-card{text-align:left;background:#0a3028;border:1px solid #d2c7a733;border-radius:6px;flex-direction:column;gap:5px;width:min(100%,320px);margin:0 0 20px;padding:14px 18px;display:flex;box-shadow:4px 4px #071f1a66}.skill-card b{color:#f4bd4c}.skill-card span{color:#bec7bd;font-size:12px}.play-screen{z-index:1;height:100%;padding-top:env(safe-area-inset-top);background:#052a22;grid-template-rows:72px minmax(0,1fr) 76px;display:grid;position:relative}.match-hud{z-index:2;background:linear-gradient(#05271f,#031d18);border-bottom:1px solid #f4e8c52b;grid-template-columns:72px 1fr 72px;align-items:center;padding:10px 15px 8px;display:grid;box-shadow:0 5px 20px #0003}.match-hud small{color:#859c8f;letter-spacing:.14em;font-size:8px;display:block}.match-hud strong{color:#f4bd4c;font-size:24px}.level-name{text-align:center;color:#819b8d;font-size:8px;line-height:1.5}.level-name b{color:#f4eed4;font-size:12px}.attempts{justify-content:flex-end;gap:4px;display:flex}.attempts i{color:#355149;font-size:13px;font-style:normal}.attempts i.active{color:#e64d42;text-shadow:0 0 8px #e64d42}.game-stage{background:#0b241f;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.game-canvas{touch-action:none;overscroll-behavior:none;background:#0b241f;width:100%;height:100%;min-height:0;overflow:hidden}.game-canvas canvas{image-rendering:auto;display:block}.game-loading{color:#d8d8c2;background:#082e25;place-items:center;font-size:13px;display:grid}.game-guide{z-index:4;color:#f3ead0;pointer-events:none;white-space:nowrap;background:#0a211df2;border:1px solid #e6d6a93b;border-radius:4px;align-items:center;gap:9px;min-width:245px;padding:7px 12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:3px 4px #06191599}.game-guide span{color:#d7b55e;letter-spacing:.12em;border-right:1px solid #e6d6a933;padding-right:8px;font-size:9px;font-weight:800}.game-guide b{font-size:11px;font-weight:650}.game-timer{z-index:4;color:#f5ead0;pointer-events:none;background:#a74439;border:1px solid #e8d9b34d;padding:6px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:3px 3px #08241f99}.skill-dock{min-height:76px;padding:9px 14px calc(9px + env(safe-area-inset-bottom));z-index:2;background:linear-gradient(#031d18,#021510);border-top:1px solid #f4e8c52b;align-items:center;gap:10px;display:flex;box-shadow:0 -8px 25px #0003}.skill-dock .cat-badge{flex:0 0 51px;width:51px;height:51px}.skill-dock button{color:#f1e9c9;cursor:pointer;background:#0a382d;border:1px solid #f4bd4c55;border-radius:11px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;height:52px;padding:7px 14px;display:flex}.skill-dock button.armed{background:#5a4518;border-color:#f4bd4c;box-shadow:inset 0 0 20px #f4bd4c22}.skill-dock button:disabled{opacity:.42;cursor:default}.skill-dock button b{font-size:13px}.skill-dock button span{color:#9eb0a5;margin-top:2px;font-size:9px}.event-screen .event-icon{color:#f4bd4c;border:2px solid #f4bd4c;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:28px;font-size:40px;display:grid}.event-screen .primary-button{margin-top:16px}.failure-screen{background:linear-gradient(#3a1716aa,#0000 55%)}.failure-screen .event-icon{color:#e55b4e;border-color:#e55b4e}.year-screen{background:linear-gradient(#16201e,#071f1a)}.year-jump{align-items:center;gap:18px;margin:12px 0 25px;display:flex}.year-jump del{color:#75827a;font-size:32px}.year-jump span{color:#b4beb7}.year-jump b{color:#f4bd4c;font-size:58px}.result-screen{background:radial-gradient(circle at 50% 25%,#127154 0%,#0000 42%)}.result-screen h2{color:#f4bd4c;margin:0;font-size:78px}.result-screen h3{margin:0 0 14px;font-size:23px}.result-screen .cat-badge{margin-bottom:12px}.result-stats{color:#aebcb3;background:#031d1877;border:1px solid #f4e8c52b;border-radius:13px;justify-content:space-around;width:min(100%,310px);margin:4px 0 22px;padding:14px;font-size:12px;display:flex}.result-stats b{color:#fff0c1;font-size:17px}.confetti{color:#f4bd4c;letter-spacing:.3em;animation:2.5s ease-in-out infinite float;position:absolute;top:9%}.card-modal{z-index:20;padding:max(48px, env(safe-area-inset-top)) 24px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#021411f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-modal img{border-radius:12px;max-width:100%;max-height:calc(100dvh - 190px);box-shadow:0 16px 50px #0009}.card-modal .primary-button{margin-top:14px}.card-modal p{color:#8fa097;margin-top:9px;font-size:10px}.close-button{top:max(15px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2b;border-radius:50%;width:38px;height:38px;font-size:24px;position:absolute;right:18px}.toast{z-index:30;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));color:#fff2c9;background:#041b17ec;border:1px solid #f4bd4c55;border-radius:10px;width:max-content;max-width:85%;padding:10px 15px;font-size:12px;position:absolute;transform:translate(-50%);box-shadow:0 8px 25px #0006}@keyframes float{50%{transform:translateY(7px)rotate(1deg)}}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (height<=680px){.hero-ball{width:92px;height:92px;margin-bottom:18px}.hero-ball span{font-size:57px}.hero-copy{margin-bottom:14px;font-size:16px}.coach-picker{gap:7px;margin-bottom:12px}.coach-picker button{min-height:66px;padding:7px 10px}.coach-picker .cat-badge{width:44px;height:44px}.coach-picker small{display:none}.cat-badge--large{width:112px;height:112px}.cat-badge--large span{font-size:80px}.intro-screen .skill-card{margin-bottom:14px}.result-screen h2{font-size:62px}}