:root{--gold: #e6b53c;--gold-light: #f7e4a8;--gold-dark: #9c6e1c;--navy: #0e2660;--navy-deep: #06122c;--text: #ffffff;--text-gold: #f5e4a0;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1026;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none}.hidden{display:none!important}#load-screen.active{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}#start-screen.active,#game-screen.active,#levels-screen.active,#shop-screen.active,#settings-screen.active,#leaderboard-screen.active{display:block}@keyframes fadeOut{to{opacity:0}}.fade-out{animation:fadeOut .4s ease forwards}#load-screen{background:url(../img/bg.jpg) center top / cover no-repeat;padding-bottom:calc(var(--sab) + 12vh)}.load-content{display:flex;flex-direction:column;align-items:center;gap:14px}.load-spinner{width:52px;height:52px;border:4px solid rgba(230,181,60,.22);border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-hint{color:var(--text-gold);font-size:clamp(.85rem,4vw,1rem);font-weight:600;letter-spacing:.12em;text-shadow:0 1px 6px rgba(0,0,0,.8)}#start-screen{background:url(../img/bg.jpg) center top / cover no-repeat}.topbar{position:absolute;top:calc(var(--sat) + 2.2vh);left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:1.7%}.resource{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;width:auto;min-width:96px;height:28px;min-height:26px;max-height:30px;padding:0 .45em 0 30px;border-radius:999px;background:linear-gradient(180deg,#1c4591eb,#081f4ef0);border:1px solid rgba(247,228,168,.84);box-shadow:inset 0 1px 2px #ffffff24,0 2px 5px #00000057}.resource__icon{position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.resource__value{flex:1 1 auto;min-width:18px;color:var(--text);font-weight:800;font-size:clamp(.7rem,3vw,.9rem);letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:0 .18em;white-space:nowrap;overflow:hidden;text-align:center;font-variant-numeric:tabular-nums}.resource__add{flex:0 0 auto;width:20px;height:20px;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.plus-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.resource__add:active .plus-img,.coin-plus:active .plus-img{transform:scale(.9)}.menu{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--sab) + 4.5vh);width:100%;display:flex;flex-direction:column;align-items:center;gap:1.8vh}.menu-btn{display:block;border:none;background:transparent;padding:0;cursor:pointer;transition:transform .08s ease}.menu-btn img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));pointer-events:none}.menu-btn:active{transform:scale(.96)}.menu-btn--play{width:82%;margin-bottom:.6vh}.menu-btn:not(.menu-btn--play){width:70%}#game-screen{background:url(../img/lvl/bg.jpg) center top / cover no-repeat}.game-hud{position:absolute;top:0;left:0;right:0;padding-top:var(--sat);padding-left:8px;padding-right:8px;padding-bottom:4px;height:calc(var(--sat) + 70px);display:flex;align-items:center;justify-content:space-between;gap:6px;background:linear-gradient(180deg,rgba(4,10,28,.72) 0%,transparent 100%)}.hud-score{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start}.score-widget{position:relative;width:27vw;max-width:116px}.score-widget .widget-bg{width:100%;height:auto;display:block}.score-overlay{position:absolute;bottom:16%;left:14%;right:14%;text-align:center}.score-overlay span{color:var(--text-gold);font-size:clamp(.8rem,4.8vw,1.3rem);font-weight:900;text-shadow:0 1px 4px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.level-badge{background:linear-gradient(180deg,#1b4a9e,#0a2654);border:2px solid var(--gold);border-radius:20px;padding:2px 10px;color:var(--text-gold);font-size:clamp(.48rem,2.8vw,.68rem);font-weight:800;letter-spacing:.05em;margin-top:3px;align-self:center;box-shadow:0 2px 6px #0006}.hud-center{flex:0 0 auto}.time-widget{position:relative;width:16vw;max-width:72px}.time-widget .widget-bg{width:100%;height:auto;display:block}.time-overlay{position:absolute;top:50%;left:0;right:0;transform:translateY(-20%);text-align:center}.time-overlay span{color:var(--text-gold);font-size:clamp(.7rem,3.8vw,1.05rem);font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.9)}.time-overlay span.time-critical{color:#f55;animation:blink .6s step-end infinite}@keyframes blink{50%{opacity:.3}}.hud-right{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px}.hud-coins{display:flex;align-items:center;background:linear-gradient(180deg,#1b3f86f2,#0a1f4df5);border:1.5px solid rgba(247,228,168,.88);border-radius:999px;padding:1px 3px 1px 24px;position:relative;box-shadow:0 2px 5px #0000005c;height:30px;flex:0 0 auto}.hud-coins>img{position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:30px;height:30px;object-fit:contain;pointer-events:none}.hud-coins span{color:var(--text);font-weight:800;font-size:clamp(.7rem,3vw,.9rem);white-space:nowrap;min-width:30px;text-align:center;padding:0 2px;font-variant-numeric:tabular-nums}.coin-plus .plus-img{width:100%;height:100%}.coin-plus{width:21px;height:21px;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:4px;flex:0 0 auto}.pause-btn{background:none;border:none;padding:0;cursor:pointer}.pause-btn img{width:10vw;max-width:44px;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.55))}.pause-btn:active{transform:scale(.94)}.board-outer{position:absolute;left:8px;right:8px;top:calc(var(--sat) + 128px);bottom:calc(var(--sab) + 106px);display:flex;align-items:center;justify-content:center}.board-grid{--board-size: min( calc(100vw - 16px) , calc(100vh - var(--sat) - var(--sab) - 240px) );width:var(--board-size);height:var(--board-size);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;background:#061234e0;border:3px solid var(--gold);border-radius:10px;padding:4px;box-shadow:0 0 28px #e6b53c47,inset 0 0 20px #0000008c}.cell{background:#0e2058a6;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative;transition:background .1s,box-shadow .1s}.cell img{width:86%;height:86%;object-fit:contain;pointer-events:none;display:block}.cell.selected{background:#e6b53c61;box-shadow:inset 0 0 7px #e6b53cbf}.cell.barrier{background:#463423d1;cursor:default}.cell.empty{background:#08123459}.cell.row-hint:not(.barrier){background:#5096ff38;box-shadow:inset 0 0 5px #5096ff8c}.cell:active:not(.barrier):not(.empty){transform:scale(.93)}.board-grid.row-select-mode .cell:not(.barrier){cursor:crosshair}@keyframes tile-break{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.28);filter:brightness(2)}to{transform:scale(0);filter:brightness(2.4);opacity:0}}.cell img.breaking{animation:tile-break .23s ease-in forwards;z-index:3}.cell.cell-flash{overflow:visible;z-index:2}.cell.cell-flash:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:radial-gradient(circle,#fff6cef2,#ffd6608c 38%,#ffd66000 72%);animation:tile-flash .26s ease-out forwards;pointer-events:none;z-index:1}@keyframes tile-flash{0%{transform:scale(.35);opacity:.95}to{transform:scale(1.5);opacity:0}}@keyframes tile-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.cell img.pop-in{animation:tile-pop .26s cubic-bezier(.22,.85,.3,1.12)}@keyframes tile-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.cell.shake{animation:tile-shake .32s ease}.skills-bar{position:absolute;bottom:0;left:0;right:0;height:calc(var(--sab) + 106px);padding:6px 8px calc(var(--sab) + 4px);display:flex;align-items:flex-start;justify-content:space-around;background:linear-gradient(0deg,rgba(4,10,28,.72) 0%,transparent 100%)}.skill-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;max-width:80px;transition:transform .08s}.skill-btn:active{transform:scale(.92)}.skill-btn:disabled{opacity:.38;cursor:not-allowed}.skill-btn.skill-active .skill-icon{filter:drop-shadow(0 0 10px rgba(80,180,255,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}.skill-inner{position:relative;display:flex;justify-content:center;width:100%}.skill-icon{width:14.5vw;max-width:68px;height:auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));display:block}.skill-badge{position:absolute;top:-5px;left:0;width:5.8vw;max-width:27px;aspect-ratio:1}.skill-badge img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.skill-badge span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:clamp(.52rem,2.7vw,.72rem);font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.9);z-index:1}.skill-label{color:var(--text);font-size:clamp(.46rem,2.2vw,.62rem);font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.9);text-align:center}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(60,101,185,.16),transparent 34%),linear-gradient(180deg,#040a1894,#01040dd6);display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.overlay.hidden{display:none}.overlay-panel{position:relative;isolation:isolate;background:url(../img/overlay/board.png) center / 100% 100% no-repeat;border:0;border-radius:0;padding:18% 14% 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4%;width:min(84vw,360px);aspect-ratio:825 / 999;max-width:84vw;box-shadow:none;animation:overlayPop .18s ease-out}.overlay-panel:before{display:none}.overlay-panel:after{display:none}@keyframes overlayPop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-title{color:var(--text-gold);font-size:clamp(1.14rem,5.6vw,1.58rem);font-weight:900;text-transform:uppercase;letter-spacing:.12em;text-align:center;text-shadow:0 2px 0 #56390e,0 4px 10px rgba(0,0,0,.7)}.result-row{color:var(--text-gold);font-size:clamp(.82rem,3.75vw,1rem);font-weight:800;padding:3px 14px;min-width:64%;text-align:center;border-radius:999px;background:#020c2752;border:1px solid rgba(247,228,168,.18)}.result-coins{display:flex;align-items:center;gap:6px;color:#f5e4a0;font-size:clamp(.8rem,3.5vw,.98rem);font-weight:800}.result-coins img{width:20px;height:20px;object-fit:contain}.overlay-btn{width:92%;min-height:28px;padding:3px 28px 5px;background:transparent;border-style:solid;border-width:8px 36px;border-color:transparent;border-image-source:url(../img/overlay/button-blue.png);border-image-slice:60 300 fill;border-image-width:8px 36px;border-image-repeat:stretch;color:var(--text);font-size:clamp(.78rem,3.6vw,.94rem);font-weight:900;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:none;transition:transform .08s}.overlay-btn:active{transform:scale(.97)}.overlay-btn--gold{border-image-source:url(../img/overlay/button-gold.png);border-image-slice:70 300 fill;color:#3a1c02;text-shadow:0 1px 0 rgba(255,255,255,.4)}.final-stars{display:flex;gap:6px;align-items:center}.final-stars img{width:32px;height:32px;object-fit:contain}.star-on{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));opacity:1}.star-off{filter:grayscale(1) brightness(.5);opacity:.55}#levels-screen{background:url(../img/levels/bg.jpg) center top / cover no-repeat}.levels-topbar{justify-content:flex-start;gap:2%}.back-btn{flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;width:6.6vh;height:6.6vh;min-width:44px;min-height:44px;transition:transform .08s}.back-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.back-btn:active{transform:scale(.92)}.levels-title{position:absolute;top:calc(var(--sat) + 11vh);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.levels-title__emblem{width:clamp(220px,66vw,320px);height:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.levels-title__progress{background:linear-gradient(180deg,#1b4a9e,#0a2654);border:2px solid var(--gold);border-radius:20px;padding:2px 18px;color:var(--text-gold);font-size:clamp(.8rem,4vw,1.05rem);font-weight:800;letter-spacing:.06em;box-shadow:0 2px 6px #0006}.levels-path{position:absolute;top:calc(var(--sat) + 22vh);bottom:calc(var(--sab) + 5vh);left:0;right:0}.level-node{position:absolute;transform:translate(-50%,50%);background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;transition:transform .1s}.level-node:not(:disabled):active{transform:translate(-50%,50%) scale(.92)}.level-node:disabled{cursor:default}.node-art{position:relative;width:20vw;max-width:92px;display:flex;justify-content:center}.node-base{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));pointer-events:none}.node-num{position:absolute;left:47%;top:32%;transform:translate(-50%,-50%);color:#fff;font-size:clamp(1rem,5.6vw,1.7rem);font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.75);z-index:2}.node-num--locked{left:50%;top:24%;font-size:clamp(.8rem,4vw,1.15rem);opacity:.85}.node-art.current .node-base{animation:nodeGlow 1.4s ease-in-out infinite}@keyframes nodeGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(245,210,90,.7))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(245,210,90,1))}}.node-stars{display:flex;gap:1px;margin-top:-6px}.node-stars img{width:5.6vw;max-width:26px;height:auto}.page-arrow{position:absolute;top:56%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;width:12vw;max-width:58px;z-index:20;transition:transform .08s}.page-arrow img{width:100%;height:auto;filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))}.page-arrow--prev{left:2%}.page-arrow--prev img{transform:scaleX(-1)}.page-arrow--next{right:2%}.page-arrow--next img{transform:scaleX(1)}.page-arrow:active{transform:translateY(-50%) scale(.9)}.page-arrow.hidden{display:none}.page-dots{position:absolute;bottom:calc(var(--sab) + 2.4vh);left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:15}.page-dot{width:9px;height:9px;border-radius:50%;background:#fff6;border:1px solid rgba(0,0,0,.3)}.page-dot.active{background:var(--gold);box-shadow:0 0 6px #e6b53ccc}#shop-screen{background:url(../img/shop/bg.jpg) center top / cover no-repeat}.shop-coins{position:absolute;top:calc(var(--sat) + 2vh);right:4%;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,#1b3f86,#0a1f4d);border:1px solid rgba(247,228,168,.86);border-radius:999px;padding:0 15px 0 32px;height:28px;min-height:26px;max-height:30px;min-width:100px;box-shadow:inset 0 1px 2px #ffffff24,0 2px 5px #00000057}.shop-coins>img{position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));pointer-events:none}.shop-coins span{color:var(--text);font-weight:800;font-size:clamp(.7rem,3vw,.9rem);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.shop-grid{position:absolute;top:calc(var(--sat) + 21%);bottom:calc(var(--sab) + 13%);left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;place-items:center}.shop-card{width:100%;height:100%;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.shop-card img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));pointer-events:none}.shop-card:active{transform:scale(.95)}.shop-card.shake{animation:shopShake .4s ease}@keyframes shopShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shop-card.bought{animation:shopBought .4s ease}@keyframes shopBought{50%{transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(245,210,90,.95))}}.shop-back{position:absolute;bottom:calc(var(--sab) + 2.2vh);left:50%;transform:translate(-50%);width:74%;max-width:420px;background:none;border:none;padding:0;cursor:pointer;transition:transform .08s}.shop-back img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.shop-back:active{transform:translate(-50%) scale(.96)}#settings-screen{background:url(../img/settings/bg.jpg) center top / cover no-repeat}.settings-panel{position:absolute;top:calc(var(--sat) + 33%);left:5%;right:5%;background:linear-gradient(180deg,#fbf6e9,#ece2cc);border:3px solid var(--gold);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 26px #00000073,inset 0 1px 3px #fff9}.settings-title{text-align:center;color:var(--navy);font-size:clamp(1.3rem,6.5vw,1.9rem);font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 1px rgba(255,255,255,.6);margin-bottom:2px}.settings-row{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff,#f0e8d6);border:2px solid var(--gold);border-radius:14px;padding:8px 12px;box-shadow:inset 0 1px 2px #ffffffb3,0 2px 4px #0000001f}.settings-icon{flex:0 0 auto;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.settings-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.settings-label{color:var(--navy);font-weight:800;font-size:clamp(.72rem,3.6vw,.98rem);letter-spacing:.02em}.settings-label--inline{flex:1 1 auto;min-width:0}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;border:2px solid var(--gold-dark);background:linear-gradient(180deg,#2f7be0,#1b54ab) no-repeat,#c9bfa6;background-size:var(--fill, 60%) 100%;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold) 55%,var(--gold-dark));border:2px solid #6e4d12;box-shadow:0 2px 4px #00000073;cursor:pointer}.volume-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold) 55%,var(--gold-dark));border:2px solid #6e4d12;box-shadow:0 2px 4px #00000073;cursor:pointer}.toggle{flex:0 0 auto;position:relative;width:78px;height:36px;border-radius:999px;border:2px solid var(--gold);cursor:pointer;padding:0;transition:background .18s;box-shadow:inset 0 1px 3px #0006}.toggle.on{background:linear-gradient(180deg,#1f56b0,#0a2a66)}.toggle.off{background:linear-gradient(180deg,#6b6f7a,#3a3d46)}.toggle-label{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.6)}.toggle.on .toggle-label{left:12px}.toggle.off .toggle-label{right:10px}.toggle-knob{position:absolute;top:50%;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold) 55%,var(--gold-dark));border:2px solid #6e4d12;box-shadow:0 2px 4px #00000073;transform:translateY(-50%);transition:left .18s}.toggle.on .toggle-knob{left:46px}.toggle.off .toggle-knob{left:2px}.settings-back{position:absolute;bottom:calc(var(--sab) + 3vh);left:50%;transform:translate(-50%);width:62%;max-width:340px;background:none;border:none;padding:0;cursor:pointer;transition:transform .08s}.settings-back img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.settings-back:active{transform:translate(-50%) scale(.96)}#leaderboard-screen{background:url(../img/leaderboard/bg.jpg) center top / cover no-repeat}.lb-board{position:absolute;top:calc(var(--sat) + 7vh);left:50%;transform:translate(-50%);width:94vw;max-width:440px;aspect-ratio:2613 / 4164;background:url(../img/leaderboard/panel.png) center / 100% 100% no-repeat;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.lb-list{position:absolute;top:24.5%;bottom:4.5%;left:8%;right:8%;display:flex;flex-direction:column;gap:1.4%}.lb-row{position:relative;width:100%;flex:1;background-repeat:no-repeat;background-position:center;background-size:100% 100%}.lb-row.r1{flex:1.27;background-image:url(../img/leaderboard/place1.png)}.lb-row.r2{flex:1.27;background-image:url(../img/leaderboard/place2.png)}.lb-row.r3{flex:1.27;background-image:url(../img/leaderboard/place3.png)}.lb-row.you{flex:1.24;background-image:url(../img/leaderboard/you.png)}.lb-row.def{background-image:url(../img/leaderboard/place.png)}.lb-num{position:absolute;left:0;width:16%;top:50%;transform:translateY(-50%);text-align:center;color:#3b4a66;font-weight:900;font-size:clamp(.95rem,4.6vw,1.4rem);text-shadow:0 1px 0 rgba(255,255,255,.6)}.lb-av{position:absolute;left:16.5%;top:50%;transform:translateY(-50%);height:78%;aspect-ratio:1;border-radius:50%;object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lb-nm{position:absolute;left:30%;right:34%;top:50%;transform:translateY(-50%);color:var(--navy);font-weight:800;font-size:clamp(.8rem,4vw,1.1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.4)}.lb-row.you .lb-nm{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.lb-sc{position:absolute;right:5%;top:50%;transform:translateY(-50%);color:var(--navy);font-weight:900;font-size:clamp(.82rem,4vw,1.15rem);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,255,255,.4)}.lb-row.you .lb-sc{color:#ffe9a8;text-shadow:0 1px 2px rgba(0,0,0,.55)}.lb-back{position:absolute;bottom:calc(var(--sab) + 2.6vh);left:50%;transform:translate(-50%);width:64%;max-width:360px;background:none;border:none;padding:0;cursor:pointer;transition:transform .08s}.lb-back img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}.lb-back:active{transform:translate(-50%) scale(.96)}
