*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#game-container{position:relative;width:100vw;height:100vh}#game-canvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-between;padding:10px 20px;pointer-events:none;z-index:10}#hud div{background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px}#count-display{background:#0096ffd9!important;font-size:22px!important;font-weight:700;padding:10px 22px!important;border-radius:25px!important;box-shadow:0 4px 15px #0096ff66;border:2px solid rgba(255,255,255,.3);min-width:80px;text-align:center}.screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000d9;z-index:100;gap:15px;touch-action:auto;overflow-y:auto;padding:20px}.screen.hidden{display:none}.screen h1{color:#00d4ff;font-size:48px;text-shadow:0 0 20px #00d4ff;letter-spacing:4px}.screen h2{color:#fff;font-size:32px}.screen p{color:#ccc;font-size:20px}.btn{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;padding:15px 40px;font-size:20px;font-weight:700;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00d4ff66;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #00d4ff99}.btn:active{transform:scale(.95)}.btn-secondary{background:linear-gradient(135deg,#666,#444);box-shadow:0 4px 15px #0006}.btn-secondary:hover{box-shadow:0 6px 25px #0009}.btn-small{padding:8px 20px;font-size:14px}.upgrade-item{display:flex;align-items:center;gap:20px;background:#ffffff1a;padding:15px 25px;border-radius:15px;color:#fff;font-size:18px;min-width:350px;justify-content:space-between}#win-coins{color:gold;font-size:28px;font-weight:700}#win-upgrades{display:flex;flex-direction:column;gap:10px;margin:15px 0}.shop-coins{color:gold;font-size:20px;font-weight:700;margin:5px 0 10px}.shop-tabs{display:flex;gap:10px;margin-bottom:15px}.shop-tab{padding:8px 20px;border:none;border-radius:20px;background:#ffffff26;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.shop-tab.active{background:#00c8ff99;box-shadow:0 2px 10px #00c8ff4d}.shop-panel{max-height:300px;overflow-y:auto;width:100%;max-width:400px}.shop-panel.hidden{display:none}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px}.shop-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:12px;background:#ffffff1a;border:2px solid transparent;cursor:pointer;transition:all .2s}.shop-item:hover{background:#fff3;transform:scale(1.05)}.shop-item.owned{border-color:#00c86480}.shop-item.equipped{border-color:#00d4ff;background:#00d4ff26;box-shadow:0 0 10px #00d4ff4d}.shop-item .skin-preview{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.shop-item .theme-preview{width:60px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}.shop-item .item-name{color:#fff;font-size:11px;text-align:center}.shop-item .item-price{font-size:12px;color:gold;font-weight:700}.shop-item .item-price.free{color:#4caf50}.shop-item .item-price.owned-label{color:#aaa}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80%) scale(1.2)}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.screen h1{animation:pulse 2s ease-in-out infinite}.screen .btn{animation:slideInUp .5s ease backwards}.screen .btn:nth-child(2){animation-delay:.1s}.screen .btn:nth-child(3){animation-delay:.2s}#game-canvas{transition:transform .05s ease}html,body,#game-container{height:100dvh;overscroll-behavior:none}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#182b42}#game-canvas{touch-action:none}#hud{padding:calc(12px + env(safe-area-inset-top,0px)) 8px 0;gap:5px;align-items:flex-start}#hud div{font-size:12px;white-space:nowrap;padding:8px 9px;border-radius:11px;border:1px solid #ffffff45;background:#172b3edc}#hud #brandHud{display:none}#hud #count-display{background:#eebf43!important;color:#1b2632;font-size:19px!important;padding:5px 13px!important;box-shadow:0 3px 15px #a5763280;border:1px solid #ffecab;min-width:50px}.screen{background:linear-gradient(180deg,#0c1a32ea,#1a2f47ec);gap:13px;padding:max(20px,env(safe-area-inset-top,0px)) 14px max(20px,env(safe-area-inset-bottom,0px))}.screen h1{font-size:clamp(29px,8vw,54px);letter-spacing:.07em;color:#f7d36b;text-shadow:0 3px 25px #70522c80;text-align:center}.screen h2{color:#f4d57f;text-align:center;font-size:clamp(23px,7vw,34px)}.screen p{max-width:360px;text-align:center;color:#d7e5ea;font-size:15px}.screen .instructions{font-size:13px;line-height:1.55;color:#bacddb;margin:5px 0 10px}.screen .edition{font-size:11px;font-weight:900;letter-spacing:.19em;color:#c4d6e8}.btn{background:linear-gradient(135deg,#ffd36d,#bd8029)!important;color:#1c2933!important;font-weight:900;border-radius:14px;min-height:52px;padding:11px 20px;box-shadow:0 6px 22px #0007}.btn-secondary{background:#284256!important;color:#f1efdf!important;border:1px solid #67849e!important}#gesture-hint{position:fixed;bottom:calc(29px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;pointer-events:none;font-weight:900;font-size:11px;letter-spacing:.12em;color:#f9e5b2;text-shadow:0 2px 6px #000;opacity:.75}#game-container:has(.screen:not(.hidden)) #gesture-hint{display:none}#shop-btn[hidden]{display:none!important}@media(max-width:410px){#hud div{font-size:11px;padding:8px 6px}#hud #count-display{font-size:17px!important}}html,body,#game-container{width:100%;max-width:100%;overflow:hidden}@media(max-width:430px){.upgrade-item{min-width:0;width:100%;gap:8px;padding:12px;font-size:13px}.upgrade-item .btn{padding:8px 10px;min-height:40px}.screen{padding-left:12px;padding-right:12px}}.p02-hero{height:clamp(105px,22vh,190px);width:auto;object-fit:contain;filter:drop-shadow(0 8px 14px #0008);margin:0 auto 8px}#start-screen{padding:24px 20px;background:radial-gradient(ellipse at 50% 20%,#244656ee,#101c2cf7 74%)}#start-screen h1{font-size:clamp(28px,8vw,44px);margin:4px 0 8px}#start-screen .instructions{max-width:310px;line-height:1.45;font-size:14px}#tactical-status{position:absolute;top:64px;left:50%;transform:translate(-50%);font-size:11px;font-weight:750;white-space:nowrap;padding:8px 12px;border-radius:18px;background:#142235dd;color:#f5e8be}#coin-display{display:none}#pause-btn{position:absolute;top:22px;left:calc(50% - 18px);width:36px;height:34px;border:1px solid #ffffff30;border-radius:12px;background:#152e43e8;color:#fff;font-weight:900;pointer-events:auto;cursor:pointer}#pause-panel{position:absolute;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101d2bea;color:#fff;padding:32px;text-align:center;gap:18px}#pause-panel p{max-width:320px;line-height:1.5}#pause-panel.hidden{display:none}#gesture-hint{font-size:11px;bottom:max(18px,env(safe-area-inset-bottom))}@media(max-height:650px){.p02-hero{height:90px}#start-screen{gap:6px}#start-screen .btn{padding:12px 25px}}#tactical-hint{position:absolute;bottom:calc(67px + env(safe-area-inset-bottom,0px));left:50%;width:max-content;max-width:min(86vw,355px);transform:translate(-50%,12px);display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 13px;border-radius:12px;background:#142536e8;border:1px solid #99c4ca8a;box-shadow:0 5px 17px #08121bad;color:#eaf3ef;text-align:center;z-index:20;pointer-events:none;font:600 12px/1.3 system-ui,-apple-system,sans-serif;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}#tactical-hint.visible{opacity:1;visibility:visible;transform:translate(-50%)}#tactical-hint strong{font-size:14px;color:#c6f6d9}#tactical-hint[data-tone=warning]{border-color:#f29a85a3}#tactical-hint[data-tone=warning] strong{color:#ffb6a5}#tactical-hint[data-tone=neutral] strong{color:#dfd4ff}#tactical-hint span{font-weight:500;color:#d3e0e9}.run-report{width:min(100%,340px);display:flex;flex-direction:column;gap:6px;text-align:center;background:#21354cdd;border:1px solid #b7c7c65c;border-radius:14px;padding:13px 14px;color:#f1eee2}.run-report strong{font:850 clamp(16px,4.5vw,20px)/1.2 system-ui;letter-spacing:.02em;color:#f9d97d}.run-report span{font:600 13px/1.4 system-ui;color:#e1eaf0}.run-report small{font:500 12px/1.4 system-ui;color:#bfced9}.run-tip{font-size:13px!important;line-height:1.45;color:#dbe7f0}#story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#ffedd0}#story-overlay .story-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,17,29,.85) 0%,transparent 24%,transparent 54%,rgba(7,16,27,.86) 100%)}#story-overlay .story-top{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:16px;right:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;font-weight:850;letter-spacing:.12em;text-shadow:0 2px 4px #0c1a2c}#story-overlay .story-top span:first-child{color:#ffe3a3;font-size:12px}#story-overlay .story-top .story-stage{border:1px solid rgba(255,228,163,.42);border-radius:30px;padding:7px 10px;background:#0c1d2ab3;text-align:right}#story-overlay .story-bottom{position:absolute;bottom:calc(73px + env(safe-area-inset-bottom,0px));left:16px;right:16px;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;text-shadow:0 2px 9px #0d2132}#story-overlay .story-heading{font-weight:950;letter-spacing:.13em;font-size:clamp(22px,7vw,32px);color:#ffda80}#story-overlay .story-subtitle{font-size:clamp(13px,3.8vw,17px);line-height:1.45;max-width:340px;color:#edf4f6}#story-overlay .story-skip{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom,0px));right:15px;pointer-events:auto;cursor:pointer;background:#0c1b2ae0;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:13px;padding:10px 13px;font-weight:850;font-size:12px;min-height:40px;touch-action:manipulation}#story-overlay .story-skip[hidden]{display:none}#story-overlay.story-chase .story-bottom{bottom:calc(60px + env(safe-area-inset-bottom,0px))}.final-portrait{display:block;width:auto;height:clamp(75px,15vh,126px);object-fit:contain;filter:drop-shadow(0 8px 18px #0009);margin:0 auto -5px}.final-portrait[hidden]{display:none!important}#challenge-hub.challenge-hub{position:absolute;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;background:#040d16e3;padding:clamp(12px,3vw,25px);overflow:auto;color:#f3f4f6;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#challenge-hub.hidden{display:none}.challenge-card{width:min(100%,430px);max-height:min(93vh,760px);overflow:auto;background:#182b40;border:1px solid #718e9a88;border-radius:20px;box-shadow:0 15px 60px #0009;padding:clamp(14px,3.5vw,22px);display:flex;flex-direction:column;gap:12px}.challenge-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:850;font-size:12px;letter-spacing:.06em;color:#ffdb82}.challenge-day{margin-left:auto;color:#d3deee;font-size:11px;font-weight:650}.challenge-close{background:#304861;color:#fff;border:1px solid #8d9eae66;border-radius:50%;width:37px;height:37px;cursor:pointer;flex:0 0 auto;font-size:16px}.challenge-title{font-size:clamp(21px,6vw,30px);line-height:1.1;margin:5px 0 0;text-align:center;color:#f5dc9b}.challenge-note,.challenge-explain{font-size:13px;line-height:1.5;color:#d5e3ee;text-align:center;margin:0}.challenge-body{display:flex;flex-direction:column;gap:12px}.challenge-seed,.challenge-record,.challenge-ranking{margin:0;background:#233c54;border-radius:9px;padding:10px 12px;color:#dceaf3;font:600 13px/1.5 system-ui}.challenge-record{text-align:center}.challenge-stat{text-align:center;padding:18px 8px;background:#264453;border-radius:12px;font:900 clamp(21px,7vw,30px)/1.1 system-ui;color:#ffdc83}.challenge-product{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:11px;background:#263f55;padding:11px;min-height:82px}.challenge-product>div{display:flex;flex-direction:column;gap:6px;flex:1}.challenge-product strong{font-size:13px;line-height:1.25;color:#fff0c8}.challenge-product span{font-size:11px;line-height:1.35;color:#d2deea}.challenge-product button{min-width:85px;flex:0 0 auto}.challenge-product button:disabled{opacity:.55;cursor:not-allowed}.challenge-warning{font:600 12px/1.45 system-ui;color:#fbd99c;text-align:center}.challenge-foot{display:flex;flex-direction:column;gap:9px}.challenge-foot .btn{margin:0;width:100%;min-height:43px;font-size:clamp(12px,3.5vw,15px)}.challenge-rank{margin:3px 0;padding:9px;border-bottom:1px solid #57728766;font-size:13px}.supporter-badge{display:inline-flex;align-items:center;margin-left:6px;padding:3px 5px;border-radius:5px;background:#f6d37f;color:#192a3a;font:900 8px/1 system-ui;letter-spacing:.05em;vertical-align:middle}.character-product-thumb{width:80px;height:106px;object-fit:contain;align-self:center;filter:drop-shadow(0 5px 10px #0008)}.character-preview-action{background:#e9bf62!important;color:#142136!important;font-weight:900!important;min-height:42px;font-size:12px!important}.challenge-product>div:has(.character-product-thumb){align-items:center;text-align:center}#marseille-support-button{position:absolute;z-index:60;bottom:calc(93px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:17px 19px;min-width:min(91vw,355px);max-width:94vw;min-height:76px;border-radius:17px;border:3px solid #fff3a7;background:linear-gradient(140deg,#d84008,#fa9b12 48%,#da3308);color:#fff;text-align:center;white-space:pre-line;text-shadow:0 2px 2px #792309;font:950 clamp(14px,4vw,18px)/1.35 system-ui;letter-spacing:.015em;box-shadow:0 3px #6c1908,0 8px 30px #ee630baa;cursor:pointer;touch-action:manipulation}#marseille-support-button.marseille-attack-ready{animation:marseilleAttackReady 1.15s ease-in-out infinite}#marseille-support-button:focus-visible{outline:4px solid #fff;outline-offset:3px}#marseille-support-button:disabled{opacity:.65;cursor:default;animation:none}@keyframes marseilleAttackReady{0%,to{box-shadow:0 3px #6c1908,0 8px 22px #f46f08ba;border-color:#fff3a7}50%{box-shadow:0 3px #6c1908,0 0 0 8px #ffd95377,0 10px 40px #ffa405ed;border-color:#fff}}@media(prefers-reduced-motion:reduce){#marseille-support-button.marseille-attack-ready{animation:none}}.challenge-credit-count{margin:0;text-align:center;background:#2a4b67;border:1px solid #8bb8df88;border-radius:10px;padding:9px 7px;color:#d6f2ff;font:750 12px/1.3 system-ui}