/* Fontes do sistema: sem dependência externa no início. */
:root{font-family:'DM Sans',system-ui,sans-serif;color:#143f43;font-synthesis:none;--ink:#123c41;--green:#176957;--lime:#d5f47b;--paper:#fcfdf1;--glass:#fffffff0}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#70c2cb}button,input,select{font:inherit}button{cursor:pointer;transition:transform .15s,background .2s;touch-action:manipulation;color:inherit}button:hover{transform:translateY(-2px)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d8b841;outline-offset:3px}button{border:0}button.primary,.primary{background:var(--lime);color:var(--ink);font-weight:800;padding:17px 25px;border-radius:15px;box-shadow:0 5px 0 #9bac58}h1,h2,h3,b,strong{font-family:'Outfit',system-ui,sans-serif}#world{position:fixed;width:100%;height:100%;touch-action:none;display:block}#loading{position:fixed;inset:0;background:#123d42;color:#f3f9cf;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:100;letter-spacing:2px}#loading strong{font-size:28px}#loading p{font-size:14px;letter-spacing:0;max-width:90%;text-align:center}.load-orbit{height:52px;width:52px;border:3px solid #ffffff22;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:28px}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#start{position:fixed;inset:0;z-index:30;background-image:url('./assets/key-art-v10.jpg');background-size:cover;background-position:center}.start-shade{position:absolute;inset:0;background:linear-gradient(90deg,#062b32eb,#062b3270 44%,transparent 80%)}.start-content{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:var(--paper)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}.start-content .eyebrow{color:#dcf197;font-size:11px}h1{font-weight:900;line-height:.83;letter-spacing:-5px;font-size:clamp(70px,9vw,146px);margin:24px 0 28px;position:relative;text-shadow:0 6px 25px #092b3155}h1 span{color:var(--lime)}h1 i{font-size:45px;position:absolute;right:-60px;top:0;font-style:normal;color:var(--lime)}.start-content p{font-size:20px;line-height:1.6;color:#edf8ee}.start-content .primary{font-size:19px;min-width:275px;display:flex;justify-content:space-between}.start-content small{display:block;font-size:12px;margin-top:24px;color:#f6ffe1b0}.start-badge{position:absolute;bottom:40px;right:45px;color:white;font-size:13px;font-weight:700;letter-spacing:3px;display:flex;gap:15px;align-items:center}.start-badge span{font-size:50px;border-right:1px solid #ffffff80;padding-right:15px}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud nav,#hud #joystick{pointer-events:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;gap:15px}.brand{background:var(--glass);padding:13px 19px;border-radius:19px;box-shadow:0 6px 25px #1649431a}.brand b{font-size:21px;letter-spacing:-.8px;display:block;line-height:1}.brand b span{color:#34865b}.brand small{display:block;letter-spacing:3px;font-size:10px;margin-top:7px}.resources{display:flex;gap:12px}.resources>div{display:grid;grid-template-columns:32px 1fr;column-gap:8px;background:var(--glass);border-radius:16px;padding:10px 20px 10px 12px;min-width:116px;box-shadow:0 6px 25px #1649431a}.resources span{grid-row:span 2;align-self:center;font-size:28px}.coin-icon{color:#db9d34}.power-icon{color:#37a385}.resources b{font-size:23px;line-height:1.1}.resources small{font-size:11px;color:#62827e}.utilities{display:flex;gap:8px}.utilities button,.close{width:43px;height:43px;border-radius:14px;background:var(--glass);font-size:23px}.utilities button.active{background:var(--lime)}#quest{position:absolute;top:123px;left:30px;width:233px;background:var(--glass);border-radius:20px;padding:19px 20px;box-shadow:0 8px 25px #16494312}#quest .eyebrow{font-size:10px;color:#8ba191}#quest h2{font-size:21px;margin:8px 0}#quest p{font-size:13px;line-height:1.5;margin:0 0 12px;color:#52736c}#quest footer{display:flex;justify-content:space-between;font-size:11px;margin-top:7px}#quest footer b{color:#468e5c;font-size:12px}.progress{height:5px;background:#e3eade;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#73ae60;transition:width .4s}#quest-claim{font-size:13px;width:100%;margin-top:12px;padding:10px}#area{position:absolute;top:115px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;text-shadow:0 1px 10px #17484344;color:white}#area>span{font-size:25px}#area b{font-size:17px}#area small{display:block;font-size:11px;opacity:.9;margin-top:3px}#map-wrap{position:absolute;right:30px;top:113px;width:142px;height:142px;border:5px solid var(--glass);border-radius:50%;box-shadow:0 6px 20px #1b5b4a22;overflow:hidden;background:#acdaca}#minimap{width:100%;height:100%}#map-wrap>span{position:absolute;top:4px;left:calc(50% - 4px);font-size:11px;font-weight:bold}#bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px}nav{display:flex;background:var(--glass);border:1px solid white;padding:6px;border-radius:20px;gap:3px;box-shadow:0 8px 25px #16494322}nav button{display:flex;align-items:center;gap:11px;padding:10px 16px;background:transparent;border-radius:14px;text-align:left;white-space:nowrap}nav button:hover{background:#e9f0d9}nav button>span{font-size:26px;color:#397969}nav button div{font-weight:700;font-size:14px}nav small{display:block;font-size:10px;font-weight:500;color:#789287;margin-top:3px}kbd{font:10px 'DM Sans',sans-serif;border:1px solid #b2c6b677;border-bottom-width:2px;padding:3px 5px;border-radius:4px;opacity:.65}nav kbd{margin-left:13px}#team{display:flex;gap:10px;pointer-events:auto}#team button{width:57px;height:57px;border-radius:50%;background:#ffffffdd;padding:4px;border:2px solid transparent;position:relative;box-shadow:0 4px 15px #16494322}#team button.selected{border-color:#d1f37a;background:#edf5c9}#team img{width:100%;height:100%;object-fit:contain}#team small{position:absolute;bottom:-4px;right:-3px;background:#194c44;border:2px solid white;border-radius:8px;color:white;font-size:10px;padding:1px 4px}.move-help{font-size:11px;color:white;text-shadow:0 2px 6px #154a48}.move-help kbd{background:#fff;color:#346457;text-shadow:none;opacity:.8}.move-help span{margin:0 6px}#context{position:absolute;left:50%;top:50%;transform:translate(-50%,10px);background:#fffffff0;border:1px solid white;box-shadow:0 10px 35px #133e4333;border-radius:17px;min-width:200px;text-align:center;padding:14px;pointer-events:auto}#context>span{display:block;font-size:9px;letter-spacing:2px;color:#649475;font-weight:800}#context strong{font-size:23px;display:block;margin:5px 0}#context small{font-size:11px;color:#638277;display:block;margin-bottom:10px}#interact{display:flex;justify-content:center;gap:12px;width:100%;align-items:center;border-radius:10px;background:#176957;color:white;padding:10px;font-weight:700;font-size:14px}#interact kbd{color:white;opacity:1}#toast{position:absolute;top:95px;left:50%;transform:translate(-50%,-15px);opacity:0;background:#123c41f5;color:#f1f8cf;padding:13px 24px;max-width:90%;border-radius:15px;font-size:14px;text-align:center;transition:.3s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.floater{position:absolute;font-weight:800;font-family:'Outfit',sans-serif;font-size:23px;color:#fffbc6;text-shadow:0 2px 4px #184b44;animation:float 1.3s forwards;white-space:nowrap}@keyframes float{to{transform:translateY(-65px);opacity:0}}#joystick{display:none;position:absolute;left:25px;bottom:95px;width:116px;height:116px;border:2px solid #ffffff55;background:#ffffff22;backdrop-filter:blur(2px);border-radius:50%;touch-action:none}#stick{position:absolute;top:35px;left:35px;width:42px;height:42px;background:#ffffffe0;border-radius:50%;box-shadow:0 3px 15px #123c4133}
dialog{border:1px solid #ffffff88;border-radius:26px;background:var(--paper);color:var(--ink);padding:26px;box-shadow:0 20px 100px #052b4255;max-width:min(1080px,94vw);max-height:88dvh}dialog::backdrop{background:#0b34397a;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-head .eyebrow{font-size:10px;color:#87a281}.dialog-head h2{font-size:30px;margin:8px 0 0;font-weight:700;letter-spacing:-.8px}.close{background:#e9eddd;flex-shrink:0}.album-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 20px}.album-toolbar input{background:#edf1e4;border:1px solid #dce4d4;padding:12px 16px;border-radius:12px;min-width:0;font-size:14px;width:250px;color:#224d47}.tabs{display:flex;background:#e9eddf;padding:4px;border-radius:12px}.tabs button{background:transparent;padding:9px 15px;border-radius:9px;font-size:13px}.tabs button.active{background:white;box-shadow:0 2px 7px #33492415;font-weight:700}#album{width:1080px}#album-number{font-size:16px;padding:6px 10px;background:#e2ebd6;border-radius:10px;margin-left:12px;vertical-align:middle;letter-spacing:0}#album-body{display:grid;grid-template-columns:1fr 265px;gap:24px;height:min(480px,51dvh)}#album-grid{overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start;padding:3px 6px 3px 3px}#album-grid button{border:1px solid #dde7d6;border-radius:15px;background:#fff;min-width:0;padding:10px 6px;position:relative;text-align:center}#album-grid button.selected{outline:2px solid #5f9772;background:#eff7df}#album-grid img{display:block;width:80px;max-width:100%;height:80px;margin:0 auto}#album-grid .locked img{filter:grayscale(1);opacity:.25}#album-grid b{font-size:13px;display:block}#album-grid small{font-size:10px;color:#809589;display:block;margin-top:4px}.card-star{color:#d0a552;font-size:11px;position:absolute;top:8px;right:8px}.equipped-badge{position:absolute;top:8px;left:8px;font-size:9px;background:#dfefd1;color:#3a794d;padding:3px 5px;border-radius:5px}#detail{padding:20px;border-radius:20px;background:#eaf0df;text-align:center;overflow:auto}#detail>img{width:145px;height:145px;object-fit:contain}#detail h3{font-size:26px;margin:4px 0}#detail .rarity{font-size:11px;letter-spacing:1px;font-weight:700;color:#79965c}#detail p{font-size:13px;line-height:1.5;color:#637d69}#detail .detail-stats{display:flex;justify-content:space-evenly;margin:20px 0}#detail .detail-stats b{display:block;font-size:23px}#detail .detail-stats small{font-size:10px;color:#7a9073}#detail button{display:block;width:100%;padding:12px 8px;margin-top:9px;background:white;border-radius:11px;font-size:13px;font-weight:700}#detail button.equip{background:#176957;color:white}#detail button.evolve{background:#d5eab1}.album-footer{display:flex;justify-content:space-between;color:#8ca083;font-size:11px;margin-top:18px;border-top:1px solid #dfe6d5;padding-top:15px}#arena{width:880px}.dialog-desc{font-size:14px;line-height:1.6;color:#718770;max-width:570px}#arena-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.guardian{padding:22px 15px;background:#eaf0df;border-radius:20px;text-align:center}.guardian img{width:115px;max-width:100%}.guardian h3{font-size:22px;margin:12px 0 6px}.guardian p{font-size:12px;color:#6d8667}.guardian b{display:block;font-size:14px;margin:15px 0}.guardian button{width:100%;padding:12px;background:#176957;color:white;border-radius:12px;font-size:14px;font-weight:700}#battle{position:fixed;inset:0;pointer-events:none;z-index:5;background:linear-gradient(180deg,#153b4933,transparent 30%,transparent 65%,#153b4966)}.battle-top{display:flex;justify-content:space-between;align-items:center;max-width:1050px;margin:30px auto;padding:0 25px;gap:30px}.battle-top>div{background:var(--glass);padding:17px 22px;border-radius:18px;flex:1;max-width:340px}.battle-top>div:last-child{text-align:right}.battle-top small{font-size:10px;letter-spacing:2px;color:#86977e}.battle-top h2{margin:5px 0 12px;font-size:25px}.battle-top>div>span{font-size:11px;display:block;margin-top:6px}.battle-top>b{color:white;font-size:35px;font-style:italic;text-shadow:0 3px 10px #144143}.health{height:9px;border-radius:10px;background:#dbe5d5;overflow:hidden}.health i{display:block;height:100%;background:#62ad71;transition:width .35s}.health.enemy i{background:#e89961}#battle-callout{position:absolute;top:32%;left:50%;transform:translateX(-50%);font-size:32px;line-height:1;font-family:Outfit,sans-serif;font-weight:800;color:#fff9cb;text-shadow:0 3px 15px #153f42;text-align:center}.battle-bottom{position:absolute;bottom:20px;width:100%;text-align:center;pointer-events:auto}.battle-bottom>div{display:flex;justify-content:center;gap:10px}.battle-bottom button:not(.text-button){border-radius:15px;padding:18px 23px;font-size:16px;font-weight:700;background:var(--paper);box-shadow:0 4px 0 #c0cdb5}.battle-bottom button.primary{background:var(--lime);box-shadow:0 4px 0 #9bac58}.battle-bottom kbd{margin-left:10px}#battle-log{background:#123c41d0;color:white;display:table;padding:10px 20px;border-radius:10px;margin:0 auto 15px;font-size:13px}.text-button{background:none;color:white;text-decoration:underline;font-size:12px;margin-top:18px;padding:5px}#result{width:410px;text-align:center;padding:35px}#result-symbol{font-size:60px;color:#99b956}#result h2{font-size:42px;margin:12px 0}#result p{font-size:16px;line-height:1.7;color:#648066}#result button{width:100%;margin-top:15px}#options{width:520px}#options p{font-size:15px;line-height:1.7}#options h3{margin-top:25px}#options label:not(.file-button){display:flex;align-items:center;justify-content:space-between;margin-top:20px}select{padding:10px;border-radius:8px;border:1px solid #c9d8bf;background:white;color:var(--ink)}.muted{color:#85917b;font-size:13px!important}.option-buttons{display:flex;gap:10px}.option-buttons button,.file-button{background:#e4ecd7;border-radius:10px;padding:13px;font-size:13px;cursor:pointer}.file-button input{display:none}#import-status{font-size:13px;color:#477b50}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#b7c9aa;border-radius:5px}
@media(pointer:coarse){#joystick{display:block}.move-help{display:none}nav kbd{display:none}#context kbd{display:none}#bottom{bottom:22px}}@media(max-width:760px){header{padding:14px;gap:8px}.brand{padding:10px 12px;border-radius:13px}.brand b{font-size:16px}.brand small{font-size:8px;letter-spacing:2px}.resources{gap:6px}.resources>div{min-width:64px;padding:8px;grid-template-columns:20px 1fr;gap:5px;border-radius:12px}.resources span{font-size:22px}.resources b{font-size:17px}.resources small{display:none}.utilities{gap:4px}.utilities button{width:33px;height:36px;border-radius:11px;font-size:19px}#fullscreen{display:none}#quest{top:85px;left:14px;width:174px;padding:13px;border-radius:15px}#quest h2{font-size:16px;margin:5px 0}#quest p{font-size:11px;margin-bottom:8px}#quest footer{font-size:10px}#quest footer b{font-size:10px}#quest .eyebrow{font-size:8px}#map-wrap{top:84px;right:14px;width:90px;height:90px;border-width:3px}#area{top:188px;right:14px;left:auto;transform:none;max-width:130px;text-align:right}#area>span{display:none}#area b{font-size:13px}#area small{font-size:9px}#bottom{width:calc(100% - 24px);gap:8px}nav{width:100%;justify-content:center;border-radius:16px}nav button{flex:1;gap:7px;padding:9px 10px}nav button>span{font-size:23px}nav button div{font-size:12px}nav small{font-size:9px}nav kbd{display:none}#team{align-self:flex-end;margin-right:6px}#team button{width:45px;height:45px}#joystick{bottom:104px;width:96px;height:96px;left:22px}#stick{top:25px;left:25px}#context{top:44%;min-width:180px;padding:12px}#context strong{font-size:20px}.start-content{left:7%;right:7%;top:50%}.start-content .eyebrow{font-size:9px;max-width:240px;display:block;line-height:1.7}h1{font-size:85px;letter-spacing:-4px;display:inline-block}h1 i{right:-42px;font-size:34px}.start-content p{font-size:17px}.start-content .primary{min-width:0;width:240px;font-size:16px}.start-content small{font-size:10px;max-width:230px;line-height:1.7}#start{background-position:60% center}.start-shade{background:linear-gradient(90deg,#082f38dc,#082f3866 85%)}.start-badge{right:22px;bottom:30px;font-size:10px;letter-spacing:2px}.start-badge span{font-size:34px}dialog{padding:17px;border-radius:20px;max-height:90dvh}.dialog-head h2{font-size:23px;letter-spacing:-.5px}.dialog-head .eyebrow{font-size:8px}.close{width:34px;height:34px;font-size:25px}.album-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin:18px 0 12px}.album-toolbar input{width:100%;font-size:14px}.tabs{justify-content:center}.tabs button{flex:1;font-size:12px;padding:8px}#album-body{grid-template-columns:1fr;height:56dvh;overflow:auto;gap:15px}#album-grid{grid-template-columns:repeat(3,1fr);overflow:visible;gap:8px}#album-grid img{width:65px;height:65px}#album-grid b{font-size:12px}#detail{order:-1;min-height:150px;padding:15px;overflow:visible}#detail>img{float:left;width:90px;height:90px;margin-right:15px}#detail h3{font-size:23px}#detail .detail-stats{margin:10px 0}#detail .detail-stats b{font-size:19px}#detail button{padding:10px;font-size:12px}#detail p{font-size:12px;margin:8px 0}#album-number{font-size:11px;margin-left:5px}.album-footer{font-size:9px}#arena-list{grid-template-columns:1fr;gap:10px}.guardian{display:grid;grid-template-columns:80px 1fr;column-gap:12px;padding:15px;text-align:left}.guardian img{width:80px;grid-row:span 3}.guardian h3{font-size:20px;margin:0}.guardian p{margin:4px 0}.guardian b{margin:4px 0;font-size:12px}.guardian button{grid-column:span 2;margin-top:12px}.battle-top{padding:0 14px;gap:12px;margin-top:18px}.battle-top>div{padding:13px 12px;border-radius:14px}.battle-top h2{font-size:18px}.battle-top small{font-size:8px;letter-spacing:1px}.battle-top>b{font-size:23px}.battle-bottom{bottom:25px}.battle-bottom>div{gap:7px;padding:0 12px}.battle-bottom button:not(.text-button){flex:1;padding:15px 8px;font-size:13px;border-radius:13px}.battle-bottom kbd{display:none}#energy{font-size:11px;display:block;margin-top:3px}#battle-callout{font-size:26px}#battle-log{font-size:11px;max-width:90%}#toast{top:75px;font-size:12px;padding:12px 15px;width:max-content;max-width:90%}.option-buttons{flex-wrap:wrap}}@media(max-height:550px){#quest{display:none}#map-wrap{width:85px;height:85px}header{padding:10px 18px}#bottom{bottom:8px;gap:4px}#team button{width:40px;height:40px}.move-help{display:none}#area{top:90px}h1{font-size:68px;margin:15px 0}.start-content p{font-size:14px;margin:10px 0}.start-content small{margin-top:15px}.start-content .primary{padding:12px}#context{top:35%}.battle-top{margin-top:12px}.battle-top>div{padding:10px}.battle-top h2{font-size:18px;margin:4px 0}.battle-bottom{bottom:10px}}

@media(min-width:761px){.start-content{left:auto;right:9%}.start-shade{background:linear-gradient(270deg,#062b32d9,#062b3230 60%,transparent)}.start-badge{right:auto;left:45px}}

#world-map{width:min(1080px,94vw)}#world-canvas{width:100%;height:auto;display:block;background:#b9dfe0;border-radius:17px;margin-top:18px}#world-legend{display:flex;gap:22px;justify-content:center;margin-top:15px;font-size:12px;color:#718770}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#b9c9b3}.legend-dot.found{background:#72ad72}.legend-dot.evolved{background:#ddae51}@media(max-width:760px){#world-map{padding:16px}#world-legend{gap:9px;font-size:10px;flex-wrap:wrap}}

/* Exploration keeps the centre clear. */
#area,#floaters,.move-help{display:none!important}#context{top:auto;left:auto;right:20px;bottom:160px;transform:none;width:220px;padding:12px;text-align:left}#context-kind,#context-info{display:none}#context strong{font-size:16px}#context button{margin-top:8px}#toast{top:auto;bottom:155px;left:20px;transform:translateY(10px);max-width:260px;font-size:12px;padding:10px 14px;pointer-events:none}#toast.show{transform:none}#quest{max-width:210px;padding:14px}#quest .eyebrow,#quest-text{display:none}#quest h2{font-size:15px}#bottom nav{flex-wrap:wrap;justify-content:center}#bottom nav button{padding:10px 12px}#islands{width:min(1000px,94vw);max-height:88dvh}#island-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:20px}.island-card{padding:20px;background:#eef2df;border:1px solid #b8c7aa;border-radius:18px}.island-card h3{margin:8px 0}.island-card details{margin-top:16px}.island-card ul{max-height:220px;overflow:auto;padding-left:20px}.island-card li{margin:6px 0}.island-card button{width:100%;font-size:13px}#war{position:fixed;inset:0;z-index:30;background:#102c33;color:#e8f5de;padding:18px;overflow:auto;display:flex;align-items:center;flex-direction:column}#war[hidden]{display:none}#war header{position:static;display:flex;width:min(900px,100%);justify-content:space-between;align-items:center;padding:0}#war h2{font-size:20px;margin:5px 0}#war p{font-size:13px;text-align:center;margin:10px}#war button{color:#143d40}#world-map{max-height:90dvh;overflow:auto}@media(max-width:700px){#quest{display:none}#context{bottom:220px;right:12px;width:175px}#toast{bottom:220px;left:12px;max-width:160px}#bottom nav button{padding:9px;min-width:48px}#bottom nav button small,#bottom nav kbd{display:none}#bottom nav{gap:5px}#war{padding:10px}header .resources small{display:none}#map-wrap{width:95px;height:95px}#war h2{font-size:16px}}
@media(max-width:700px){#quest{display:block;top:85px;left:12px;width:150px;padding:8px}#quest h2{font-size:12px}#quest footer{font-size:10px}#quest-claim{font-size:11px;padding:6px}#quest .progress{margin:6px 0}}

/* Responsive HUD: constrained tracks prevent content expanding the viewport. */
html,body{width:100%;height:100%;overscroll-behavior:none}#hud,#start,#war{height:100dvh}#hud>header{padding:16px;min-width:0}.brand,.resources,.utilities{min-width:0}#bottom{width:min(900px,calc(100% - 32px));bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}#bottom nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:3px;padding:5px;flex-wrap:nowrap}#bottom nav button{min-width:0;width:100%;padding:10px 6px;gap:6px;justify-content:center;text-align:center;white-space:normal}#bottom nav button div{min-width:0;overflow-wrap:anywhere;font-size:13px}#bottom nav button small{font-size:10px}#bottom nav kbd{display:none}#bottom nav button>span{flex-shrink:0;font-size:23px}#context{min-width:0;top:auto;bottom:175px;max-width:calc(100vw - 32px)}#war{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:6px;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));overflow:hidden}#war header{width:100%;max-width:1000px;gap:12px;min-width:0}#war header>div{min-width:0}#war-title{overflow-wrap:anywhere}#war-exit{flex-shrink:0;padding:12px;border-radius:12px;min-height:44px}#war p{margin:0;max-width:100%;line-height:1.4}#war-help{font-size:12px}#war-stats{font-variant-numeric:tabular-nums}dialog{overflow:auto}#start .start-content{max-height:95dvh}
@media(max-width:760px){#hud>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px}.brand{padding:9px 11px;width:max-content;max-width:100%}.brand b{font-size:16px}.brand small{font-size:8px;letter-spacing:1px}.utilities{grid-column:2;grid-row:1;gap:4px}.utilities button{width:36px;height:40px}.resources{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:5px}.resources>div{min-width:60px;padding:5px 8px;grid-template-columns:16px auto;gap:5px}.resources span{font-size:18px}.resources b{font-size:15px}.resources small{display:none}#bottom{width:calc(100% - 16px);bottom:calc(8px + env(safe-area-inset-bottom))}#bottom nav{gap:0;border-radius:16px;padding:4px}#bottom nav button{flex-direction:column;padding:7px 1px;gap:3px;min-height:54px}#bottom nav button div{font-size:10px;line-height:1.2;white-space:nowrap;overflow-wrap:normal}#bottom nav button>span{font-size:21px;line-height:1}#bottom nav button small{display:none}#team{align-self:flex-end}#team button{width:40px;height:40px}#joystick{left:16px;bottom:calc(86px + env(safe-area-inset-bottom));width:96px;height:96px}#quest{top:130px;left:10px;width:145px;padding:9px}#quest h2{font-size:12px}#quest footer{font-size:9px}#quest footer b{font-size:9px}#quest-claim{padding:7px;font-size:11px;margin-top:6px}#map-wrap{right:10px;top:125px;width:72px;height:72px}#context{right:10px;bottom:calc(145px + env(safe-area-inset-bottom));width:175px;padding:9px}#context strong{font-size:15px;margin:2px 0}#interact{font-size:12px;padding:8px;gap:4px}#toast{left:10px;bottom:calc(195px + env(safe-area-inset-bottom));max-width:180px;width:auto;font-size:11px}#war header small{font-size:9px}#war h2{font-size:16px}#war-stats{font-size:11px}#war-help{font-size:11px}#island-list{padding:8px;grid-template-columns:minmax(0,1fr)}.dialog-head{gap:8px}.dialog-head h2{font-size:20px}}
@media(orientation:landscape) and (max-height:550px){#hud>header{display:flex;padding:6px 12px;gap:8px}.brand{padding:7px 10px}.brand b{font-size:14px}.brand small{font-size:8px;margin-top:3px}.resources>div{min-width:55px;padding:5px 8px;grid-template-columns:16px auto}.resources span{font-size:17px}.resources b{font-size:15px}.resources small{display:none}.utilities button{width:34px;height:34px}.utilities{gap:3px}#bottom{width:min(560px,calc(100% - 220px));bottom:calc(5px + env(safe-area-inset-bottom))}#bottom nav button{flex-direction:column;padding:5px 1px;gap:2px;min-height:45px}#bottom nav button div{font-size:10px;white-space:nowrap}#bottom nav button small{display:none}#bottom nav button>span{font-size:18px}#team{position:fixed;bottom:0;left:calc(100% + 8px);gap:3px}#team button{width:30px;height:30px}#joystick{left:12px;bottom:14px;width:88px;height:88px}#stick{top:21px;left:21px}#quest{display:block;top:60px;left:12px;width:140px;padding:7px}#quest h2{font-size:11px;margin:2px 0}#quest footer{font-size:9px}#quest .progress{margin:4px 0}#quest footer b{font-size:9px}#quest-claim{margin-top:4px;padding:5px;font-size:10px}#map-wrap{top:58px;right:12px;width:62px;height:62px}#context{bottom:66px;right:10px;width:160px;padding:7px}#context strong{font-size:13px}#toast{bottom:110px;left:12px;max-width:180px}#war{padding:5px 12px;gap:3px}#war header{max-width:900px}#war h2{font-size:14px;margin:0}#war header small{display:none}#war-exit{min-height:32px;padding:7px 12px;font-size:12px}#war-stats,#war-help{font-size:10px;line-height:1.2}#war-help br{display:none}.start-content{top:50%;max-height:95dvh}.start-content h1{font-size:52px;margin:10px 0}.start-content p{font-size:12px;margin:8px 0}.start-content small{margin-top:10px}.start-badge{display:none}dialog{max-height:94dvh}#album-body{height:55dvh}}
/* Edition 5: album content owns its height; jump is a thumb action. */
#bottom nav{grid-template-columns:repeat(5,minmax(0,1fr))}#jump{position:absolute;right:24px;bottom:calc(165px + env(safe-area-inset-bottom));width:68px;height:68px;border-radius:50%;background:#f7ffe1e8;border:3px solid #d8ef97;box-shadow:0 5px 18px #204d4430;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto}#jump>span{font-size:28px;line-height:1}#jump small{font-size:11px;font-weight:700}#context{bottom:245px}#war-controls{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:900px}#war-controls p{flex:1;text-align:left}#war-stats{padding:7px 14px;border-radius:20px;background:#ffffff12;font-weight:700;color:#edffd1}
@media(max-width:760px){#album[open]{display:flex;flex-direction:column;width:calc(100vw - 20px);max-width:none;height:calc(100dvh - 24px);max-height:none;padding:14px;overflow:hidden;gap:10px}#album .dialog-head{flex-shrink:0}#album .dialog-head h2{font-size:20px;margin:4px 0;line-height:1.2}#album .dialog-head .eyebrow{display:none}#album-number{display:inline-block;margin-top:4px}#album .album-toolbar{flex-shrink:0;margin:0;gap:7px}#album .album-toolbar input{padding:10px}#album .tabs button{padding:8px 3px}#album-body{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;gap:14px;padding:3px}#album #detail{order:-1;flex:0 0 auto;display:block;height:auto;min-height:0;max-height:none;overflow:visible;padding:14px}#album #detail>img{float:none;display:block;width:90px;height:90px;margin:0 auto 6px}#album #detail h3{font-size:23px}#album #detail .detail-stats{margin:10px 0}#album #detail button{position:static;clear:both;display:block;width:100%;margin:8px 0 0;min-height:42px}#album #detail p{clear:both;margin:10px 0 0}#album-grid{display:grid;flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;height:auto;overflow:visible;align-content:start}#album-grid button{min-height:130px}#album .album-footer{flex-shrink:0;margin:0;padding-top:8px;gap:8px;line-height:1.3}#album .album-footer>span:first-child{display:none}#jump{right:17px;bottom:calc(135px + env(safe-area-inset-bottom));width:66px;height:66px}#context{bottom:calc(216px + env(safe-area-inset-bottom));right:10px}#war-controls{gap:8px}#war-controls p{font-size:11px}}
@media(orientation:landscape) and (max-height:550px){#jump{right:20px;bottom:calc(85px + env(safe-area-inset-bottom));width:56px;height:56px}#context{bottom:150px;right:10px;width:155px}#album[open]{height:96dvh;max-height:96dvh}#album .dialog-head h2{font-size:18px}#album .album-toolbar{flex-direction:row;gap:8px}#album .album-toolbar input{width:42%;padding:7px}#album .tabs{flex:1}#album #detail>img{width:70px;height:70px}#war-stats{padding:2px 10px}#war-controls p{font-size:10px}}
/* Independent touch controls preserve a held joystick while jumping. */
#joystick,#jump,#race-tap{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#jump{z-index:4}#jump *{pointer-events:none}#bottom nav{grid-template-columns:repeat(6,minmax(0,1fr))}#race{position:fixed;inset:0;height:100dvh;z-index:35;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:6px;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));background:#123a43;color:#e9f9d8;overflow:hidden}#race header{position:static;padding:0;display:flex;width:100%;max-width:900px;gap:12px}#race h2{margin:4px 0;font-size:23px}#race header small{font-size:9px;letter-spacing:2px;color:#cbe59a}#race-exit,#race-again{border-radius:12px;padding:10px 15px;min-height:40px;background:#e7efd6;color:#234b42}#race-status{margin:0;font-size:13px}#race-stage{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#race-canvas{max-width:100%;max-height:100%;border-radius:20px}#race-controls{width:min(650px,100%)}.race-meters{display:flex;gap:15px}.race-meters label{font-size:11px;flex:1}.race-meters label>span{display:block;height:7px;background:#ffffff22;border-radius:8px;overflow:hidden;margin-top:4px}.race-meters i{display:block;height:100%;background:#c9eb89;width:100%;transition:width .1s}#race-heat{background:#f6a886;width:0}#race-feedback{font-size:12px;text-align:center;margin:6px 0}.race-actions{display:flex;justify-content:center;gap:10px}#race-tap{background:#d4f187;color:#23473a;border-radius:20px;min-height:60px;flex:1;max-width:350px;font-weight:900;font-size:23px;box-shadow:0 4px 0 #839c54}#race-tap small{display:block;font-size:10px;font-weight:500}#race-result{text-align:center;background:#edf8d6;color:#244b3c;padding:10px;border-radius:12px;margin:5px 0;font-size:14px}#shop{width:min(900px,94vw);overflow:auto}#shop h3{margin-top:25px}.shop-select{display:flex;align-items:center;gap:15px;justify-content:space-between}#shop-items,#premium-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.shop-card{min-width:0;padding:18px;border:1px solid #d3ddbd;background:#eff4e3;border-radius:18px}.shop-symbol{font-size:34px;color:#448873;line-height:1}.shop-card h4{font-size:18px;margin:8px 0}.shop-card p{font-size:12px;line-height:1.5;min-height:36px}.shop-card small{display:block;color:#64806e;font-size:11px}.shop-card button{display:block;width:100%;padding:12px;background:#185b49;color:#f4f9df;border-radius:12px;margin-top:10px;font-weight:700}.shop-card b{display:block}#shop-message,#payment-availability{font-size:13px;line-height:1.5}#checkout{padding:20px;border-radius:18px;background:#e3edcf;margin-top:20px}#checkout label{display:block;font-size:12px}#checkout textarea{width:100%;font-size:12px;overflow-wrap:anywhere;margin:8px 0;background:white;color:#284b40;border:1px solid #b5c4a4;border-radius:8px;padding:8px}#checkout button,#purchase-restore{padding:10px;border-radius:10px;background:#175643;color:white;margin:6px 6px 6px 0}#checkout p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}#pix-qr{text-align:center}#pix-qr canvas{width:min(260px,100%);height:auto;border:10px solid white}#shop details{margin-top:20px}#shop details input{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid #becdab;border-radius:8px}#shop-balance{font-size:13px}@media(max-width:760px){#race h2{font-size:18px}#race-tap{min-height:64px}#shop{padding:15px}#shop-items,#premium-items{gap:8px}.shop-card{padding:12px}.shop-card h4{font-size:16px}.shop-card button{font-size:12px;padding:11px 5px}.shop-select{display:block}.shop-select select{width:100%;margin-top:8px}.shop-card p{min-height:54px}#checkout{padding:12px}}@media(orientation:landscape) and (max-height:550px){#race{padding:4px 12px;gap:3px}#race h2{font-size:15px}#race header small{display:none}#race-status{font-size:10px}#race-exit{min-height:30px;padding:5px 12px}#race-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:4px 14px;width:min(800px,100%)}#race-feedback{font-size:10px;grid-column:1;margin:0}.race-actions{grid-row:1/3;grid-column:2}#race-tap{min-height:43px;font-size:17px}#race-tap small{font-size:9px}#race-result{grid-column:1/-1;margin:0;padding:5px;font-size:11px}#shop-items{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-card p{min-height:60px}}
#interact{touch-action:none;user-select:none;-webkit-user-select:none}#interact>*{pointer-events:none}#session-strip{position:absolute;top:90px;left:30px;display:flex;align-items:center;gap:8px;pointer-events:auto;font-size:12px;background:#fcffe8ed;border-radius:20px;padding:4px 7px}#session-strip button{background:transparent;padding:6px 9px;border-radius:14px;font-weight:700;font-size:12px}#account-name{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}#online-status{font-size:10px;color:#587e67}.online-start{display:block;margin-top:16px;padding:10px 18px;border-radius:14px;background:#f6ffe7e8;color:#285143;font-weight:700;font-size:13px}#auth{width:450px}#auth form{display:flex;flex-direction:column;gap:14px}#auth label{display:flex;flex-direction:column;gap:5px;font-size:13px}#auth input,#auth select{padding:12px;border-radius:10px;border:1px solid #bdceb1;background:#fff;color:#294e42;min-width:0;width:100%}#auth small{font-size:11px;color:#64836b;line-height:1.6;display:block;margin-top:18px}#auth-help,#auth-message{font-size:13px;line-height:1.5}#account{width:440px}#account p{font-size:14px;line-height:1.6}#logout{padding:13px;border-radius:12px;background:#185844;color:white}#ranking{width:min(800px,94vw)}.ranking-scroll{overflow-x:auto}#ranking table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}#ranking th{padding:12px 10px;background:#e8f1d7;color:#56775d}#ranking td{padding:13px 10px;border-bottom:1px solid #dfe9d2;white-space:nowrap}#ranking tbody tr:first-child{background:#f8edbc}#ranking-message{font-size:13px;color:#647e69}#league-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#leagues{width:750px}#leagues>p{font-size:13px;line-height:1.6}#league-list h3{font-size:20px;margin:6px 0}
#shop{background:#f8f6e9;border:2px solid #ede1b4}#shop .dialog-head .eyebrow{color:#a07b37}#shop .dialog-head h2{font-size:30px}#shop-balance{display:inline-block;background:#ffebaa;color:#6f511b;font-weight:800;padding:10px 16px;border-radius:20px}#shop-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(115deg,#174c50,#237a65);color:#f1ffdc;border-radius:24px;padding:18px;margin-top:18px;box-shadow:0 8px 0 #163f4312}#shop-hero>img{width:105px;height:105px;filter:drop-shadow(0 6px 8px #073c3977)}#shop-hero small{font-size:10px;letter-spacing:2px;color:#e5d487}#shop-hero h3{margin:6px 0;font-size:23px}#shop-hero p{font-size:12px;margin:0;color:#cee8cc}#shop-items .shop-card{border:1px solid #dcdfca;box-shadow:0 4px 0 #becba633;background:linear-gradient(140deg,#fffef5,#e4edce)}#shop-items .shop-card:nth-child(2){background:linear-gradient(140deg,#fff9ef,#f5e0ba)}#shop-items .shop-card:nth-child(3){background:linear-gradient(140deg,#f1ffff,#d7e9ed)}#shop-items .shop-card:nth-child(4){background:linear-gradient(140deg,#fff7ff,#e9dcec)}#shop-items button{box-shadow:0 3px 0 #0c4539}#premium-items .shop-card{background:linear-gradient(145deg,#193f50,#393c64);color:#f3f6dc;border:1px solid #b1a45c;position:relative;text-align:center}#premium-items .shop-card button{background:#f4db8d;color:#4d3d25;box-shadow:0 4px 0 #aa8b4f}#premium-items .shop-card b{font-size:24px;color:#f2d889}.premium-preview{width:106px;height:106px;margin:8px auto;border-radius:50%;border:3px solid var(--aura);box-shadow:0 0 20px var(--aura),inset 0 0 16px #ffffff22}.premium-preview img{width:100%;height:100%;object-fit:contain}#payment-availability{background:#eee8d4;padding:12px;border-radius:12px}#shop-message{font-weight:700}@media(max-width:760px){#session-strip{top:111px;left:10px;right:10px;justify-content:space-between;gap:2px;padding:3px 4px}#session-strip button{font-size:11px;padding:5px 7px}#account-name{max-width:95px}#quest{top:151px}#map-wrap{top:151px}#shop .dialog-head h2{font-size:24px}#shop-hero{gap:10px;padding:12px}#shop-hero>img{width:75px;height:75px}#shop-hero h3{font-size:18px}#shop-hero p{font-size:10px}#shop-hero small{font-size:8px;letter-spacing:1px}.premium-preview{width:78px;height:78px}#league-list{grid-template-columns:minmax(0,1fr)}#auth{max-width:94vw}#ranking td,#ranking th{padding:10px 7px;font-size:11px}}
@media(orientation:landscape) and (max-height:550px){#session-strip{top:51px;left:12px;right:auto;gap:5px}#quest{top:88px}#map-wrap{top:54px}#league-list{grid-template-columns:repeat(2,minmax(0,1fr))}.online-start{margin-top:8px;padding:7px 12px;font-size:11px}#shop-hero>img{width:65px;height:65px}#shop-hero{padding:10px}}

/* v10 mystery packets */
#album-grid .locked img{filter:grayscale(1);opacity:.16}.undiscovered-flag{filter:grayscale(1);opacity:.42}.mystery-ball{display:grid;place-items:center;width:76px;height:76px;margin:3px auto 5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f5e9,#aab4a6 58%,#66756f);color:#fff;font:900 42px/1 sans-serif;box-shadow:inset 0 0 0 4px #ffffff66,0 5px 10px #183f3930;text-shadow:0 2px 0 #40514b}.mystery-ball.big{width:118px;height:118px;font-size:68px}.mystery-detail{text-align:center}.mystery-detail .mystery-ball{margin:0 auto 10px}#context-info{max-width:235px;line-height:1.35}
#packet-reveal{width:min(520px,92vw);text-align:center;overflow:hidden;background:linear-gradient(160deg,#163f45,#214f52 52%,#102f35);color:#eef9dd;border:2px solid color-mix(in srgb,var(--packet-color,#9fc89e) 65%,white);box-shadow:0 20px 80px #001b2099}#packet-reveal::backdrop{background:#061b20c7;backdrop-filter:blur(5px)}#packet-reveal .packet-head h2{font-size:30px;margin:4px 0;color:var(--packet-color,#e8f2d7)}#packet-reveal .packet-head p{font-size:11px;line-height:1.5;color:#c8d9cb;margin:6px auto 0;max-width:430px}#packet-reveal-stage{min-height:280px;display:grid;place-items:center;position:relative;margin:10px 0}.packet-mystery{width:176px;height:194px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,color-mix(in srgb,var(--packet-color,#8db68c) 70%,white),var(--packet-color,#8db68c) 55%,#315b4d);border-radius:45% 45% 42% 42%/52% 52% 38% 38%;box-shadow:inset 0 0 0 5px #ffffff28,0 18px 35px #001f2688;animation:packetFloat 1.4s ease-in-out infinite}.packet-mystery:before{content:'';position:absolute;top:-24px;width:78px;height:42px;border:13px solid color-mix(in srgb,var(--packet-color,#8db68c) 70%,white);border-radius:50%;transform:rotate(-4deg)}.packet-mystery:after{content:'';position:absolute;top:-4px;width:105px;height:19px;background:color-mix(in srgb,var(--packet-color,#8db68c) 72%,white);border-radius:50%}.packet-mystery span{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:#173f45e8;border:5px solid #ffffffb8;font:900 70px/1 sans-serif;color:#fff;z-index:2}.packet-mystery.pulse{transform:scale(1.06) rotate(2deg)}#packet-reveal-card{width:240px;padding:18px 16px 16px;border-radius:24px;background:linear-gradient(160deg,#fffef0,#e8efd8);color:#173f42;border:4px solid var(--rarity-color,#fff);box-shadow:0 0 28px color-mix(in srgb,var(--rarity-color,#fff) 55%,transparent),0 18px 35px #001d2480;animation:cardReveal .55s cubic-bezier(.2,.9,.3,1.3)}#packet-reveal-card img{display:block;width:150px;height:150px;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 9px #173e4738)}#packet-reveal-card small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px;color:#65806f}#packet-reveal-card strong{display:block;font-size:12px;letter-spacing:2px;color:var(--rarity-color,#6b846d);margin-top:8px}#packet-reveal-card h3{font-size:26px;margin:4px 0}#packet-reveal-status{min-height:42px;font-size:13px;line-height:1.5;color:#d8e8d5}#packet-reveal-close{min-width:190px}#packet-reveal-close:disabled{opacity:.45}@keyframes packetFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes cardReveal{from{opacity:0;transform:scale(.45) rotateY(65deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@media(max-width:760px){#packet-reveal{padding:16px}#packet-reveal-stage{min-height:245px}.packet-mystery{width:148px;height:164px}#packet-reveal-card{width:215px}#packet-reveal-card img{width:128px;height:128px}}

/* 16.4 battle fix: the 3D world is the battle stage; keep overlay transparent. */
#war{position:fixed;inset:0;z-index:100;background:transparent;pointer-events:none;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}#war[hidden]{display:none}#war header{pointer-events:auto;flex-shrink:0;background:#123e43ed;border-radius:16px;padding:12px 18px;color:#f1f8d6}#war-controls{pointer-events:auto;margin-top:auto;align-self:center;flex-direction:column;background:#123e43ed;border-radius:18px;padding:12px 18px;color:#f1f8d6;max-width:100%;box-sizing:border-box}.battle-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.battle-actions button{padding:14px 18px;border-radius:14px;background:#f1f8d6;color:#143d40;font-weight:800;box-shadow:0 3px 0 #9db486}.battle-actions button:disabled{opacity:.45}#war-stats{align-self:center;background:#123e43ed;color:#f1f8d6;font-weight:700;border-radius:12px;padding:8px 14px;max-width:100%;box-sizing:border-box}@media(max-width:600px){#war{padding:8px}#war header{padding:8px 10px}#war header h2{font-size:17px}#war-controls{padding:10px}.battle-actions{gap:6px}.battle-actions button{padding:12px}#war-stats{font-size:12px}}

/* 16.4: one battle surface, no legacy arena dialog/backdrop */
body.battle-active #bottom,body.battle-active #hud{visibility:hidden}

/* Battle health bars */
/* ZorbLands brand surfaces */
.loading-logo{display:block;width:min(420px,78vw);height:auto;max-height:150px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 8px 16px #001b2088)}.brand-logo{display:block;width:min(560px,84vw);height:auto;max-height:210px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 10px 18px #001b2088)}.hud-logo{display:block;width:clamp(112px,13vw,178px);height:auto;max-height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px #001b2088)}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.start-content h1{display:flex;flex-direction:column;align-items:center;gap:3px}.start-content h1 i{font-size:22px;color:#f4d778}@media(max-width:760px){.loading-logo{width:min(360px,82vw);max-height:125px}.brand-logo{width:min(430px,88vw);max-height:160px}.hud-logo{width:clamp(104px,30vw,142px);max-height:40px}}
#battle-health{width:min(620px,100%);display:flex;gap:14px;justify-content:center;z-index:2}.health-card{flex:1;min-width:0;background:#123e43ed;color:#f1f8d6;border-radius:12px;padding:8px 11px;box-shadow:0 5px 18px #001b2055}.health-card>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px}.health-track{height:9px;margin-top:6px;background:#08272b;border-radius:99px;overflow:hidden}.health-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a6db65,#e1f39b);border-radius:inherit;transition:width .35s ease}.enemy-health .health-track i{background:linear-gradient(90deg,#f28b71,#ffc29c)}
/* ZorbLands image-only startup intro: crisp local logo, contained and dismissible. */
#brand-intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#071f25;overflow:hidden;cursor:pointer}
#brand-intro[hidden]{display:none}
#brand-intro-logo{display:block;width:min(82vw,720px);height:min(82vh,540px);object-fit:contain;image-rendering:auto;filter:drop-shadow(0 10px 24px #001b2088);animation:brandIntroLogo 2.8s ease-in-out both}
@keyframes brandIntroLogo{0%{opacity:0;transform:scale(.88)}22%{opacity:1;transform:scale(1)}72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.04)}}
@media(max-width:600px){#brand-intro-logo{width:88vw;height:68vh}}
/* Rarity Lab: clearly bounded, presentation-only preview. */
.rarity-lab-trigger{background:#173f45;color:#eaffc4;border-radius:12px;padding:9px 12px;font-weight:800;white-space:nowrap}.rarity-lab-trigger small{display:block;color:#c6e58b;font-size:9px;font-weight:500}.rarity-lab-note{padding:10px 12px;border-left:4px solid #d5f47b;background:#edf4dc;border-radius:10px;font-size:12px;line-height:1.4}.rarity-lab-identities,.rarity-lab-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 18px}.rarity-lab-forms{grid-template-columns:repeat(4,minmax(0,1fr))}.rarity-lab-identities button,.rarity-lab-forms button{min-height:64px;border:1px solid #d5e2c9;border-radius:13px;background:#fff;padding:8px;text-align:left}.rarity-lab-identities button{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}.rarity-lab-identities img{width:34px;height:34px;grid-row:span 2}.rarity-lab-identities small,.rarity-lab-forms small{display:block;color:#718770;font-size:10px}.rarity-lab-identities button.selected,.rarity-lab-forms button.selected{outline:3px solid var(--rarity-light,#5f9772);background:linear-gradient(135deg,var(--rarity-light,#fff),#fff)}.rarity-lab-forms button{background:linear-gradient(145deg,var(--rarity-light,#fff),var(--rarity-dark,#d9e6d5));color:#183b3e}.rarity-lab-preview{display:flex;flex-direction:column;gap:6px;padding:13px 15px;margin:4px 0 16px;border-radius:14px;background:#153f45;color:#efffd5}.rarity-lab-preview span{font-size:12px;color:#d0e4c8;line-height:1.4}#rarity-lab{width:min(860px,94vw)}
/* Rarity collectibles candidate: every tier stays reachable and visually unique. */
.rarity-lab-forms button{position:relative;min-width:0;overflow:hidden;padding:8px 8px 8px 48px;isolation:isolate}.rarity-lab-forms button::before{content:'';position:absolute;left:9px;top:50%;width:29px;height:29px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff,var(--rarity-light) 34%,var(--rarity-dark) 75%);border:2px solid color-mix(in srgb,var(--rarity-light) 75%,white);box-shadow:inset -5px -6px 8px #0005,0 0 12px var(--rarity-light);z-index:-1}.rarity-lab-forms button::after{position:absolute;right:5px;top:2px;color:var(--rarity-light);font-size:13px;text-shadow:0 0 7px currentColor}.rarity-bronze::after{content:'•  ·';animation:raritySpark 1.8s infinite}.rarity-silver::after{content:'✦  ✧';animation:raritySpark 1.3s infinite}.rarity-gold::after{content:'♛ ✦';font-size:16px!important;animation:rarityGlow 1.2s infinite}.rarity-ruby::after{content:'◆  ◈';animation:rarityOrbit 2s infinite}.rarity-emerald::after{content:'◆ ✦';animation:rarityGlow 1.45s infinite}.rarity-infinity::after{content:'∞ ✦';font-size:19px!important;color:#d9c5ff!important;animation:rarityOrbit 1.5s infinite}.rarity-infinity::before{background:radial-gradient(circle at 35% 30%,#d7c6ff,#4d12a0 33%,#090311 75%)!important;box-shadow:inset -5px -6px 8px #000,0 0 8px #fff,0 0 19px #8c38ff!important}.rarity-ruby::before,.rarity-emerald::before{clip-path:polygon(50% 0,88% 20%,100% 63%,72% 100%,28% 100%,0 63%,12% 20%)}@keyframes raritySpark{50%{opacity:.25;transform:translate(-3px,4px) rotate(25deg)}}@keyframes rarityGlow{50%{filter:brightness(1.8);transform:scale(1.16)}}@keyframes rarityOrbit{50%{transform:translate(-5px,8px) rotate(180deg)}}.form-album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}.form-album button{min-width:0;min-height:42px;padding:6px;border-radius:10px;background:#e7ecdf;font-size:10px}.form-album button.owned{background:linear-gradient(135deg,var(--rarity-light),#fff);box-shadow:inset 0 0 0 2px var(--rarity-dark)}.form-album button.selected{outline:3px solid #173f45}.form-album button:disabled{filter:grayscale(.8);opacity:.55}.form-counts{font-size:11px;color:#58766b}
@media(max-width:760px){#album .album-toolbar{flex-wrap:wrap}.rarity-lab-trigger{flex:1;min-width:130px}.rarity-lab-identities,.rarity-lab-forms{grid-template-columns:repeat(2,minmax(0,1fr))}.rarity-lab-forms button{min-height:58px}.rarity-lab-identities button{min-height:58px}}
@media(max-width:760px){#rarity-lab[open]{display:flex;flex-direction:column;width:calc(100vw - 18px);height:calc(100dvh - 20px);max-width:none;max-height:none;padding:12px;overflow:hidden}#rarity-lab .dialog-head h2{font-size:20px;margin:2px 0}#rarity-lab .dialog-desc{font-size:11px;line-height:1.3;margin:7px 0}#rarity-lab .rarity-lab-note{font-size:10px;padding:7px 9px}#rarity-lab h3{font-size:12px;margin:8px 0 2px}.rarity-lab-identities{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:4px 0}.rarity-lab-identities button{min-height:44px;padding:4px;grid-template-columns:27px 1fr}.rarity-lab-identities img{width:27px;height:27px}.rarity-lab-forms{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:4px 0 7px}.rarity-lab-forms button{min-width:0;min-height:47px;padding:4px 3px 4px 31px;font-size:10px}.rarity-lab-forms button::before{left:4px;width:23px;height:23px}.rarity-lab-forms button::after{font-size:9px;right:2px}.rarity-lab-forms small{font-size:8px}.rarity-lab-preview{font-size:11px;padding:7px 9px;margin:2px 0 7px}.rarity-lab-preview span{font-size:9px}#rarity-lab-close{min-height:44px;padding:10px}.form-album{grid-template-columns:repeat(4,minmax(0,1fr))}}