:root{color:#fff5df;font-synthesis:none;text-rendering:geometricprecision;--ink:#1b0e0d;--ink-soft:#2b1512;--surface:#25120fe6;--surface-solid:#27130f;--surface-raised:#3a211a;--line:#efbf6f3d;--line-strong:#ffd38785;--text:#fff5df;--text-soft:#d5bca3;--accent:#e59a31;--accent-light:#ffda91;--clay:#b94f32;--cedar:#6a3325;--danger:#dc694c;--shadow:#260b05ad;--ease-out:cubic-bezier(.16, 1, .3, 1);--layer-canvas:0;--layer-hud:10;--layer-overlay:20;--layer-skip:30;background:#1b0e0d;font-family:Avenir Next,Avenir,SF Pro Display,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}html,body,#app{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none;min-width:320px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .24s var(--ease-out), background-color .24s var(--ease-out), border-color .24s var(--ease-out), color .24s var(--ease-out), opacity .24s var(--ease-out), box-shadow .24s var(--ease-out)}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transition-duration:90ms;transform:translateY(1px)scale(.98)}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}.skip-link{z-index:var(--layer-skip);background:var(--text);color:var(--ink);transition:transform .18s var(--ease-out);border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#app{isolation:isolate;background:var(--ink);height:100dvh;position:relative;overflow:hidden}#app:after{z-index:var(--layer-overlay);pointer-events:none;content:"";opacity:.04;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 20%,#fff 0 .7px,#0000 .9px),radial-gradient(circle at 80% 65%,#fff 0 .6px,#0000 .8px);background-size:5px 5px,7px 7px;position:absolute;inset:0}#game-canvas{z-index:var(--layer-canvas);touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.coin-icon{color:var(--accent-light)}#hud{z-index:var(--layer-hud);pointer-events:none;position:absolute;inset:0}#run-hud{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));visibility:hidden;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.hud-cluster{gap:8px;display:flex}.hud-cluster-end{justify-content:flex-end}.pill{min-height:48px;color:var(--text);-webkit-backdrop-filter:blur(15px)saturate(1.12);font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#682f1f3d,#0000 48%),#1c0d0cd6;border:1px solid #ffd28557;border-radius:5px 15px;justify-content:center;align-items:center;gap:8px;padding:7px 13px;display:inline-flex;box-shadow:inset 0 1px #ffe2b124,inset 0 -2px #551e134d,0 10px 28px #2e0f0847}.metric-pill{justify-content:flex-start}.metric-copy{gap:1px;line-height:1;display:grid}.pill strong{letter-spacing:-.02em;min-width:2ch;font-size:.98rem;font-weight:800}.pill-label{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.57rem;font-weight:700}#score-pill{min-width:108px}#coins-pill{min-width:72px}#coins-value{color:var(--accent-light)}.speed-pill{min-width:86px}.speed-pulse{background:repeating-linear-gradient(90deg, var(--accent-light) 0 2px, transparent 2px 5px);width:16px;height:12px;box-shadow:none;clip-path:polygon(0 18%,100% 0,78% 100%,0 82%);border-radius:0;animation:1.8s ease-in-out infinite speed-breathe}.icon-button{pointer-events:auto;width:48px;padding:0}.icon-button:hover{border-color:var(--line-strong);background:#5b281ce6}#chain-badge{background:var(--accent);min-width:168px;color:var(--ink);letter-spacing:.1em;text-align:center;text-transform:uppercase;opacity:0;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border:1px solid #ffe8b9b3;border-radius:13px;padding:10px 18px;font-size:.78rem;font-weight:900;position:absolute;top:17vh;left:50%;transform:translate(-50%,-10px)scale(.92);box-shadow:inset 0 1px #ffffff80,0 16px 34px #24150347}.level-hud{top:max(78px, calc(env(safe-area-inset-top) + 66px));visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#160f19d1;border:1px solid #ffd3806b;border-radius:4px 14px;width:min(330px,42vw);padding:8px 12px 10px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1f0a0840}.level-hud-copy{color:var(--accent-light);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.6rem;font-weight:850;display:flex}.level-hud-copy span:last-child{color:var(--text-soft);font-variant-numeric:tabular-nums}.level-meter,.menu-castle-meter{background:#ffebc21f;border-radius:999px;height:5px;display:block;overflow:hidden}.level-meter>span,.menu-castle-meter>i{border-radius:inherit;background:linear-gradient(90deg,#f08e2f,#ffd76e);width:0;height:100%;transition:width .18s linear;display:block;box-shadow:0 0 12px #ffb7448c}.level-route{color:#ffebcaad;letter-spacing:.08em;text-align:right;text-transform:uppercase;margin-top:5px;font-size:.5rem;font-weight:800}.magnet-badge{top:max(144px, calc(env(safe-area-inset-top) + 132px));color:#eafaff;letter-spacing:.08em;opacity:0;background:linear-gradient(135deg,#124269f0,#1e0d2af0);border:1px solid #6cdbff8f;border-radius:5px 15px;align-items:center;gap:7px;min-height:42px;padding:5px 10px 5px 6px;font-size:.63rem;font-weight:850;transition:opacity .18s,transform .18s;display:flex;position:absolute;left:50%;transform:translate(-50%,-8px)scale(.92);box-shadow:0 10px 28px #0e416b5c}.magnet-badge.show{opacity:1;transform:translate(-50%)scale(1)}.magnet-badge img{object-fit:contain;width:32px;height:32px}.magnet-badge strong{color:#74dbff;font-variant-numeric:tabular-nums}.king-alert{right:max(14px, env(safe-area-inset-right));bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));color:#fff1d2;opacity:0;pointer-events:none;width:min(330px,100vw - 28px);min-height:80px;transition:opacity .22s ease, transform .26s var(--ease-out);background:radial-gradient(circle at 13%,#8f40c061,#0000 40%),linear-gradient(135deg,#2a0e21f5,#5d1d19f5);border:1px solid #ffbd44ad;border-radius:7px 22px;grid-template-columns:68px 1fr 68px;align-items:center;gap:5px;padding:7px 7px 7px 3px;display:grid;position:absolute;overflow:hidden;transform:translateY(24px)scale(.94);box-shadow:0 18px 46px #24070c75,inset 0 1px #ffe5a126}.king-alert.show{opacity:1;pointer-events:auto;animation:1.1s ease-in-out infinite king-danger-pulse;transform:translateY(0)scale(1)}.king-alert>img{object-fit:contain;object-position:top center;filter:drop-shadow(0 7px 7px #00000052);width:66px;height:70px}.king-alert>span{gap:3px;display:grid}.king-alert small{color:#ffcd68;letter-spacing:.08em;text-transform:uppercase;font-size:.55rem;font-weight:900}.king-alert strong{letter-spacing:.025em;text-transform:uppercase;font-size:.83rem;font-weight:950}.escape-mobile,.mobile-boost-gesture,.touch-device .escape-desktop,.touch-device .desktop-boost-key{display:none}.touch-device .escape-mobile,.touch-device .mobile-boost-gesture{display:block}.king-countdown{grid-template-columns:minmax(54px,1fr) auto;align-items:center;gap:7px;display:grid}.king-countdown>span{background:#12080ea3;border:1px solid #ffdd976b;border-radius:999px;height:5px;overflow:hidden}#king-timer-fill{border-radius:inherit;background:linear-gradient(90deg,#ff4d3e,#ffc54a);width:100%;height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 9px #ff683ec7}#king-seconds{color:#fff0c0;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:900}#escape-boost-button{color:#301016;background:linear-gradient(#ffd45e,#ed8d27);border:1px solid #ffebb1cc;border-radius:5px 17px;place-items:center;width:64px;min-height:62px;display:grid;box-shadow:inset 0 2px #ffffff8a,inset 0 -4px #702e1142}#escape-boost-button b{font-size:1.15rem;line-height:1}#escape-boost-button em{letter-spacing:.06em;font-size:.48rem;font-style:normal;font-weight:900}.mobile-boost-gesture{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:25px;height:25px}.king-alert.is-boosting #escape-boost-button{background:linear-gradient(#8cf1ff,#2aa7f1);box-shadow:0 0 22px #47cfff99,inset 0 2px #ffffff9e}@keyframes king-danger-pulse{0%,to{border-color:#ffbd448a}50%{border-color:#ff6e48f2}}#chain-badge.show{opacity:1;transform:translate(-50%)scale(1)}@keyframes speed-breathe{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.overlay{z-index:var(--layer-overlay);min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(.72);background:radial-gradient(circle at 50% 34%,#b0492a3d,#0000 46%),#190b0adb;place-items:center;display:none;position:absolute;inset:0;overflow:hidden}.overlay.visible{pointer-events:auto;animation:overlay-in .36s var(--ease-out) both;display:grid}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-card,.surface-panel{outline-offset:-8px;background-blend-mode:normal, soft-light;box-shadow:inset 0 1px 0 #ffe2b121, inset 0 -5px 0 #4c1a1257, 0 28px 80px var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.08);background:linear-gradient(#220f0df0,#1b0c0bf7),url(/textures/medina-kilim.webp) 50%/520px;border:1px solid #ffcf7e66;outline:1px solid #ffd8971f}.overlay-card{width:min(430px,100vw - 40px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));text-align:left;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;border-radius:10px 30px;padding:30px;overflow:auto}.overlay.visible .overlay-card,.overlay.visible .menu-panel{animation:panel-enter .52s var(--ease-out) both}@keyframes panel-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}.overlay-card.wide{width:min(680px,100vw - 40px)}.section-kicker{color:var(--accent-light);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:.66rem;font-weight:800;line-height:1.3;display:inline-flex}.section-kicker:before{background:var(--clay);content:"";border:1px solid #ffe6b8b8;flex:none;width:8px;height:8px;transform:rotate(45deg)}.overlay-card h2{color:var(--text);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 3px #4d1b138f;margin:7px 0 12px;font-size:clamp(1.8rem,5vw,2.45rem);font-weight:900;line-height:.96}.overlay-card p{max-width:38ch;color:var(--text-soft);text-wrap:pretty;margin:0 0 20px;font-size:.94rem;line-height:1.55}button.primary,button.secondary,.ghost-button{letter-spacing:.075em;text-transform:uppercase;border-radius:5px 16px;width:100%;min-height:52px;margin:7px 0 0;font-weight:850;position:relative}button.primary{color:#26110c;text-shadow:0 1px #ffe6aa75;background:linear-gradient(#ffd16b 0%,#eca03a 48%,#c76b2e 100%);border:1px solid #ffe3aaf0;justify-content:center;align-items:center;gap:12px;padding:11px 14px;display:flex;box-shadow:inset 0 2px #fff8daa3,inset 0 -4px #68281457,0 12px 26px #37140757}button.primary:hover{background:linear-gradient(#ffe092 0%,#f2ad4a 48%,#d47632 100%);box-shadow:inset 0 1px #ffffff8c,inset 0 -4px #68281447,0 16px 30px #37140766}button.secondary{color:var(--text);background:linear-gradient(#692f22c7,#3a1915e6);border:1px solid #ecaa5c75;justify-content:center;align-items:center;gap:9px;padding:11px 14px;display:flex}button.secondary:hover{border-color:var(--line-strong);background:linear-gradient(#7f3826db,#481e17f0)}.ghost-button{color:var(--text-soft);background:#431d173d;border:1px solid #e7b2692e;justify-content:center;align-items:center;gap:7px;padding:10px 12px;display:flex}.ghost-button:hover{color:var(--text);background:#5c281d80;border-color:#ffd38757}.back-button{width:auto;min-height:44px;margin:12px auto -8px;padding-inline:16px}.button-icon-box{background:#4c1d102e;border:1px solid #461a0e47;border-radius:3px 9px;place-items:center;width:30px;height:30px;margin:-2px -5px -2px auto;display:inline-grid}.menu-overlay{background:var(--ink);-webkit-backdrop-filter:none;place-items:stretch stretch;padding:0}.menu-overlay:before{content:"";animation:menu-art-settle 9s var(--ease-out) both;background-image:linear-gradient(90deg,#180d11eb 0%,#180d11b8 30%,#180d110f 61%,#180d112e 100%),linear-gradient(#0000 52%,#1a0e0d9e 100%),url(/art/medina-menu-landscape-v2.webp);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.015)}.menu-overlay:after{content:"";pointer-events:none;background:radial-gradient(circle at 74% 45%,#0000 0 20%,#1c0d0d2e 64%,#120a0e7a 100%);position:absolute;inset:0}@keyframes menu-art-settle{0%{transform:scale(1.055)}to{transform:scale(1.015)}}.menu-stage{z-index:1;width:min(1440px,100%);min-height:100dvh;padding:max(34px, env(safe-area-inset-top)) max(34px, env(safe-area-inset-right)) max(34px, env(safe-area-inset-bottom)) max(34px, env(safe-area-inset-left));place-items:center start;margin:0 auto;display:grid;position:relative}.menu-panel{text-align:left;border-radius:10px 32px;width:min(420px,42vw);padding:clamp(27px,3vw,38px)}.menu-kicker-row,.screen-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.live-status{color:var(--accent-light);letter-spacing:.08em;text-transform:uppercase;background:#652b1d57;border:1px solid #ffd18238;border-radius:3px 9px;align-items:center;gap:7px;padding:5px 8px;font-size:.65rem;font-weight:750;display:inline-flex}.live-status>span:first-child{background:var(--clay);width:8px;height:8px;box-shadow:none;border:1px solid #ffedc8b8;border-radius:1px;transform:rotate(45deg)}.menu-panel .menu-brand{width:min(100%,390px);max-width:none;margin:13px 0 12px}.menu-brand img{filter:drop-shadow(0 4px #4c1b1294)drop-shadow(0 15px 23px #19080580);width:100%;height:auto;display:block}.menu-tagline{max-width:34ch;color:var(--text-soft);text-wrap:pretty;margin:0 0 22px;font-size:.95rem;line-height:1.55}.menu-castle-card{width:100%;min-height:86px;color:var(--text);text-align:left;background:radial-gradient(circle at 16% 40%,#317f7d52,#0000 39%),linear-gradient(135deg,#0f263dfa,#34141afa);border:1px solid #ffc75585;border-radius:6px 18px;grid-template-columns:78px 1fr auto;align-items:center;gap:8px;margin:0 0 10px;padding:7px 10px 7px 4px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffe6ab1f,0 12px 28px #19070838}.menu-castle-card:hover{border-color:#ffda8bcc;transform:translateY(-1px)}.menu-castle-card img{object-fit:contain;filter:drop-shadow(0 8px 8px #00000047);width:78px;height:70px}.menu-castle-copy{gap:3px;min-width:0;display:grid}.menu-castle-copy small{color:#f6c85f;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;font-weight:800;overflow:hidden}.menu-castle-copy strong{font-size:.92rem;font-weight:900}.menu-castle-card>b{color:#ffcf61;align-self:start;margin-top:5px;font-size:.72rem}.campaign-card{width:min(900px,100vw - 40px)!important}.campaign-heading{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:24px;display:grid}.campaign-heading p{margin-bottom:6px}.campaign-hero-frame{background:radial-gradient(circle,#31867e42,#0f1b2ab3 70%);border:1px solid #ffc75d3d;border-radius:7px 24px;place-items:center;height:190px;display:grid}.campaign-hero-frame img{object-fit:contain;filter:drop-shadow(0 18px 14px #0000004d);width:92%;height:180px}.campaign-stage-rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0 14px;display:grid}.campaign-stage{min-width:0;min-height:128px;color:var(--text-soft);background:#2c181cad;border:1px solid #eab2603d;border-radius:4px 13px;place-items:center;padding:7px;display:grid;position:relative}.campaign-stage img{object-fit:contain;opacity:.42;filter:grayscale(.75);width:100%;height:80px}.campaign-stage strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.61rem;overflow:hidden}.campaign-stage-number{z-index:1;background:#1a1017e0;border:1px solid #ffd58552;border-radius:3px 8px;place-items:center;width:22px;height:22px;font-size:.64rem;display:grid;position:absolute;top:5px;left:5px}.campaign-stage.is-complete img,.campaign-stage.is-selected img{opacity:1;filter:none}.campaign-stage.is-complete{color:#ffcf63}.campaign-stage.is-selected{background:linear-gradient(145deg,#1f575a8f,#4a1d21b8);border-color:#ffd065c7;box-shadow:0 0 0 2px #ffb83d17}.campaign-objective{background:#23141b6b;border-block:1px solid #efb4633d;justify-content:space-between;align-items:center;gap:16px;min-height:62px;margin-bottom:8px;padding:10px 14px;display:flex}.campaign-objective span{gap:2px;display:grid}.campaign-objective small{color:var(--text-soft);letter-spacing:.1em;font-size:.55rem;font-weight:800}.campaign-objective strong{color:var(--accent-light)}.campaign-objective>b{font-variant-numeric:tabular-nums;font-size:.78rem}.play-cta{font-size:1.02rem;min-height:58px!important}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px;display:grid}.menu-grid button{min-height:57px;color:var(--text);text-align:left;background:linear-gradient(90deg,#b54b2f2e,#0000 34%),#371916ad;border:1px solid #ecaa5c57;border-radius:4px 13px;align-items:center;gap:10px;padding:10px 12px;font-size:.79rem;font-weight:750;display:flex}.menu-grid button .ui-icon{color:var(--accent-light);filter:drop-shadow(0 2px #561f1280)}.menu-grid button:hover{border-color:var(--line-strong);background:linear-gradient(90deg,#cc5b364d,#0000 44%),#481f19d1}.onboarding-card,.lobby-card,.pause-card,.results-card{text-align:center}.onboarding-card p,.lobby-card p,.results-card p{margin-inline:auto}.onboard-art{background:radial-gradient(circle at 50% 58%,#e59a312e,#0000 42%),linear-gradient(145deg,#702d1d47,#2b1311b3);border:1px solid #f4aa3a2e;border-radius:5px 18px;place-items:center;width:100%;height:148px;margin:18px 0 20px;display:grid;position:relative;overflow:hidden}.onboard-art:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 29px,#ffffff06 30px 31px);position:absolute;inset:0}.onboard-art svg{z-index:1;width:min(220px,76%);height:126px;overflow:visible}.onboard-track{fill:none;stroke:#ffffff29;stroke-width:2px;stroke-linecap:round}.onboard-arrow{fill:none;stroke:var(--accent-light);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.onboard-runner{fill:var(--clay);stroke:var(--accent-light);stroke-width:3px}.onboard-obstacle{fill:var(--danger);stroke:#ffc2c2;stroke-width:2px}.onboard-coin{fill:var(--accent);stroke:#ffe2a7;stroke-width:2px}.dots{justify-content:center;gap:12px;margin:18px 0 13px;display:flex}.dot{width:9px;height:9px;transition:transform .26s var(--ease-out), background-color .26s var(--ease-out);background:#78372773;border:1px solid #ffdda457;border-radius:1px;transform:rotate(45deg)}.dot.active{background:var(--accent);transform:rotate(45deg)scale(1.18);box-shadow:0 0 0 3px #e59a3129}.ghost-radar{border-bottom:1px solid #ffcc7c33;width:174px;height:116px;margin:18px auto 20px;position:relative;overflow:hidden}.radar-ring{border:1px solid #e59a3152;border-radius:50%;position:absolute;bottom:-58px;left:50%;transform:translate(-50%)}.radar-ring-one{width:110px;height:110px}.radar-ring-two{width:174px;height:174px}.racer-dot{border:2px solid #ffe1aed1;border-radius:2px;width:17px;height:17px;position:absolute;transform:rotate(45deg);box-shadow:0 6px 18px #35100857}.racer-dot-player{background:var(--clay);bottom:28px;left:54px}.racer-dot-ghost{background:var(--accent);opacity:.72;animation:2.2s ease-in-out infinite ghost-float;bottom:61px;right:42px}@keyframes ghost-float{0%,to{opacity:.58;transform:translateY(2px)rotate(45deg)}50%{opacity:.9;transform:translateY(-3px)rotate(45deg)}}.shop-card-shell{padding-bottom:24px}.screen-heading-row h2{margin-bottom:4px}.shop-balance{background:#f4aa3a17;min-width:92px;min-height:44px;padding-inline:12px}.shop-message{min-height:21px;color:var(--text-soft);text-align:right;opacity:0;margin:4px 0 8px;font-size:.75rem;font-weight:700;transition:opacity .18s}.shop-message.show{opacity:1}.shop-message.error{color:#ffadad}.shop-message.success{color:var(--accent-light)}#shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shop-item{border:1px solid var(--line);min-width:0;transition:transform .24s var(--ease-out), border-color .24s var(--ease-out), background-color .24s var(--ease-out);background:#4d201952;border-radius:5px 17px;padding:10px;display:grid}.shop-item:hover{border-color:var(--line-strong);background:#60271c73;transform:translateY(-2px)}.shop-item.is-equipped{background:#f4aa3a11;border-color:#f4aa3a85}.shop-preview{background:radial-gradient(circle at 50% 57%, color-mix(in srgb, var(--board-color) 28%, transparent), transparent 45%), linear-gradient(145deg, #6e3428, #2c1513 64%);border:1px solid #eeb1602e;border-radius:3px 12px;height:112px;margin-bottom:10px;position:relative;overflow:hidden}.shop-preview:before,.shop-preview:after{content:"";background:#f4b25557;width:120%;height:1px;position:absolute;left:-10%;transform:rotate(-12deg)}.outfit-preview{background:radial-gradient(circle at 50% 48%,#2e868152,#0000 46%),linear-gradient(145deg,#17324b,#2c151d 72%);place-items:center;display:grid}.outfit-preview:before,.outfit-preview:after{display:none}.outfit-preview img{object-fit:contain;object-position:center 18%;filter:drop-shadow(0 10px 8px #0000005c);width:100%;height:128%;transition:transform .26s}.shop-item:hover .outfit-preview img{transform:scale(1.04)translateY(-2px)}.shop-preview:before{top:27%}.shop-preview:after{bottom:20%}.board-scene{width:124px;height:53px;transition:transform .38s var(--ease-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)rotate(-11deg)}.shop-item:hover .board-scene{transform:translate(-50%,-52%)rotate(-7deg)scale(1.04)}.board-deck{background:var(--board-color);border:2px solid #050918b8;border-radius:50% 50% 30% 30%/64% 64% 36% 36%;height:17px;position:absolute;top:12px;left:5px;right:5px;transform:rotate(-2deg);box-shadow:inset 0 4px #fff3,inset 0 -6px #05091838,0 12px 18px #03061352}.board-grip{opacity:.88;background:#171925;border-radius:999px;height:6px;position:absolute;top:14px;left:13px;right:13px;transform:rotate(-2deg)}.board-truck{background:#aeb8c8;border-radius:3px;width:22px;height:5px;position:absolute;top:29px;box-shadow:inset 0 2px #eef2f8}.truck-front{left:23px}.truck-rear{right:23px}.board-wheel{width:11px;height:11px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--board-color) 70%, #d78316);background:#f0f2f6;border:2px solid #8e98a9;border-radius:50%;position:absolute;top:34px}.wheel-front-left{left:19px}.wheel-front-right{left:36px}.wheel-rear-left{right:36px}.wheel-rear-right{right:19px}.shop-meta{justify-content:space-between;align-items:flex-start;gap:8px;min-height:40px;padding:0 2px;display:flex}.shop-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:800;line-height:1.2;overflow:hidden}.shop-cost{color:var(--accent-light);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:.74rem;font-weight:800;display:inline-flex}.shop-cost .ui-icon{width:14px;height:14px}.shop-action{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(#6e3022b8,#3e1a16d6);border-radius:3px 11px;margin-top:6px;font-size:.76rem;font-weight:800}.shop-action:hover:not(:disabled){border-color:var(--line-strong);background:linear-gradient(#893a27d1,#4a1d17eb)}.shop-action.equipped{color:var(--accent-light);opacity:1;background:#f4aa3a21;border-color:#f4aa3a59}.shop-item.cannot-afford:not(.is-owned) .shop-action{opacity:.68}.settings-card h2{margin-bottom:18px}.settings-list{border-top:1px solid #efb46347}.settings-row{border-bottom:1px solid #efb46338;justify-content:space-between;align-items:center;gap:14px;min-height:66px;font-size:.9rem;font-weight:750;display:flex}.toggle{border:1px solid var(--line);min-width:106px;min-height:43px;color:var(--text-soft);background:#4e211a80;border-radius:3px 11px;justify-content:flex-end;align-items:center;gap:8px;padding:5px 9px 5px 6px;display:inline-flex}.toggle:hover{border-color:var(--line-strong)}.toggle-track{width:34px;height:20px;transition:background-color .22s var(--ease-out);background:#26110fcc;border:1px solid #ffd79333;border-radius:4px;flex:none;position:relative}.toggle-knob{background:var(--text-soft);width:14px;height:14px;transition:transform .22s var(--ease-out), background-color .22s var(--ease-out);border-radius:2px;position:absolute;top:3px;left:3px}.toggle.is-on{color:var(--accent-light)}.toggle.is-on .toggle-track{background:#8e3b259e}.toggle.is-on .toggle-knob{background:var(--accent);transform:translate(14px)}.toggle-label{text-align:center;min-width:28px;font-size:.73rem;font-weight:800}.lang-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.lang-button{border:1px solid var(--line);min-width:43px;min-height:40px;color:var(--text-soft);background:#4b1f197a;border-radius:3px 10px;font-size:.72rem;font-weight:850}.lang-button:hover{color:var(--text);border-color:var(--line-strong)}.lang-button.equipped{color:var(--accent-light);background:#f4aa3a26;border-color:#f4aa3a85}.settings-action{min-width:104px;min-height:42px;color:var(--accent-light);letter-spacing:.07em;text-transform:uppercase;background:#75312385;border:1px solid #f4aa3a6b;border-radius:3px 11px;padding:7px 13px;font-size:.68rem;font-weight:850}.settings-action:hover{border-color:var(--line-strong);background:#913d27ad}#settings-privacy-row[hidden]{display:none}.settings-legal-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:16px;display:flex}.settings-legal-links a{min-height:36px;color:var(--text-soft);letter-spacing:.04em;text-underline-offset:.22em;padding:8px 4px;font-size:.64rem;font-weight:750}.settings-legal-links a:hover{color:var(--accent-light)}.pause-mark{background:linear-gradient(145deg,#b94f3238,#381713b3);border:1px solid #f4aa3a47;border-radius:6px 24px;justify-content:center;align-items:center;gap:9px;width:76px;height:76px;margin:16px auto 15px;display:flex;box-shadow:inset 0 0 0 7px #ffcd7b0b,0 12px 26px #300e073d}.pause-mark span{background:var(--accent);border-radius:2px;width:8px;height:30px}.result-mark{color:#ffb08e;background:#8930233d;border:1px solid #e2714d52;border-radius:5px 22px;place-items:center;width:74px;height:74px;margin:16px auto 14px;display:grid;position:relative}.result-mark>span{border:1px solid #e86f6f52;border-radius:3px 15px;position:absolute;inset:9px;transform:rotate(8deg)}.result-mark .ui-icon{width:27px;height:27px}.results-copy{text-align:center;margin:-4px auto 8px!important}.results-castle-art{object-fit:contain;filter:drop-shadow(0 14px 12px #00000057);width:180px;height:132px;margin:-8px auto 2px;display:block}.results-castle-art[hidden],.results-card.is-victory .result-mark{display:none}.results-card.is-victory h2{color:#ffcf61;font-size:clamp(1.65rem,5vw,2.2rem)}.reward-ad-overlay{z-index:calc(var(--layer-overlay) + 4);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px)saturate(.78);background:radial-gradient(circle at 50% 33%,#f4aa3a38,#0000 38%),#15090be8;place-items:center;display:grid;position:absolute;inset:0}.reward-ad-overlay[hidden]{display:none}.reward-ad-card{width:min(390px,100vw - 28px);max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));outline-offset:-8px;color:var(--text);text-align:center;animation:panel-enter .42s var(--ease-out) both;background:linear-gradient(#301410f7,#1a0b0cfc),url(/textures/medina-kilim.webp) 50%/440px;border:1px solid #ffcf7e8f;border-radius:8px 27px;outline:1px solid #ffe2b11f;padding:25px 24px 22px;overflow:auto;box-shadow:inset 0 1px #ffe7b929,inset 0 -5px #501b126b,0 30px 90px #140407b3}.reward-ad-card h2{color:#ffd677;letter-spacing:-.045em;text-shadow:0 3px #541c119e;margin:8px 0 9px;font-size:clamp(1.55rem,7vw,2.05rem);font-weight:950;line-height:.98}.reward-ad-card p{color:var(--text-soft);margin:0 auto 13px;font-size:.86rem;line-height:1.48}.reward-chest{background:radial-gradient(circle at 50% 22%,#ffe28452,#0000 54%),linear-gradient(145deg,#b44c25b8,#501c15d6);border:1px solid #ffd67794;border-radius:5px 22px;grid-template-columns:auto auto;place-content:center;align-items:center;gap:8px;min-width:118px;min-height:76px;margin:15px auto 8px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 7px #ffd9820d,0 16px 34px #48180c61}.reward-chest .ui-icon{color:#ffd15f;filter:drop-shadow(0 3px #5b260a9e);width:29px;height:29px}.reward-chest strong{color:#fff0bf;letter-spacing:-.04em;font-size:1.35rem;font-weight:950}.reward-ad-status{color:#ffcf78;letter-spacing:.03em;min-height:20px;margin:1px 0 4px;font-size:.69rem;font-weight:800}.reward-ad-card.is-loading .reward-chest{animation:.9s ease-in-out infinite alternate reward-pulse}@keyframes reward-pulse{to{border-color:#ffe197e0;transform:translateY(-2px)scale(1.025)}}.stats-row{grid-template-columns:1.25fr 1fr 1fr;gap:8px;margin:20px 0 17px;display:grid}.stat-box{font-variant-numeric:tabular-nums;background:#4e1f182e;border-top:1px solid #efb4634d;border-bottom:1px solid #efb46338;min-width:0;padding:12px 8px}.stat-box span,.stat-box strong{display:block}.stat-box span{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.58rem;font-weight:750}.stat-box strong{letter-spacing:-.04em;text-overflow:ellipsis;font-size:1.18rem;font-weight:900;overflow:hidden}.stat-primary{color:var(--accent-light);border-color:#f4aa3a66}html[dir=rtl] .menu-panel,html[dir=rtl] .overlay-card,html[dir=rtl] .menu-grid button{text-align:right}html[dir=rtl] .back-button .ui-icon{transform:scaleX(-1)}html[dir=rtl] .button-icon-box{margin-left:-5px;margin-right:auto}html[dir=rtl] .toggle{padding-left:9px;padding-right:6px}html[dir=rtl] .toggle.is-on .toggle-knob{transform:translate(-14px)}html[dir=rtl] .toggle-knob{left:auto;right:3px}@media (width<=760px){.menu-overlay:before{background-image:linear-gradient(#110c1405 26%,#110c14d6 58%,#110c14fa 100%),linear-gradient(90deg,#1a0d0d29,#0000 45%,#1a0d0d29),url(/art/medina-menu-portrait-v2.webp);background-position:bottom;background-size:auto 118%}.menu-overlay:after{background:linear-gradient(#0000 35%,#0c091185)}.menu-stage{padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(28px, calc(env(safe-area-inset-bottom) + 16px)) max(14px, env(safe-area-inset-left));align-items:end}.menu-panel{width:100%;max-height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:linear-gradient(#230f0df0,#1a0b0afa),url(/textures/medina-kilim.webp) 50%/440px;border-radius:8px 26px;padding:15px 17px 16px;overflow:auto}.menu-panel .menu-brand{text-align:center;width:min(68%,250px);margin:5px auto 3px}.menu-tagline{margin-bottom:8px;font-size:.75rem;line-height:1.35}.menu-castle-card{grid-template-columns:56px 1fr auto;min-height:62px;margin-bottom:6px}.menu-castle-card img{width:56px;height:52px}.play-cta{min-height:46px!important}.menu-grid{gap:7px;margin-top:7px}.menu-grid button{min-height:42px;padding:6px 9px;font-size:.69rem}.overlay{padding:max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(28px, calc(env(safe-area-inset-bottom) + 16px)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px)saturate(.62);background:linear-gradient(#190a099e 0%,#1d0c0be6 42%,#180a09fc 100%);align-items:center}.overlay-card,.overlay-card.wide{width:100%;max-height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:linear-gradient(#230f0df5,#1a0b0afc),url(/textures/medina-kilim.webp) 50%/440px;border-radius:8px 26px;padding:24px 22px 20px}.shop-card-shell{max-height:calc(100dvh - 58px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#run-hud{top:max(9px, env(safe-area-inset-top));right:max(9px, env(safe-area-inset-right));left:max(9px, env(safe-area-inset-left));gap:6px}.level-hud{top:max(61px, calc(env(safe-area-inset-top) + 52px));width:min(274px,72vw);padding:6px 9px 8px}.level-hud-copy{font-size:.51rem}.magnet-badge{top:max(120px, calc(env(safe-area-inset-top) + 111px))}.king-alert{right:max(9px, env(safe-area-inset-right));bottom:max(12px, calc(env(safe-area-inset-bottom) + 8px));left:max(9px, env(safe-area-inset-left));pointer-events:none;grid-template-columns:58px 1fr 60px;width:auto;min-height:72px}.king-alert.show{pointer-events:none}.king-alert>img{width:58px;height:62px}#escape-boost-button{pointer-events:none;width:57px;min-height:56px}.escape-desktop,.desktop-boost-key{display:none}.escape-mobile,.mobile-boost-gesture{display:block}.campaign-card{padding:20px 18px 18px!important}.campaign-heading{grid-template-columns:minmax(0,1fr) 118px;gap:10px}.campaign-heading h2{font-size:clamp(1.55rem,7vw,2rem)}.campaign-heading p{font-size:.76rem;line-height:1.38}.campaign-hero-frame{height:116px}.campaign-hero-frame img{height:112px}.campaign-stage-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 10px}.campaign-stage{min-height:92px;padding:4px}.campaign-stage img{height:57px}.campaign-objective{min-height:52px;margin-bottom:4px;padding:7px 10px}.hud-cluster{gap:6px}.pill{border-radius:13px;min-height:43px;padding:6px 9px}.pill .ui-icon{width:1.05rem;height:1.05rem}.pill strong{font-size:.88rem}#score-pill{min-width:91px}#coins-pill{min-width:58px}.speed-pill{min-width:75px}.icon-button{width:43px}.pill-label{font-size:.5rem}#chain-badge{top:14vh}}@media (width<=430px){.reward-ad-card{padding:21px 19px 18px}.reward-chest{min-height:68px;margin-top:12px}.screen-heading-row{align-items:flex-end}#shop-grid{gap:9px}.shop-item{border-radius:15px;padding:8px}.shop-preview{height:96px}.campaign-card{max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}.board-scene{transform:translate(-50%,-46%)rotate(-11deg)scale(.88)}.shop-item:hover .board-scene{transform:translate(-50%,-52%)rotate(-7deg)scale(.92)}.shop-name{font-size:.78rem}.shop-cost{font-size:.68rem}.settings-row{min-height:62px}.language-setting{flex-direction:column;align-items:flex-start;padding:12px 0}.lang-row{justify-content:stretch;width:100%}.lang-button{flex:1}}@media (width<=360px){.menu-panel{padding:18px}.menu-kicker-row{align-items:flex-start}.live-status{font-size:.58rem}.menu-grid{gap:7px}.menu-grid button{font-size:.68rem}.menu-castle-copy small{font-size:.48rem}.level-hud-copy span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.overlay-card,.overlay-card.wide{padding-inline:18px}.pill-label,.speed-pulse{display:none}#score-pill{min-width:68px}#coins-pill{min-width:53px}}@media (width>=761px) and (height<=700px){.menu-stage{padding-block:20px}.menu-panel{padding:25px}.menu-panel .menu-brand{width:min(90%,330px)}.overlay-card{max-height:calc(100dvh - 28px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}