@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#f2f2f7;background:#0a0a11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.page{min-height:100vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 83% 37%,#211d3a 0%,transparent 36%),#0a0a11}.topbar,.landing,.footer{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.topbar{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{color:#f2f2f7;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.15em}.brand-mark{height:35px;width:35px;display:grid;place-items:center;background:#a392ff;color:#101018;font-size:22px;font-weight:800;clip-path:polygon(50% 0,100% 27%,100% 73%,50% 100%,0 73%,0 27%)}.topbar-tag,.eyebrow,.section-kicker,.footer,.guest-ready>span{font-family:DM Mono,monospace;letter-spacing:.1em}.topbar-tag{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#c9c2e5}.topbar-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:#8dddbd;box-shadow:0 0 10px #8dddbd88}.landing{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(32px,5vw,76px);padding:64px 32px 76px}.landing-copy{max-width:630px}.eyebrow{font-size:11px;color:#b9aaff}.landing h1{font-size:clamp(44px,5.4vw,72px);line-height:1.07;letter-spacing:-.06em;margin:20px 0 22px;font-weight:800}.landing h1 em{font-style:normal;color:#a392ff}.intro{font-size:17px;line-height:1.7;color:#b3b1c1;max-width:530px;margin:0}.control-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid #ffffff1b}.control-list li{display:flex;align-items:center;gap:9px;color:#c8c3d6;font-size:12px;white-space:nowrap}.control-list li:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#a392ff}.section-kicker{font-size:10px;color:#b2a3ff;margin-bottom:10px}.guest-panel{min-width:0;padding:32px;border:1px solid #3d3857;border-radius:14px;background:#171520;box-shadow:0 22px 80px #05050c55}.guest-panel h2{font-size:30px;margin:0;letter-spacing:-.045em}.guest-panel-heading p{margin:10px 0 28px;color:#aaa6ba;font-size:14px;line-height:1.6}.guest-controls label{display:block;margin-bottom:9px;font-size:12px;font-weight:700;color:#ded9eb}.guest-input-row,.guest-ready,.guest-actions{display:grid;gap:12px}.guest-ready>span{font-size:10px;color:#a59bbc}.guest-ready strong{min-width:0;overflow-wrap:anywhere;color:#f0eaff;font-size:22px;line-height:1.2}.guest-controls input{width:100%;min-width:0;padding:13px 14px;background:#0d0c16;border:1px solid #59536f;border-radius:7px;color:#fff;font:inherit}.guest-controls input::placeholder{color:#817b90}.guest-controls button{width:100%;min-height:46px;border:0;border-radius:7px;background:#a392ff;color:#11101b;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}.guest-controls .reconnect-button{border:1px solid #6d638e;background:#262138;color:#e7dfff}.guest-controls button:hover:not(:disabled){filter:brightness(1.08)}.guest-controls button:disabled{opacity:.45;cursor:not-allowed}.guest-controls input:focus-visible,.guest-controls button:focus-visible,.brand:focus-visible{outline:2px solid #d0c5ff;outline-offset:3px}.guest-status{min-height:1.6em;margin:16px 0 0;color:#c6bdf7;font-size:12px;line-height:1.5}.arena-shell{position:fixed;inset:0;z-index:10;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#11111e}.game-canvas-host{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#11111e;cursor:crosshair;outline:none}.game-canvas-host:focus-visible{outline:2px solid #b9abff;outline-offset:-4px}.game-canvas-host canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-error{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;text-align:center;color:#e6d9ff;font-size:14px}.arena-loading{position:absolute;inset:0;display:grid;place-items:center;color:#c9beff;font-size:14px}.arena-hud{position:absolute;z-index:2;top:12px;left:12px;right:12px;min-height:76px;display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:18px;padding:10px 14px;border:1px solid #645d8770;border-radius:10px;background:#11101bdd;box-shadow:0 10px 36px #05050d65;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.arena-hud-identity{display:flex;align-items:center;gap:10px;min-width:0}.arena-hud-identity .brand-mark{flex:none;width:32px;height:32px;font-size:19px}.arena-hud-identity div{display:flex;flex-direction:column;min-width:0;gap:3px}.arena-hud-identity strong{font-size:12px;letter-spacing:.15em}.arena-hud-identity div span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aca9c2;font-size:11px}.arena-hud-stats{display:flex;align-items:center;gap:0}.arena-stat{min-width:106px;padding:1px 13px;border-left:1px solid #5b54754d;display:flex;flex-direction:column;gap:4px;white-space:nowrap}.arena-stat span{color:#948cab;font:9px DM Mono,monospace;letter-spacing:.07em}.arena-stat strong{color:#f1edff;font:700 17px Manrope,Inter,system-ui,sans-serif;line-height:1.2}.arena-stat:first-child strong{color:#b6a6ff}.arena-stat-ping strong{color:#8ddfe0}.arena-hud-actions{display:flex;align-items:center;gap:9px}.arena-connection{display:inline-flex;align-items:center;gap:6px;color:#b9e3ce;font:10px DM Mono,monospace;letter-spacing:.08em;white-space:nowrap}.arena-connection i{width:6px;height:6px;border-radius:50%;background:#72dca7;box-shadow:0 0 9px #72dca7}.arena-connection-dead{color:#ffb0bd}.arena-connection-dead i{background:#ff889d;box-shadow:0 0 9px #ff889d}.arena-geometry{flex:none;border:1px solid #645d87;border-radius:6px;background:#201c33cc;color:#c7bdfc;padding:9px 12px;font:700 12px Manrope,Inter,system-ui,sans-serif;cursor:pointer}.arena-geometry[aria-pressed=true]{background:#423675;color:#fff}.arena-leave{flex:none;border:0;border-radius:6px;background:#a392ff;color:#11101b;padding:10px 14px;font:800 12px Manrope,Inter,system-ui,sans-serif;cursor:pointer}.arena-leave:disabled{opacity:.5;cursor:not-allowed}.arena-hint,.arena-live-status{position:absolute;z-index:2;left:20px;max-width:calc(100vw - 40px);padding:8px 11px;border:1px solid #655c8870;border-radius:6px;background:#11101bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arena-hint{top:101px;color:#b6aedf;font:10px DM Mono,monospace;letter-spacing:.08em;pointer-events:none}.arena-hint span{color:#777087}.arena-live-status{bottom:12px;margin:0;color:#d4caf5;font-size:12px;line-height:1.4;pointer-events:none}.arena-pickup-notice{position:absolute;z-index:2;left:20px;bottom:58px;margin:0;padding:9px 12px;border:1px solid #9d8dee99;border-radius:6px;background:#241e3ae8;color:#f0e9ff;font:700 12px Manrope,Inter,system-ui,sans-serif;box-shadow:0 6px 24px #0b091a88;pointer-events:none}.arena-combat-notice{position:absolute;z-index:2;left:20px;top:143px;margin:0;padding:9px 12px;border:1px solid #81d8d6a0;border-radius:6px;background:#183138e8;color:#c5f3f0;font:700 12px Manrope,Inter,system-ui,sans-serif;box-shadow:0 6px 24px #0b091a88;pointer-events:none}.death-overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:20px;background:#080913bd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.death-card{width:min(460px,100%);padding:30px;border:1px solid #756490;border-radius:16px;background:linear-gradient(155deg,#252033,#14131e 68%);box-shadow:0 24px 90px #020207b8;text-align:left}.death-kicker,.death-shortcut,.death-stats span{font-family:DM Mono,monospace;letter-spacing:.11em;font-size:10px}.death-kicker{color:#b5a6ff}.death-card h2{font-size:clamp(36px,6vw,52px);margin:12px 0 5px;line-height:1.1}.death-description{margin:0;color:#d4bfd2;font-size:14px;line-height:1.6}.death-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 18px}.death-stats div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px 12px;border:1px solid #62556e80;border-radius:8px;background:#100f19a8}.death-stats span{color:#aa9aaf}.death-stats strong{font-size:22px;color:#f1eaff;line-height:1.2}.death-drops{min-height:20px;margin:0 0 25px;color:#c2b6d2;font-size:12px}.death-actions{display:flex;gap:10px}.death-actions button{min-height:45px;border-radius:7px;padding:10px 15px;font-weight:800;cursor:pointer}.death-respawn{flex:1;border:0;background:#a392ff;color:#11101b}.death-respawn:disabled{opacity:.6;cursor:wait}.death-leave{border:1px solid #716987;background:#211b2b;color:#e7dcf0}.death-shortcut{display:block;margin-top:15px;color:#857d98;text-align:center}.death-actions button:focus-visible{outline:2px solid #e9e1ff;outline-offset:3px}.arena-geometry-note{position:absolute;z-index:2;right:205px;bottom:12px;max-width:330px;padding:10px 12px;border:1px solid #645d87;border-radius:6px;background:#11101bdd;color:#e3d7b4;font-size:11px;line-height:1.5;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arena-minimap{position:absolute;z-index:2;right:12px;bottom:12px;width:176px;padding:10px;border:1px solid #645d8770;border-radius:9px;background:#11101bdf;box-shadow:0 10px 36px #05050d65;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.arena-minimap-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#b7a9f9;font:9px DM Mono,monospace;letter-spacing:.08em}.arena-minimap-heading span{color:#82cbb7}.arena-minimap-map{display:block;width:100%;height:auto;border-radius:3px}.arena-minimap-coords{margin-top:7px;color:#aaa2bf;font:9px DM Mono,monospace;letter-spacing:.04em}.footer{display:flex;justify-content:space-between;padding:0 32px 28px;color:#777388;font-size:10px}@media(max-width:900px){.landing{grid-template-columns:1fr;max-width:680px;gap:38px;padding-top:54px}.guest-panel{max-width:560px}}@media(max-width:600px){.topbar{height:68px}.topbar,.landing,.footer{padding-left:20px;padding-right:20px}.landing{gap:34px;padding-top:46px;padding-bottom:54px}.landing h1{font-size:clamp(42px,10vw,56px)}.intro{font-size:15px}.control-list{margin-top:26px;padding-top:18px;gap:10px}.control-list li{width:100%}.guest-panel{padding:25px 22px}.footer span:last-child{display:none}}@media(max-width:1050px){.arena-hud{grid-template-columns:1fr auto;gap:8px 12px}.arena-hud-stats{grid-column:1/-1;grid-row:2;justify-content:space-around;border-top:1px solid #5b54754d;padding-top:8px}.arena-hud-actions{grid-column:2;grid-row:1}.arena-stat{min-width:0;flex:1;padding:0 10px}.arena-stat:first-child{border-left:0}.arena-hint{top:146px}.arena-combat-notice{top:183px}}@media(max-width:700px){.arena-hud{top:8px;left:8px;right:8px;padding:8px;gap:8px}.arena-hud-identity div span{max-width:120px}.arena-connection{display:none}.arena-geometry{padding:8px}.arena-leave{padding:9px 10px}.arena-stat{padding:0 6px}.arena-stat span{font-size:8px;white-space:normal;line-height:1.2}.arena-stat strong{font-size:14px}.arena-hint{display:none}.arena-live-status{top:127px;bottom:auto;left:8px;max-width:calc(100vw - 16px)}.arena-combat-notice{top:173px;left:8px;max-width:calc(100vw - 16px)}.arena-minimap{width:132px;right:8px;bottom:8px;padding:7px}.arena-geometry-note{left:8px;right:8px;bottom:188px;max-width:none}}@media(max-width:460px){.death-card{padding:23px 17px}.death-stats{gap:5px}.death-stats div{padding:11px 7px}.death-stats span{font-size:8px}.death-stats strong{font-size:18px}.death-actions{flex-direction:column}}@media(max-width:380px){.arena-hud-identity strong{font-size:10px;letter-spacing:.1em}.arena-hud-identity div span{max-width:68px}.arena-geometry{padding:7px 6px;font-size:11px}.arena-leave{padding:8px 7px;font-size:11px}}