@font-face{font-family:DM;src:url(vendor/dm-sans.ttf)}:root{font-family:DM,Arial,sans-serif;color:#f4ffff;font-synthesis:none;--mint:#82efd3;--deep:#123c42;--glass:rgba(13,43,49,.84)}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden}body{background:#e9c4a4}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #fff4ab;outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}#scene{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,38,35,.42),transparent 23%,transparent 72%,rgba(21,43,43,.36))}.brand{position:absolute;left:34px;top:26px;pointer-events:none;text-shadow:0 2px 15px #263b4060}.brandline{display:flex;gap:9px;align-items:center}.brand svg{width:31px;height:37px;color:var(--mint)}h1{font-size:32px;letter-spacing:.025em;font-style:italic;line-height:1.05;margin:0;font-weight:900}.brand p{color:var(--mint);font-size:14px;letter-spacing:.14em;font-weight:800;margin:5px 0 11px 41px}.brand>span{font-size:12px;letter-spacing:.1em;background:#18363b9c;padding:6px 12px;border-radius:5px;margin-left:41px;display:inline-block;font-weight:700}.brand b{margin:0 8px;color:var(--mint)}.mission{position:absolute;top:23px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 12px #19373c77}.clock{display:flex;align-items:center;justify-content:center;gap:9px}.clock strong{font-size:38px;font-variant-numeric:tabular-nums;line-height:1.05}.clockIcon{font-size:32px;color:var(--mint)}.mission>span{font-size:13px;letter-spacing:.18em;font-weight:800;color:#cefff3}.mission p{font-size:13px;border:1px solid #b6e8db9c;background:#12333cc9;border-radius:6px;margin:12px 0 0;padding:7px 14px}.topRight{position:absolute;right:28px;top:23px}.utility{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}.utility button{border:1px solid #ffffff55;border-radius:7px;background:#143b457c;padding:7px 10px;font-size:12px;min-height:32px}#full{font-size:20px;padding:2px 9px}#team{display:flex;gap:12px;justify-content:flex-end}.teammate{width:58px;text-align:center}.teammate img{width:48px;height:48px;border:2px solid #9bf7e3;border-radius:50%;background:#183e47}.teammate span{display:block;font-size:10px;max-width:65px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:800}.teammate i{display:block;height:4px;background:#8be7be;margin-top:4px;border-radius:4px}.panel,dialog{background:linear-gradient(145deg,#12383cf5,#12333be8);border:1px solid #c2eed747;box-shadow:0 16px 70px #162d383b;border-radius:18px;backdrop-filter:blur(18px)}.start{position:absolute;bottom:32px;left:34px;width:360px;padding:25px 25px 19px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--mint);font-weight:800}.start h2{font-size:30px;letter-spacing:-.04em;margin:9px 0 10px;font-weight:600}.start p{font-size:14px;color:#d5e7e4;line-height:1.6;margin:0 0 21px}.fieldLabel{font-size:10px;letter-spacing:.13em;color:#b6cdc8;font-weight:700}.characters{display:flex;gap:7px;margin:10px 0}.character{width:55px;height:61px;border:1px solid #9bd9c431;border-radius:9px;background:#ecfff10c;padding:2px;transition:.18s}.character:hover{background:#ffffff25;transform:translateY(-2px)}.character.selected{border-color:var(--mint);background:#9ffed82b;box-shadow:0 0 0 1px var(--mint)}.character img{width:100%;height:100%;object-fit:contain}.roleInfo{min-height:48px;margin:10px 0 17px}.roleInfo strong{font-size:15px;margin-right:8px;color:#ecfff7}.roleInfo span{font-size:12px;color:#bcd7d0;display:block;margin-top:4px}.startActions{display:flex;gap:8px}.primary,.secondary{border-radius:8px;padding:12px 14px;font-size:14px;font-weight:700;border:1px solid #a5dec447;transition:.16s}.primary{background:var(--mint);border-color:var(--mint);color:#113d3c}.primary:hover{background:#b1ffe9;transform:translateY(-1px)}.primary span{margin-left:25px}.secondary{background:#ffffff08;color:#e7fff5}.secondary:hover{background:#ffffff1c}.smallHint{font-size:10px;color:#a9c5bd;margin-top:15px}.playerHud{position:absolute;bottom:27px;left:28px;background:var(--glass);border:1px solid #a6d6d67d;display:flex;gap:12px;border-radius:13px;padding:12px 22px 12px 9px;width:269px}.playerHud>img{width:73px;height:79px;object-fit:contain}.playerHud>div{flex:1}.playerHud strong{font-size:19px;display:block}.playerHud span{display:block;font-size:12px;color:#c8e8e0;margin-top:4px}.bar{height:6px;border-radius:9px;background:#b8cfc52e;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:var(--mint);transition:width .2s}.playerHud small{display:block;margin-top:8px;color:#d6e5db;font-size:12px}.controlHint{position:absolute;left:50%;bottom:33px;transform:translateX(-50%);padding:8px 13px;border:1px solid #d2e4d147;border-radius:7px;background:#173e45b5;font-size:12px;white-space:nowrap;display:flex;gap:4px;align-items:center}kbd{border:1px solid #b7d4d68c;border-radius:3px;font:11px DM;padding:1px 3px}.controlHint span{margin:0 5px}.controlHint b{color:var(--mint)}.abilities{position:absolute;bottom:29px;right:31px;display:flex;gap:17px}.abilities button{position:relative;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;padding:0;min-width:76px}.abilityIcon{width:69px;height:69px;display:grid;place-items:center;border:2px solid #b6fff1;border-radius:50%;background:radial-gradient(circle at 50% 70%,#24797acc,#122d44f0);font-size:40px;text-shadow:0 0 14px #bff;box-shadow:0 0 0 4px #142c4736,0 5px 20px #173b5159}.abilities button:hover .abilityIcon{background:#227c83}.abilities small{font-size:10px;background:#173744;border:1px solid #acdbdc;border-radius:3px;margin-top:-2px;padding:0 4px;z-index:1}.abilities b{font-size:11px;letter-spacing:.06em;margin-top:4px}.abilities em{position:absolute;top:17px;left:0;right:0;text-align:center;font-style:normal;font-size:26px;font-weight:700;text-shadow:0 2px 8px #000}.abilities .cooling .abilityIcon{opacity:.35}.abilities button.cooling{cursor:default}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.worldLabel{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap}.bloomLabel{width:163px;background:#1c4149db;border:1px solid #b7e5d5ad;border-radius:6px;padding:6px 8px;box-shadow:0 4px 20px #213e3429}.bloomLabel b{font-size:10px;letter-spacing:.08em}.bloomLabel span{font-size:10px;margin-left:8px;color:#c8f8e7}.bloomLabel .bar{height:5px;margin-top:5px}.nameLabel{background:#193f49d9;border:1px solid #9ae9d8a6;color:#e5fff6;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700}.nameLabel.you{background:#65e3d2;color:#143d41}.enemyLabel{width:44px;height:4px;background:#2e1535aa;border-radius:3px;overflow:hidden}.enemyLabel i{background:#d189f7;display:block;height:100%}#banner{position:absolute;left:50%;top:160px;transform:translateX(-50%);padding:11px 24px;color:#fff6d9;background:#164049d9;border:1px solid #d2c59494;border-radius:8px;font-size:16px;opacity:0;transition:opacity .3s;text-align:center;pointer-events:none}#banner.visible{opacity:1}dialog{color:#edfdf6;width:min(430px,calc(100% - 32px));padding:29px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#102f3a73;backdrop-filter:blur(5px)}dialog h2{font-size:29px;letter-spacing:-.03em;margin:10px 0}dialog p{color:#c5dad4;font-size:14px;line-height:1.6}dialog label{display:block;font-size:13px;margin:20px 0 12px}input{width:100%;background:#0d2a3299;border:1px solid #a0d0c25c;border-radius:7px;padding:12px;color:white;margin-top:7px;outline:0;font-size:16px}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:26px}.joinRow{display:flex;gap:8px;margin-top:12px}.joinRow input{margin:0;min-width:0;font-size:13px}#createRoom,#startRoom{width:100%}#lobbyError{color:#ffb9ba;font-size:13px;min-height:1em}.roomCode{font-size:11px;margin:20px 0;display:flex;gap:9px;align-items:center}.roomCode strong{font-size:18px;letter-spacing:.12em}.roomCode button{margin-left:auto;font-size:11px;padding:8px}#members{list-style:none;padding:0}#members li{font-size:14px;border-top:1px solid #badccd25;padding:10px 0;display:flex;justify-content:space-between}#members span{color:#a1d4c4;font-size:12px}#result{text-align:center}#result .primary,#pauseDialog .primary{display:block;width:100%;margin-bottom:8px}#result .secondary,#pauseDialog .secondary{width:100%}#stats{display:flex;gap:12px;justify-content:space-around;margin:23px 0}#stats strong{font-size:28px;display:block;color:var(--mint)}#stats span{font-size:11px;color:#c5d8ce}#joystick{position:absolute;left:28px;bottom:60px;width:104px;height:104px;border-radius:50%;border:1px solid #c6fff68c;background:#16394550;touch-action:none}#stick{position:absolute;left:31px;top:31px;width:42px;height:42px;border:2px solid #b7fff0;border-radius:50%;background:#3a9c98b0;pointer-events:none}#connection{position:absolute;top:140px;left:50%;transform:translateX(-50%);background:#692e3eee;padding:10px 18px;border-radius:7px;font-size:13px}#fatal{position:absolute;inset:0;background:#123c42;display:grid;align-content:center;justify-content:center;text-align:center}
@media(max-width:1000px){h1{font-size:25px}.brand{left:20px;top:19px}.brand svg{width:25px}.brand p{font-size:10px;margin-left:34px}.brand>span{margin-left:34px;font-size:10px}.mission{top:19px}.clock strong{font-size:31px}.topRight{right:18px;top:17px}.teammate{width:39px}.teammate img{width:37px;height:37px}.teammate span{font-size:8px}#team{gap:6px}.abilities{gap:10px;right:20px}.abilityIcon{width:59px;height:59px}.abilities button{min-width:61px}.abilities b{font-size:9px}.controlHint{bottom:17px}.playerHud{bottom:37px;left:20px;width:219px;padding-right:13px}.playerHud>img{width:58px}.start{left:20px;bottom:25px;width:334px;padding:21px}.start h2{font-size:27px}}
@media(pointer:coarse){#joystick:not([hidden]){display:block}#controlHint{display:none}.playerHud{bottom:185px;width:194px;pointer-events:none;padding:7px}.playerHud>img{width:44px;height:60px}.playerHud strong{font-size:14px}.playerHud small{font-size:10px}.abilities{bottom:60px}.abilities small{display:none}}
@media(max-width:620px){.brand{top:15px;left:14px}h1{font-size:20px}.brand svg{width:21px;height:26px}.brandline{gap:6px}.brand p{font-size:8px;letter-spacing:.1em;margin:3px 0 7px 27px}.brand>span{font-size:8px;margin-left:27px;padding:4px 7px}.mission{top:91px;width:190px}.clock strong{font-size:28px}.clockIcon{font-size:25px}.mission>span{font-size:10px}.mission p{font-size:11px;padding:5px 8px;margin-top:6px}.topRight{right:12px;top:14px}#team{display:none}.utility{margin:0;gap:4px}.utility button{font-size:10px;padding:5px;min-height:27px}.utility #full{display:none}.start{bottom:18px;left:14px;right:14px;width:auto;padding:19px 21px}.start h2{font-size:27px;margin:6px 0}.start p{font-size:12px;margin:0 0 13px}.characters{margin:7px 0}.character{width:51px;height:53px}.roleInfo{min-height:38px;margin-bottom:12px}.smallHint{margin-top:10px}.startActions button{flex:1}.start .eyebrow{font-size:9px}.playerHud{left:14px;bottom:148px;width:166px}.playerHud>img{width:35px;height:52px}.playerHud strong{font-size:12px}.playerHud span{font-size:10px}.playerHud small{font-size:9px}.abilities{right:13px;bottom:38px;gap:6px}.abilityIcon{width:51px;height:51px;font-size:30px}.abilities button{min-width:54px}.abilities b{font-size:8px}.abilities em{font-size:22px;top:11px}#joystick{left:19px;bottom:38px;width:92px;height:92px}#stick{left:25px;top:25px}.controlHint{display:none}#banner{top:183px;width:max-content;max-width:90%;font-size:13px;padding:9px 14px}.bloomLabel{width:132px;padding:4px 6px}.bloomLabel b,.bloomLabel span{font-size:8px}.nameLabel{font-size:8px}.eyebrow{font-size:10px}}
@media(max-height:520px) and (min-width:621px){.start{bottom:12px;padding:15px;width:320px}.start p{font-size:12px;margin-bottom:10px}.start h2{font-size:24px;margin:5px 0}.character{height:46px;width:48px}.roleInfo{min-height:32px;margin:5px 0 10px}.smallHint{margin-top:8px}.start .eyebrow{font-size:8px}.brand>span{display:none}.playerHud{bottom:20px}.abilities{bottom:20px}.mission p{margin-top:5px}}

/* First Bloom v2: clear arena, readable pickups and short garden encouragement. */
#exit{border-color:#ffc9a8a6;color:#fff0dc;font-weight:800;background:#58362c9e}
.bloomSpeech{max-width:270px;white-space:normal;border:1px solid #bcf5d8;background:#123d3eed;border-radius:13px;padding:9px 14px;font-size:13px;line-height:1.4;box-shadow:0 3px 14px #153f3440;color:#f0fff4}
.bloomSpeech:after{content:'';position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#123d3e;transform:rotate(45deg);border-right:1px solid #bcf5d8;border-bottom:1px solid #bcf5d8}
.itemLabel{width:28px;height:28px;border:2px solid;border-radius:50%;background:#12333fee;display:grid;place-items:center;font-size:17px;font-weight:800;box-shadow:0 2px 8px #10374380}
#itemToast{position:absolute;bottom:151px;left:50%;transform:translateX(-50%);background:#123c42ed;border:1px solid #afffda;border-radius:8px;padding:10px 18px;font-size:14px;color:#eaffed;pointer-events:none}
#activeItems{position:absolute;bottom:140px;left:27px;max-width:300px;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none}
#activeItems span{padding:4px 7px;border:1px solid;border-radius:6px;font-size:11px;background:#173c43e8}
#itemsDialog{width:min(650px,calc(100% - 28px))}#itemCatalogue{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.catalogueItem{display:flex;gap:12px;padding:12px;border:1px solid #a6ddd333;border-radius:9px;background:#072d322e}.catalogueItem>span{font-size:27px;width:29px;flex-shrink:0}.catalogueItem strong{font-size:13px}.catalogueItem p{font-size:12px;margin:5px 0 0;line-height:1.4}
@media(max-width:620px){.topRight{top:67px;left:14px;right:14px}.utility{justify-content:flex-end}.mission{top:104px}.bloomSpeech{max-width:180px;font-size:11px;padding:6px 9px}.itemLabel{width:23px;height:23px;font-size:14px}#activeItems{left:14px;bottom:238px;max-width:180px}#activeItems span{font-size:9px;padding:3px 5px}#itemToast{bottom:195px;font-size:12px;max-width:90%;white-space:nowrap}#itemCatalogue{grid-template-columns:1fr}.catalogueItem{padding:9px}}

/* Revision 3: illustrated circular supply HUDs and tactical lane markers. */
.itemLabel{width:88px;height:auto;min-height:86px;border-radius:44px 44px 12px 12px;background:radial-gradient(circle at 50% 25%,#287075ef,#092730f5);display:flex;flex-direction:column;align-items:center;padding:3px 5px 6px;box-shadow:0 0 0 3px #16495788,0 4px 15px #0b27355c}.itemLabel img{width:49px;height:43px;object-fit:contain}.itemLabel strong{font-size:9px;line-height:1.1;color:#f0fffa;white-space:normal;text-transform:uppercase}.itemLabel small{font-size:8px;margin-top:3px;color:#a6e9e2}.catalogueItem>img{width:53px;height:53px;object-fit:contain;flex-shrink:0}.stationLabel{background:#132e4bef;border:1px solid #8cffff;border-radius:7px;padding:6px 10px;color:#afffef;font-size:12px;box-shadow:0 0 16px #52ffff30}.gateLabel{background:#163746e8;border:1px solid #acdef4;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:700;color:#d7faff}.gateLabel.engaged{background:#22709be8;border-color:#c6fcff}#reticle,#lookHint{display:none}
@media(max-width:620px){.itemLabel{width:66px;min-height:66px;padding:2px 3px 4px}.itemLabel img{width:36px;height:31px}.itemLabel strong{font-size:8px}.itemLabel small{font-size:7px}.stationLabel{font-size:10px;padding:4px 6px}.gateLabel{font-size:8px;padding:4px 5px}.start p{font-size:11px;line-height:1.45}.start{padding:16px 20px}}

#weaponCatalogue{display:grid;grid-template-columns:1fr 1fr;gap:9px}@media(max-width:620px){#weaponCatalogue{grid-template-columns:1fr}}

#damageFlash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px 25px #ff345f;opacity:0;transition:opacity .12s}#damageFlash.hit{opacity:.5}
#rewardProgress{position:absolute;left:50%;bottom:67px;transform:translateX(-50%);font-size:10px;letter-spacing:.09em;color:#c2f5e3;background:#14393fdd;border:1px solid #75bba888;padding:4px 9px;border-radius:6px;pointer-events:none}
#aimStick{position:absolute;right:32px;bottom:155px;width:90px;height:90px;border:1px solid #c2f6f29e;border-radius:50%;background:#173d4666;touch-action:none;user-select:none}#aimKnob{position:absolute;left:26px;top:26px;width:38px;height:38px;border:2px solid #a6ffff;border-radius:50%;background:#3a9eafb0;pointer-events:none}#aimStick small{position:absolute;bottom:-20px;text-align:center;width:100%;font-size:10px;letter-spacing:.15em;pointer-events:none}
@media(pointer:coarse){.panel,dialog{backdrop-filter:none}.vignette{background:linear-gradient(180deg,#22262366,transparent 23%,transparent 72%,#152b2b55)}#rewardProgress{bottom:12px}.abilityIcon{width:58px;height:58px}.abilities button{min-width:60px}.itemLabel{box-shadow:none}}
@media(max-width:620px){#aimStick{right:28px;bottom:150px;width:82px;height:82px}#aimKnob{left:22px;top:22px}.utility button{min-height:34px;padding:5px 7px}#activeItems{max-width:160px}.controlHint{display:none}}

.enemyLabel::after{content:attr(data-tier);position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:8px;color:#fff2cf;white-space:nowrap;text-shadow:0 1px 3px #322238}.enemyLabel[data-tier="STRONG"] i{background:#ff826b}.enemyLabel[data-tier="MEDIUM"] i{background:#ffc978}

.scorePopup{font-size:22px;font-weight:900;color:#fff397;text-shadow:0 2px 3px #593547,0 0 8px #ffb83e;pointer-events:none;z-index:15}

/* Let the battlefield show through supplies while keeping text crisp. */
.itemLabel{background:radial-gradient(circle at 50% 25%,rgba(40,112,117,.48),rgba(9,39,48,.62));box-shadow:0 0 0 2px #16495740,0 3px 9px #0b273530}.itemLabel img{opacity:.86}.itemLabel strong,.itemLabel small{text-shadow:0 1px 3px #082931}.nameLabel{will-change:left,top;transition:none}

/* Quiet play HUD: guidance is contextual, timer and health remain visible. */
.playing .brand,.playing #mission>span,.playing #mission>p,.playing #controlHint,.playing #rewardProgress,.playing #team,.playing #myName,.playing #weapon,.playing #activeItems,.playing #aimStick small,.playing .abilities small{display:none!important}.playing .playerHud{width:165px;padding:7px;gap:6px}.playing .playerHud>img{width:42px;height:45px}.playing .playerHud #hpText{font-size:11px}.playing .utility button:not(#full){font-size:0;min-width:36px}.playing #itemsButton:after{content:'?';font-size:21px}.playing #pause:after{content:'Ⅱ';font-size:21px}.contextLabel{background:#123a416b;border:1px solid #bfffe650;border-radius:5px;padding:4px 8px;font-size:11px;pointer-events:none;text-shadow:0 1px 3px #132c32}.enemyLabel:after{display:none}.worldLabel{will-change:transform;transition:none}.playing #banner{font-size:13px;top:100px;padding:6px 12px}

.playing #playerHud{display:none!important}

.marrowName{font-size:11px;font-weight:800;letter-spacing:.09em;color:#fff4cf;text-shadow:0 1px 4px #283c32,0 0 8px #283c3280;background:#193e3b38;border-radius:4px;padding:3px 7px;pointer-events:none}

#sound{display:grid;place-items:center;min-width:36px}#sound svg{width:22px;height:22px;display:block}#sound .soundSlash{display:none}#sound.muted .soundSlash{display:block}#sound.muted .soundWaves{display:none}

#exit{display:grid;place-items:center;min-width:36px}#exit svg{display:block;width:22px;height:22px}

#exitDialog{text-align:center}.exitActions{display:flex;gap:10px;margin-top:20px}.exitActions button{flex:1}

/* Health follows each rendered actor, rather than occupying the shared HUD. */
.worldHealth{width:100%;height:5px;border-radius:4px;background:#102d3bd9;overflow:hidden;box-shadow:0 0 0 1px #dcfff85c,0 1px 4px #102d3b80}
.worldHealth i{display:block;height:100%;background:linear-gradient(90deg,#53b58c,#b1f4cf);transition:width .12s linear}
.marrowName .worldHealth{width:94px;margin:5px auto 1px}
.playerHealth{width:62px;padding-bottom:5px}
.playerHealth.self .worldHealth i{background:linear-gradient(90deg,#399abe,#9aeaff)}
.healthCaption{display:block}.playerHealth .healthCaption{font-size:10px;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;margin:0 -14px 4px;text-shadow:0 1px 3px #102d3b,0 0 4px #102d3b}
.worldLabel.critical .worldHealth i{background:#ff936c}
.playing .abilities b{font-size:10px;letter-spacing:.025em;text-shadow:0 1px 4px #102d3b,0 0 8px #102d3b}
@media(max-width:620px){.playing .abilities b{font-size:9px}.marrowName{font-size:10px}.playerHealth{width:54px}}

.controlsGuide{margin:20px 0;padding:15px;border:1px solid #a6ddd333;border-radius:10px;background:#072d324d}.controlsGuide h3{font-size:17px;margin:0 0 13px;color:#b1ffe9}.controlsGuide dl{margin:0}.controlsGuide dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #badccd20}.controlsGuide dt{font-size:12px;font-weight:700;color:#ecfff7}.controlsGuide dd{margin:0;font-size:12px;line-height:1.65;color:#c5dad4}.controlsGuide kbd{display:inline-block;white-space:nowrap;color:#f4ffff}.controlsGuide p{font-size:12px;margin:12px 0 0;line-height:1.6}.controlsGuide .guideNote{color:#a1c8c0}@media(max-width:620px){.controlsGuide{padding:12px}.controlsGuide dl>div{grid-template-columns:1fr;gap:4px}}

#missionAlert{position:absolute;top:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:10px 16px;background:#671a2cee;border:1px solid #ff727e;border-radius:9px;box-shadow:0 0 22px #ff344638;pointer-events:none;color:#fff0ef;font-size:11px}#missionAlert strong{color:#ffb6bc;font-size:13px;letter-spacing:.1em}#missionAlert b{font-size:18px;font-variant-numeric:tabular-nums}#missionLane{font-weight:800;white-space:nowrap}@media(max-width:620px){#missionAlert{top:150px;gap:6px;padding:8px 10px;font-size:9px}#missionAlert strong{font-size:11px}#missionAlert b{font-size:15px}}

/* Guardian selection follows the existing Tindlo game language. */
body:not(.playing) .brand,body:not(.playing) .mission{display:none}.start{inset:0 auto 0 0;width:min(540px,46vw);max-height:100dvh;border:0;border-radius:0;overflow-y:auto;padding:0;background:linear-gradient(145deg,#214935,#142b27);backdrop-filter:none}.chooseBrand{display:flex;align-items:center;gap:16px;padding:24px 28px;background:#0c141d}.medicalMark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #729981;border-radius:15px;background:#23483a;color:#d4f99b;font-size:38px}.chooseBrand strong{font-size:24px;font-weight:700;letter-spacing:-.04em}.chooseBrand small{display:block;margin-top:7px;color:#9aafbd;font-size:10px;letter-spacing:.16em}.betaTag,.playBeta{display:inline-block;border:1px solid #d4f99b;border-radius:5px;color:#d4f99b;font-size:10px;padding:2px 5px;letter-spacing:.06em;margin-left:8px}.playBeta{position:absolute;left:18px;top:18px;background:#102b2bc9;pointer-events:none}body:not(.playing) .playBeta{display:none}.chooseContent{padding:28px}.start .eyebrow{color:#9fb4c0;font-size:11px}.start h2{font-size:33px;letter-spacing:-.045em;margin:17px 0 12px}.start p{font-size:14px;color:#b7ccc7;line-height:1.65}.chooseHint{padding:15px;border:1px solid #6f927256;border-radius:10px;font-size:13px;line-height:1.6;color:#bfd4c3}.duoTag{font-size:11px;letter-spacing:.08em;color:#d4f99b;margin:18px 0 27px}.start .fieldLabel{font-size:12px;color:#edf8f2;letter-spacing:.015em}.characters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 0}.character{width:100%;height:112px;padding:7px 2px;border-color:#7397757d;background:#ffffff03;border-radius:10px}.character img{height:76px;display:block}.character span{font-size:10px;display:block;margin-top:3px;white-space:nowrap}.character.selected{border-color:#d4f99b;box-shadow:inset 0 -3px #d4f99b;background:#d4f99b20}.roleInfo{display:flex;align-items:center;gap:17px;border-radius:13px;padding:16px;background:#0c24266b;border:1px solid #55714d40;margin:16px 0 28px;min-height:145px}.roleInfo img{width:90px;height:112px;object-fit:contain}.roleInfo>div{min-width:0}.roleInfo strong{font-size:23px;display:block;margin:6px 0}.roleInfo span{font-size:12px;line-height:1.5}.stageHeading{display:flex;justify-content:space-between;align-items:center}.stageHeading>span{font-size:10px;letter-spacing:.07em;color:#9fb4c0}.stageChoices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.stageChoices button{position:relative;border:1px solid #76936385;border-radius:6px;height:45px;background:#163631;color:#b4c7cc;font-size:18px}.stageChoices button.selected{background:#d4f99b;color:#1c3c32;border-color:#d4f99b}.stageChoices button.completed:after{content:'✓';position:absolute;right:4px;top:2px;font-size:10px}.stageDescription strong{font-size:15px;color:#e5efd9}.stageDescription>span{display:block;font-size:11px;color:#c1dc9d;margin-top:5px}.stageDescription p{font-size:12px;margin:7px 0 20px}.startActions{gap:9px}.startActions button{flex:1;font-size:13px;white-space:nowrap}.start .primary{background:#d4f99b;border-color:#d4f99b}.start .careNote{font-size:10px;margin:18px 0 0;color:#a4b9ad}.startActions .primary span{margin-left:8px}select{width:100%;margin:8px 0;padding:11px;border:1px solid #7b9f8c;border-radius:6px;background:#173931;color:#ecfff7;font:inherit}#nextStage{width:100%;margin-bottom:8px}@media(max-width:760px){.start{width:100%;inset:0;max-height:100dvh}.chooseBrand{padding:20px}.chooseContent{padding:24px 20px 32px}.start h2{font-size:30px}.start .characters{gap:6px}.character{height:110px}.character img{height:74px}.start .roleInfo{min-height:140px}.start .roleInfo strong{font-size:23px}body:not(.playing) .topRight{display:none}.start .careNote{font-size:11px}}

/* Symmetric touch controls: actions never displace either thumb stick. */
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.utility #view svg{display:block;width:23px;height:23px}
.utility #view[aria-pressed="true"]{color:#d2ff91;border-color:#d2ff91}
@media(pointer:coarse),(max-width:700px),(max-height:520px) and (max-width:1000px){
 body{--stick-size:104px;--control-bottom:calc(28px + env(safe-area-inset-bottom,0px));--control-side:20px}
 #joystick,#aimStick{width:var(--stick-size);height:var(--stick-size);bottom:var(--control-bottom);margin:0;box-sizing:border-box}
 #joystick{left:calc(var(--control-side) + env(safe-area-inset-left,0px));right:auto}
 #aimStick{right:calc(var(--control-side) + env(safe-area-inset-right,0px));left:auto}
 #stick,#aimKnob{width:42px;height:42px;left:calc(50% - 21px);top:calc(50% - 21px);box-sizing:border-box}
 .playing .abilities{right:calc(var(--control-side) + env(safe-area-inset-right,0px));bottom:calc(var(--control-bottom) + var(--stick-size) + 18px);gap:12px;align-items:flex-end}
 .playing .abilities #bomb{order:2}.playing .abilities #skill{order:1}
 .playing .abilityIcon{width:52px;height:52px;font-size:30px}.playing .abilities button{min-width:52px;min-height:68px}
 .playing .topRight{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));left:auto}
 .playing .utility{gap:5px}.playing .utility button:not(#full){width:44px;min-width:44px;height:44px;padding:9px}
 .playing .mission{top:calc(12px + env(safe-area-inset-top,0px));left:14px;transform:none;width:auto}
 .playing .mission .clock strong{font-size:23px}.playing #banner{top:76px}
}

@media(pointer:coarse),(max-width:700px),(max-height:520px) and (max-width:1000px){.playing .playBeta{display:none!important}}

#view .cameraPlus{display:none}#view[aria-pressed="true"] .cameraPlus{display:block}

#bomb,#skill{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

#coreLock{position:absolute;left:-100px;top:-100px;z-index:18;width:68px;height:68px;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid #c6ffe8;border-radius:50%;background:#176e59f2;color:#fff;font-size:29px;box-shadow:0 0 0 5px #69ffc52e,0 0 24px #64ffd3a8;animation:coreLockPulse .75s ease-in-out infinite alternate;touch-action:none;pointer-events:auto;cursor:pointer;user-select:none;-webkit-user-select:none}
#coreLock[hidden]{display:none!important}@keyframes coreLockPulse{from{box-shadow:0 0 0 5px #69ffc52e,0 0 20px #64ffd38f;filter:brightness(1)}to{box-shadow:0 0 0 10px #69ffc536,0 0 30px #64ffd3c2;filter:brightness(1.18)}}
@media(prefers-reduced-motion:reduce){#coreLock{animation:none}}
@media(pointer:coarse),(max-width:700px){#coreLock{width:78px;height:78px;font-size:33px}}

#lobbyCharacterHeading{margin:16px 0 8px;color:#edf8f2;font-weight:600}#lobbyCharacters{gap:6px}#lobbyCharacters .character{height:94px;min-width:0}#lobbyCharacters img{height:60px}#lobbyCharacters span{font-size:9px}#lobbyRole{font-size:12px;line-height:1.5;min-height:3em;margin:8px 0 18px}
/* Campaign finale keeps the existing 3D arena visible beside the message. */
#result.finaleResult{position:fixed;inset:50% 3vw auto auto;transform:translateY(-50%);margin:0;width:min(430px,40vw);max-height:92dvh;text-align:left;background:linear-gradient(145deg,#153c3cf2,#112e37ed);}
#result.finaleResult::backdrop{background:linear-gradient(90deg,#09241e30,#091b2770);backdrop-filter:none}
#result.finaleResult h2{font-size:clamp(28px,3.2vw,42px);color:#dcffd8}
#result.finaleResult #stats{margin:15px 0}
#result.finaleResult #stats strong{font-size:26px}
.finalCredits{height:96px;overflow:hidden;position:relative;border-block:1px solid #a7dfc950;margin:14px 0;text-align:center;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.creditsRoll{display:flex;flex-direction:column;gap:7px;padding:96px 8px 0;animation:endingCredits 19s linear infinite}
.creditsRoll span{color:#addcca;font-size:10px;letter-spacing:.16em}
.creditsRoll strong{color:#f4fff0;font-size:13px;letter-spacing:.05em;margin-bottom:7px}
@keyframes endingCredits{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@media(max-width:700px){#result.finaleResult{inset:auto 10px 10px;transform:none;width:calc(100% - 20px);max-height:54dvh;padding:15px 18px;overflow:auto}#result.finaleResult h2{font-size:25px;margin:3px 0}#result.finaleResult p{font-size:12px;line-height:1.4;margin:5px 0}#result.finaleResult #stats{margin:6px 0}#result.finaleResult #stats strong{font-size:19px}.finalCredits{height:48px;margin:5px 0}.creditsRoll{padding-top:48px;gap:3px}.creditsRoll span{font-size:8px}.creditsRoll strong{font-size:10px;margin-bottom:3px}#result.finaleResult .primary,#result.finaleResult .secondary{padding:7px;margin-bottom:4px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.creditsRoll{animation:none;padding:8px;max-height:100%;overflow:auto}.finalCredits{mask-image:none}}
.finalePlaying :is(.mission,.topRight,.playerHud,.abilities,.controlHint,#joystick,#aimStick,#rewardProgress,#activeItems,#banner,#labels){visibility:hidden}

/* Mobile uses one centered movement stick; aiming remains available by dragging the arena. */
@media(pointer:coarse),(max-width:700px),(max-height:520px) and (max-width:1000px){
 #aimStick{display:none!important}
 #joystick{left:50%;right:auto;transform:translateX(-50%)}
}

#skillIcon img{display:block;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 7px #a8fff0aa)}
@media(max-width:620px){#skillIcon img{width:39px;height:39px}}