:root{--bg: #081118;--panel: rgba(12, 23, 38, .88);--panel-border: rgba(255, 255, 255, .08);--accent: #f2c14d;--accent-strong: #ffdf7a;--green: #2d7a3a;--danger: #e64560;--text: #f4f7fb;--muted: rgba(244, 247, 251, .7);--shadow: 0 18px 50px rgba(0, 0, 0, .28);--radius: 22px;--app-width: 100vw;--app-height: 100dvh;--viewport-offset-top: 0px;--viewport-offset-left: 0px;--safe-top: env(safe-area-inset-top);--safe-right: env(safe-area-inset-right);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);color-scheme:dark;font-family:Arial,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}html,body{margin:0;position:fixed;inset:0;width:var(--app-width);height:var(--app-height);min-height:var(--app-height);background:radial-gradient(circle at top,rgba(46,102,65,.18),transparent 45%),linear-gradient(180deg,#081118,#03070b);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{touch-action:manipulation}button,input,select,textarea{-webkit-user-select:none;user-select:none}html.game-active,body.game-active{overflow:hidden;overscroll-behavior:none;touch-action:none}body.game-active #game-container,body.game-active #ui-overlay,body.game-active .ui-screen-layer,body.game-active .ui-hud-layer,body.game-active .ui-modal-layer{overscroll-behavior:none}body.game-active .ui-screen-layer{overflow:hidden;overscroll-behavior:none}#game-container{position:fixed;inset:0;width:var(--app-width);height:var(--app-height);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-overlay{position:absolute;inset:0;pointer-events:none}.ui-screen-layer,.ui-hud-layer,.ui-modal-layer,.ui-notification-layer{position:absolute;inset:0;width:100%;height:100%}.ui-screen-layer{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ui-screen-layer::-webkit-scrollbar{display:none}.ui-screen-layer,.ui-modal-layer,.ui-notification-layer,.ui-hud-layer{pointer-events:none}.ui-screen-layer>*,.ui-modal-layer>*,.ui-notification-layer>*{pointer-events:auto}.ui-hud-layer [data-action]{pointer-events:auto}.screen{min-height:var(--app-height);display:grid;place-items:center;padding:max(clamp(1rem,2vw,2rem),calc(var(--safe-top) + 1rem)) max(clamp(1rem,2vw,2rem),calc(var(--safe-right) + 1rem)) max(clamp(1rem,2vw,2rem),calc(var(--safe-bottom) + 1rem)) max(clamp(1rem,2vw,2rem),calc(var(--safe-left) + 1rem))}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{width:min(calc(var(--app-width) - 2rem),42rem);padding:clamp(1.4rem,3vw,2.4rem);text-align:center}.orientation-screen{background:#03070bc7;place-items:center}.orientation-panel{width:min(calc(var(--app-width) - 2rem),24rem);padding:1.2rem 1rem;display:grid;gap:.75rem;justify-items:center;text-align:center;background:radial-gradient(circle at top,rgba(242,193,77,.15),transparent 40%),#081118f0}.orientation-icon{position:relative;width:3.2rem;height:3.2rem}.orientation-device{position:absolute;left:.35rem;top:.45rem;width:1.35rem;height:2.15rem;border:2px solid rgba(255,255,255,.85);border-radius:.42rem;transform:rotate(-14deg);box-shadow:inset 0 0 0 1px #ffffff14}.orientation-device:before{content:"";position:absolute;top:.18rem;left:50%;width:.32rem;height:.08rem;border-radius:999px;background:#ffffff8c;transform:translate(-50%)}.orientation-arrow{position:absolute;right:.15rem;bottom:.2rem;width:1.75rem;height:1.75rem;border:2px solid transparent;border-top-color:var(--accent-strong);border-right-color:var(--accent-strong);border-radius:50%;transform:rotate(20deg)}.orientation-arrow:after{content:"";position:absolute;top:-.18rem;right:.18rem;width:.42rem;height:.42rem;border-top:2px solid var(--accent-strong);border-right:2px solid var(--accent-strong);transform:rotate(18deg)}.orientation-title{font-size:1rem;line-height:1.4}.mobile-power-widget{position:absolute;left:max(.4rem,var(--safe-left));top:50%;transform:translateY(-50%);display:grid;gap:.45rem;justify-items:center;padding:.5rem .35rem;border-radius:18px;background:#070e1694;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-power-track{width:.8rem;height:min(34vh,12rem);padding:.16rem;display:flex;align-items:end;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);overflow:hidden}.mobile-power-track span{width:100%;min-height:.2rem;border-radius:999px;background:linear-gradient(180deg,#ffdf7a,#f2c14d 36%,#e64560);box-shadow:0 0 12px #f2c14d52}.mobile-power-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mobile-power-hint{display:grid;gap:.1rem;justify-items:center;text-align:center}.mobile-power-arrow{color:var(--accent-strong);font-size:.95rem;line-height:1;animation:mobile-power-nudge 1.2s ease-in-out infinite}.mobile-power-hint-text{max-width:3.8rem;font-size:.52rem;line-height:1.2;color:#f4f7fbd1}.campaign-mobile-hud,.campaign-mobile-topbar,.campaign-mobile-objective,.campaign-mobile-meta{pointer-events:none}.campaign-mobile-hud{position:absolute;inset:0}.campaign-mobile-topbar{position:absolute;top:max(.2rem,var(--safe-top));left:max(.2rem,var(--safe-left));right:max(.2rem,var(--safe-right));display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.campaign-mobile-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.38rem .58rem;border-radius:999px;background:#070e16b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #0003;color:var(--text);font-size:.72rem;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-mobile-pause{margin-left:auto}.campaign-mobile-objective{position:absolute;right:max(.25rem,var(--safe-right));bottom:max(.25rem,var(--safe-bottom));max-width:min(13.5rem,40vw);padding:.5rem .58rem;display:grid;gap:.16rem;border-radius:14px;background:#070e16b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-mobile-objective strong{font-size:.8rem;line-height:1.25}.campaign-mobile-objective .hud-label{font-size:.58rem;line-height:1.35}.campaign-mobile-meta{display:grid;gap:.14rem;font-size:.72rem}.main-menu-shell{width:min(calc(var(--app-width) - 2rem),58rem);padding:clamp(1.25rem,2.8vw,2rem);background:radial-gradient(circle at top left,rgba(242,193,77,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(80,239,255,.12),transparent 32%),var(--panel)}.main-menu-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:1.2rem;align-items:stretch}.main-menu-brand,.main-menu-actions{border-radius:20px;border:1px solid rgba(255,255,255,.08)}.main-menu-brand{padding:clamp(1.3rem,2.4vw,2rem);background:linear-gradient(145deg,#ffffff0f,#ffffff08),#070e1652;display:grid;gap:1rem}.main-menu-emblem{width:4.1rem;height:4.1rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 12px 28px #f2c14d38}.main-menu-ball{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.22),transparent 26%),linear-gradient(180deg,#2a2d34,#11151b);box-shadow:inset 0 -.2rem .35rem #00000052,0 .3rem .7rem #0003}.main-menu-ball-core{width:.95rem;height:.95rem;display:grid;place-items:center;border-radius:50%;background:#f7f7f7;color:#11151b;font-size:.72rem;font-weight:800;line-height:1}.main-menu-copy{display:grid;gap:.55rem}.main-menu-title{margin:0}.main-menu-subtitle{max-width:34rem;font-size:1rem}.menu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.menu-stat{padding:.85rem .9rem;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.06);display:grid;gap:.2rem}.menu-stat span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.menu-stat strong{font-size:1.05rem}.main-menu-actions{padding:1rem;background:#070e166b;display:grid;gap:.75rem;align-content:center}.main-menu-button{width:100%;min-height:3.35rem;justify-content:center;font-weight:700}.section-panel{width:min(94vw,72rem);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 2rem);overflow:auto;padding:clamp(1rem,2vw,1.6rem)}.section-panel.narrow{width:min(92vw,34rem)}.eyebrow{color:var(--accent);font-size:clamp(.8rem,1.5vw,.95rem);text-transform:uppercase;letter-spacing:.12em}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.2rem,6vw,4.4rem);margin-top:.6rem}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:clamp(1.2rem,2.5vw,1.8rem)}p{color:var(--muted);line-height:1.5}.hero-actions,.modal-actions,.tabs,.settings-list{display:flex;flex-wrap:wrap;gap:.8rem}.hero-actions{justify-content:center;margin-top:1.2rem}.settings-list{flex-direction:column;margin-top:1rem}.meta-row,.section-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.meta-row{margin-top:1rem;color:var(--muted)}.section-header{margin-bottom:1rem}button{appearance:none;border:0;cursor:pointer;min-height:44px;border-radius:999px;padding:.85rem 1.2rem;font:inherit;transition:transform .14s ease,opacity .14s ease,background .14s ease,border-color .14s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary-button,.secondary-button,.ghost-button,.tab-button,.hud-button{color:var(--text)}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#1b1507;font-weight:700}.secondary-button{background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.ghost-button,.tab-button{background:transparent;border:1px solid rgba(255,255,255,.12)}.tab-button.active{background:#f2c14d29;border-color:#f2c14d66}.level-grid,.shop-grid{display:grid;gap:1rem}.level-grid{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr))}.level-card,.shop-card{text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;display:grid;gap:.55rem}.level-card.locked{opacity:.62}.level-card strong{font-size:1rem}.total-stars-row,.level-number,.level-stars,.level-balls,.level-locked,.result-message,.result-stats{display:block}.total-stars-row{margin-bottom:1rem;color:var(--accent);font-weight:700}.level-number{font-size:1.65rem;font-weight:700;color:var(--text)}.level-stars{color:var(--accent);letter-spacing:.12em;font-size:1rem}.level-balls,.level-locked{color:var(--muted);font-size:.9rem}.level-index,.level-status,.hud-label,.muted{color:var(--muted)}.stars,.result-stars{color:var(--accent);letter-spacing:.1em}.shop-preview{min-height:4rem;border-radius:14px;background:linear-gradient(135deg,#ffffff0a,#ffffff1f)}.shop-screen{display:grid;gap:1rem}.shop-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shop-coins{min-width:6.2rem;text-align:center;padding:.65rem 1rem;border-radius:999px;color:#1b1507;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);font-weight:700;box-shadow:inset 0 1px #ffffff38}.shop-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.shop-items{display:grid;gap:.85rem}.shop-item{display:grid;grid-template-columns:minmax(10rem,13rem) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#ffffff0b}.shop-item.equipped{border-color:#68d39173;background:linear-gradient(135deg,#2d7a3a29,#ffffff0d)}.shop-item.too-expensive{opacity:.64}.item-preview{min-height:4.6rem;padding:.75rem;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,#02070c7a,#ffffff0a);overflow:hidden}.cue-preview-canvas{width:min(100%,18rem);height:2.4rem;display:block}.table-preview{width:100%;display:flex;justify-content:center}.table-preview-frame{width:9rem;height:3.2rem;padding:.38rem;border-radius:.8rem;box-shadow:inset 0 0 0 1px #ffffff14}.table-preview-felt{width:100%;height:100%;border-radius:.45rem;position:relative;overflow:hidden}.table-preview-pocket{position:absolute;width:.55rem;height:.55rem;background:#080808;border-radius:999px;box-shadow:0 0 0 1px #b4a07840}.table-preview-pocket.tl{top:-.14rem;left:-.14rem}.table-preview-pocket.tr{top:-.14rem;right:-.14rem}.table-preview-pocket.bl{bottom:-.14rem;left:-.14rem}.table-preview-pocket.br{bottom:-.14rem;right:-.14rem}.table-preview-pocket.tc{top:-.2rem;left:50%;transform:translate(-50%);width:.7rem;height:.48rem;border-radius:0 0 999px 999px}.table-preview-pocket.bc{bottom:-.2rem;left:50%;transform:translate(-50%);width:.7rem;height:.48rem;border-radius:999px 999px 0 0}.effect-preview{position:relative;width:100%;min-height:3.1rem;display:grid;place-items:center;overflow:hidden}.effect-preview-particle{position:absolute;display:block;background:var(--effect-color);box-shadow:0 0 14px var(--effect-color)}.effect-preview .particle-a{top:.55rem;left:1.2rem}.effect-preview .particle-b{top:1.2rem;left:3rem}.effect-preview .particle-c{top:.7rem;right:1.25rem}.effect-preview-standard .effect-preview-particle{width:.72rem;height:.72rem;border-radius:50%}.effect-preview-sparks .effect-preview-particle{width:1.5rem;height:.22rem;border-radius:999px;transform:rotate(-25deg);background:linear-gradient(90deg,transparent 0%,var(--effect-color) 28%,var(--effect-secondary) 55%,transparent 100%)}.effect-preview-stars .effect-preview-particle,.effect-preview-neon .effect-preview-particle{width:.95rem;height:.95rem}.effect-preview-stars .effect-preview-particle{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:linear-gradient(180deg,var(--effect-secondary) 0%,var(--effect-color) 100%)}.effect-preview-fire .effect-preview-particle{width:1rem;height:1.35rem;border-radius:65% 65% 55% 55%;background:radial-gradient(circle at 50% 30%,var(--effect-secondary) 0%,var(--effect-color) 62%,rgba(0,0,0,0) 100%)}.effect-preview-neon .effect-preview-particle{transform:rotate(45deg);background:linear-gradient(145deg,var(--effect-color) 0%,var(--effect-secondary) 100%)}.effect-preview-fire .particle-a{transform:rotate(-10deg)}.effect-preview-fire .particle-b{transform:rotate(8deg)}.effect-preview-fire .particle-c{transform:rotate(-6deg)}.effect-preview-sparks .particle-b{transform:rotate(18deg);width:1.2rem}.effect-preview-sparks .particle-c{transform:rotate(-38deg);width:1.35rem}.effect-preview-neon .particle-b{transform:rotate(45deg) scale(.82)}.effect-preview-neon .particle-c{transform:rotate(45deg) scale(.68)}.effect-preview-stars .particle-b{transform:scale(.85)}.effect-preview-stars .particle-c{transform:scale(.7)}.item-info{min-width:0;display:grid;gap:.35rem}.item-name{font-size:1rem;font-weight:700}.item-desc{font-size:.92rem;color:var(--muted)}.item-stats{display:grid;gap:.5rem;margin-top:.2rem}.stat{display:grid;gap:.18rem}.stat-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-bar{position:relative;height:.42rem;border-radius:999px;background:#ffffff17;overflow:visible}.stat-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d7a3a,#68d391)}.stat-better{color:#68d391;font-size:.72rem}.stat-worse{color:#ff7272;font-size:.72rem}.stat-current-mark{position:absolute;top:-1px;bottom:-1px;width:2px;border-radius:999px;background:#ffffff9e;transform:translate(-1px);box-shadow:0 0 0 1px #08111859}.item-action{display:flex;align-items:center;justify-content:flex-end}.shop-action-button{min-width:8rem;justify-content:center}.shop-action-button.is-equipped{border-color:#68d3916b}.shop-back-button{justify-self:start}.hud-layer,.ui-hud-layer{pointer-events:none}.ui-hud-layer>*{pointer-events:auto}.ui-hud-layer>.campaign-mobile-hud{pointer-events:none}.ui-hud-layer>.mobile-power-widget{pointer-events:none}.hidden{display:none}.hud-cluster{position:absolute;display:flex;flex-wrap:wrap;gap:.6rem;padding:clamp(.8rem,2vw,1.2rem)}.top-left{top:var(--safe-top);left:var(--safe-left)}.top-right{top:var(--safe-top);right:var(--safe-right);justify-content:flex-end}.bottom-left{left:var(--safe-left);bottom:var(--safe-bottom);max-width:min(32rem,calc(var(--app-width) - 1rem))}.hud-chip,.hud-panel{background:#070e16b8;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.7rem 1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-panel{border-radius:18px;display:grid;gap:.3rem}.hud-help{color:var(--muted);font-size:.9rem}.power-bar{width:min(14rem,calc(var(--app-width) * .6));height:.5rem;border-radius:999px;background:#ffffff14;overflow:hidden}.power-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#68d391 0%,var(--accent) 70%,#ff8f5a 100%)}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#00000052;padding:1rem;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.modal-panel{width:min(calc(var(--app-width) - 2rem),30rem);max-height:min(calc(var(--app-height) - 2rem),44rem);overflow:auto;padding:1.4rem;display:grid;gap:1rem}.result-message{color:var(--text);font-size:1rem}.result-stats{display:grid;gap:.45rem;color:var(--muted)}.result-stats strong{color:var(--text)}.rewarded-offer{display:grid;gap:.65rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.rewarded-copy{display:grid;gap:.25rem}.rewarded-copy strong{color:var(--text)}.rewarded-copy p{margin:0}.rewarded-button{width:100%;justify-content:center}.difficulty-modal{width:min(calc(var(--app-width) - 2rem),48rem)}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.difficulty-card{display:grid;gap:.45rem;text-align:center;border-radius:18px;padding:1.1rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.difficulty-card:hover{transform:translateY(-3px)}.difficulty-card-easy:hover{border-color:#68d39199}.difficulty-card-normal:hover{border-color:#f2c14d99}.difficulty-card-hard:hover{border-color:#ff727299}.difficulty-icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;margin:0 auto;border-radius:50%;font-size:.92rem;font-weight:800;letter-spacing:.08em;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.difficulty-icon--easy{color:#68d391}.difficulty-icon--normal{color:var(--accent-strong)}.difficulty-icon--hard{color:#ff7272}.difficulty-name{font-size:1.1rem}.difficulty-copy{color:var(--muted);font-size:.88rem;line-height:1.45}.difficulty-reward{color:var(--accent);font-weight:700;font-size:.92rem}.hud-minefield{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;font-size:.92rem}.hud-safe{color:#68d391}.hud-penalty{color:var(--muted)}.hud-warning{color:#ff7272;animation:hud-pulse .6s ease-in-out}.pvai-hud{position:absolute;top:max(.9rem,calc(var(--safe-top) + .25rem));left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(10rem,1fr) auto auto;gap:.75rem;align-items:center;width:min(calc(var(--app-width) - 1rem),42rem);padding:.8rem .9rem;border-radius:20px;background:#070e16c7;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pvai-side{min-width:6rem;display:grid;justify-items:center;gap:.18rem;padding:.45rem .8rem;border-radius:14px;border:1px solid transparent}.pvai-side.active-turn{border-color:#f2c14d73;background:#f2c14d1a}.pvai-label{font-size:.72rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.pvai-score{font-size:1.8rem;line-height:1}.pvai-center{display:grid;gap:.2rem;justify-items:center;text-align:center}.pvai-status{font-weight:700}.pvai-difficulty{color:var(--muted);font-size:.85rem}.pvai-pause{align-self:stretch}.pvai-result-score{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.pvai-result-side{display:grid;gap:.25rem;justify-items:center;padding:.9rem;border-radius:16px;background:#ffffff0d}.pvai-result-side span{color:var(--muted);font-size:.85rem}.pvai-result-side strong{font-size:2rem}.pvai-result-divider{font-size:1.6rem;color:var(--accent);font-weight:700}.notification{margin:1rem auto 0;width:fit-content;max-width:min(calc(var(--app-width) - 2rem),30rem);background:#081118eb;border:1px solid rgba(242,193,77,.22);border-radius:999px;padding:.8rem 1rem;box-shadow:var(--shadow)}.fade-out{opacity:0;transform:translateY(-6px);transition:all .22s ease}@keyframes hud-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mobile-power-nudge{0%,to{transform:translateY(0);opacity:.78}50%{transform:translateY(-.18rem);opacity:1}}@media(max-width:860px){.screen{place-items:start center;padding:max(.75rem,calc(var(--safe-top) + .35rem)) max(.75rem,calc(var(--safe-right) + .35rem)) max(.75rem,calc(var(--safe-bottom) + .35rem)) max(.75rem,calc(var(--safe-left) + .35rem))}.main-menu-shell{width:min(calc(var(--app-width) - 1.5rem),34rem);padding:1rem}.main-menu-stage{grid-template-columns:1fr;gap:.8rem}.menu-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.menu-stat{padding:.65rem .55rem}.menu-stat span{font-size:.62rem}.menu-stat strong{font-size:.92rem}.main-menu-brand{padding:1rem;gap:.8rem}.main-menu-emblem{width:3.4rem;height:3.4rem;font-size:1.7rem}.main-menu-subtitle{font-size:.92rem}.main-menu-actions{padding:.8rem}.top-right,.top-left,.bottom-left{max-width:calc(var(--app-width) - 1rem)}.section-header{align-items:flex-start;flex-direction:column}.shop-item{grid-template-columns:1fr;align-items:stretch}.item-action{justify-content:stretch}.shop-action-button{width:100%}.shop-header{flex-direction:column;align-items:flex-start}.modal-backdrop{place-items:start center;padding:max(.75rem,calc(var(--safe-top) + .35rem)) max(.75rem,calc(var(--safe-right) + .35rem)) max(.75rem,calc(var(--safe-bottom) + .35rem)) max(.75rem,calc(var(--safe-left) + .35rem))}.modal-panel{width:min(calc(var(--app-width) - 1.5rem),30rem);max-height:calc(var(--app-height) - 1.5rem - var(--safe-top) - var(--safe-bottom));padding:1rem}.pvai-hud{grid-template-columns:minmax(3.6rem,auto) minmax(0,1fr) minmax(3.6rem,auto) auto;width:min(calc(var(--app-width) - 1rem),22rem);gap:.35rem;padding:.38rem .42rem;border-radius:15px;top:max(.25rem,calc(var(--safe-top) + .08rem))}.pvai-side{min-width:0;gap:.08rem;padding:.32rem .4rem;border-radius:12px}.pvai-label{font-size:.54rem}.pvai-score{font-size:1.15rem}.pvai-center{min-width:0;gap:.08rem}.pvai-status{font-size:.78rem}.pvai-difficulty{font-size:.66rem}.pvai-pause{min-height:1.95rem;padding-inline:.55rem;font-size:.68rem;justify-self:end;align-self:center}.orientation-screen{place-items:center;padding:max(.75rem,calc(var(--safe-top) + .35rem)) max(.75rem,calc(var(--safe-right) + .35rem)) max(.75rem,calc(var(--safe-bottom) + .35rem)) max(.75rem,calc(var(--safe-left) + .35rem))}.orientation-panel{width:min(calc(var(--app-width) - 1.5rem),22rem);padding:1rem .9rem}.mobile-power-widget{left:max(.2rem,var(--safe-left));padding:.4rem .3rem;border-radius:16px}.mobile-power-track{width:.72rem;height:min(30vh,9rem)}.mobile-power-label{font-size:.56rem}.mobile-power-arrow{font-size:.85rem}.mobile-power-hint-text{max-width:3.4rem;font-size:.48rem}.difficulty-grid{grid-template-columns:1fr;gap:.65rem}.difficulty-card{padding:.9rem .85rem}.difficulty-icon{font-size:2rem}.difficulty-copy{font-size:.78rem}}@media(max-width:860px)and (orientation:portrait){.screen-main{min-height:var(--app-height);place-items:center;padding:max(.5rem,calc(var(--safe-top) + .2rem)) max(.5rem,calc(var(--safe-right) + .2rem)) max(.5rem,calc(var(--safe-bottom) + .2rem)) max(.5rem,calc(var(--safe-left) + .2rem))}.screen-main .main-menu-shell{width:min(calc(var(--app-width) - 1rem),31rem);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 1rem);padding:.8rem}.screen-main .main-menu-stage{gap:.6rem}.screen-main .main-menu-brand,.screen-main .main-menu-actions{border-radius:18px}.screen-main .main-menu-brand{padding:.8rem;gap:.55rem}.screen-main .main-menu-emblem{width:2.8rem;height:2.8rem;font-size:1.45rem}.screen-main .main-menu-copy{gap:.3rem}.screen-main .main-menu-title{font-size:clamp(1.55rem,7vw,2.2rem);line-height:1.05;margin-top:.2rem}.screen-main .main-menu-subtitle{font-size:.78rem;line-height:1.28}.screen-main .menu-stats{gap:.35rem}.screen-main .menu-stat{padding:.52rem .45rem}.screen-main .menu-stat span{font-size:.54rem}.screen-main .menu-stat strong{font-size:.82rem}.screen-main .main-menu-actions{padding:.68rem;gap:.45rem}.screen-main .main-menu-button{min-height:2.8rem;padding:.7rem .85rem;font-size:.92rem}.screen-shop{padding:max(.5rem,calc(var(--safe-top) + .2rem)) max(.5rem,calc(var(--safe-right) + .2rem)) max(.5rem,calc(var(--safe-bottom) + .2rem)) max(.5rem,calc(var(--safe-left) + .2rem))}.screen-shop .section-panel{width:min(calc(var(--app-width) - 1rem),34rem);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 1rem);padding:.85rem}.screen-shop .shop-screen{gap:.7rem}.screen-shop .shop-header{flex-direction:row;align-items:center}.screen-shop .shop-header h2{font-size:1rem}.screen-shop .shop-coins{min-width:0;padding:.48rem .75rem;font-size:.92rem}.screen-shop .shop-tabs{gap:.4rem}.screen-shop .shop-tab{min-height:2.25rem;padding:.48rem .72rem;font-size:.78rem}.screen-shop .shop-item{padding:.75rem;gap:.65rem;border-radius:16px}.screen-shop .item-preview{min-height:3.75rem;padding:.55rem}.screen-shop .cue-preview-canvas{height:2rem}.screen-shop .item-name{font-size:.92rem}.screen-shop .item-desc{font-size:.82rem;line-height:1.32}.screen-shop .item-stats{gap:.36rem}.screen-shop .stat-label{font-size:.64rem}.screen-shop .shop-back-button{width:100%;justify-content:center}}@media(max-width:860px)and (orientation:landscape){.screen-main{place-items:center;padding:max(.35rem,calc(var(--safe-top) + .15rem)) max(.35rem,calc(var(--safe-right) + .15rem)) max(.35rem,calc(var(--safe-bottom) + .15rem)) max(.35rem,calc(var(--safe-left) + .15rem))}.screen-main .main-menu-shell{width:min(calc(var(--app-width) - .75rem),52rem);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - .75rem);padding:.55rem;overflow:hidden}.screen-main .main-menu-stage{grid-template-columns:minmax(0,1.05fr) minmax(12.5rem,.75fr);gap:.55rem}.screen-main .main-menu-brand{padding:.7rem;gap:.45rem}.screen-main .main-menu-emblem{width:2.45rem;height:2.45rem}.screen-main .main-menu-title{font-size:clamp(1.55rem,7vh,2.25rem);line-height:1.05}.screen-main .main-menu-subtitle{font-size:.72rem;line-height:1.25}.screen-main .menu-stats{gap:.35rem}.screen-main .menu-stat{padding:.44rem .5rem}.screen-main .menu-stat span{font-size:.5rem}.screen-main .menu-stat strong{font-size:.78rem}.screen-main .main-menu-actions{padding:.55rem;gap:.38rem}.screen-main .main-menu-button{min-height:2.25rem;padding:.48rem .7rem;font-size:.76rem}.hud-cluster{gap:.35rem;padding:.35rem}.top-left{top:max(.15rem,var(--safe-top));left:max(.15rem,var(--safe-left));right:4.6rem}.top-right{top:max(.15rem,var(--safe-top));right:max(.15rem,var(--safe-right));padding-left:0}.bottom-left{left:auto;right:max(.25rem,var(--safe-right));bottom:max(.25rem,var(--safe-bottom));max-width:min(13.5rem,38vw);padding:.3rem}.hud-chip,.hud-panel{box-shadow:0 10px 24px #00000038}.hud-chip{padding:.42rem .62rem;font-size:.72rem}.hud-panel{gap:.16rem;padding:.52rem .6rem;border-radius:14px}.hud-panel strong{font-size:.8rem;line-height:1.25}.hud-label{font-size:.58rem;letter-spacing:.07em}.hud-help,.power-bar{display:none}.campaign-mobile-topbar{top:max(.15rem,var(--safe-top))}.campaign-mobile-objective{max-width:min(12.5rem,36vw);padding:.44rem .52rem}.campaign-mobile-chip,.campaign-mobile-pause{min-height:1.95rem;font-size:.68rem}.hud-minefield{gap:.28rem;margin-top:.15rem;font-size:.72rem;flex-direction:column;align-items:flex-start}}