:root{--ink:#24304b;--purple:#6759ed;--purple-dark:#5145c8;--cream:#fffaf0;--card:#fff;--line:#e9e5fa;--shadow:0 18px 50px rgba(63,48,132,.16)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f1edff 0%,#fff8dd 50%,#e5f9ff 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#fff 2px,transparent 2px);background-size:32px 32px;opacity:.5;pointer-events:none}.cloud{position:fixed;width:260px;height:90px;border-radius:100px;background:#fff;opacity:.5;filter:blur(1px);z-index:0}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:110px;height:110px;left:45px;bottom:15px}.cloud:after{width:145px;height:145px;right:30px;bottom:5px}.cloud-a{left:-80px;top:12%}.cloud-b{right:-70px;bottom:8%;transform:scale(.75)}main{position:relative;z-index:1}.screen{display:none;min-height:100vh}.screen.active{display:block}.card{background:rgba(255,255,255,.94);border:2px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:24px}
#login{padding:36px 22px 60px}.brand{text-align:center;max-width:650px;margin:0 auto 24px}.globe{font-size:64px;filter:drop-shadow(0 8px 10px rgba(70,65,150,.2));animation:float 3s ease-in-out infinite}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.2px;color:var(--purple);margin:8px 0}.brand h1{font-size:clamp(48px,8vw,78px);line-height:.9;margin:8px 0 16px;letter-spacing:-4px}.brand h1 span{color:var(--purple)}.subtitle{font-size:17px;line-height:1.5;color:#69728a;margin:auto;max-width:560px}.login-card{width:min(460px,100%);margin:auto;padding:25px}.login-card label{display:block;font-size:13px;font-weight:900;margin:0 0 8px 4px}.login-card input{width:100%;height:52px;border:2px solid var(--line);border-radius:14px;padding:0 16px;font-size:16px;font-weight:800;color:var(--ink);outline:none;background:#fbfaff;transition:.2s}.login-card input:focus{border-color:#9b91ff;box-shadow:0 0 0 4px #eeeaff}.login-card button{border:0;cursor:pointer;font-family:inherit}.primary{width:100%;height:68px;margin-top:14px;border-radius:16px!important;background:linear-gradient(135deg,#7869ff,#5a4cda);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 9px 0 #493db7,0 15px 25px rgba(91,76,218,.25);transform:translateY(0);transition:.15s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(5px);box-shadow:0 4px 0 #493db7}.primary>span:first-child{font-size:25px}.primary b,.primary small{display:block;text-align:left}.primary b{font-size:17px}.primary small{opacity:.8;margin-top:2px}.divider{display:flex;align-items:center;gap:10px;color:#a0a5b4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:24px 0 13px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.code-row{display:flex;gap:9px}.code-row input{text-align:center;letter-spacing:2px}.secondary{padding:0 20px;border-radius:14px!important;background:#ffcf4c;color:#5e4707;font-weight:900;box-shadow:0 5px 0 #e0ad28}.ghost{width:100%;background:transparent;color:var(--purple);font-weight:900;padding:16px 8px 9px}.account{width:100%;margin-top:8px;padding:10px;border-radius:12px;background:#f2f0f7;color:#9b9aa5;font-weight:800}.account span{font-size:9px;background:#e2dfee;border-radius:10px;padding:3px 6px;margin-left:5px;text-transform:uppercase}.error{color:#e14a65;font-size:13px;text-align:center;font-weight:800;min-height:18px;margin:10px 0 -4px}.how{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px auto 0}.how span{background:rgba(255,255,255,.75);border:1px solid #fff;border-radius:50px;padding:8px 13px;font-size:12px;font-weight:800;color:#687086}
#game{padding:16px}.topbar{height:70px;max-width:1420px;margin:0 auto 14px;display:flex;align-items:center;padding:0 18px;justify-content:space-between;border-radius:20px}.mini-brand{font-size:20px}.room-pill{display:flex;align-items:center;gap:9px;background:#f3f1ff;border-radius:13px;padding:7px 9px 7px 13px;font-size:11px;text-transform:uppercase;color:#797591}.room-pill b{color:var(--purple);font-size:15px;letter-spacing:2px}.room-pill button,.icon-btn{border:0;background:#fff;border-radius:8px;cursor:pointer;padding:5px 8px;color:#7166d9;font-weight:900}.top-actions{display:flex;gap:8px}.icon-btn{border:2px solid var(--line);width:38px}.shop-btn{border:0;border-radius:11px;background:#ffdb5f;padding:10px 15px;font-weight:900;color:#5d4712;cursor:pointer}.game-layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.arena-wrap{position:relative;overflow:hidden;padding:10px}.arena-head{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:11px;font-weight:900;color:#8589a0}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#52d995;box-shadow:0 0 0 4px #d9f9ea;margin-right:7px}#arena{width:100%;height:auto;display:block;border-radius:17px;background:#8cddf2;image-rendering:auto;touch-action:none}.toast{position:absolute;top:58px;left:50%;transform:translate(-50%,-15px);background:rgba(37,42,72,.9);color:white;border-radius:50px;padding:9px 16px;font-size:12px;font-weight:800;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.winner{position:absolute;inset:46px 10px 10px;background:rgba(36,30,75,.78);backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;border-radius:18px}.winner.hidden{display:none}.winner-crown{font-size:65px;animation:float 1.4s ease-in-out infinite}.winner h2{font-size:38px;margin:10px}.winner p{font-size:18px;margin:0 0 15px}.winner small{opacity:.8}.leaderboard,.mission,.controls{padding:17px;margin-bottom:14px;border-radius:20px}.panel-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.panel-title>span{font-size:27px}.panel-title b,.panel-title small{display:block}.panel-title small{font-size:10px;color:#a0a4b3;text-transform:uppercase;margin-top:2px}.leaderboard ol{list-style:none;padding:0;margin:9px 0 0}.leaderboard li{display:grid;grid-template-columns:22px 13px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 3px;font-size:12px}.leaderboard li.me{background:#f3f0ff;border-radius:10px;padding-left:7px;padding-right:7px}.color-dot{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 -2px rgba(0,0,0,.15)}.player-info{min-width:0}.player-info b,.player-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{font-size:9px;color:#9ba0b2}.score{font-weight:1000}.mission{display:flex;gap:10px;background:linear-gradient(135deg,#fff8d9,#fff);border-color:#fff3b8}.mission>span{font-size:27px}.mission b{font-size:13px}.mission p{font-size:11px;line-height:1.45;margin:5px 0 0;color:#747a8b}.controls{text-align:center}.controls>b{font-size:13px}.controls div{display:flex;justify-content:center;align-items:center;gap:6px;margin:10px 0}.controls div span{font-size:9px}.controls div span:not(:nth-child(2)){background:#f0eef8;padding:6px 8px;border-radius:7px;font-weight:900}.controls small{font-size:9px;color:#9ba0b2}.mobile-controls{display:none;position:absolute;bottom:25px;left:25px;opacity:.8}.mobile-controls>button{display:block;margin:auto}.mobile-controls button{width:44px;height:39px;border:1px solid rgba(255,255,255,.8);background:rgba(41,40,68,.65);color:#fff;border-radius:10px;font-size:16px}.mobile-controls div{display:flex;gap:3px}
dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:25px;padding:28px;color:var(--ink);box-shadow:0 30px 100px rgba(30,25,70,.3)}dialog::backdrop{background:rgba(29,25,61,.58);backdrop-filter:blur(5px)}dialog h2{font-size:31px;margin:5px 0}dialog>p:not(.eyebrow){color:#777e90}.close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;cursor:pointer}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.shop-grid article{border:2px solid var(--line);border-radius:17px;padding:11px;text-align:center}.skin{height:75px;border-radius:12px;display:grid;place-items:center;font-size:35px;margin-bottom:9px}.rainbow{background:linear-gradient(135deg,#ff8aa0,#ffe06c,#7ee7a2,#7cbcff,#c88cff)}.crown{background:#e8dcff}.candy{background:#ffe3eb}.shop-grid b,.shop-grid span{display:block;font-size:12px}.shop-grid span{color:var(--purple);font-weight:900;margin:5px}.shop-grid button{border:0;border-radius:8px;padding:7px;font-size:9px;font-weight:900}.steps p{display:flex;align-items:center;gap:12px}.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--purple);color:#fff;flex:0 0 auto}@keyframes float{50%{transform:translateY(-7px)}}
@media(max-width:900px){#game{padding:8px}.game-layout{grid-template-columns:1fr}.game-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leaderboard{grid-row:span 2}.topbar{height:60px}.mini-brand b{display:none}.controls,.mission,.leaderboard{margin:0}.mobile-controls{display:block}}
@media(max-width:560px){#login{padding-top:24px}.globe{font-size:48px}.brand h1{font-size:50px}.subtitle{font-size:14px}.login-card{padding:18px}.topbar{padding:0 9px}.room-pill>span{display:none}.shop-btn{padding:9px;font-size:0}.shop-btn:first-letter{font-size:18px}.game-layout aside{display:block}.leaderboard{margin-top:8px}.mission,.controls{display:none}.arena-wrap{padding:5px}.arena-head{height:30px}.winner{inset:35px 5px 5px}.shop-grid{grid-template-columns:1fr}.shop-grid article{display:grid;grid-template-columns:65px 1fr auto;align-items:center;text-align:left}.skin{grid-row:span 2;width:55px;height:55px;margin:0}.shop-grid button{grid-column:2/4}.toast{top:45px;max-width:85%;overflow:hidden;text-overflow:ellipsis}.mobile-controls{bottom:14px;left:14px;transform:scale(.85);transform-origin:bottom left}}

/* Version 0.2: größere Arena, Länderwahl und lebendigere Spielanzeigen */
.login-card label{margin-top:13px}.login-card label:first-child{margin-top:0}
.login-card select{width:100%;height:52px;border:2px solid var(--line);border-radius:14px;padding:0 16px;font:800 16px inherit;color:var(--ink);outline:none;background:#fbfaff;cursor:pointer}
.login-card select:focus{border-color:#9b91ff;box-shadow:0 0 0 4px #eeeaff}
.topbar,.game-layout{max-width:1640px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}
.top-actions{align-items:center}.coins-pill,.diamonds-pill{border-radius:12px;padding:7px 11px;font-size:13px;box-shadow:inset 0 -2px rgba(72,87,146,.1)}.coins-pill{background:#fff4c7;border:2px solid #ffe28a}.diamonds-pill{background:#e8faff;border:2px solid #9de8fa}
#arena{outline:none;box-shadow:inset 0 0 35px rgba(32,127,165,.18)}
.winner.eliminated{background:rgba(39,31,75,.9)}.winner.eliminated h2{color:#ffde66}
.leaderboard li.out{opacity:.45;filter:grayscale(.35)}.score{text-align:right}.score small{display:block;font-size:8px;color:#8e92a4;margin-top:2px}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.coins-pill,.diamonds-pill{padding:6px 8px}}
@media(max-width:560px){.coins-pill,.diamonds-pill{font-size:11px}.top-actions{gap:4px}.icon-btn{display:none}}
.minimap-frame{position:absolute;left:24px;bottom:24px;width:230px;padding:7px;background:rgba(26,34,61,.82);border:2px solid rgba(255,255,255,.8);border-radius:15px;box-shadow:0 8px 28px rgba(24,31,57,.28);pointer-events:none;backdrop-filter:blur(5px)}
.minimap-frame>span{position:absolute;left:13px;top:9px;color:#fff;font-size:8px;font-weight:1000;letter-spacing:1.5px;text-shadow:0 1px 3px #1a2038;z-index:1}.minimap-frame canvas{display:block;width:100%;height:auto;border-radius:9px;background:#75d7ee}
.respawn{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;background:rgba(40,34,76,.9);color:white;padding:17px 24px;border:2px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 16px 40px rgba(28,22,63,.35);z-index:8;animation:float 1.3s ease-in-out infinite}.respawn.hidden{display:none}.respawn b{color:#ffe36a}.respawn span{font-size:11px;opacity:.8}
@media(max-width:700px){.minimap-frame{width:145px;left:10px;bottom:10px;padding:4px}.minimap-frame>span{font-size:6px;left:8px;top:6px}.mobile-controls{left:auto;right:12px}.respawn{padding:12px 16px;white-space:nowrap}}
.leaderboard ol{max-height:560px;overflow-y:auto;scrollbar-width:thin;padding-right:4px}.leaderboard ol::-webkit-scrollbar{width:6px}.leaderboard ol::-webkit-scrollbar-thumb{background:#d8d3ee;border-radius:10px}
@media(max-width:900px){.leaderboard ol{max-height:390px}}
.item-bar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:7px;padding:7px;background:rgba(35,38,70,.82);border:2px solid rgba(255,255,255,.78);border-radius:16px;backdrop-filter:blur(6px);z-index:6}.item-bar button{position:relative;width:49px;height:45px;border:0;border-radius:11px;background:rgba(255,255,255,.95);font-size:22px;cursor:pointer;box-shadow:0 4px 10px rgba(23,27,55,.24);transition:.12s}.item-bar button:hover{transform:translateY(-2px)}.item-bar button:active{transform:scale(.92)}.item-bar button:disabled{filter:grayscale(1);opacity:.48;cursor:not-allowed}.item-bar b{position:absolute;right:-4px;top:-6px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;background:#6759ed;color:white;border:2px solid white;font-size:9px}.shop-wallet{padding:9px 12px;border-radius:12px;background:#f5f3ff;color:#555d78!important}.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-grid article{display:flex;flex-direction:column}.shop-grid article small{font-size:9px;color:#8a8fa1;min-height:27px;margin-top:4px}.shop-grid button{margin-top:auto;background:#6759ed;color:white;cursor:pointer;padding:8px}.shop-grid button:disabled{background:#d6d2e7;cursor:not-allowed}.mine{background:#e7e9f2}.nuke{background:#d8f4c6}.sniper{background:#ffe5dc}.speed{background:#fff0a9}.spawn{background:#d9f0ff}
.item-bar kbd{position:absolute;left:4px;top:3px;min-width:14px;padding:1px 3px;border-radius:5px;background:#353956;color:#fff;font:800 8px Nunito,"Segoe UI",sans-serif;box-shadow:none}.item-bar button:disabled kbd{background:#777}
.item-bar button.has-free-drop{outline:3px solid #ffe052;box-shadow:0 0 0 5px rgba(255,224,82,.25),0 4px 12px rgba(23,27,55,.25)}.item-bar button.has-free-drop b{background:#f2b91f;color:#4d3700}
#arena.aiming{cursor:crosshair;box-shadow:inset 0 0 0 4px rgba(255,82,100,.85)}.item-bar{max-width:calc(100% - 20px);overflow-x:auto;scrollbar-width:none}.item-bar::-webkit-scrollbar{display:none}.item-bar button{flex:0 0 auto}
@media(max-width:700px){.item-bar{bottom:10px;gap:3px;padding:5px}.item-bar button{width:37px;height:36px;font-size:17px}.diamonds-pill{display:none}.minimap-frame{bottom:57px}}
.private-lobby-modal{text-align:center}.private-lobby-modal::backdrop{background:rgba(49,43,91,.88)}.lobby-code-large,.pause-code{background:#f1efff;border:2px dashed #a79dfb;border-radius:14px;padding:12px;margin:15px 0}.lobby-code-large b,.pause-code b{color:#6759ed;letter-spacing:3px}.private-players{list-style:none;padding:0;margin:12px 0;max-height:240px;overflow:auto}.private-players li{display:flex;justify-content:space-between;align-items:center;padding:8px 11px;margin:5px 0;border-radius:10px;background:#f7f6fc;font-size:12px}.toggle-row{display:flex;align-items:center;gap:11px;padding:13px;margin:10px 0;border:2px solid var(--line);border-radius:13px;font-weight:800;cursor:pointer}.toggle-row input{width:20px;height:20px;accent-color:#6759ed}.lobby-start{border:0}.lobby-start:disabled{filter:grayscale(1);opacity:.5;box-shadow:none}.match-countdown{position:absolute;inset:46px 10px 10px;z-index:20;display:grid;place-content:center;text-align:center;background:rgba(38,31,76,.82);color:#fff;border-radius:18px;backdrop-filter:blur(7px)}.match-countdown.hidden{display:none}.match-countdown small{font-weight:900;text-transform:uppercase;letter-spacing:2px}.match-countdown b{font-size:120px;color:#ffe05b;line-height:1;animation:count-pop .8s ease-in-out infinite}.menu-action{display:block;width:100%;margin:9px 0;padding:13px;border:2px solid var(--line);border-radius:12px;background:#f8f7ff;color:var(--ink);font:900 14px inherit;cursor:pointer;text-align:left}.menu-action:hover{border-color:#aaa0ff}.menu-action.danger{color:#d9445d;background:#fff2f4}.pause-code{font-size:12px}@keyframes count-pop{50%{transform:scale(1.16)}}

/* pixelnations.io polish */
.menu-background{position:fixed;inset:0;z-index:0;overflow:hidden;transition:opacity .35s}.menu-background canvas{width:100%;height:100%;object-fit:cover;filter:saturate(1.12)}.menu-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,66,.68),rgba(35,28,83,.23) 50%,rgba(23,20,66,.62)),linear-gradient(0deg,rgba(20,20,60,.55),transparent 55%)}body:has(#game.active) .menu-background{opacity:0;pointer-events:none}body:has(#login.active) .cloud{opacity:.2}
#login{position:relative}.brand{color:#fff;text-shadow:0 3px 18px rgba(22,18,67,.45)}.brand .eyebrow{color:#fff}.brand h1{letter-spacing:-3px}.brand h1 span{color:#ffe069}.brand .subtitle{color:rgba(255,255,255,.9);font-weight:700}.login-card{background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border:2px solid rgba(255,255,255,.85)}.how span{background:rgba(35,29,79,.7);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(8px)}
.death-screen{position:absolute;inset:46px 10px 10px;z-index:18;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(31,27,73,.72);backdrop-filter:blur(8px);border-radius:18px;color:#fff;text-align:center}.death-screen.hidden{display:none}.death-icon{font-size:68px;animation:float 1.1s ease-in-out infinite}.death-screen p{font-size:13px;letter-spacing:3px;font-weight:1000;color:#ffcf54;margin:12px 0 4px}.death-screen h2{font-size:38px;margin:0 0 7px}.death-screen h2 b{color:#ffe267}.death-screen span{font-size:13px;opacity:.86}.respawn-track{width:min(330px,65%);height:10px;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.65);border-radius:20px;margin-top:22px;overflow:hidden}.respawn-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffbd42,#ffe66d);border-radius:inherit;transition:width .08s linear}
.game-over-label{font-weight:1000;letter-spacing:5px!important;color:#ffca55;margin:4px 0!important}.game-over-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.game-over-actions button{border:2px solid rgba(255,255,255,.6);border-radius:13px;padding:12px 18px;background:rgba(255,255,255,.13);color:#fff;font:900 13px inherit;cursor:pointer}.game-over-actions button.accent{background:#ffcf4c;color:#574108;border-color:#ffe899;box-shadow:0 5px 0 #d49e20}.game-over-actions button:hover{transform:translateY(-2px)}
dialog{overflow:hidden;background:linear-gradient(155deg,#fff 0%,#f7f4ff 70%,#fff6cf 100%);border:3px solid rgba(255,255,255,.96);box-shadow:0 24px 0 rgba(56,44,133,.18),0 40px 120px rgba(23,18,70,.45)}dialog:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#ff6687,#ffcf4c,#53d99a,#59c9f5,#7968ff)}dialog .eyebrow{display:inline-block;background:#eeeaff;border-radius:30px;padding:6px 10px}.private-lobby-modal,.pause-modal{text-align:center}.private-players li,.menu-action,.toggle-row,.lobby-code-large,.pause-code{box-shadow:0 4px 0 rgba(83,68,169,.08)}.menu-action{text-align:center;background:#fff;padding:15px;transition:.15s}.menu-action:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(83,68,169,.12)}
.premium-head{display:flex;justify-content:space-between;align-items:end;border-top:2px dashed #ded8f6;padding-top:17px;margin-top:8px}.premium-head p,.premium-head h3{margin:0}.premium-head h3{font-size:18px}.premium-head>span{font-size:10px;font-weight:900;color:#7469c8;background:#eeeaff;padding:6px 9px;border-radius:20px}.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 16px}.premium-grid article{position:relative;border:2px solid #ded8f6;border-radius:15px;background:#fff;padding:13px;text-align:center}.premium-grid article.popular{border-color:#7868f1;background:#f5f2ff}.premium-grid em{position:absolute;right:7px;top:-8px;background:#7868f1;color:#fff;border-radius:10px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:1000}.premium-grid b,.premium-grid strong{display:block}.premium-grid strong{font-size:11px;color:#7167be;margin:7px 0}.premium-grid button{width:100%;border:0;border-radius:9px;background:#ffce4c;color:#594408;font-weight:1000;padding:8px;cursor:pointer;box-shadow:0 3px 0 #dda91f}
@media(max-width:600px){.brand h1{font-size:43px}.premium-grid{grid-template-columns:1fr}.premium-head>span{display:none}.death-screen h2{font-size:28px}.game-over-actions{flex-direction:column;width:75%}.game-over-actions button{width:100%}}

.skin-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 18px}.skin-shop-grid article{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:2px solid var(--line);border-radius:15px;background:#fff;text-align:center}.skin-shop-grid i{font-style:normal;font-size:31px}.skin-shop-grid b{font-size:11px}.skin-shop-grid span{font-size:10px;color:#6759ed;font-weight:1000}.skin-shop-grid button{width:100%;border:0;border-radius:8px;padding:7px;background:#6759ed;color:#fff;font:900 9px inherit;cursor:pointer}.skin-shop-grid button:disabled{background:#56c997;opacity:.8}.site-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px 22px 26px;color:#fff;text-shadow:0 2px 8px rgba(20,20,60,.4);font-size:12px}.site-footer nav{display:flex;gap:7px}.site-footer button{border:1px solid rgba(255,255,255,.42);border-radius:20px;padding:7px 11px;background:rgba(34,29,78,.62);color:#fff;font:800 11px inherit;cursor:pointer;backdrop-filter:blur(8px)}body:has(#game.active) .site-footer{display:none}.legal-modal{line-height:1.55}.legal-warning{padding:10px;border-radius:10px;background:#fff0c7;color:#8b6311!important;font-weight:800}#shopModal{max-height:92vh;overflow-y:auto}
#game:fullscreen{width:100vw;height:100vh;padding:8px;overflow:hidden;background:linear-gradient(145deg,#f1edff,#fff8dd 55%,#e5f9ff)}#game:fullscreen .topbar,#game:fullscreen .game-layout{max-width:none;width:100%}#game:fullscreen .topbar{height:62px;margin-bottom:8px}#game:fullscreen .game-layout{height:calc(100vh - 86px);grid-template-columns:minmax(0,1fr) 300px;gap:8px}#game:fullscreen .arena-wrap{height:100%;min-height:0}#game:fullscreen #arena{width:100%;height:calc(100% - 36px)}#game:fullscreen aside{height:100%;overflow-y:auto}#game:fullscreen .leaderboard ol{max-height:calc(100vh - 390px)}
#game.fullscreen-fallback{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;padding:8px;overflow:hidden;background:linear-gradient(145deg,#f1edff,#fff8dd 55%,#e5f9ff)}#game.fullscreen-fallback .topbar,#game.fullscreen-fallback .game-layout{max-width:none;width:100%}#game.fullscreen-fallback .topbar{height:62px;margin-bottom:8px}#game.fullscreen-fallback .game-layout{height:calc(100vh - 86px);grid-template-columns:minmax(0,1fr) 300px;gap:8px}#game.fullscreen-fallback .arena-wrap{height:100%;min-height:0}#game.fullscreen-fallback #arena{width:100%;height:calc(100% - 36px)}#game.fullscreen-fallback aside{height:100%;overflow-y:auto}#game.fullscreen-fallback .leaderboard ol{max-height:calc(100vh - 390px)}body:has(#game.fullscreen-fallback){overflow:hidden}
@media(max-width:600px){.skin-shop-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:18px}#game:fullscreen .game-layout{grid-template-columns:1fr}#game:fullscreen aside{display:none}}