@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Roboto+Mono:wght@500;700&family=Teko:wght@500;600;700&display=swap";:root{color:#eef6fb;background:#081019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;display:grid;min-height:100vh;overflow:hidden;background:#031f41}.unsupported-device-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(72,150,166,.2),transparent 36%),linear-gradient(180deg,#092032,#020b13)}.unsupported-device-panel{width:min(420px,100%);border:1px solid rgba(129,220,238,.5);padding:34px 28px;background:linear-gradient(180deg,#183848b8,#05131ff0),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);box-shadow:0 24px 80px #0000007a,inset 0 1px #f2fbff29;text-align:center;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.unsupported-device-kicker{margin:0 0 8px;color:#f0ad50;font-size:13px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}.unsupported-device-panel h1{margin:0 0 16px;color:#f7fbff;font-family:Teko,Impact,Arial Narrow,sans-serif;font-size:58px;font-weight:700;letter-spacing:0;line-height:.9;text-shadow:0 2px 0 #07131f,0 0 24px rgba(99,218,246,.28)}.unsupported-device-panel p:last-child{margin:0;color:#dceaf4;font-size:16px}.game-surface{min-height:100vh;overflow:hidden;background:#031f41}.game-surface canvas{display:block;width:100%;height:100%}.start-overlay,.death-overlay{position:absolute;inset:0;display:grid;padding:24px;background:#0210222e}.start-overlay{grid-template-rows:1fr auto 1fr;justify-items:center;background:radial-gradient(circle at 50% 42%,rgba(38,124,151,.22),transparent 36%),linear-gradient(180deg,#020d1824,#01081094)}.death-overlay{place-items:center}.start-panel,.death-panel{width:min(360px,100%);border:1px solid rgba(187,222,237,.34);border-radius:8px;padding:24px;background:#051524e0;box-shadow:0 18px 54px #00000057}.start-panel{position:relative;align-self:center;grid-row:2;width:min(390px,100%);border:1px solid rgba(129,220,238,.58);border-radius:0;padding:58px 28px 28px;overflow:hidden;background:linear-gradient(180deg,#17384875,#05131f00 34%),linear-gradient(135deg,#092231fa,#04101cf0 58%,#0e1c1ff5),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px);box-shadow:0 24px 80px #0000007a,0 0 42px #46d3f11a,inset 0 1px #f2fbff2e;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}.start-panel:before,.start-panel:after{position:absolute;pointer-events:none;content:""}.start-panel:before{inset:0 0 auto;height:36px;border-bottom:1px solid rgba(121,225,244,.38);background:linear-gradient(90deg,rgba(240,173,80,.92),rgba(240,173,80,.18) 72px,transparent 72px),linear-gradient(180deg,#57a4bb47,#091d2beb)}.start-panel:after{inset:9px;border:1px solid rgba(200,239,249,.18);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.start-panel h1,.death-panel h2{margin:0 0 18px;color:#f5fbff;font-size:34px;font-weight:800;line-height:1;text-align:center}.start-panel h1{margin-bottom:0;color:#f7fbff;font-family:Teko,Impact,Arial Narrow,sans-serif;font-size:clamp(48px,12vw,66px);font-weight:700;letter-spacing:0;line-height:.88;text-shadow:0 2px 0 #07131f,0 0 24px rgba(99,218,246,.28)}.deployment-subtitle{margin:7px 0 24px;color:#f0ad50;font-size:13px;font-weight:800;letter-spacing:.18em;line-height:1;text-align:center;text-transform:uppercase}.death-panel h2{font-size:28px}.respawn-notice{margin:0 0 16px;border:1px solid rgba(111,220,160,.34);border-radius:8px;padding:10px 12px;color:#c9f7da;background:#267c4e3d;font-size:14px}.field-stack{display:grid;gap:7px;margin-bottom:16px}.region-field{margin:14px 0 0}.field-stack span{color:#8bd7ea;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-stack select,.field-stack input{width:100%;border:1px solid rgba(139,215,234,.38);border-radius:2px;padding:12px;color:#f5fbff;background:linear-gradient(180deg,#0e2332d6,#010b14d1);box-shadow:inset 0 0 0 1px #ffffff09;outline:none}.field-stack select{color-scheme:dark}.field-stack select option{color:#f5fbff;background:#07131f}.field-stack select:focus,.field-stack input:focus{border-color:#76d7ff;box-shadow:0 0 0 3px #76d7ff29,0 0 22px #76d7ff29,inset 0 0 0 1px #ffffff0d}.primary-action,.discord-link{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:8px;font-weight:800;text-decoration:none}.primary-action{min-height:52px;border:1px solid #102027;border-bottom-color:#061017;color:#071219;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 32%),linear-gradient(180deg,#ffd06f,#f0ad50 45%,#c76f2d);box-shadow:0 9px #572b14,0 18px 28px #00000057,0 0 #f0ad5000;cursor:pointer;letter-spacing:.12em;text-shadow:0 1px 0 rgba(255,255,255,.42);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);transition:box-shadow .16s ease,filter .16s ease,transform .16s ease}.primary-action:before{position:absolute;inset:3px 10px auto;height:2px;background:#fff9ddbd;content:""}.primary-action:hover:not(:disabled),.primary-action:focus-visible:not(:disabled){box-shadow:0 9px #572b14,0 20px 32px #00000061,0 0 28px #f0ad5061;filter:saturate(1.14) brightness(1.04);transform:translateY(-1px)}.primary-action:disabled{color:#5f7179;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 32%),linear-gradient(180deg,#98aeb6,#718991);box-shadow:0 6px #344047,0 12px 22px #00000042;cursor:wait}.start-links{grid-row:3;align-self:end;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.discord-link{width:auto;min-height:34px;padding:0 14px;border:1px solid rgba(174,214,231,.3);border-radius:7px;color:#dceaf4;background:#10293dc2;font-size:13px}.death-panel dl{display:grid;gap:10px;margin:0 0 18px}.death-panel dl div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(174,214,231,.16);padding-bottom:10px}.death-panel dt{color:#a8c2ce;font-size:14px}.death-panel dd{margin:0;color:#f5fbff;font-size:20px;font-weight:800}
