:root{--navy:#06121d;--gold:#f8b51d;--text:#fff8e9}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;color:var(--text);background:#02070b;font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}button{color:inherit;font:inherit}.app-shell{width:100%;min-height:100vh}.screen{display:none;min-height:100vh}.screen.active{display:flex}
.home-screen{position:relative;height:100svh;min-height:0;align-items:center;justify-content:center;padding:clamp(8px,2vh,24px) 24px clamp(74px,10vh,88px);overflow:hidden;background:linear-gradient(90deg,rgba(7,3,1,.38),rgba(7,3,1,.05) 50%,rgba(7,3,1,.36)),url("assets/tinklak-game-table-v2.png") center/cover no-repeat}.home-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center 35%,transparent 10%,rgba(4,2,1,.3) 72%,rgba(2,1,0,.7))}.home-shade{position:absolute;inset:0;backdrop-filter:blur(2.5px)}.home-content{position:relative;z-index:2;width:min(560px,92vw);max-height:calc(100svh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center}.home-logo{width:min(580px,88vw);max-height:clamp(155px,32vh,300px);object-fit:contain;margin:clamp(-28px,-3vh,-8px) 0 0;filter:drop-shadow(0 15px 18px rgba(0,0,0,.68))}.menu-list{width:min(450px,88vw);display:grid;gap:clamp(6px,1.1vh,10px)}.menu-item{width:100%;min-height:clamp(54px,8vh,70px);display:flex;align-items:center;gap:17px;padding:7px 19px;border:1px solid rgba(255,255,255,.35);border-radius:9px;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.14);transition:.18s}.menu-item:hover{transform:translateY(-2px) scale(1.012);filter:brightness(1.08)}.menu-item.gold{color:#201000;background:linear-gradient(#ffdf75,#f4ad1b);border-color:#ffe481}.menu-item.blue{background:linear-gradient(#0969ba,#073b72);border-color:#1887dc}.menu-item.dark{background:linear-gradient(rgba(31,29,27,.97),rgba(13,15,17,.97));border-color:#5b5550}.menu-icon{width:50px;flex:0 0 50px;text-align:center;font-size:29px}.menu-item>span:last-child{display:flex;flex-direction:column}.menu-item strong{font-size:clamp(16px,2.3vh,19px)}.menu-item small{margin-top:2px;font-size:clamp(11px,1.7vh,13px);opacity:.86}.scribble{position:absolute;z-index:2;margin:0;color:#fff;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(17px,2vw,27px);font-style:italic;line-height:1.18;text-shadow:0 3px 8px #000;transform:rotate(-6deg)}.scribble-left{top:7%;left:4%}.scribble-right{top:7%;right:4%;transform:rotate(4deg)}.scribble-bottom{right:6%;bottom:82px;transform:rotate(-5deg)}.home-nav{position:absolute;z-index:3;left:0;right:0;bottom:0;height:70px;display:grid;grid-template-columns:repeat(4,minmax(70px,130px));justify-content:center;gap:clamp(4px,3vw,44px);padding:7px 12px max(7px,env(safe-area-inset-bottom));background:linear-gradient(rgba(10,17,23,.97),rgba(3,8,12,.99));border-top:1px solid rgba(248,181,29,.42);box-shadow:0 -8px 24px rgba(0,0,0,.4)}.home-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;cursor:pointer}.home-nav button:hover{color:var(--gold)}.home-nav b{width:34px;height:34px;display:grid;place-items:center;color:#ffe070;border:1px solid rgba(248,181,29,.34);border-radius:11px;background:linear-gradient(#132b3d,#07131d);box-shadow:inset 0 1px rgba(255,255,255,.08)}.home-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-nav span{font:600 11px system-ui;color:#f6f0e4}
.game-screen{flex-direction:column;background:#091017}.game-header{height:58px;flex:0 0 58px;display:flex;align-items:center;gap:14px;padding:7px 16px;background:linear-gradient(#121518,#06090b);border-bottom:1px solid #4b4e50;box-shadow:0 4px 15px rgba(0,0,0,.55)}.game-header>strong{font-size:19px}.header-actions{margin-left:auto;display:flex;gap:8px}.header-button,.exit-button{height:42px;border:1px solid #46515a;border-radius:9px;background:linear-gradient(#18222b,#0a1117);cursor:pointer}.header-button{width:42px;font:700 27px system-ui}.exit-button{min-width:82px;font-weight:700}.scoreboard{position:absolute;z-index:5;top:76px;left:3%;right:3%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:min(5vw,75px);pointer-events:none}.player-card{min-width:0;min-height:96px;display:flex;align-items:center;gap:15px;padding:13px 18px;border:1px solid rgba(150,104,55,.65);border-radius:12px;background:linear-gradient(110deg,rgba(35,25,19,.94),rgba(8,10,12,.94));box-shadow:0 10px 25px rgba(0,0,0,.46)}.player-card.active{border-color:var(--gold);box-shadow:0 0 24px rgba(248,181,29,.2)}.player-avatar{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:50%;border:2px solid #0785e9;background:#061a2a;font-size:30px}.player-info{display:flex;flex-direction:column}.player-info span{font-size:11px;color:#c6c1b9;text-transform:uppercase}.player-info strong{margin-top:3px;font-size:20px}.coin-row{margin-left:auto;display:flex;align-items:center;gap:10px}.coin-row>b{min-width:42px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18);font-size:36px;text-align:center}.coin-dots{display:flex;max-width:210px;justify-content:flex-end;flex-wrap:wrap;gap:2px}.coin-dot{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffdf65;border-radius:50%;color:#885000;background:radial-gradient(circle at 35% 28%,#fff0a0,#f5ad10 57%,#8b4a00);box-shadow:0 2px 2px #000;font:800 9px Georgia}.game-table{position:relative;flex:1;min-height:calc(100vh - 58px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:155px 30px 70px;background:linear-gradient(rgba(3,5,6,.04),rgba(3,5,6,.1)),url("assets/tinklak-game-table-v2.png") center/cover no-repeat}.status-card{position:absolute;z-index:3;top:120px;width:min(500px,80vw);padding:13px 24px;text-align:center;color:#2b170c;background:linear-gradient(100deg,#e5c48b,#fff0c9 48%,#dcb67a);border:1px solid #90531d;box-shadow:0 8px 22px rgba(0,0,0,.52)}.status-card span{display:block;color:#8b531f;text-transform:uppercase;letter-spacing:.12em;font:800 10px system-ui}.status-card strong{display:block;margin:3px 0;font-size:28px}.status-card p{margin:0;font-size:16px}.play-zone{width:min(530px,90vw);min-height:370px;margin-top:75px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dice{width:112px;height:112px;padding:14px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);border:2px solid white;border-radius:24px;background:linear-gradient(145deg,#fffef7,#ded4c2 62%,#a9977e);box-shadow:inset -12px -12px 18px rgba(70,40,18,.25),inset 7px 7px 10px white,0 7px 0 #796852,0 25px 25px rgba(0,0,0,.5);transform:rotate(-8deg)}.dice.rolling{animation:roll .6s ease}.dice i{width:16px;height:16px;place-self:center;border-radius:50%;background:#111;opacity:0}.dice[data-value="1"] i:nth-child(5),.dice[data-value="2"] i:nth-child(1),.dice[data-value="2"] i:nth-child(9),.dice[data-value="3"] i:nth-child(1),.dice[data-value="3"] i:nth-child(5),.dice[data-value="3"] i:nth-child(9),.dice[data-value="4"] i:nth-child(1),.dice[data-value="4"] i:nth-child(3),.dice[data-value="4"] i:nth-child(7),.dice[data-value="4"] i:nth-child(9),.dice[data-value="5"] i:nth-child(1),.dice[data-value="5"] i:nth-child(3),.dice[data-value="5"] i:nth-child(5),.dice[data-value="5"] i:nth-child(7),.dice[data-value="5"] i:nth-child(9),.dice[data-value="6"] i:nth-child(1),.dice[data-value="6"] i:nth-child(3),.dice[data-value="6"] i:nth-child(4),.dice[data-value="6"] i:nth-child(6),.dice[data-value="6"] i:nth-child(7),.dice[data-value="6"] i:nth-child(9){opacity:1}@keyframes roll{0%{transform:rotate(-8deg)}45%{transform:rotate(210deg) scale(.75) translateY(-25px)}100%{transform:rotate(352deg)}}.roll-button{min-width:270px;margin-top:42px;padding:13px 35px;border:1px solid #fff0a4;border-radius:10px;color:#211300;background:linear-gradient(#ffe173,#f5a914 65%,#dd8506);box-shadow:inset 0 2px rgba(255,255,255,.7),0 9px 22px rgba(0,0,0,.48);cursor:pointer}.roll-button span,.roll-button small{display:block}.roll-button span{font-size:25px;font-weight:700}.roll-button small{font:11px system-ui;opacity:.67}.rule-tip{position:absolute;bottom:16px;width:min(620px,calc(100% - 40px));margin:0;padding:11px 18px;text-align:center;border:1px solid #9b5826;border-radius:8px;background:rgba(25,11,7,.82)}
.panel-dialog{width:min(520px,calc(100% - 28px));padding:35px;color:#2b170c;border:1px solid #9a5d29;border-radius:8px;background:linear-gradient(105deg,#e8ca96,#fff1cb 50%,#d9b47a);box-shadow:0 30px 90px #000}.panel-dialog::backdrop{background:rgba(2,6,9,.8);backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:9px;right:12px;border:0;background:none;color:#5c3215;font-size:28px}.eyebrow{color:#9a5c1d;text-transform:uppercase;letter-spacing:.15em;font:800 11px system-ui}.panel-dialog h2{margin:4px 0 18px;font-size:34px}.panel-dialog ol{padding-left:22px;line-height:1.55}.modal{position:fixed;inset:0;z-index:20;display:none;place-items:center;padding:20px;background:rgba(1,6,10,.82);backdrop-filter:blur(10px)}.modal.open{display:grid}.modal-card{width:min(450px,100%);padding:38px;text-align:center;border:1px solid rgba(248,181,29,.5);border-radius:22px;background:radial-gradient(circle at 50% 0,#173750,#07131f 62%);box-shadow:0 30px 80px #000}.modal-card h2{margin:0;font-size:48px}.modal-card p:not(.eyebrow){color:#c6cbd0}.modal-crown{color:var(--gold);font-size:58px}.text-button{margin-top:15px;border:0;color:#ddd;background:none;text-decoration:underline}
@media(max-width:700px){.home-screen{padding:6px 12px 68px}.home-content{margin:0 auto;max-height:calc(100svh - 68px)}.home-logo{width:min(410px,88vw);max-height:28svh;margin:-8px 0 -2px}.scribble{display:none}.menu-list{gap:6px}.menu-item{min-height:clamp(50px,9svh,64px);padding:6px 13px}.menu-item strong{font-size:clamp(14px,4vw,16px)}.menu-item small{font-size:clamp(10px,3vw,12px)}.menu-icon{width:38px;flex-basis:38px;font-size:23px}.home-nav{height:62px;grid-template-columns:repeat(4,1fr);gap:0;padding:5px 2px max(5px,env(safe-area-inset-bottom))}.home-nav b{width:30px;height:30px;border-radius:9px}.home-nav svg{width:18px;height:18px}.home-nav span{font-size:9px}.exit-button{display:none}.game-header{height:54px;flex-basis:54px}.scoreboard{top:66px;left:9px;right:9px;gap:7px}.player-card{min-height:70px;padding:8px;gap:7px}.player-avatar{width:40px;height:40px;flex-basis:40px;font-size:20px}.player-info span{display:none}.player-info strong{font-size:13px}.coin-row{gap:5px}.coin-row>b{min-width:25px;padding-left:5px;font-size:25px}.coin-dots{display:none}.game-table{min-height:calc(100vh - 54px);padding:118px 8px 62px;background-position:50% center}.status-card{top:96px;width:calc(100% - 32px);padding:10px}.status-card strong{font-size:22px}.status-card p{font-size:13px}.play-zone{min-height:330px;margin-top:65px}.dice{width:94px;height:94px}.dice i{width:13px;height:13px}.roll-button{min-width:230px;margin-top:38px}.roll-button span{font-size:21px}.rule-tip{bottom:10px;font-size:11px}}

/* Layout app senza scorrimento: header + contenuto + bottom bar */
html,body{height:100%;overflow:hidden}.app-shell{height:100svh;min-height:0;overflow:hidden}.screen{height:100svh;min-height:0;overflow:hidden}.game-screen{position:relative;flex-direction:column;padding-bottom:70px}.game-bottom-bar{display:grid}.game-table{flex:1;min-height:0;padding-top:clamp(118px,17vh,150px);padding-bottom:clamp(45px,6vh,62px)}.scoreboard{top:66px}.player-card{min-height:clamp(68px,10vh,88px);padding-block:8px}.player-avatar{width:clamp(42px,6.5vh,55px);height:clamp(42px,6.5vh,55px);flex-basis:clamp(42px,6.5vh,55px)}.coin-dot{width:clamp(21px,3vh,27px);height:clamp(21px,3vh,27px)}.status-card{top:clamp(88px,13vh,112px);padding-block:clamp(7px,1.3vh,12px)}.status-card strong{font-size:clamp(20px,3vh,27px)}.status-card p{font-size:clamp(12px,1.8vh,16px)}.play-zone{min-height:0;margin-top:clamp(55px,9vh,75px)}.dice{width:clamp(78px,13vh,108px);height:clamp(78px,13vh,108px)}.dice i{width:clamp(10px,1.8vh,15px);height:clamp(10px,1.8vh,15px)}.roll-button{margin-top:clamp(20px,4vh,36px);padding-block:clamp(8px,1.5vh,12px)}.rule-tip{bottom:8px;padding-block:7px}

@media(max-width:700px){.game-screen{padding-bottom:62px}.scoreboard{top:61px}.game-table{min-height:0;padding:98px 8px 44px}.status-card{top:78px}.player-card{min-height:60px;padding:6px}.player-avatar{width:36px;height:36px;flex-basis:36px}.play-zone{min-height:0;margin-top:55px}.dice{width:76px;height:76px;padding:10px}.roll-button{min-width:210px;margin-top:20px;padding:8px 22px}.rule-tip{bottom:5px;padding:5px 8px;font-size:10px}}

@media(max-height:700px) and (min-width:701px){.game-header{height:50px;flex-basis:50px}.header-button,.exit-button{height:36px}.scoreboard{top:57px}.player-card{min-height:62px}.status-card{top:70px}.game-table{padding-top:100px;padding-bottom:40px}.play-zone{margin-top:42px}.rule-tip{font-size:12px}.home-nav{height:62px}.game-screen{padding-bottom:62px}}

/* Partita a pieno tavolo, senza barra superiore */
.game-header{display:none}.scoreboard{top:12px}.game-table{padding-top:clamp(105px,15vh,135px)}.status-card{top:clamp(96px,14vh,122px)}.table-logo{position:absolute;z-index:1;left:50%;top:56%;width:min(390px,42vw);max-height:230px;object-fit:contain;transform:translate(-50%,-50%);opacity:.28;filter:sepia(.25) saturate(.85) drop-shadow(0 5px 5px rgba(0,0,0,.32));pointer-events:none}.play-zone,.status-card,.rule-tip{z-index:2}

@media(max-width:700px){.scoreboard{top:8px}.game-table{padding-top:86px}.status-card{top:72px}.table-logo{top:54%;width:min(310px,74vw);opacity:.25}}

@media(max-height:700px) and (min-width:701px){.scoreboard{top:8px}.status-card{top:62px}.game-table{padding-top:88px}.table-logo{top:55%;width:300px}}

/* Celebrazione vittoria */
.celebration{position:fixed;inset:0;z-index:30;display:none;overflow:hidden;pointer-events:none}.celebration.active{display:block}.coin-rain,.spark-field,.victory-rays{position:absolute;inset:0}.victory-rays{left:50%;top:50%;width:120vmax;height:120vmax;inset:auto;transform:translate(-50%,-50%) scale(.2);opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,206,62,.23) 0deg 7deg,transparent 7deg 18deg);mask-image:radial-gradient(circle,black 0 28%,transparent 68%);animation:rays-in 1.2s ease-out forwards, rays-turn 13s 1.2s linear infinite}.victory-coin{position:absolute;top:-140px;left:0;width:var(--size);height:auto;transform:translate3d(var(--x),-150px,0);filter:drop-shadow(0 8px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,195,30,.45));animation:coin-fall var(--duration) var(--delay) cubic-bezier(.18,.58,.45,1) both}.victory-spark{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);border-radius:50%;background:#fff3a6;box-shadow:0 0 8px #fff,0 0 18px #ffc21c;opacity:0;transform:rotate(var(--angle)) translateX(0);animation:spark-burst 1.5s var(--delay) cubic-bezier(.1,.6,.2,1) both}.celebration.active~.modal.open .modal-card{animation:victory-card-in .8s cubic-bezier(.16,1.35,.3,1) both;box-shadow:0 0 0 1px rgba(255,218,91,.5),0 0 55px rgba(255,174,0,.55),0 30px 90px #000}.celebration.active~.modal.open .modal-crown{animation:crown-dance 1.4s .4s ease-in-out infinite alternate;text-shadow:0 0 18px #ffd64c}.celebration.active~.modal.open h2{color:#ffe376;text-shadow:0 0 18px rgba(255,190,25,.7)}
@keyframes coin-fall{0%{transform:translate3d(var(--x),-160px,0) rotateY(0) rotateZ(0);opacity:0}8%{opacity:1}80%{opacity:1}100%{transform:translate3d(calc(var(--x) + var(--drift)),115vh,0) rotateY(var(--spin)) rotateZ(420deg);opacity:.85}}
@keyframes spark-burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.2)}15%{opacity:1}75%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(0)}}
@keyframes rays-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rays-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes victory-card-in{0%{opacity:0;transform:scale(.35) rotate(-5deg)}65%{transform:scale(1.07) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes crown-dance{to{transform:translateY(-8px) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.victory-coin{animation-duration:.01ms}.victory-spark,.victory-rays{display:none}}

/* Navigazione globale a sole icone */
.screen>.home-nav{display:none!important}.global-bottom-bar{position:fixed;z-index:15;left:0;right:0;bottom:0;height:70px;display:grid;grid-template-columns:repeat(5,74px);justify-content:center;gap:clamp(10px,4vw,56px);padding:8px 14px max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,19,29,.97),rgba(2,8,13,.995));border-top:1px solid rgba(255,194,40,.55);box-shadow:0 -10px 35px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.05)}.nav-icon{position:relative;width:52px;height:52px;place-self:center;display:grid;place-items:center;border:1px solid rgba(255,195,43,.35);border-radius:16px;color:#ffd65a;background:radial-gradient(circle at 50% 20%,#174161,#081824 70%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 rgba(255,190,34,0);cursor:pointer;transition:.22s ease}.nav-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,205,72,.5))}.nav-icon:hover,.nav-icon.active{color:#fff3a8;border-color:#ffd762;transform:translateY(-4px);background:radial-gradient(circle at 50% 20%,#23618b,#0b2538 72%);box-shadow:0 0 13px rgba(255,188,27,.75),0 0 32px rgba(255,174,0,.28),inset 0 0 12px rgba(255,214,96,.14)}.nav-icon.active:after{content:"";position:absolute;bottom:-9px;width:22px;height:3px;border-radius:5px;background:#ffd34c;box-shadow:0 0 10px #ffc21b}.nav-icon:before{content:attr(aria-label);position:absolute;bottom:62px;padding:5px 8px;border:1px solid rgba(255,207,85,.3);border-radius:6px;color:#fff;background:#07131d;font:600 10px system-ui;white-space:nowrap;opacity:0;transform:translateY(5px);pointer-events:none;transition:.18s}.nav-icon:hover:before{opacity:1;transform:none}.login-toggle.logged-in{color:#ff867a;border-color:#d44b42;background:radial-gradient(circle at 50% 20%,#612522,#25100f 72%)}.login-toggle.logged-in svg{transform:scaleX(-1)}

/* Profilo */
.profile-screen{position:relative;padding:clamp(22px,4vh,48px) clamp(20px,5vw,72px) 88px;align-items:center;justify-content:center;background:linear-gradient(rgba(3,9,14,.68),rgba(3,9,14,.88)),url("assets/tinklak-game-table-v2.png") center/cover no-repeat}.profile-wrap{width:min(1120px,100%)}.profile-heading{margin-bottom:clamp(16px,3vh,30px)}.profile-heading p{margin:0;color:#f8bd35;font:800 11px system-ui;letter-spacing:.2em}.profile-heading h1{margin:5px 0 4px;font-size:clamp(34px,5vh,54px);line-height:1}.profile-heading span{color:#bfc6ca;font:14px system-ui}.profile-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(460px,1.5fr);gap:22px}.identity-card,.stats-panel{border:1px solid rgba(220,158,64,.38);border-radius:20px;background:linear-gradient(145deg,rgba(15,31,43,.96),rgba(5,13,20,.97));box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)}.identity-card{padding:clamp(20px,3vh,34px);text-align:center}.photo-wrap{position:relative;width:clamp(100px,16vh,140px);height:clamp(100px,16vh,140px);margin:0 auto 15px;border:3px solid #efb52b;border-radius:50%;background:radial-gradient(circle at 40% 30%,#196495,#082237 70%);box-shadow:0 0 0 7px rgba(248,181,29,.08),0 0 30px rgba(248,181,29,.22);overflow:visible}.photo-wrap img{width:100%;height:100%;display:none;object-fit:cover;border-radius:50%}.photo-wrap span{height:100%;display:grid;place-items:center;color:#fff0ad;font-size:clamp(42px,7vh,68px);font-weight:700}.photo-button{position:absolute;right:-3px;bottom:3px;width:38px;height:38px;display:grid;place-items:center;border:2px solid #f7cb55;border-radius:50%;color:#261600;background:linear-gradient(#ffe276,#efa918);box-shadow:0 5px 14px #000;cursor:pointer}.photo-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.identity-card h2{margin:8px 0 1px;font-size:28px}.identity-card>p{margin:0;color:#aeb9c1;font:12px system-ui}.level-pill{width:max-content;margin:13px auto 20px;padding:6px 12px;border:1px solid rgba(248,181,29,.4);border-radius:99px;color:#ffd65e;background:rgba(248,181,29,.08);font:700 10px system-ui;letter-spacing:.1em}.nickname-editor{text-align:left}.nickname-editor label{display:block;margin-bottom:6px;color:#c9d0d5;font:600 11px system-ui;text-transform:uppercase;letter-spacing:.08em}.nickname-editor>div{display:flex;gap:7px}.nickname-editor input{min-width:0;flex:1;padding:10px 12px;border:1px solid #314858;border-radius:8px;color:#fff;background:#06121c;outline:none}.nickname-editor input:focus{border-color:#efb52b;box-shadow:0 0 0 3px rgba(239,181,43,.12)}.nickname-editor button{padding:0 14px;border:1px solid #ffdf75;border-radius:8px;color:#281700;background:linear-gradient(#ffdb62,#eda315);font-weight:700;cursor:pointer}.nickname-editor small{display:block;min-height:17px;margin-top:5px;color:#62dea0;font:11px system-ui}.stats-panel{padding:clamp(20px,3vh,32px)}.stats-title span{display:block;color:#efb52b;font:800 10px system-ui;letter-spacing:.16em}.stats-title strong{display:block;margin-top:3px;font-size:clamp(22px,3.5vh,31px)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:clamp(15px,2.5vh,24px)}.stat-grid article{padding:clamp(12px,2.2vh,20px) 8px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#07131d}.stat-grid i{display:block;color:#f7c744;font-style:normal;font-size:24px;text-shadow:0 0 12px rgba(255,186,25,.5)}.stat-grid b{display:block;margin:5px 0 1px;font-size:clamp(24px,4vh,34px)}.stat-grid span,.wide-stats span{color:#aeb8bf;font:11px system-ui}.wide-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;padding:clamp(12px,2vh,19px);border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(4,11,17,.8)}.wide-stats div{text-align:center;border-right:1px solid rgba(255,255,255,.1)}.wide-stats div:last-child{border:0}.wide-stats b{display:block;color:#fff1bc;font-size:clamp(20px,3vh,28px)}.wide-stats span{display:block}.profile-actions{display:flex;justify-content:flex-end;margin-top:16px}.danger-button{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(226,76,68,.5);border-radius:8px;color:#ff8c83;background:rgba(132,30,26,.12);font:600 12px system-ui;cursor:pointer}.danger-button:hover{background:rgba(174,39,33,.27)}.danger-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}

@media(max-width:760px){.global-bottom-bar{height:62px;grid-template-columns:repeat(5,1fr);gap:0;padding:5px 4px max(5px,env(safe-area-inset-bottom))}.nav-icon{width:44px;height:44px;border-radius:13px}.nav-icon svg{width:22px;height:22px}.nav-icon:before{display:none}.home-screen,.game-screen{padding-bottom:62px}.profile-screen{padding:20px 14px 76px;align-items:flex-start;overflow-y:auto}.profile-heading{margin-bottom:14px}.profile-grid{grid-template-columns:1fr;gap:12px}.identity-card{padding:18px}.profile-grid .stats-panel{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.wide-stats{grid-template-columns:1fr}.wide-stats div{padding:8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.wide-stats div:last-child{border-bottom:0}}