:root{color-scheme:dark;--bg:#090b0c;--panel:rgba(16,19,20,.95);--panel2:rgba(26,29,29,.9);--ink:#f5f0e7;--muted:#b5aea1;--brass:#d7a35a;--line:rgba(215,163,90,.32);--red:#e0412f;--green:#b4ca96;font-family:Inter,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:.65rem 1rem;color:var(--ink);background:linear-gradient(150deg,#292d2b,#171b1c);box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 18px #0005;transition:transform .18s,filter .18s,border-color .18s,background .18s}button:hover:not(:disabled){border-color:var(--brass);filter:brightness(1.14);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px) scale(.99);filter:brightness(.94)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(140deg,#f2c782,#bd8642);border-color:#f2c782;color:#21170f;font-weight:800;box-shadow:inset 0 1px #ffe4b1,0 8px 28px #0008}button.secondary{background:rgba(13,16,17,.83);border-color:var(--brass)}button.quiet{background:transparent;box-shadow:none}input,select{min-height:44px;max-width:100%;border:1px solid #6d675b;border-radius:4px;background:#121617;color:var(--ink);padding:.6rem .75rem}input:focus,select:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 2px #d7a35a42}:focus-visible{outline:2px solid #f0c483;outline-offset:3px}h1,h2,p{margin:0}h1,h2,.brand,.turn-banner,.shoot,.eyebrow{font-family:Oswald,Impact,sans-serif;text-transform:uppercase}h1{line-height:1;letter-spacing:.075em}h2{font-size:1.15rem;font-weight:500;letter-spacing:.09em}.hidden{display:none!important}.grain{pointer-events:none;position:fixed;inset:0;z-index:2;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:relative;width:100%;height:100%;pointer-events:none}.panel{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 1.5rem),580px);max-height:calc(100dvh - 1.5rem);overflow:auto;overscroll-behavior:contain;padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(145deg,rgba(31,32,29,.98),var(--panel) 60%);border:1px solid var(--line);border-radius:8px;box-shadow:inset 0 1px rgba(255,211,148,.09),0 0 0 7px #0006,0 35px 110px #000d}.panel:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent);opacity:.65}.eyebrow,.mini-label{font-size:.72rem;letter-spacing:.22em;color:var(--brass)}.eyebrow{margin-bottom:.75rem}.intro{color:#d8d0c2;line-height:1.55;margin:1rem 0 1.3rem}.menu h1{font-size:clamp(3.6rem,17vw,6rem);text-align:center;letter-spacing:.11em;text-shadow:0 0 22px #e0412f40;animation:flicker 9s infinite}.menu>.eyebrow{text-align:center}.menu>label,.menu>input{display:block;width:100%}.menu>label,.mode>label,.lobby label,.account-dialog label{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#d7b889;margin-bottom:.4rem}.menu>input{margin:.45rem 0 0}.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:2.5rem;margin-bottom:.2rem;font-size:.8rem}.account-bar button{min-height:32px;padding:.3rem .65rem;background:none;box-shadow:none}.lang-switch{display:flex;gap:.25rem;justify-content:center;margin:.75rem 0 1.5rem}.lang-switch button{min-height:30px;min-width:43px;padding:.2rem .5rem;border-radius:100px;background:#121617;font-size:.7rem;font-weight:800;letter-spacing:.08em;box-shadow:none}.lang-switch button.active{color:#1b130b;background:var(--brass);border-color:var(--brass)}.menu-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin:1.2rem 0}.menu-tabs button{display:flex;align-items:center;justify-content:center;min-height:60px;padding:.45rem .2rem;font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:.76rem;letter-spacing:.03em;line-height:1.15}.menu-tabs button.active{color:var(--brass);border-color:var(--brass);background:#342b20}.mode{padding:1.1rem;border:1px solid var(--line);background:#0e1213ad;border-radius:5px}.mode h2{margin-bottom:.8rem}.mode>input{display:block;width:100%;margin:.45rem 0 .8rem}.mode>button{width:100%;margin-top:.65rem}.row{display:flex;align-items:center;gap:.75rem;margin:.7rem 0}.row label{flex:1;margin:0}.row select{flex:1;min-width:0}.muted{color:var(--muted);font-size:.8rem;line-height:1.45;margin:.8rem 0}.room-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.75rem 0;border-top:1px solid var(--line);font-size:.82rem}.room-row span{overflow-wrap:anywhere}.room-row button{flex:none}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}td,th{text-align:left;padding:.65rem .35rem;border-bottom:1px solid var(--line)}th{color:var(--brass);font-weight:600}.share{display:flex;gap:.5rem;margin:1rem 0 1.4rem}.share input{flex:1;min-width:0;font-size:.72rem}.share button{flex:none}.lobby h1{font-size:clamp(2.1rem,8vw,3.5rem);overflow-wrap:anywhere}.lobby h2{margin:1.1rem 0 .6rem}.seat-row{display:flex;align-items:center;gap:.65rem;padding:.8rem .5rem;border-top:1px solid var(--line);background:linear-gradient(90deg,#26231d55,transparent);min-width:0}.avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--brass);border-radius:50%;background:#392f22;color:#f6cb89;font-family:Oswald,sans-serif;font-style:normal;font-size:1rem}.seat-identity{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-badges{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}.seat-badges small{padding:.2rem .35rem;border:1px solid #514a3d;border-radius:3px;font-size:.62rem;color:#d0c4b2;white-space:nowrap}.seat-badges .host-badge{color:var(--brass)}.seat-badges .is-ready{color:var(--green);border-color:#6b8059}.seat-row button{min-height:30px;padding:.2rem .5rem;font-size:.7rem}.lobby #ready-toggle,.lobby #online-start,.lobby #lobby-rematch{width:100%;margin-top:.8rem}.lobby #host-controls{margin-top:1.1rem;padding-top:.5rem;border-top:1px solid var(--line)}#host-controls>input,#host-controls>button{width:100%;margin:.4rem 0}.chat{margin-top:1.2rem;padding-top:.9rem;border-top:1px solid var(--line)}.chat-messages{height:7rem;overflow:auto;padding:.5rem .65rem;border:1px solid var(--line);background:#0b0f10;font-size:.8rem;line-height:1.4}.chat-messages p{margin:.3rem 0;overflow-wrap:anywhere}.chat-messages strong{color:var(--brass)}.chat-form{display:flex;gap:.4rem;margin-top:.5rem}.chat-form input{flex:1;min-width:0}.chat-form button{flex:none}.account-dialog{pointer-events:auto;width:min(calc(100vw - 1.5rem),390px);padding:1.4rem;background:#141819;color:var(--ink);border:1px solid var(--brass);border-radius:7px;box-shadow:0 30px 100px #000c}.account-dialog::backdrop{background:#050607cc}.account-dialog form{display:grid;gap:.4rem}.account-dialog input{width:100%}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{min-height:32px;padding:.2rem .6rem}.auth-tabs{display:flex;gap:.4rem;margin:.8rem 0}.auth-tabs button{flex:1}.auth-tabs button.active{border-color:var(--brass);color:var(--brass)}.form-error{min-height:1.2em;color:#ff9c8d;font-size:.8rem}#game{position:absolute;inset:0}.hud{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:.5rem;padding:max(.8rem,env(safe-area-inset-top)) 1rem 1.6rem;background:linear-gradient(#080a0bea 65%,transparent);pointer-events:auto}.brand{font-size:1.05rem;letter-spacing:.18em;color:var(--brass)}.counts{text-align:center;min-width:0}.round-track{display:flex;justify-content:center;gap:.22rem;flex-wrap:wrap}.round-shell{width:15px;height:23px;border:1px solid #e4be88;border-radius:7px 7px 3px 3px;background:linear-gradient(#dab884 0 70%,#8a5f31 70%);box-shadow:inset 0 1px #fff4,0 2px 8px #000}.round-shell.live{background:linear-gradient(var(--red) 0 32%,#d0a06c 32% 75%,#8a5f31 75%)}.round-shell.blank{background:linear-gradient(#727978 0 32%,#aa9b7b 32% 75%,#716047 75%)}.round-legend{margin-top:.2rem;color:#ddd1c0;font-size:.64rem;letter-spacing:.05em}.hud-tools{display:flex;justify-content:flex-end;align-items:center;gap:.45rem}.settings-toggle{min-width:36px;min-height:36px;padding:.2rem;font-size:1rem}.timer{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:radial-gradient(closest-side,#131717 82%,transparent 84%),conic-gradient(var(--red) var(--progress),#464947 0);font-family:Oswald,sans-serif;font-size:1.15rem;font-weight:600}.lives{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.life-row{display:flex;align-items:center;gap:.35rem;padding:.22rem .48rem;border:1px solid #605444;background:#111617de;font-size:.7rem}.life-row.acting{border-color:var(--brass);box-shadow:inset 0 0 12px #d7a35a25}.life-row.out{opacity:.42}.life-row .avatar{width:22px;height:22px;font-size:.7rem}.life-row strong{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.life-dots{display:flex;gap:.18rem}.life-dots i{width:8px;height:8px;border:1px solid #8a8275;border-radius:50%;background:#323637}.life-dots i.lit{border-color:#ffd08a;background:var(--brass);box-shadow:0 0 8px var(--brass)}.settings-popover{pointer-events:auto;position:absolute;top:3.5rem;right:1rem;z-index:8;padding:.75rem 1rem;background:#111617f7;border:1px solid var(--brass);box-shadow:0 12px 30px #000a;text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.settings-popover .lang-switch{margin:.5rem 0 0}.turn-banner{position:absolute;top:clamp(7rem,18dvh,10rem);left:50%;transform:translateX(-50%);max-width:90vw;padding:.4rem 1.2rem;border:1px solid var(--line);background:#101516e8;color:#e4d3bb;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1em;font-size:1rem}.turn-banner.mine{border-color:var(--brass);color:#ffd594;box-shadow:0 0 22px #d7a35a40;animation:turnPulse 2s ease-in-out infinite}.beat{position:absolute;left:50%;top:clamp(10.5rem,28dvh,16rem);transform:translateX(-50%);width:min(90vw,550px);text-align:center;color:#fff2da;font-family:Oswald,sans-serif;font-size:clamp(1rem,3vw,1.5rem);text-shadow:0 2px 8px #000,0 0 16px #000}.bottom{pointer-events:auto;position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.8rem .7rem max(.8rem,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080a0bf2 22%);max-height:48dvh;overflow:auto}.inventory-wrap{width:min(100%,800px);padding:.5rem .65rem;border:1px solid #725d40a8;background:#121617d9;box-shadow:inset 0 1px #d7a35a1c}.mini-label{display:block;margin-bottom:.4rem;font-family:Oswald,sans-serif;text-transform:uppercase}.inventory{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.item-card{display:flex;align-items:center;gap:.35rem;min-height:38px;padding:.3rem .55rem;font-size:.7rem;white-space:nowrap}.item-card svg{color:var(--brass);width:20px;height:20px}.empty-inventory{font-size:.75rem;color:var(--muted)}.choices{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;width:min(100%,850px)}.shoot{display:flex;align-items:center;justify-content:center;gap:.6rem;flex:1 1 160px;min-height:64px;padding:.7rem .8rem;font-size:clamp(1rem,3vw,1.25rem);font-weight:600;letter-spacing:.04em}.shoot svg{flex:none}.shoot.self{background:linear-gradient(135deg,#72281f,#b03527);border-color:var(--red);color:#fff1ec;box-shadow:inset 0 1px #f99682,0 10px 25px #5d0d0b77}.shoot.opponent{background:linear-gradient(140deg,#e7ba73,#ad7740);border-color:#e8b96b;color:#1b140e;box-shadow:inset 0 1px #ffdb9c,0 10px 25px #0008}.inline-picker{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;width:100%;padding:.65rem;background:#14191aee;border:1px solid var(--brass)}.inline-picker>strong{width:100%;text-align:center;color:var(--brass)}.tooltip{pointer-events:none;position:absolute;left:50%;bottom:clamp(11rem,35dvh,18rem);transform:translateX(-50%);width:min(90vw,330px);padding:.65rem .9rem;background:#111717f5;border:1px solid var(--brass);box-shadow:0 12px 30px #000a;text-align:center;font-size:.76rem;line-height:1.4;z-index:5}.tooltip strong{display:block;margin-bottom:.2rem;color:#f4c67f}.skip{pointer-events:auto;position:absolute;top:25%;right:.7rem;min-height:32px;padding:.25rem .55rem;font-size:.7rem}.game-chat{pointer-events:auto;position:absolute;right:.7rem;top:clamp(12rem,35dvh,20rem);width:min(88vw,290px);z-index:6;padding:.4rem;background:#111617f5;border:1px solid var(--line);box-shadow:0 15px 35px #0008}.game-chat>button{width:100%;min-height:34px;text-align:left}.game-chat .chat-messages{height:7rem}.game-chat .chat-form button{padding:.4rem}.notice{pointer-events:none;position:absolute;left:50%;top:5.4rem;transform:translateX(-50%);z-index:20;width:min(90vw,410px);padding:.7rem 1rem;background:#561d19;color:#fff;border:1px solid var(--red);text-align:center;box-shadow:0 12px 30px #000a}.end{text-align:center}.end h1{font-size:clamp(2rem,8vw,3.5rem);margin:1rem 0 1.4rem}.end button{width:100%;margin:.3rem 0}#hit-flash{pointer-events:none;position:fixed;inset:0;background:#b9140b;opacity:0}#hit-flash.active{animation:hit .28s ease-out}#aim-vignette{pointer-events:none;position:fixed;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at center,transparent 24%,#100c0cad 76%,#080809ed 100%)}#aim-vignette.active{opacity:1}@keyframes hit{0%{opacity:.55}100%{opacity:0}}@keyframes turnPulse{50%{box-shadow:0 0 35px #d7a35a80}}@keyframes flicker{0%,93%,95%,100%{opacity:1}94%{opacity:.82}96%{opacity:.96}}@media(max-width:600px){.menu-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-tabs button{min-height:46px}.hud{grid-template-columns:1fr auto;padding:.5rem .5rem 1.3rem}.brand{display:none}.counts{grid-column:1;grid-row:1}.hud-tools{grid-column:2;grid-row:1}.round-track{justify-content:flex-start}.round-legend{text-align:left}.lives{gap:.2rem}.life-row{padding:.15rem .28rem;font-size:.6rem}.life-row strong{max-width:4rem}.life-row .avatar{width:18px;height:18px}.turn-banner{top:6.5rem;font-size:.8rem}.beat{top:9rem}.bottom{max-height:46dvh;gap:.45rem;padding-left:.4rem;padding-right:.4rem}.shoot{flex-basis:calc(50% - .4rem);min-height:58px;font-size:.93rem;padding:.45rem}.shoot svg{width:19px;height:19px}.seat-row{flex-wrap:wrap}.seat-badges{width:100%;justify-content:flex-start;padding-left:2.4rem}.game-chat{top:10rem}.tooltip{bottom:43%}}@media(max-width:380px){.panel{padding:1rem}.menu h1{font-size:3.2rem}.menu-tabs button{font-size:.67rem}.round-shell{width:12px;height:18px}.life-row .avatar{display:none}.seat-row{gap:.35rem}.share button{padding:.5rem;font-size:.72rem}}@media(orientation:landscape) and (max-height:550px){.hud{padding-top:.25rem}.lives{padding:0}.turn-banner{top:3.5rem}.beat{top:5.5rem}.bottom{max-height:55dvh;padding:.25rem}.shoot{min-height:42px}.inventory-wrap{padding:.2rem}.item-card{min-height:30px}.game-chat{top:6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
button.primary:not(.shoot)::before{content:"◆";display:inline-block;margin-right:.55em;font-size:.65em;vertical-align:.16em}button.secondary:not(.shoot)::before{content:"↗";display:inline-block;margin-right:.45em;color:var(--brass)}

/* Cinematic control finish */
:root{--brass:#e8bd73;--line:rgba(232,189,115,.3);--ink:#f8f3e9;--muted:#c2b9aa}
body{font-family:Inter,system-ui,sans-serif;letter-spacing:.005em}
.panel{max-height:calc(100dvh - max(1.5rem, var(--tg-safe-top, env(safe-area-inset-top))) - max(1.5rem, var(--tg-safe-bottom, env(safe-area-inset-bottom))))}
.hud{padding-top:max(.75rem, var(--tg-safe-top, env(safe-area-inset-top)))}
.bottom{padding-bottom:max(1rem, var(--tg-safe-bottom, env(safe-area-inset-bottom)))}
.share{flex-wrap:wrap}.share input{flex-basis:100%}
#tg-login{width:100%;margin-top:1rem}#auth-cancel{width:100%}
h1,h2,.brand,.eyebrow,.mini-label,.turn-banner,.beat,.shoot,.menu-tabs button{font-family:Oswald,Impact,sans-serif}
h1{font-weight:600;letter-spacing:.075em}h2{font-size:1.35rem;font-weight:500;letter-spacing:.11em}
.menu h1{font-size:clamp(3.5rem,16vw,6rem);text-shadow:none;animation:none}
.menu .intro{max-width:35ch;margin:1rem auto 1.4rem;text-align:center}
.eyebrow,.mini-label,.round-legend,.seat-badges small{letter-spacing:.16em;text-transform:uppercase}
.panel,.account-dialog{border:1px solid rgba(232,189,115,.38);border-radius:14px;background:linear-gradient(145deg,rgba(32,33,30,.97),rgba(10,14,15,.97) 65%);box-shadow:inset 0 1px rgba(255,224,175,.14),0 22px 70px #000b,0 0 0 1px #0008}
.mode,.settings-popover,.game-chat,.inline-picker{border-radius:14px;background:linear-gradient(145deg,rgba(28,31,30,.94),rgba(11,15,16,.94));border:1px solid var(--line)}
.mode{padding:1.15rem}
button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:9px;padding:.65rem 1rem;background:linear-gradient(150deg,#303534,#171b1b);border:1px solid rgba(232,189,115,.27);box-shadow:inset 0 1px #ffffff13,0 7px 17px #0006;color:var(--ink);font-weight:600;line-height:1.15;transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease}
button .ui-icon{flex:none;width:18px;height:18px}
button:hover:not(:disabled){transform:translateY(-2px);filter:none;border-color:var(--brass);box-shadow:inset 0 1px #ffffff26,0 10px 24px #0009,0 0 17px #e8bd7333}
button:active:not(:disabled){transform:scale(.97);filter:brightness(.82)}
button:disabled{filter:saturate(.15);opacity:.47;cursor:not-allowed}
button.primary,.shoot.opponent{overflow:hidden;background:linear-gradient(145deg,#e8bd73,#b07a33);color:#21170f;border-color:#e8bd73;box-shadow:inset 0 1px #ffdf9e,0 9px 24px #0009}
button.primary::after{content:"";pointer-events:none;position:absolute;z-index:-1;inset:-40% auto -40% -65%;width:42%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff7d780,transparent);transition:left .55s ease}
button.primary:hover:not(:disabled)::after{left:125%}
button.primary:active:not(:disabled),.shoot.opponent:active:not(:disabled){background:linear-gradient(145deg,#bb8f4f,#866020)}
button.primary:not(.shoot)::before,button.secondary:not(.shoot)::before{content:none}
button.secondary,.shoot.opponent{border-color:rgba(232,189,115,.75)}
.shoot.opponent{background:linear-gradient(145deg,rgba(43,46,43,.95),rgba(11,16,17,.95));color:#f5dfb7;box-shadow:inset 0 1px #fff2,0 9px 24px #000a}
.shoot.opponent:hover:not(:disabled){box-shadow:inset 0 1px #fff2,0 10px 25px #000a,0 0 25px #e8bd7366}
.shoot.opponent:active:not(:disabled){background:linear-gradient(145deg,#252822,#0a0d0d)}
.shoot.self{background:linear-gradient(145deg,#b3271c,#6e130d);border-color:#dc4a38;color:#fff1e9;box-shadow:inset 0 1px #ff9a7a88,0 9px 25px #7d130e99,0 0 18px #9c1f1980}
.shoot.self:active:not(:disabled){background:linear-gradient(145deg,#861c15,#4e0e0a)}
button.quiet{background:transparent;border-color:transparent;box-shadow:none;color:#d0c4b3}
button.quiet:hover:not(:disabled){border-color:var(--line);color:var(--ink)}
:where(button,input,select):focus-visible{outline:2px solid #f5cd87;outline-offset:3px;box-shadow:0 0 0 5px #21170f,0 0 0 7px #e8bd7380}
input,select{border-radius:8px;background:#0d1213;border-color:#655c4e}
input:focus,select:focus{border-color:var(--brass);box-shadow:0 0 0 3px #e8bd7333}
.menu-tabs,.auth-tabs,.lang-switch{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#090d0de8}
.menu-tabs button,.auth-tabs button,.lang-switch button{flex:1;min-width:0;border:0;border-radius:7px;box-shadow:none;background:transparent;color:#c8bdae}
.menu-tabs button{flex-direction:column;gap:.3rem;min-height:64px;font-size:.8rem;letter-spacing:.08em}
.menu-tabs button .ui-icon{width:17px;height:17px}
.menu-tabs button.active,.auth-tabs button.active,.lang-switch button.active{background:linear-gradient(145deg,#5e492b,#2b241a);color:#ffe0a2;box-shadow:inset 0 1px #ffffff20,0 2px 7px #0008}
.lang-switch{width:max-content;max-width:100%;margin:.75rem auto 1.5rem}
.lang-switch button{min-width:44px;min-height:44px;padding:.4rem .65rem;font-size:.73rem}
.account-bar button,.seat-row button,.dialog-head button,.settings-toggle,.game-chat>button,.skip{min-height:44px}
.settings-toggle,.dialog-head button{width:44px;height:44px;border-radius:50%;padding:.4rem}
.settings-toggle{font-size:0}.settings-toggle .ui-icon{width:20px;height:20px}
.share button,.chat-form button{min-width:44px}
.seat-badges .host-badge{display:inline-flex;align-items:center;gap:.25rem}
.seat-badges .host-badge svg{width:13px;height:13px}
.hud{padding-top:max(.75rem,env(safe-area-inset-top))}
.counts{padding:.35rem .6rem;border:1px solid var(--line);border-radius:100px;background:#0b1011e8;box-shadow:inset 0 1px #ffffff12,0 5px 18px #0008}
.round-track{gap:.26rem}.round-shell{width:12px;height:19px;border-radius:6px 6px 3px 3px}.round-legend{font-size:.6rem}
.life-row{border-radius:100px;padding:.28rem .6rem;background:#0d1212ea}
.life-dots i{width:8px;height:8px}.life-dots i.lit{box-shadow:0 0 6px #e8bd73,0 0 12px #e8bd7380}
.timer{width:46px;height:46px;border:1px solid #564333;box-shadow:0 0 15px #b3271c44;background:radial-gradient(closest-side,#101516 78%,transparent 81%),conic-gradient(#e8bd73 var(--progress),#3b3530 0)}
.turn-banner,.beat{left:50%;width:min(90vw,640px);max-width:none;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;background:radial-gradient(ellipse at center,#080b0be8 0%,#080b0bb0 42%,transparent 75%);border:0;color:#f8ebd4;text-shadow:0 2px 12px #000,0 0 24px #000;font-weight:600;line-height:1.12}
.turn-banner{top:clamp(7rem,18dvh,11rem);padding:1rem 1.5rem;font-size:clamp(1.45rem,4vw,2.4rem);letter-spacing:.12em;animation:announceIn .4s ease-out both}
.turn-banner::before,.turn-banner::after,.beat::before,.beat::after{content:"";display:block;width:min(11rem,50%);height:1px;margin:.5rem auto;background:linear-gradient(90deg,transparent,#e8bd73,transparent)}
.turn-banner.mine{border:0;color:#ffd994;box-shadow:none;animation:announceIn .4s ease-out both}
.beat{top:clamp(12rem,31dvh,19rem);padding:.6rem 1rem;font-size:clamp(1.35rem,3.7vw,2.2rem);letter-spacing:.05em}
.beat.enter{animation:announceIn .4s ease-out both}
@keyframes announceIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.bottom{gap:.85rem;padding:1rem max(.7rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left));background:linear-gradient(transparent,#080a0bf5 19%)}
.inventory-wrap{border-radius:14px;padding:.6rem .7rem;background:#0d1212dc}
.item-card{min-height:48px;border-radius:9px;padding:.45rem .65rem;background:linear-gradient(145deg,#2d302b,#13191a);font-size:.72rem}
.item-card svg{width:22px;height:22px}.item-card.selected{border-color:#f4c884;box-shadow:inset 0 1px #fff3,0 0 20px #e8bd7355}
.choices{align-items:stretch;gap:.65rem}.shoot{flex:1 1 150px;min-height:66px;border-radius:100px;padding:.8rem 1.1rem;letter-spacing:.07em;overflow-wrap:anywhere}
.tooltip{border-radius:10px;background:#111717f7}.tooltip strong{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:1rem}
@media(max-width:600px){.menu-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.menu-tabs button{min-height:58px}.counts{padding:.25rem .4rem}.round-track{justify-content:center}.round-legend{text-align:center}.turn-banner{top:6.8rem;font-size:1.35rem}.beat{top:10.7rem;font-size:1.35rem}.bottom{max-height:48dvh}.shoot{flex-basis:calc(50% - .35rem);min-height:60px;font-size:.95rem}.game-chat{top:12rem}}
@media(max-width:380px){.panel{width:calc(100vw - 1rem);padding:1rem}.menu h1{font-size:3.4rem}.menu-tabs button{font-size:.65rem}.choices{gap:.35rem}.shoot{font-size:.86rem;padding:.6rem .4rem}.shoot svg{width:18px;height:18px}.inventory{gap:.3rem}.item-card{font-size:.65rem;padding:.35rem .45rem}.round-shell{width:10px;height:17px}.turn-banner{top:6.4rem}}
@media(prefers-reduced-motion:reduce){.turn-banner,.turn-banner.mine,.beat.enter{animation:none}button.primary::after{transition:none}}

button.primary::after{z-index:0}.beat:empty{display:none}.ui-icon{pointer-events:none}
.hud{padding-top:max(.75rem,var(--tg-safe-top,env(safe-area-inset-top)))}
.bottom{padding-bottom:max(1rem,var(--tg-safe-bottom,env(safe-area-inset-bottom)))}

/* logotip rasm sifatida: asl bannerdagi oltin yozuv */
.logo-title{margin:.2em 0}.logo-title img{display:block;margin:0 auto;width:min(100%,360px);height:auto;filter:drop-shadow(0 0 18px rgba(215,163,90,.25))}.brand img{display:block;height:18px;width:auto}

/* o'yin ichidagi chat: o'ng pastda, buyumlar panelidan tepada (sahna markazini to'smasin) */
.game-chat{top:auto!important;bottom:calc(11.5rem + env(safe-area-inset-bottom,0px));width:min(70vw,240px)}
/* Player feedback and compact game controls */
#scene{touch-action:none}.hud{z-index:4;grid-template-columns:1fr auto;gap:.25rem;padding-inline:max(.45rem,env(safe-area-inset-left)) max(.45rem,env(safe-area-inset-right))}.brand{display:none}.counts{grid-column:1;grid-row:1;text-align:left}.hud-tools{grid-column:2;grid-row:1}.lives{grid-column:1/-1;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;max-width:100%;scrollbar-width:thin}.life-row{flex:none}.round-track{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:.15rem .15rem .4rem}.round-shell{position:relative;flex:none;display:grid;place-items:center;color:#f8f5eb;font-size:.75rem;font-weight:800}.round-shell.unknown{border-color:#a29b8c;background:linear-gradient(#565c5b,#343b3c)}.round-shell.next{transform:scale(1.13);margin-inline:.2rem}.round-shell.next:after{content:'⌃';position:absolute;bottom:-.7rem;color:var(--brass);font-size:.8rem}.vest-icon{color:#7fd5ff;font-size:1.2rem}.turn-banner{z-index:4;top:calc(max(.75rem,var(--tg-safe-top,env(safe-area-inset-top))) + 7.8rem);padding:.35rem .8rem;font-size:clamp(1rem,4vw,1.8rem)}.turn-banner.mine{color:#ffe09d;text-shadow:0 0 12px #f9b957,0 0 28px #d78a32;animation:turnPulse .7s ease-in-out 3}.turn-pulse:after{content:'';pointer-events:none;position:fixed;inset:0;z-index:8;animation:edgePulse 1s ease-out;border:8px solid #e8bd73}.beat{z-index:5;top:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,8vw,4rem);font-weight:800}.beat.live{color:#ff554c;text-shadow:0 0 25px #b51712}.beat.live:not(.saved){animation:announceIn .4s, resultShake .45s}.beat.blank{color:#f0f7ff;text-shadow:0 0 24px #9ac8ff}.beat.saved{color:#75caff;text-shadow:0 0 24px #2189d9}.round-result{pointer-events:none;position:absolute;z-index:12;left:50%;top:48%;transform:translate(-50%,-50%);width:min(90vw,560px);padding:1.2rem;text-align:center;border:2px solid currentColor;border-radius:16px;background:#0a1012f5;font:800 clamp(1.9rem,7vw,3.5rem) Oswald,sans-serif;box-shadow:0 22px 70px #000d}.round-result.live{color:#ff554c}.round-result.blank{color:#eef6ff}.player-labels{pointer-events:none;position:absolute;inset:0;z-index:3}.player-label{position:absolute;transform:translate(-50%,-100%);display:grid;justify-items:center;min-width:75px;max-width:130px;padding:.25rem .4rem;border:1px solid #b9985b;border-radius:8px;background:#0b1111df;text-align:center;text-shadow:0 2px 5px #000;font-size:.7rem}.player-label strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-label.active{box-shadow:0 0 15px #e8bd73;color:#ffe0a3}.player-label.dead{opacity:.4}.label-lives{color:#e8bd73;font-size:.68rem}.label-flash{position:absolute;bottom:100%;font-size:1.7rem;animation:floatFeedback 1.3s ease-out forwards}.label-flash.damage{color:#ff5147}.label-flash.heal{color:#8ce18b}.label-flash.saved{color:#76ccff}.bottom{z-index:5;max-height:35dvh;overflow:visible;gap:.35rem;padding:.25rem max(.4rem,env(safe-area-inset-right)) max(.4rem,var(--tg-safe-bottom,env(safe-area-inset-bottom))) max(.4rem,env(safe-area-inset-left))}.inventory-wrap{padding:.25rem .4rem}.mini-label{margin-bottom:.15rem}.inventory{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.item-card{flex:none}.choices{flex-wrap:nowrap;overflow-x:auto}.shoot{min-height:48px;flex:1 0 120px;padding:.45rem;font-size:.85rem}.skip{z-index:7;top:auto;bottom:calc(8rem + var(--tg-safe-bottom,env(safe-area-inset-bottom)));right:max(.5rem,env(safe-area-inset-right));min-height:30px;padding:.25rem .6rem;border-radius:100px;opacity:.75}.game-chat{z-index:8;top:auto!important;right:auto;left:max(.5rem,env(safe-area-inset-left));bottom:calc(8rem + var(--tg-safe-bottom,env(safe-area-inset-bottom)));width:auto;padding:0;border:0;background:none;box-shadow:none}.game-chat>button{width:44px;height:44px;min-height:44px;border-radius:50%;font-size:1.4rem}.game-chat #game-chat-body{position:absolute;left:0;bottom:50px;width:min(86vw,290px);padding:.5rem;border:1px solid var(--line);border-radius:12px;background:#111617f7;box-shadow:0 15px 35px #000a}#chat-unread{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:var(--red);color:white;font-size:.6rem}.timer.urgent{color:#ff6a5e;background:radial-gradient(closest-side,#131717 78%,transparent 81%),conic-gradient(#ff342c var(--progress),#481b1b 0);animation:timerPulse 1s infinite}.settings-popover{z-index:9;top:calc(max(.75rem,var(--tg-safe-top,env(safe-area-inset-top))) + 3rem)}
@keyframes edgePulse{from{opacity:.8;box-shadow:inset 0 0 35px #e8bd73}to{opacity:0;box-shadow:inset 0 0 90px #e8bd73}}@keyframes resultShake{25%{margin-left:-8px}50%{margin-left:8px}75%{margin-left:-4px}}@keyframes floatFeedback{to{transform:translateY(-40px);opacity:0}}@keyframes timerPulse{50%{box-shadow:0 0 20px #ff342c}}
@media(max-width:600px){.hud{grid-template-columns:minmax(0,1fr) auto}.round-shell{width:13px;height:20px}.turn-banner{top:calc(max(.5rem,var(--tg-safe-top,env(safe-area-inset-top))) + 7rem);font-size:1.05rem}.beat{top:48%}.bottom{max-height:32dvh}.shoot{min-height:44px;font-size:.8rem}.skip,.game-chat{bottom:calc(6.8rem + var(--tg-safe-bottom,env(safe-area-inset-bottom)))}}
@media(orientation:landscape) and (max-height:550px){.hud{grid-template-columns:minmax(0,1fr) auto;width:100%;padding-top:max(.2rem,env(safe-area-inset-top))}.lives{max-width:65vw}.turn-banner{top:3.7rem;max-width:42vw;left:50%;font-size:.95rem}.beat{top:50%;max-width:45vw}.bottom{max-width:45vw;left:auto;max-height:55dvh}.skip{bottom:calc(5rem + env(safe-area-inset-bottom))}.game-chat{bottom:calc(1rem + env(safe-area-inset-bottom))}}

/* o‘qlar paneli: ekran bo‘ylab cho‘zilmasin, tepada o‘rtada ixcham tursin */
.hud .counts{justify-self:center;width:max-content;max-width:100%;padding-inline:.9rem;text-align:center}
.hud .lives{justify-content:center}
/* Rating and progression */
.progress-strip{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .7rem;margin:.7rem 0;padding:.55rem .65rem;border-color:var(--line);background:#121817;color:var(--ink);font-size:.68rem}.strip-xp{min-width:90px;flex:1;max-width:160px;text-align:left}.strip-xp small{display:block;margin-top:.15rem;color:var(--muted)}.progress-track{display:block;width:100%;height:6px;overflow:hidden;border-radius:100px;background:#444037}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a86c30,#f5d495);transition:width .7s ease}.level-badge,.rating-badge{display:inline-flex;align-items:center;white-space:nowrap;flex:none;padding:.15rem .4rem;border:1px solid var(--brass);border-radius:100px;color:#ffdb9b;background:#4b3825;font-size:.68rem;font-weight:700}.rating-badge{border-color:#6f695d;color:#e2d7c5;background:#252521}.player-progress{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.profile-link{cursor:pointer;text-decoration:underline;text-decoration-color:#c49758;text-underline-offset:3px}.profile-link:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.life-row .player-progress{font-size:.6rem}.life-row .level-badge,.life-row .rating-badge{font-size:.55rem;padding:.08rem .3rem}.seat-badges .player-progress{margin-right:.3rem}.profile-dialog{pointer-events:auto;width:min(calc(100vw - 1rem),580px);max-height:calc(100dvh - 1rem);overflow:auto;padding:1rem;border:1px solid var(--brass);border-radius:14px;background:#141919;color:var(--ink);box-shadow:0 25px 90px #000d}.profile-dialog::backdrop{background:#050607dd}.profile-hero{display:flex;align-items:center;gap:.8rem;margin:.8rem 0}.profile-avatar{width:54px;height:54px;font-size:1.7rem}.profile-identity{display:flex;align-items:flex-start;flex-direction:column;gap:.35rem;min-width:0}.profile-identity strong{overflow-wrap:anywhere;font-size:1.25rem}.profile-xp{display:grid;gap:.35rem;margin:.75rem 0;color:var(--muted);font-size:.75rem}.profile-summary,.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.7rem 0}.profile-summary>div,.profile-stats-grid>div{min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#151b1a}.profile-summary small,.profile-stats-grid small{display:block;color:var(--muted);font-size:.68rem}.profile-summary strong,.profile-stats-grid strong{display:block;margin-top:.25rem;color:#ffe0a7;font:600 1.2rem Oswald,sans-serif}.profile-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-stats-grid>div{padding:.5rem .3rem;text-align:center}.profile-stats-grid small{overflow-wrap:anywhere}.mode h3,.profile-dialog h3,.end h3{margin:1.2rem 0 .6rem;color:var(--brass);font:500 1rem Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase}.mission-list{display:grid;gap:.45rem}.mission-row{padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:#101514;text-align:left}.mission-row.done{border-color:#72905e}.mission-row.just-done{animation:badgePop .55s ease-out;background:#263524}.mission-title{display:flex;justify-content:space-between;gap:.5rem;align-items:center;font-size:.78rem}.done-tick{color:#a9df8d;font-size:.65rem;white-space:nowrap}.mission-row .progress-track{margin:.45rem 0}.mission-meta{color:var(--muted);font-size:.66rem}.reset-countdown{margin:.7rem 0;color:var(--muted);font-size:.75rem}.reset-countdown strong{color:var(--brass)}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.achievement-card{display:grid;justify-items:start;align-content:start;gap:.2rem;min-width:0;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#171c1b;text-align:left}.achievement-card.locked{opacity:.48;filter:grayscale(1)}.achievement-icon{color:var(--brass);font-size:1.25rem}.achievement-card strong{font-size:.78rem}.achievement-card small{color:var(--muted);font-size:.67rem;line-height:1.35}.achievement-card time{color:#a9df8d;font-size:.65rem}.ranking-controls{display:flex;gap:3px;margin:.5rem 0;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0d1212}.ranking-controls button{min-width:0;flex:1;padding:.4rem .2rem;font-size:.7rem;box-shadow:none}.ranking-controls button.active{background:#4a3823;border-color:var(--brass);color:#ffe0a5}.ranking-refresh{display:block;margin-left:auto;font-size:.7rem}.leaderboard-list{display:grid;gap:.3rem}.ranking-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.3rem;padding:.45rem .3rem;border-bottom:1px solid var(--line);font-size:.75rem}.ranking-row.mine{border:1px solid var(--brass);border-radius:7px;background:#4c391e77}.ranking-row.pinned{margin-top:.65rem}.ranking-place{font-weight:800;color:var(--brass)}.ranking-place.medal{font-size:1.1rem}.ranking-name{justify-content:flex-start;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.2rem;font-size:.75rem}.ranking-row .player-progress{grid-column:2;grid-row:2}.ranking-value{grid-column:3;grid-row:1/3;text-align:right;color:#ffe0a5;white-space:nowrap}.result-place{color:var(--brass);font-size:1.6rem}.result-rating{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:.5rem 0;font-family:Oswald,sans-serif}.result-rating small{font-family:Inter,sans-serif;color:var(--muted)}.result-rating strong{font-size:2rem}.result-rating b{font-size:1.4rem}.result-rating.gain b{color:#a9df8d}.result-rating.loss b{color:#ff8d7f}.result-xp{display:grid;gap:.35rem;margin:.7rem 0;color:var(--brass)}.result-xp small{font-size:.7rem}.level-up{margin:.65rem 0;color:#ffe2a0;font:700 1.35rem Oswald,sans-serif;animation:badgePop .55s ease-out}.result-streak{margin:.6rem 0;color:#ffc07b}.result-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem}.result-badge{padding:.4rem .6rem;border:1px solid var(--brass);border-radius:100px;background:#433320;color:#ffe2a9;font-size:.75rem;animation:badgePop .5s ease-out}.end #result-content{text-align:center}.end #bot-progress-hint{margin:0 0 1rem}@keyframes badgePop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:380px){.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-row{grid-template-columns:1.7rem minmax(0,1fr) auto}.ranking-row .rating-badge{display:none}.progress-strip{font-size:.62rem}}@media(prefers-reduced-motion:reduce){.mission-row.just-done,.level-up,.result-badge{animation:none}.progress-fill{transition:none}}

/* Identity and progression finish */
.tier-bronze{--tier:#b9743b;--tier-light:#e8ab70}.tier-silver{--tier:#b9c2cc;--tier-light:#e7eef6}.tier-gold{--tier:#e7b84f;--tier-light:#ffe39a}.tier-emerald{--tier:#3fbf8f;--tier-light:#9cf2c9}.tier-sapphire{--tier:#4f8df0;--tier-light:#a3c6ff}.tier-ruby{--tier:#e0455a;--tier-light:#ff9aa9}
.panel{max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)) - max(1rem,env(safe-area-inset-bottom)));border-radius:16px}
.menu{padding-top:clamp(1rem,3vw,1.7rem)}.menu .logo-title{margin:.8rem 0 .2rem}.menu .logo-title img{width:min(100%,310px)}.menu .intro{margin:.25rem 0 1rem;text-align:center;color:#e1d2b9;font-size:.86rem;letter-spacing:.025em}
.account-bar{justify-content:space-between;gap:.5rem;margin:0 0 .4rem;min-width:0}.header-tools{display:flex;align-items:center;gap:.3rem;flex:none}.account-bar .lang-switch{margin:0}.account-bar .lang-switch button{min-width:30px;padding:.2rem .3rem}.account-chip{display:flex;align-items:center;gap:.45rem;min-width:0;max-width:50%;padding:.2rem .5rem .2rem .2rem!important;border-radius:100px!important;background:#202623!important;border-color:#6d5a39!important;color:var(--ink)}.account-chip .avatar{width:30px;height:30px}.account-chip:not(.hidden){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar #logout{font-size:1.1rem;padding:.2rem .45rem}.account-bar #account-open{font-size:.72rem}
#guest-name{margin:.5rem 0}#guest-name label{display:block;margin-bottom:.35rem;color:#d7b889;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}#guest-name input{width:100%}
.menu-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}.menu-tabs button{display:grid;grid-template-columns:23px minmax(0,1fr);align-content:center;justify-items:start;column-gap:.55rem;row-gap:.15rem;min-height:66px;padding:.7rem;border-radius:9px;text-align:left;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:750;letter-spacing:0;text-transform:none}.menu-tabs .ui-icon{grid-row:1/3;color:var(--brass)}.menu-tabs button>span{line-height:1.1}.menu-tabs button small{grid-column:2;font:400 .63rem/1.2 Inter,system-ui,sans-serif;color:var(--muted);letter-spacing:0;text-transform:none}.menu-tabs button.active{box-shadow:inset 0 1px #e4ba7855,0 0 18px #d7a35a1e}
.mode{border-radius:10px;padding:1rem;animation:sectionIn .25s ease-out}.mode .primary{min-height:52px;font-size:.95rem;letter-spacing:.035em}.mode h2{color:#f2dfbc}.room-row{gap:.4rem}
.avatar.player-avatar{position:relative;display:grid;place-items:center;overflow:hidden;width:36px;height:36px;flex:none;border:2px solid var(--tier,#b9743b);background:hsl(var(--avatar-hue,32) 35% 23%);color:#fff;font-weight:800;box-shadow:0 0 12px color-mix(in srgb,var(--tier,#b9743b) 35%,transparent)}.avatar.player-avatar img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover}.avatar.player-avatar.large{width:76px;height:76px;font-size:1.7rem;border-width:4px;box-shadow:0 0 0 3px #151a18,0 0 24px color-mix(in srgb,var(--tier) 50%,transparent)}.avatar.player-avatar.large:before{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(var(--tier) var(--ring-progress,0%),#3a3d3a 0);z-index:-1}
.level-badge[class*="tier-"],.tier-name[class*="tier-"]{color:var(--tier-light);border-color:var(--tier);background:color-mix(in srgb,var(--tier) 17%,#111);box-shadow:0 0 13px color-mix(in srgb,var(--tier) 22%,transparent)}.tier-name{padding:.1rem .4rem;border:1px solid;border-radius:100px;font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.progress-track[class*="tier-"] .progress-fill{background:linear-gradient(90deg,var(--tier),var(--tier-light));box-shadow:0 0 10px var(--tier)}.progress-track.is-done .progress-fill{background:linear-gradient(90deg,#3fbf8f,#a6e9a2)}
.progress-strip{display:grid;gap:.5rem;margin:.8rem 0;padding:.8rem;border-radius:12px;text-align:left;background:linear-gradient(125deg,#242520,#111a19);border-color:#80613a}.strip-top,.strip-foot{display:flex;align-items:center;gap:.55rem;width:100%}.strip-info{display:flex;align-items:center;gap:.4rem;flex:1}.strip-info strong{font-size:.76rem}.strip-xp{max-width:none;width:100%}.strip-xp small{text-align:right}.strip-foot{justify-content:space-between}.mission-summary{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;font-size:.67rem;font-weight:800;color:#f5dfae;background:radial-gradient(closest-side,#171d1a 76%,transparent 81%),conic-gradient(#3fbf8f var(--done),#58472f 0)}
.profile-hero{padding:.9rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#33291e,#171d1b)}.profile-identity{gap:.4rem}.profile-xp .progress-track{height:8px}.section-heading{display:flex;align-items:center;justify-content:space-between}.symbol{display:inline-grid;place-items:center;flex:none;width:24px;height:24px}.symbol svg{display:block;width:100%;height:100%}.mission-row{display:flex;align-items:center;gap:.6rem}.mission-row>.symbol{color:var(--brass)}.mission-row.done>.symbol{color:#70d7aa}.mission-body{min-width:0;flex:1}.mission-title strong{font-weight:650}.mission-row.done .mission-title strong{text-decoration:line-through;opacity:.65}.mission-row .progress-track{margin:.3rem 0}.mission-reward{flex:none;padding:.2rem .35rem;border:1px solid #866739;border-radius:100px;color:#ffe0a4;font-size:.64rem;font-weight:800}
.achievement-card{position:relative;overflow:hidden;min-height:128px;border-color:color-mix(in srgb,var(--rarity) 45%,#302f30)}.achievement-card.common{--rarity:#9daebe}.achievement-card.rare{--rarity:#4f8df0}.achievement-card.epic{--rarity:#b27afa}.achievement-card.legendary{--rarity:#e7b84f}.achievement-card .symbol{width:30px;height:30px;color:var(--rarity)}.achievement-card.unlocked{box-shadow:inset 0 1px color-mix(in srgb,var(--rarity) 25%,transparent),0 0 14px color-mix(in srgb,var(--rarity) 12%,transparent)}.achievement-card.locked{opacity:1;filter:none;background:#121616}.achievement-card.locked .symbol{color:#505b61;filter:grayscale(1)}.achievement-card.locked strong{color:#aeb6b5}.achievement-card.locked small{color:#7d8987}.achievement-lock{position:absolute;right:.6rem;top:.6rem;color:#7c8685}.achievement-card time{color:var(--rarity)}
.ranking-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.7rem 0 1rem}.podium-card{display:grid;justify-items:center;align-content:center;gap:.3rem;min-width:0;min-height:140px;padding:.6rem .3rem;border-radius:10px;background:#21221f}.podium-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.podium-card small{font-size:.68rem}.podium-card .avatar{width:42px;height:42px}.podium-crown{color:var(--podium)}.podium-1{--podium:#e7b84f;border-color:#e7b84f;order:2;transform:translateY(-7px)}.podium-2{--podium:#b9c2cc;border-color:#b9c2cc;order:1}.podium-3{--podium:#b9743b;border-color:#b9743b;order:3}.podium-card.mine,.ranking-row.mine{background:#48361f}.ranking-row{grid-template-columns:2rem 36px minmax(0,1fr) auto;gap:.35rem}.ranking-row .player-progress{grid-column:3;grid-row:2}.ranking-value{grid-column:4}.ranking-name{grid-column:3;grid-row:1}.ranking-trend{display:block;font-size:.58rem}.ranking-trend.up{color:#71d3a0}.ranking-trend.down{color:#f07b80}
.seat-row{border:1px solid var(--line);border-radius:9px;margin:.4rem 0;padding:.65rem;flex-wrap:wrap}.seat-row .avatar{width:40px;height:40px}.seat-badges{flex:1 0 100%;justify-content:flex-start;padding-left:48px}.life-row .avatar{width:28px;height:28px}.result-player{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.6rem 0}.result-player .avatar{width:42px;height:42px}.end #winner.is-win{color:#f1c267;text-shadow:0 0 24px #d7a35a66}.end #winner.is-loss{color:#e88283}.result-badge{position:relative;display:inline-flex;align-items:center;gap:.35rem;overflow:hidden;border-color:var(--rarity);color:var(--rarity);background:#20201f}.result-badge.common{--rarity:#9daebe}.result-badge.rare{--rarity:#4f8df0}.result-badge.epic{--rarity:#b27afa}.result-badge.legendary{--rarity:#e7b84f}.result-badge:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-100%);animation:badgeShine 1s .3s ease-out both}.result-badge .symbol{width:18px;height:18px}
@keyframes sectionIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes badgeShine{to{transform:translateX(100%)}}
@media(max-width:380px){.panel{width:calc(100vw - .65rem);padding:.85rem}.menu-tabs button{font-size:.73rem;padding:.55rem;min-height:62px}.menu-tabs button small{font-size:.58rem}.account-chip{max-width:45%}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-badges{padding-left:0}.share{flex-wrap:wrap}.share input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.mode,.result-badge:after{animation:none}.progress-fill{transition:none}.podium-1{transform:none}button{transition:none}}

.header-tools{position:relative}.menu-settings{position:absolute;right:0;top:calc(100% + .4rem);z-index:10;min-width:130px;padding:.4rem;border:1px solid var(--line);border-radius:9px;background:#151b1a;box-shadow:0 12px 28px #000a}.menu-settings #logout{width:100%;font-size:.75rem;text-align:left}.avatar.player-avatar.large{border-color:transparent;background:conic-gradient(var(--tier) var(--ring-progress,0%),#505651 0);isolation:isolate}.avatar.player-avatar.large:before{inset:3px;z-index:0;background:hsl(var(--avatar-hue,32) 35% 23%)}.avatar.player-avatar.large img{z-index:1;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
.avatar-initial{position:relative;z-index:1}.avatar.player-avatar img{z-index:2}

/* menyu bo‘limlari: bir qatorga siqilmasin — 3 ustun, telefonda 2 ustun, yozuvlar o‘qiladigan o‘lchamda */
.menu-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.menu-tabs>button{min-height:64px;padding:.6rem .7rem;text-align:left;align-items:center}
@media (max-width:420px){.menu-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}