:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#9bc9e0;--ink:#142234;--yellow:#eefe7c;--surface:rgba(18,34,52,.94)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d4f763;outline-offset:4px}button{transition:transform .15s,background .15s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px)}[hidden]{display:none!important}#game,#vignette,#damage-flash{position:fixed;inset:0;width:100%;height:100%}#vignette{pointer-events:none;background:linear-gradient(90deg,rgba(16,35,49,.65),transparent 65%),linear-gradient(0deg,rgba(16,35,49,.25),transparent 35%)}body.playing #vignette{background:linear-gradient(0deg,rgba(13,27,45,.4),transparent 30%)}#damage-flash{background:#e93636;opacity:0;pointer-events:none;transition:opacity .18s;z-index:10}header{position:fixed;left:3.5%;right:3.5%;top:26px;display:flex;align-items:center;justify-content:space-between;z-index:12}.brand{color:#fff;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:12px}.brand-icon{background:var(--yellow);color:var(--ink);font-weight:900;padding:2px 10px;transform:skew(-9deg);border-radius:0}.brand-sub{font-size:12px;letter-spacing:2px;font-weight:600;border-left:1px solid #ffffff55;padding-left:15px;margin-left:3px}.header-right{display:flex;align-items:center;gap:16px}#connection{font-size:12px;font-weight:700;letter-spacing:2px;text-shadow:0 1px 8px #17233a}.icon-button{width:34px;height:34px;border:1px solid #ffffff66;background:#15273a22;color:#fff;border-radius:0;font-size:18px}.menu{position:fixed;top:19%;left:7%;width:350px;z-index:3}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;display:flex;gap:8px;align-items:center}.eyebrow>span{width:6px;height:6px;background:var(--yellow)}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(70px,7.8vw,124px);text-transform:uppercase;line-height:.87;letter-spacing:-1.5px;margin:24px 0}h1 em{font-style:normal;color:var(--yellow)}.intro{font-size:16px;line-height:1.6;color:#e0ebee;margin:24px 0}.primary,.secondary{min-height:48px;border-radius:0;padding:14px 20px;font-size:14px;font-weight:800}.primary{background:var(--yellow);color:var(--ink)}.secondary{background:#ffffff15;color:#fff;border:1px solid #ffffff55}.menu-actions>.primary{width:100%;text-align:left;display:flex;justify-content:space-between}.online-row{display:flex;gap:10px;margin-top:10px}.online-row>*{flex:1}#menu-status{font-size:12px;color:#dce7ef;min-height:18px;line-height:1.5}.menu-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;opacity:.7;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff30}#island-label{position:fixed;right:5%;bottom:11%;text-align:right;text-shadow:0 2px 20px #16354155}#island-label h2{font-family:Arial,Helvetica,sans-serif;font-size:42px;line-height:1;letter-spacing:1px;margin:10px 0}#island-label>span:last-child{font-size:12px}.tag{font-size:10px;letter-spacing:2px;border:1px solid #fff7;padding:5px 8px}footer{position:fixed;bottom:16px;left:3.5%;font-size:11px;color:#d8e5eb}footer a{color:inherit}#room-form{margin-top:16px}label{font-size:12px;letter-spacing:2px}.join-row{display:flex;gap:8px;margin-top:8px}input{min-width:0;width:100%;background:#14223499;border:1px solid #ffffff55;border-radius:0;padding:12px;color:#fff;text-transform:uppercase;letter-spacing:4px}.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:20}.panel,dialog{background:var(--surface);padding:32px;border-radius:0;border:1px solid #ffffff25;box-shadow:0 25px 100px #09141e55;width:min(92vw,510px);color:#fff}.panel .eyebrow,dialog>.eyebrow{justify-content:center}h2{font-family:Arial,Helvetica,sans-serif;font-size:40px;line-height:1.05;margin:14px 0}.panel p,dialog p{font-size:14px;line-height:1.65;color:#c2cfda}.panel>.primary{width:100%}.text-button{background:transparent;color:#c8d8e3;padding:14px}#copy-code{background:#ffffff08;color:var(--yellow);border:1px dashed #ffffff55;padding:16px;width:100%;border-radius:0;margin:10px 0}#copy-code strong{display:block;font-size:32px;letter-spacing:9px}#copy-code span{font-size:10px;letter-spacing:2px;display:block;margin-top:8px}#lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}#lobby-players div{background:#ffffff0a;padding:12px;border-radius:0;border-left:3px solid var(--team);font-size:14px}.top-hud{position:fixed;top:90px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;gap:10px}.match-chip{background:#142234ce;border:1px solid #fff2;padding:10px 18px;border-radius:0;display:flex;gap:18px;align-items:center}.match-chip span{font-size:11px;letter-spacing:1px;color:var(--yellow)}.match-chip strong{font-variant-numeric:tabular-nums;font-size:16px}#team-board{display:flex;gap:6px}#team-board>div{padding:8px 14px;border-radius:0;background:#142234c9;border-bottom:3px solid var(--team);font-size:12px;display:flex;gap:8px;align-items:center}#team-board .dead{opacity:.4}.objective{position:fixed;top:158px;left:3.5%;text-shadow:0 1px 7px #142234}.objective>span{display:block;font-size:10px;letter-spacing:1.8px;color:var(--yellow);margin-bottom:6px}.objective strong{font-size:14px}.objective small{display:block;margin-top:6px;font-size:11px}#feed{position:fixed;right:3.5%;top:154px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}#feed>div{background:#142234bd;border-radius:0;padding:7px 11px;font-size:12px;max-width:300px}#target-label{position:fixed;transform:translateX(-50%);width:max-content;max-width:150px;text-align:center;font-size:12px;text-shadow:0 1px 4px #000;pointer-events:none}#mining{display:none;position:fixed;transform:translateX(-50%);pointer-events:none;top:calc(50% + 49px);left:calc(50% - 50px);width:100px;height:5px;border-radius:0;background:#142234aa}#mining>div{height:100%;background:var(--yellow);width:0}#toast{position:fixed;top:30%;left:50%;transform:translateX(-50%);background:#142234e6;border:1px solid #fff3;border-radius:0;padding:12px 20px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:25;text-align:center;max-width:90vw}.bottom-hud{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(660px,95%)}.health-row{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.5px;text-shadow:0 1px 4px #142234;margin:0 3px 5px}.health-track{height:6px;background:#142234aa;border-radius:0;overflow:hidden;margin-bottom:10px}#health{width:100%;height:100%;background:#ccf687;transition:width .2s}#hotbar{display:flex;gap:5px}#hotbar button{position:relative;flex:1;height:66px;background:#142234d9;color:#fff;border:1px solid #ffffff25;border-radius:0;min-width:0}#hotbar button.active{border:2px solid var(--yellow);background:#243d50}#hotbar .slot-key{position:absolute;left:6px;top:4px;font-size:10px;color:#d6e4eb}#hotbar .slot-count{position:absolute;right:5px;bottom:4px;font-size:11px;font-weight:800}#hotbar .slot-icon{font-size:24px;display:block;line-height:1;margin-bottom:5px}#hotbar .slot-name{font-size:9px;text-transform:uppercase;letter-spacing:.4px;display:block}.key-help{display:flex;gap:11px;justify-content:center;font-size:10px;margin-top:11px;color:#e0eaf1}.key-help span{white-space:nowrap}kbd{font-family:inherit;font-size:9px;background:#142234aa;padding:3px 4px;border:1px solid #ffffff30;border-radius:0}#resources{position:fixed;bottom:151px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:10px 18px;background:#142234c9;border:1px solid #fff2;border-radius:0;white-space:nowrap;font-size:11px}#resources span{display:flex;align-items:center;gap:5px}.resource{width:9px;height:12px;transform:rotate(30deg);border:1px solid #fff4;display:inline-block}.iron{background:#d5dfef}.gold{background:#ffd257}.emerald{background:#59e7a8}.diamond{background:#7aeaff}.shop-button{position:fixed;bottom:38px;right:3.5%;color:#142234;background:var(--yellow);border-radius:0;padding:12px;font-weight:800}.shop-button span{font-size:11px;margin-left:10px}.pause-button{position:fixed;bottom:38px;left:3.5%;background:#14223499;color:#fff;border:1px solid #fff4;border-radius:0;padding:10px 15px;font-size:18px}dialog{max-height:85vh;overflow:auto}dialog::backdrop{background:#0e213a60;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin-top:8px}.close{font-size:30px;background:transparent;color:#fff}.muted{color:#97abbc!important;font-size:12px!important}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;font-size:12px;margin:25px 0}.controls-grid span{color:#b2c3d0}#shop{width:min(720px,94vw)}#shop-tabs{display:flex;gap:8px;margin:15px 0}#shop-tabs button{background:#ffffff0a;color:#c5d5e0;border-radius:0;padding:10px 14px;font-size:12px}#shop-tabs button.active{color:var(--ink);background:var(--yellow)}#shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#shop-items button{color:#fff;background:#ffffff08;border:1px solid #fff2;border-radius:0;padding:16px;text-align:left;min-height:138px}#shop-items strong{display:block;font-size:14px;margin-bottom:8px}#shop-items small{display:block;color:#9fb1c4;font-size:11px;line-height:1.5;min-height:36px}#shop-items b{display:block;color:var(--yellow);font-size:12px;margin-top:12px}#shop-message{color:var(--yellow);min-height:22px}#pause{text-align:center}#pause button{display:block;width:100%;margin-top:10px}#respawn{pointer-events:none;width:90%;text-shadow:0 3px 30px #142234}#respawn .eyebrow{justify-content:center}#respawn h2{font-size:70px}#touch{position:fixed;inset:0;pointer-events:none;z-index:8}#joystick{position:absolute;bottom:190px;left:30px;border:1px solid #ffffff66;width:100px;height:100px;border-radius:0;background:#14223444;pointer-events:auto;touch-action:none}#joystick div{width:42px;height:42px;border-radius:0;position:absolute;top:28px;left:28px;background:#ffffff77}.touch-actions{position:absolute;right:25px;bottom:190px;display:flex;gap:10px;pointer-events:auto}.touch-actions button{border:1px solid #fff7;background:#14223488;color:#fff;border-radius:0;width:60px;height:60px;font-size:10px;font-weight:800;touch-action:none}body.playing #credits{display:none}@media(max-width:900px){.menu{left:6%;top:18%}h1{font-size:88px}.shop-button{bottom:181px}.pause-button{bottom:181px}.brand-sub{display:none}#island-label{right:4%;bottom:10%}#island-label h2{font-size:32px}#team-board>div{padding:8px;font-size:10px}.key-help{gap:7px;font-size:9px}}@media(max-width:600px){header{top:18px}.brand{font-size:20px}.header-right{gap:8px}#connection{font-size:9px}.menu{width:290px;top:17%}h1{font-size:76px}.intro{font-size:14px;margin:20px 0}#island-label{display:none}.top-hud{top:75px}.match-chip{padding:8px;gap:8px}.match-chip span{font-size:9px}#team-board>div{padding:7px 6px;gap:3px}#team-board .team-name{display:none}.objective{top:124px;max-width:210px}.objective strong{font-size:12px}#feed{top:185px}#feed>div{font-size:10px}#resources{gap:10px;padding:8px 12px;bottom:125px;font-size:10px}.bottom-hud{bottom:14px}#hotbar button{height:58px}.key-help{display:none}#hotbar .slot-name{font-size:8px}#hotbar .slot-icon{font-size:21px}#hotbar .slot-key{font-size:8px}.shop-button,.pause-button{bottom:147px}.shop-button{padding:9px}.shop-button span{font-size:9px}.panel,dialog{padding:23px}#shop-items{grid-template-columns:repeat(2,1fr)}.controls-grid{gap:12px;font-size:11px}#joystick{bottom:205px;left:20px}.touch-actions{bottom:210px;right:14px;gap:6px}.touch-actions button{width:48px;height:48px;font-size:9px}}@media(max-height:680px) and (min-width:600px){.menu{top:16%;width:300px}h1{font-size:74px;margin:17px 0}.intro{margin:16px 0}.menu-foot{margin-top:10px}.menu-actions .primary,.menu-actions .secondary{min-height:42px;padding:12px}.objective{top:142px}}
@media(max-width:360px){.menu{width:88%;left:6%;top:16%}h1{font-size:64px}.brand{font-size:16px;gap:6px}.brand-icon{padding:2px 7px}.header-right{gap:6px}#connection{display:none}.menu-foot{font-size:8px}.intro{margin:16px 0}.primary,.secondary{padding:12px 10px}.online-row{gap:7px}footer{font-size:9px}#team-board>div{padding:6px}.objective{max-width:180px}}
#room-form{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px;background:var(--surface);border:1px solid #ffffff44;border-radius:0;width:min(380px,90vw);box-shadow:0 30px 100px #10203088;z-index:24}#room-form .join-row{margin-top:14px}
@media(max-width:600px){#hotbar .slot-name{display:none}#hotbar .slot-icon{font-size:23px;margin-bottom:5px}#hotbar .slot-count{bottom:3px;right:4px;font-size:10px}#hotbar button{height:58px}}
@media(max-width:600px){#connection{display:none}}

.inventory-row{display:flex;align-items:stretch;gap:5px;width:100%}.inventory-row>button{flex:0 0 30px;background:#142234db;border:1px solid #fff4;border-radius:0;color:white;font-size:28px;min-height:58px}#hotbar{display:flex;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cace #142234;min-width:0;flex:1;justify-content:flex-start;padding:3px 1px 7px}#hotbar button{flex:0 0 64px;min-width:64px}#hotbar .slot-name{font-size:9px;letter-spacing:0;text-transform:none;white-space:normal}#shop-tabs{flex-wrap:wrap}#shop-tabs button{min-height:42px;padding:10px 12px}#shop-items button:disabled{cursor:default}#selected-item{min-height:18px}@media(max-width:600px){#hotbar button{flex-basis:61px;min-width:61px}#hotbar .slot-name{display:block;font-size:8px}.inventory-row>button{flex-basis:26px}}
.damage-number{position:fixed;z-index:18;pointer-events:none;user-select:none;font:900 34px/1 Arial,Helvetica,sans-serif;font-style:italic;color:#fff8d8;-webkit-text-stroke:1.5px #202936;paint-order:stroke fill;text-shadow:2px 3px 0 #111b2b,0 1px 7px #0008;will-change:transform,opacity;white-space:nowrap}.damage-number.finish{color:#ffe04c;font-size:40px}.damage-number.fire{color:#ffb35c;font-size:25px}.damage-number[hidden]{display:none}