:root{--cyan:#35e0ff;--gold:#ffcf4d;--amber:#ffb13d;--red:#ff3b4a;--green:#3ddc84;--blue:#3d82ff;--pink:#ff3d9a;--ink:#0b0b10;--paper:#f4f1ea;--panel:#08090dc7;--font:"Barlow", system-ui, sans-serif;--display:"Bebas Neue", "Barlow Condensed", Impact, sans-serif;--cond:"Barlow Condensed", "Arial Narrow", sans-serif;--pad:clamp(14px, 2.8vmin, 34px);--mm:clamp(128px, 24vmin, 220px)}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--font);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas#game{outline:none;width:100%;height:100%;transition:filter 1.2s;display:block;position:fixed;inset:0}canvas#game.dying{filter:grayscale()contrast(1.15)brightness(.8)}.hidden{display:none!important}.c-y{color:var(--gold)}.c-g{color:var(--green)}.c-r{color:var(--red)}.c-b{color:var(--cyan)}.c-o{color:var(--amber)}.c-w{color:#fff}button{cursor:pointer;font-family:inherit}.btn{color:#fff;font-family:var(--display);letter-spacing:1.5px;background:#ffffff0f;border:2px solid #ffffff59;border-radius:4px;padding:12px 22px;font-size:22px;transition:background .15s,border-color .15s,transform .1s}.btn:hover{background:#ffffff24;border-color:#fff;transform:translateY(-1px)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1200}.btn.primary:hover{background:#ffe08a}.btn.ghost{background:0 0}.stat-list{gap:6px;display:grid}.srow{border-left:3px solid var(--gold);font-family:var(--cond);background:#ffffff0d;justify-content:space-between;padding:8px 12px;font-size:18px;display:flex}.srow b{color:var(--gold)}.loader{z-index:60;background:#000 url(../img/loading_cornucopia.jpg) 50%/cover no-repeat;align-items:flex-end;transition:opacity .7s;display:flex;position:fixed;inset:0}.loader.out{opacity:0;pointer-events:none}.loader:before{content:"";background:linear-gradient(#00000026,#000000d9 85%);position:absolute;inset:0}.loader-content{width:100%;padding:var(--pad) calc(var(--pad) * 1.5) calc(var(--pad) * 1.4);position:relative}.loader-logo{font-family:var(--display);letter-spacing:2px;color:var(--red);text-shadow:0 4px #3a2a00,0 8px 30px #000c;font-size:clamp(44px,8vw,92px);line-height:.9}.loader-logo span{color:var(--gold)}.loader-bar{background:#fff3;max-width:640px;height:4px;margin:18px 0 8px}.loader-bar i{background:var(--gold);width:0;height:100%;transition:width .3s;display:block}.loader-row{font-family:var(--cond);letter-spacing:1px;gap:16px;font-size:18px;font-weight:700;display:flex}.loader-tip-label{color:var(--gold)}.loader-tip{color:#ddd;max-width:640px;margin-top:6px;font-size:16px}.hud{pointer-events:none;z-index:10;font-family:var(--cond);position:fixed;inset:0}.hud-tl{left:var(--pad);top:var(--pad);width:min(360px,60vw);position:absolute}.hud-tr{right:var(--pad);top:var(--pad);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.hud-bl{left:var(--pad);bottom:var(--pad);width:var(--mm);position:absolute}.hud-br{right:var(--pad);bottom:var(--pad);text-align:right;position:absolute}.clock{letter-spacing:2px;color:#fff;text-shadow:0 2px 4px #000,0 0 10px #000c;font-size:22px;font-weight:700}.money-row{align-items:baseline;gap:10px;display:flex}.money{letter-spacing:1px;color:var(--green);text-shadow:0 2px 4px #000,0 0 12px #000c;font-size:30px;font-weight:700}.delta{opacity:0;font-size:20px;font-weight:700;transition:opacity .3s}.delta.up{color:#9dffc5}.delta.down{color:var(--red)}.stars-row{align-items:center;gap:8px;display:flex}.stars-label{letter-spacing:2px;color:#bbb;text-shadow:0 2px 4px #000;font-size:11px;font-weight:700}.stars{letter-spacing:3px;font-size:24px;line-height:1}.star{color:#ffffff40;text-shadow:0 2px 4px #000;transition:color .2s}.star.on{color:#fff}.star.blink{animation:.6s steps(2,end) infinite starblink}@keyframes starblink{to{color:var(--gold)}}.stance{letter-spacing:2px;color:var(--cyan);text-shadow:0 2px 4px #000;font-size:13px;font-weight:700}.weapon{background:var(--panel);border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:10px;margin-top:6px;padding:6px 10px;display:flex}.weapon img{filter:drop-shadow(0 2px 2px #000);width:54px;height:54px}.wmeta{flex-direction:column;align-items:flex-end;display:flex}.wname{letter-spacing:1.5px;color:#ddd;font-size:15px;font-weight:600}.ammo{color:#fff;font-size:24px;font-weight:700}.alive{background:var(--panel);border:1px solid #ffffff1f;border-left:3px solid var(--amber);border-radius:6px;align-items:center;gap:8px;margin-top:6px;padding:4px 12px 4px 10px;display:flex}.alive-ic{color:var(--amber);font-size:18px}.alive-n{font-family:var(--display);color:#fff;font-size:34px;line-height:1}.alive-l{letter-spacing:2px;color:var(--amber);flex-direction:column;font-size:13px;font-weight:700;line-height:1.1;display:flex}.alive-l small{color:#aaa;letter-spacing:1px;font-size:10px}.alive.pop .alive-n{animation:.4s alivepop}@keyframes alivepop{0%{color:var(--red);transform:scale(1.5)}to{transform:scale(1)}}.radar-wrap{width:var(--mm);height:var(--mm);opacity:0;background:#111;border:3px solid #ffffffbf;border-radius:50%;transition:opacity .4s;position:relative;overflow:hidden;box-shadow:0 6px 24px #0009}.radar-wrap.revealed{opacity:1}.radar-wrap canvas{width:100%;height:100%;display:block}.radar-glass{pointer-events:none;background:radial-gradient(circle at 50% 35%,#ffffff14,#00000040 70%);border-radius:50%;position:absolute;inset:0}.bars{grid-template-columns:1fr 1fr;gap:3px;margin-top:8px;display:grid}.bar{background:#0009;border:1px solid #ffffff4d;height:10px;overflow:hidden}.bar i{width:100%;height:100%;transition:width .2s;display:block}.bar.hp i{background:#7bd27b}.bar.st i{background:#4a8fe8}.bar.hu i{background:var(--amber)}.bar.th i{background:var(--cyan)}.bar.low i{animation:.5s steps(2,end) infinite lowbar}@keyframes lowbar{to{opacity:.35}}.quick{gap:6px;margin-top:8px;display:flex}.qs{background:var(--panel);border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.qs.empty{opacity:.45}.qs b{color:var(--gold);font-size:11px;position:absolute;top:1px;left:4px}.qs img{width:26px;height:26px}.qs span{font-size:12px;font-weight:700;position:absolute;bottom:1px;right:4px}.qs.compass.active{border-color:var(--gold);box-shadow:0 0 8px #ffcf4d80}.qs.compass.active span{color:var(--gold)}.area{font-family:var(--display);letter-spacing:2px;color:var(--gold);text-shadow:0 2px 4px #000;font-size:24px}.street{color:#fff;text-shadow:0 2px 4px #000;font-size:18px;font-weight:600}.objective{left:50%;bottom:calc(var(--pad) + 6px);opacity:0;background:var(--panel);color:#fff;border-radius:6px;align-items:center;gap:10px;max-width:min(620px,70vw);padding:10px 18px;font-size:19px;font-weight:500;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:translate(-50%)translateY(20px)}.objective.show{opacity:1;transform:translate(-50%)translateY(0)}.obj-mark{background:var(--gold);flex:none;width:12px;height:12px;transform:rotate(45deg)}.prompt{opacity:0;background:#000000a6;border-radius:4px;padding:8px 16px;font-size:18px;font-weight:600;transition:opacity .15s;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.prompt.show{opacity:1}.subtitle{left:50%;bottom:calc(var(--pad) + 64px);text-align:center;color:#fff;text-shadow:0 2px 4px #000,0 0 8px #000;opacity:0;max-width:720px;font-size:20px;transition:opacity .3s;position:absolute;transform:translate(-50%)}.subtitle.show{opacity:1}.subtitle b{color:var(--gold)}.mission-card{text-align:center;opacity:0;transition:opacity .4s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.mission-card.show{opacity:1}.mc-title{font-family:var(--display);letter-spacing:3px;color:var(--gold);text-shadow:0 4px #3a2a00,0 8px 24px #000c;font-size:clamp(36px,6vw,64px);line-height:1}.mc-sub{letter-spacing:3px;text-shadow:0 2px 4px #000;font-size:20px;font-weight:600}.big{text-align:center;opacity:0;transition:opacity .25s;position:absolute;top:36%;left:0;right:0}.big.show{opacity:1}.big-text{font-family:var(--display);letter-spacing:6px;text-shadow:0 6px #0009,0 12px 40px #000c;font-size:clamp(64px,14vw,160px);line-height:.9}.big.wasted .big-text{color:var(--red)}.big.victor .big-text{color:var(--gold)}.big.event .big-text{color:#fff;font-size:clamp(44px,9vw,110px)}.big-sub{letter-spacing:3px;text-shadow:0 2px 4px #000;font-size:22px}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.hip{opacity:.55;transform:translate(-50%,-50%)scale(.6)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 3px #000}.crosshair:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.vignette{pointer-events:none;background:radial-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}#damage-vignette{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 50%,#c80000e6);transition:opacity .1s;position:absolute;inset:0}.feed{flex-direction:column;gap:6px;display:flex}.toast{background:var(--panel);border-left:4px solid var(--cyan);opacity:0;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;transition:transform .3s,opacity .3s;display:flex;transform:translate(-20px)}.toast.in{opacity:1;transform:none}.toast img{object-fit:cover;border-radius:3px;width:42px;height:42px}.toast.warn{border-color:var(--amber)}.toast.danger{border-color:var(--red)}.toast.gold{border-color:var(--gold)}.toast-title{letter-spacing:.5px;font-size:17px;font-weight:700}.toast-body{color:#cfcfcf;font-size:14px;font-family:var(--font)}.wheel{z-index:20;pointer-events:none;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wheel-ring{background:radial-gradient(circle,#0003 30%,#000000bf 31% 70%,#0000 71%);border-radius:50%;width:min(70vmin,520px);height:min(70vmin,520px);position:relative}.slot{background:#ffffff0d;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;transition:transform .1s,background .1s;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot img{opacity:.25;width:46px;height:46px}.slot.owned img{opacity:1}.slot.sel{background:#ffffff40;border-color:#fff;transform:translate(-50%,-50%)scale(1.18)}.slot .ammo{font-size:14px;position:absolute;bottom:2px;right:4px}.wheel-label{font-family:var(--display);letter-spacing:2px;text-align:center;white-space:nowrap;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anthem{z-index:25;opacity:0;pointer-events:none;background:radial-gradient(circle,#080a1e99,#000000eb);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .6s;display:flex;position:fixed;inset:0}.anthem.show{opacity:1}.seal{color:var(--gold);text-shadow:0 0 30px var(--gold);font-size:72px}.anthem-day{font-family:var(--display);letter-spacing:6px;color:#fff;font-size:40px}.anthem-list{flex-wrap:wrap;justify-content:center;gap:18px;max-width:900px;display:flex}.fallen{font-family:var(--cond);flex-direction:column;align-items:center;font-size:18px;display:flex}.fallen img{object-fit:cover;border:2px solid var(--gold);filter:grayscale(.4);width:110px;height:110px}.fallen small{color:#aaa}.fallen.none{color:#bbb;font-size:22px}.touch{z-index:15;font-family:var(--cond);position:fixed;inset:0}.stick-zone{touch-action:none;width:44%;height:70%;position:absolute;top:30%;left:0}.look-zone{touch-action:none;width:56%;height:100%;position:absolute;top:0;right:0}.stick{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .15s;position:absolute}.stick.on{opacity:1}.stick-base{background:#0000004d;border:2px solid #fff6;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:-60px}.stick-knob{background:#ffffffbf;border-radius:50%;width:52px;height:52px;position:absolute;top:-26px;left:-26px}.cluster{right:calc(var(--pad) + var(--mm) * .2);bottom:calc(var(--pad) + 60px);grid-template-columns:repeat(4,64px);gap:10px;display:grid;position:absolute}.tb{color:#fff;touch-action:none;background:#00000073;border:2px solid #ffffff80;border-radius:50%;width:64px;height:64px;font-size:24px;font-weight:700}.tb.small{place-self:center;width:48px;height:48px;font-size:18px}.tb.on{background:#ff3d9a99}@media (max-width:760px),(max-height:520px){:root{--mm:104px;--pad:10px}.mc-title{font-size:30px}.mc-sub{font-size:14px}.alive-n{font-size:22px}.alive-l{font-size:10px}.ammo{font-size:18px}.cluster{grid-template-columns:repeat(4,54px);gap:8px;bottom:14px;right:14px}.tb{width:54px;height:54px;font-size:20px}.tb.small{width:42px;height:42px}.hud-bl{top:var(--pad);bottom:auto}.hud-tl{left:calc(var(--pad) * 2 + var(--mm));width:46vw}.money{font-size:22px}.clock{font-size:16px}.stars{font-size:18px}.weapon img{width:38px;height:38px}.objective{max-width:80vw;font-size:15px;bottom:90px}.hud-br{text-align:center;bottom:8px;left:50%;right:auto;transform:translate(-50%)}}.screen{z-index:40;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.title{background:#000}.title-art{background:url(../img/keyart.jpg) 50%/cover no-repeat;animation:40s ease-in-out infinite alternate kenburns;position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.title:after{content:"";background:linear-gradient(90deg,#000000d1 0%,#0000008c 45%,#0000001a 100%);position:absolute;inset:0}.title-content{z-index:1;padding:calc(var(--pad) * 1.5) calc(var(--pad) * 2);flex-direction:column;align-self:stretch;gap:14px;max-width:560px;display:flex;position:relative}.title-logo{filter:drop-shadow(0 10px 30px #000000e6);width:min(420px,70vw)}.title-tag{font-family:var(--cond);letter-spacing:4px;color:var(--gold);text-shadow:0 2px 4px #000;font-size:18px;font-weight:700}.title-menu{flex-direction:column;gap:4px;margin-top:14px;display:flex}.tbtn{text-align:left;color:#e8e8e8;font-family:var(--display);letter-spacing:3px;text-shadow:0 3px 6px #000;background:0 0;border:none;border-left:4px solid #0000;padding:10px 16px;font-size:clamp(28px,4vw,42px);transition:color .12s,border-color .12s,padding-left .12s}.tbtn:hover,.tbtn:focus-visible{color:var(--gold);border-left-color:var(--gold);outline:none;padding-left:24px}.controls{font-family:var(--cond);background:var(--panel);border-radius:6px;padding:12px 16px;font-size:17px;line-height:1.6}.controls b{color:var(--gold)}.title-save{font-family:var(--cond);color:#bbb;font-size:16px}.title-foot{font-family:var(--cond);color:#888;letter-spacing:1px;font-size:14px}.rating{pointer-events:none;background:#0009;border-radius:6px;align-self:flex-start;align-items:center;gap:10px;max-width:360px;padding:8px 12px;display:flex}.rating img{flex:none;width:60px;height:60px}.rating p{color:#eee;margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;font-size:11px;line-height:1.5}.rating b{color:var(--gold);font-weight:800;display:block}.select-head{text-align:center;padding:var(--pad)}.select-head h2{font-family:var(--display);letter-spacing:4px;color:var(--gold);margin:0;font-size:clamp(36px,6vw,64px)}.select-head p{color:#bbb;font-family:var(--cond);margin:4px 0 0;font-size:18px}.select-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:min(1200px,94vw);padding-bottom:20px;display:grid}.pick{background:var(--panel);color:#fff;text-align:left;border:2px solid #ffffff1a;border-radius:6px;padding:8px;transition:border-color .12s,transform .12s}.pick:hover{border-color:var(--gold);transform:translateY(-3px)}.pick img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;display:block}.pick-name{font-family:var(--display);letter-spacing:1px;margin-top:6px;font-size:24px}.pick-dist{font-family:var(--cond);letter-spacing:1px;font-size:14px;font-weight:700}.pick-stats{gap:3px;margin-top:6px;display:grid}.pick-stats i{background:var(--gold);height:4px;display:block}.pick-stats i:nth-child(2){background:var(--cyan)}.pick-stats i:nth-child(3){background:var(--green)}#btn-select-back{margin:10px 0 30px}.end-card{background:var(--panel);border-radius:8px;align-items:center;gap:28px;width:92vw;max-width:760px;padding:32px;display:flex}.end-card img{object-fit:cover;border:3px solid var(--gold);width:220px;height:220px}.end-title{font-family:var(--display);letter-spacing:6px;font-size:clamp(56px,10vw,110px);line-height:.9}.end-title.fallen{color:var(--red)}.end-title.victor{color:var(--gold)}.end-sub{font-family:var(--cond);color:#ddd;margin:6px 0 14px;font-size:20px}.end-card .btn{margin-top:16px}.menu{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--pad) calc(var(--pad) * 1.5);font-family:var(--cond);background:#06070adb;flex-direction:column;display:flex;position:fixed;inset:0}.menu-head{border-bottom:2px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:10px;display:flex}.menu-logo{font-family:var(--display);letter-spacing:4px;color:var(--red);font-size:44px;line-height:1}.menu-logo span{color:var(--gold)}.tabs{gap:4px;display:flex}.tabs button{color:#999;font-family:var(--display);letter-spacing:2px;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px;font-size:24px}.tabs button.active{color:#fff;border-bottom-color:var(--gold)}.tabs button:hover{color:#fff}.panels{flex:1;padding:18px 0;overflow:auto}.menu-foot{color:#777;letter-spacing:1px;font-size:14px}.bigmap-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.bigmap-title{font-family:var(--display);letter-spacing:4px;font-size:30px}.bigmap-title span{color:var(--gold);margin-left:12px}.bigmap-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.remaining{border-left:3px solid var(--amber);background:#ffffff0a;width:220px;max-height:62vh;padding:10px 12px;overflow:auto}.remaining h4{font-family:var(--display);letter-spacing:2px;color:var(--amber);margin:0 0 8px;font-size:24px}.remaining ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.remaining li{align-items:center;gap:8px;font-size:17px;display:flex}.remaining li.me{color:var(--gold)}.remaining li i{border-radius:2px;flex:none;width:10px;height:10px}.remaining li span{color:#999;margin-left:auto;font-size:13px}#bigmap{background:#000;border:3px solid #ffffff80;border-radius:50%}.legend{color:#ccc;flex-wrap:wrap;justify-content:center;gap:14px;font-size:16px;display:flex}.legend i{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.tribute-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.tcard{border-left:3px solid var(--cyan);background:#ffffff0d;gap:10px;padding:6px;display:flex}.tcard.me{border-left-color:var(--gold)}.tcard.dead{opacity:.45;border-left-color:var(--red)}.tcard img{object-fit:cover;width:56px;height:56px}.tc-name{font-family:var(--display);letter-spacing:1px;font-size:20px}.tc-dist{font-size:14px;font-weight:700}.tc-stat{color:#bbb;font-size:14px}.settings{gap:14px;max-width:520px;display:grid}.settings label{justify-content:space-between;align-items:center;gap:20px;font-size:20px;display:flex}.settings input[type=range]{width:220px}.settings .hint{color:#aaa;font-size:15px;line-height:1.5}.game-actions{flex-direction:column;gap:12px;max-width:360px;display:flex}@media (max-width:760px){.end-card{text-align:center;flex-direction:column}.menu-logo{font-size:30px}.tabs button{padding:6px 10px;font-size:18px}}#select{justify-content:flex-start}@media (max-height:520px){.title-content{gap:6px;padding:10px 24px}.title-logo{width:min(200px,40vw)}.title-tag{letter-spacing:2px;font-size:13px}.title-menu{margin-top:4px}.tbtn{padding:4px 12px;font-size:22px}.title-save,.title-foot{font-size:12px}.select-head{padding:10px}.select-head h2{font-size:28px}.select-head p{font-size:14px}.select-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.pick-name{font-size:18px}.end-card{gap:16px;padding:16px}.end-card img{width:120px;height:120px}}#lobby{background:#000 url(../img/keyart.jpg) 50%/cover no-repeat;justify-content:flex-start;padding-top:24px}#lobby:before{content:"";background:linear-gradient(#05060ab8,#05060ae6);position:absolute;inset:0}#lobby>*{z-index:1;position:relative}.lobby-rooms{flex-direction:column;gap:6px;display:flex}.lobby-rooms-head{letter-spacing:2px;color:#aaa;justify-content:space-between;align-items:center;font-size:13px;display:flex}#lobby-room-list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}#lobby-room-list li{border-left:3px solid var(--cyan);background:#ffffff0d;border-radius:4px;align-items:center;gap:12px;padding:8px 12px;font-size:16px;display:flex}#lobby-room-list li.empty{color:#999;border-left-color:#555;font-size:15px}.rl-code{font-family:var(--display);letter-spacing:3px;color:var(--gold);font-size:22px}.rl-host{flex:1}.rl-count{color:#aaa}.btn.tiny{letter-spacing:1px;padding:6px 12px;font-size:16px}.lobby-room{background:var(--panel);border-radius:8px;padding:20px 24px}.lobby-connect{background:var(--panel);width:min(520px,92vw);font-family:var(--cond);border-radius:8px;flex-direction:column;gap:14px;margin-top:8vh;padding:28px;display:flex}.lobby-connect h2{font-family:var(--display);letter-spacing:4px;color:var(--gold);margin:0;font-size:44px}.lobby-connect p{color:#bbb;margin:0;font-size:17px}.lobby-connect label{letter-spacing:1px;color:#aaa;flex-direction:column;gap:6px;font-size:15px;display:flex}.lobby-connect input,.lobby-join input{font-family:var(--cond);color:#fff;letter-spacing:1px;background:#ffffff0f;border:1px solid #ffffff40;border-radius:4px;padding:10px 12px;font-size:20px}.lobby-join input{text-transform:uppercase;width:140px}.lobby-actions{flex-direction:column;gap:10px;display:flex}.lobby-join{gap:8px;display:flex}.lobby-status{min-height:20px;color:var(--cyan);font-size:15px}.lobby-status.error{color:var(--red)}.lobby-room{width:min(1200px,94vw);font-family:var(--cond);flex-direction:column;gap:12px;display:flex}.lobby-head{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.lobby-head small{letter-spacing:2px;color:#999;font-size:12px}.lobby-code{font-family:var(--display);letter-spacing:8px;color:var(--gold);font-size:56px;line-height:1}.lobby-players{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lobby-players li{background:var(--panel);border-left:3px solid var(--cyan);border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.lobby-players li.me{border-left-color:var(--gold)}.lobby-players img,.lobby-players .noportrait{object-fit:cover;background:#222;border-radius:3px;width:36px;height:36px;display:block}.lp-name{font-size:16px;font-weight:700}.lp-name small{color:var(--gold);letter-spacing:1px;font-size:10px}.lp-pick{color:#aaa;font-size:14px}.lobby-hint{color:#ccc;font-size:16px}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pick.small .pick-name{font-size:18px}.pick.small .pick-dist{font-size:12px}.pick.taken{opacity:.4;cursor:not-allowed}.pick.mine{border-color:var(--gold)}.pick-owner{color:var(--cyan);margin-top:4px;font-size:12px}.lobby-foot{gap:10px;padding:8px 0 30px;display:flex}