:root{font-family:ui-rounded,"SF Pro Rounded","PingFang TC",system-ui,sans-serif;color:white;background:#0c2739;--navy:#0c2739;--panel:#13394f;--gold:#ffc84b;--blue:#16c8eb;--red:#ff5b60;--muted:#9fb3be}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;background:radial-gradient(circle at 20% 0,#1d5874 0,transparent 35%),linear-gradient(#0e3044,#071d2c);color:white}button,input{font:inherit}button,a{touch-action:manipulation}.player-shell,.admin-shell{width:min(100%,980px);margin:auto;padding:max(18px,env(safe-area-inset-top)) clamp(16px,4vw,40px) max(24px,env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--gold);color:#321b12;font-size:27px}.brand small,.screen-header small{color:var(--gold);font-weight:900;letter-spacing:.18em}.brand h1,.screen-header h1{margin:2px 0 0}.round-button{margin-left:auto;width:46px;height:46px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff12;color:white}.card{border:1px solid #ffffff1f;border-radius:24px;background:#081b27b8;box-shadow:0 24px 70px #0004;backdrop-filter:blur(14px)}.join-card{width:min(100%,470px);margin:7vh auto 0;padding:clamp(24px,6vw,38px)}.kicker{color:var(--gold);font-size:13px;font-weight:900}.join-card h2,.card h2{margin:4px 0 24px;font-size:30px}label{display:grid;gap:7px;margin:14px 0;color:#d7e3e9;font-weight:800}input{width:100%;padding:14px;border:2px solid #ffffff1c;border-radius:13px;background:#ffffff0e;color:white;outline:none}input:focus{border-color:var(--blue)}.primary,.secondary{display:inline-grid;place-items:center;min-height:50px;padding:12px 20px;border:0;border-radius:13px;background:var(--gold);color:#282019;font-weight:1000;text-decoration:none;cursor:pointer;box-shadow:0 6px 0 #a66e16}.primary:active{transform:translateY(4px);box-shadow:0 2px 0 #a66e16}.primary:disabled{opacity:.38;cursor:not-allowed}.secondary{background:#ffffff12;color:white;box-shadow:none;border:1px solid #ffffff28}.join-card .primary{width:100%;margin-top:10px}.error{min-height:20px;margin:12px 0 0;color:#ff9295;text-align:center}.personal-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px;border:1px solid #ffffff1c;border-radius:18px;background:#071a25ad}.personal-bar div{text-align:center}.personal-bar small{display:block;color:var(--muted);font-size:11px}.personal-bar strong{font-size:clamp(16px,4vw,25px)}.timer-wrap{text-align:center;padding:15px}.timer-wrap span{display:block;color:#dce8ed;font-weight:900}.timer-wrap>strong{display:block;font-size:42px;line-height:1}.timer-track{height:7px;margin:9px auto 0;max-width:460px;border-radius:10px;background:#ffffff18;overflow:hidden}.timer-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .2s}.arena{position:relative;display:grid;place-items:center;min-height:430px}.barrel-button{position:relative;width:210px;height:260px;border:0;background:none;cursor:pointer;filter:drop-shadow(0 25px 20px #0006);transition:transform .08s}.barrel-button:not(:disabled):active{transform:scale(.94) rotate(2deg)}.barrel-button:disabled{cursor:default}.barrel-top{position:absolute;z-index:2;left:8%;top:0;width:84%;height:48px;border:7px solid #48231a;border-radius:50%;background:radial-gradient(ellipse,#67321f 0 43%,#21100c 47%)}.barrel-body{position:absolute;inset:24px 0 0;display:grid;grid-template-rows:25px 1fr 25px;align-items:center;border:7px solid #48231a;border-radius:30% 30% 22% 22%/10% 10% 17% 17%;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 19%,#6d2d2038 20% 22%,transparent 23% 40%),linear-gradient(90deg,#8d3b22,#db793c 50%,#8d3b22)}.barrel-body i{height:25px;background:linear-gradient(#56646b,#1d282e);border-block:3px solid #111}.barrel-body b{justify-self:center;display:grid;place-items:center;width:75px;aspect-ratio:1;border:6px solid #59301e;border-radius:50%;background:var(--gold);color:#3b1c14;font-size:35px}.swords{position:absolute;inset:0;pointer-events:none}.sword{--angle:0deg;position:absolute;z-index:4;left:50%;top:50%;width:13px;height:145px;border:4px solid #111b20;border-radius:5px 5px 60% 60%;background:linear-gradient(90deg,#a9b7be,#f2ffff 55%,#829097);transform-origin:50% 118%;transform:translate(-50%,-118%) rotate(var(--angle));animation:stab .24s cubic-bezier(.2,1.6,.3,1)}.sword:after{content:"";position:absolute;left:-8px;top:-14px;width:21px;height:16px;border:4px solid #111b20;border-radius:8px;background:var(--blue);box-shadow:0 -18px 0 -5px var(--blue),0 -18px 0 -1px #111b20}.score-pop{position:absolute;z-index:6;top:10%;left:50%;translate:-50% 0;color:var(--gold);font-size:52px;font-weight:1000;opacity:0}.score-pop.show{animation:score-up .75s ease-out}.hint{text-align:center;margin:0;color:#c6d5dc;font-weight:800}.countdown{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#06141dcc;backdrop-filter:blur(8px)}.countdown[hidden]{display:none}.countdown strong{font-size:min(45vw,240px);color:var(--gold);text-shadow:0 10px 0 #9e4e20;animation:pulse .8s infinite}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.settings-grid .primary,.settings-grid .error{grid-column:1/-1}.admin-shell>.card{padding:28px}.text-link{margin-left:auto;color:white}.room-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:25px;text-align:center}.room-hero small{display:block;color:var(--muted)}.room-hero strong{font-size:clamp(25px,5vw,44px)}.host-actions{display:flex;gap:12px;margin-top:16px}.host-actions>*{flex:1}.screen-body{overflow:hidden}.screen-shell{height:100vh;padding:3vh 4vw;display:grid;grid-template-rows:auto 1fr auto;gap:2vh}.screen-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4vw}.screen-header h1{font-size:clamp(28px,4vw,60px)}.screen-code,.screen-timer{text-align:center;color:var(--muted)}.screen-code strong{display:block;color:var(--gold);font-size:clamp(35px,6vw,80px);letter-spacing:.12em}.screen-timer strong{display:block;color:white;font-size:clamp(50px,8vw,110px);line-height:.8}.leaderboard{min-height:0;border:1px solid #ffffff1d;border-radius:24px;background:#061a26c7;overflow:hidden}.leader-head,.leader-row{display:grid;grid-template-columns:100px 1fr 180px;align-items:center;padding:1.2vh 2vw}.leader-head{color:var(--muted);font-weight:900;border-bottom:1px solid #ffffff17}.leader-row{min-height:6.4vh;border-bottom:1px solid #ffffff0e;font-size:clamp(18px,2vw,32px)}.leader-row>strong{text-align:center}.leader-row>b{text-align:right;color:var(--gold);font-size:1.2em}.top-1{background:#ffc84b1f}.top-2{background:#dce8ed13}.top-3{background:#d37a3d12}.empty{text-align:center;color:var(--muted);font-size:25px;margin:10vh}.screen-shell footer{display:flex;justify-content:space-between;color:var(--muted);font-size:clamp(16px,2vw,28px)}.screen-shell footer strong{color:white}@keyframes stab{from{transform:translate(-50%,-155%) rotate(var(--angle)) scaleY(.25);opacity:0}}@keyframes score-up{0%{opacity:0;transform:translateY(30px) scale(.5)}30%{opacity:1}100%{opacity:0;transform:translateY(-75px) scale(1.2)}}@keyframes pulse{50%{transform:scale(.82)}}@media(max-width:600px){.brand-mark{display:none}.brand h1{font-size:23px}.personal-bar{font-size:13px}.arena{min-height:390px}.barrel-button{width:180px;height:225px}.settings-grid{grid-template-columns:1fr}.settings-grid .primary,.settings-grid .error{grid-column:auto}.room-hero{grid-template-columns:1fr}.host-actions{flex-direction:column}.sword{height:125px}.join-card{margin-top:3vh}}@media(max-height:720px){.arena{min-height:340px}.barrel-button{width:160px;height:200px}.timer-wrap{padding:8px}.timer-wrap>strong{font-size:32px}}