/* GM081: real layouts for the remaining rooms; original art and mechanics retained. */
.g81-shell,.g81-room,.g81-shop,.g81-entry,.g81-creator,.g81-dialog,.g81-battle{--g81-gold:#edd29b;--g81-line:#8b744d;--g81-aqua:#82d2df;--g81-muted:#a2bac6;--g81-panel:#0c2432;color:#e3edf1;font:14px/1.5 'Trebuchet MS',Arial,sans-serif}
.g81-icon{display:inline-block;width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.g81-shell button,.g81-entry button,.g81-creator button,.g81-dialog button{touch-action:manipulation}
.g81-shell button:focus-visible,.g81-entry button:focus-visible,.g81-creator button:focus-visible,.g81-dialog button:focus-visible,.g81-shell summary:focus-visible{outline:2px solid #99eafb;outline-offset:4px}
.g81-shell .btn,.g81-entry .btn,.g81-creator .btn,.g81-dialog .btn,.g81-battle .btn{min-height:44px;border:1px solid #68818a;border-radius:5px;padding:10px 15px;background:linear-gradient(#214454,#102c3b);font-size:12px;line-height:1.35;letter-spacing:.045em;box-shadow:inset 0 1px #ffffff22,0 3px 0 #010a10;color:#e9f2f5;text-transform:uppercase}
.g81-shell .btn.gold,.g81-entry .btn.gold,.g81-creator .btn.gold,.g81-dialog .btn.gold,.g81-battle .btn.gold{background:linear-gradient(#f5dfab,#cba460);color:#282319;border-color:#f0ce8a;box-shadow:inset 0 1px #fff9,0 3px 0 #645035}
.g81-shell .btn.danger,.g81-dialog .btn.danger{background:linear-gradient(#763645,#4b2430);border-color:#a36171}
.g81-shell button:disabled,.g81-entry button:disabled,.g81-dialog button:disabled{cursor:not-allowed;opacity:.48}
.g81-shell>.sidebar{background:linear-gradient(170deg,#112d3c,#061722 65%);border-right:1px solid #82704b;scrollbar-width:thin;scrollbar-color:#6c796d #0a1b27}
.g81-shell>.main{width:100%;overflow:clip}
.g81-side{padding:22px 13px 14px;min-height:100dvh;display:flex;flex-direction:column}
.g81-logo{color:#ddbe79;font-size:24px;line-height:.95;font-weight:1000;text-align:center;text-shadow:0 3px #1d170f;letter-spacing:-.04em;padding-bottom:23px}
.g81-logo strong{font-size:19px}.g81-logo small{display:block;font-size:8px;font-weight:400;letter-spacing:.24em;color:#9fb8c5;margin-top:12px;text-transform:uppercase}
.g81-side-profile{background:#0a1f2b;border:1px solid #456374;border-radius:6px;padding:8px;display:flex;align-items:center;gap:10px;color:#eff4f3;text-align:left;min-width:0}
.g81-side-profile>.portrait{width:43px;height:55px;border:1px solid #ae8d57;border-radius:4px;flex:0 0 auto}.g81-side-profile>span{flex:1;min-width:0}.g81-side-profile b{display:block;font-size:13px;overflow-wrap:anywhere}.g81-side-profile small{font-size:10px;color:#b7cad3}.g81-side-profile .g81-meter{margin:6px 0 0;height:5px}
.g81-wallet{padding:12px 3px 16px;display:grid;gap:6px;border-bottom:1px solid #3b52605e}.g81-wallet>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#b9ced8}.g81-wallet .g81-icon{width:16px;height:16px;color:#c9b586}.g81-wallet span{flex:1}.g81-wallet b{font-size:12px;color:#ecd5a4;font-variant-numeric:tabular-nums}
.g81-navgroup{padding-top:14px}.g81-navgroup>h2{margin:0 0 6px 10px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#7693a3;font-weight:700}
.g81-navitem{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:1px solid transparent;border-radius:5px;background:transparent;padding:7px 10px;color:#b9cdd7;text-align:left;font-size:12px;line-height:1.25;margin:1px 0}
.g81-navitem>.g81-icon{width:18px;height:18px;color:#86a5b6}.g81-navitem>span{flex:1}.g81-navitem small{font-size:10px;color:#96acb7}.g81-navitem.active{background:linear-gradient(100deg,#9b782637,#183e4d88);border-color:#9d8147;color:#ffe1a0;box-shadow:inset 3px 0 #d6b574}.g81-navitem.active>.g81-icon{color:#efca84}.g81-navitem:hover:not(:disabled){background:#31536355;color:#fff}.g81-side-bottom{display:grid;gap:10px;margin-top:auto;padding-top:25px}.g81-textbutton{border:0;background:transparent;color:#99bdcc;padding:10px 3px;min-height:40px;font:inherit;font-size:12px}.g81-textbutton:hover{color:#f2d299}
.g81-shell .g8-mobilebar{background:#0a2231f5;border-bottom-color:#736143}.g81-shell .g8-mobilebar>span{display:flex;align-items:center;gap:5px}.g81-shell .g8-mobilebar .g81-icon{width:20px;height:20px}
.g81-room{min-height:100dvh;padding:26px 30px 34px;background:radial-gradient(ellipse at 65% 0,#284a5a60,transparent 65%),#071521}
.g81-wrap{max-width:1470px;margin:auto}.g81-room h1,.g81-room h2,.g81-room h3,.g81-shop h1,.g81-shop h2,.g81-shop h3{margin:0;line-height:1.2}.g81-room h1,.g81-shop h1{font-size:clamp(28px,2.7vw,40px);letter-spacing:-.04em;color:#f3ddb3}.g81-room h2,.g81-shop h2{font-size:21px;color:#edce92}.g81-room h3,.g81-shop h3{font-size:16px;color:#ead2a4}.g81-room p,.g81-shop p{margin:5px 0;line-height:1.6}
.g81-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.g81-title p{margin:7px 0 0;color:#adc3ce;font-size:13px}.g81-kicker{display:block;font-size:9px;letter-spacing:.2em;line-height:1.5;color:#91b2c3;font-weight:700;margin-bottom:7px}.g81-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #9e8256;background:#0a2230d9;color:#efd396;border-radius:4px;font-size:10px;letter-spacing:.04em}.g81-tag.good{color:#9ee9b8;border-color:#507f68}
.g81-metrics{display:flex;align-items:center;gap:22px}.g81-metric{display:flex;align-items:center;gap:12px}.g81-metric>.g81-icon{color:#bfaa7d}.g81-metric small{display:block;color:#9bb6c5;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.g81-metric b{display:block;color:#f3db9b;font-size:22px;line-height:1.3}.g81-panel{border:1px solid #6e6047;border-radius:8px;background:linear-gradient(140deg,#133344f7,#0a202cfc);overflow:hidden;min-width:0;box-shadow:0 12px 28px #0003,inset 0 1px #e9d29512}
.g81-panelhead{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid #3a59676e;background:#071b274d}.g81-panelhead h2{font-size:15px}.g81-stack{display:grid;gap:18px;min-width:0;align-content:start}.g81-meter{height:7px;background:#030f18;border:1px solid #466477;border-radius:7px;overflow:hidden;margin:12px 0 5px}.g81-meter>i{display:block;height:100%;background:linear-gradient(90deg,#408879,#8fdebb);border-radius:5px}.g81-muted{color:#93afbe;font-size:12px}.g81-note{padding:13px 15px!important;background:#0b2331;border-left:2px solid #b79458;color:#b8ced7;font-size:12px}
/* Character: framed portrait, equipment ring, actual stats and inventory. */
.g81-character-layout{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(300px,1fr);gap:20px;align-items:start}
.g81-equipment{display:grid;grid-template-columns:76px minmax(100px,1fr) 76px;gap:13px;padding:20px;background:radial-gradient(ellipse at 50% 25%,#40637050,transparent 60%),linear-gradient(45deg,#071924,#112e3d)}
.g81-slotcol{display:flex;flex-direction:column;justify-content:space-around;gap:9px}.g81-slot{min-width:0;width:100%;min-height:73px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;border:1px solid #3c6074;border-radius:5px;background:linear-gradient(#153346,#091c29);color:#779aa8;box-shadow:inset 0 0 12px #0005}.g81-slot:hover{border-color:#bda367;background:#1d3d50}.g81-slot>span{font-size:8px;text-transform:uppercase;color:#a4c1d2;line-height:1.1;font-weight:bold}.g81-slot>.g81-icon{width:30px;height:30px;opacity:.6}.g81-slot .item-art{width:44px;height:44px;border-width:1px;border-radius:3px}.g81-slot.filled{border-color:var(--rarity);box-shadow:inset 0 -12px 20px #0005,0 2px 5px #0003}
.g81-hero{min-width:0;align-self:center}.g81-hero-frame{position:relative;border:1px solid #c7ab6c;border-radius:100px 100px 7px 7px;padding:6px;background:linear-gradient(#846b3c,#091924 35%);box-shadow:0 12px 25px #0007}.g81-hero .g81-hero-frame>.portrait.hero{width:100%;height:auto;aspect-ratio:4/5;border:1px solid #405a68;border-radius:94px 94px 4px 4px;box-shadow:none}.g81-hero-level{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);display:grid;place-items:center;min-width:42px;height:32px;padding:4px;background:linear-gradient(#204855,#0a232f);border:1px solid #dec38c;border-radius:6px;color:#ffe4a6;font-size:14px;font-weight:900}.g81-hero-caption{text-align:center;padding-top:23px}.g81-hero-caption h2{color:#f4d590;font-size:25px;overflow-wrap:anywhere}.g81-hero-caption p{font-size:11px;color:#afc7d2}.g81-hero-caption small{font-size:9px;color:#93b4c5}.g81-hero-caption .g81-meter{margin-top:12px}
.g81-tabs{display:flex;min-width:0;overflow-x:auto;border-bottom:1px solid #806842;scrollbar-width:thin}.g81-tabs>button{flex:1;min-height:48px;padding:13px 15px;border:0;border-bottom:3px solid transparent;background:transparent;white-space:nowrap;color:#96b1c1;font:inherit;font-size:12px;font-weight:bold}.g81-tabs>button[aria-selected=true],.g81-tabs>button[aria-current=page],.g81-tabs>button[aria-pressed=true]{border-bottom-color:#ecc880;color:#f3d69b;background:linear-gradient(0deg,#a37d292e,transparent)}.g81-tabs>button:hover{color:#f7e0b9;background:#203e4f66}
.g81-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}.g81-statrow{display:grid;grid-template-columns:25px minmax(0,1fr) 40px;align-items:center;gap:8px;min-height:116px;padding:10px 9px;border:1px solid #30556b;border-radius:6px;background:linear-gradient(145deg,#123247,#0a1e2b)}.g81-statrow.primary{border-color:#ad9056;background:linear-gradient(140deg,#38463288,#102939)}.g81-stat-icon{align-self:start;color:#80bacb;margin-top:5px}.g81-statrow.primary .g81-stat-icon{color:#f1d58f}.g81-statlabel{font-size:10px;font-weight:bold;text-transform:uppercase;color:#d5e3e9;display:block;letter-spacing:.04em}.g81-statlabel i{font-size:7px;font-style:normal;color:#d7bd85;display:block;margin-top:2px}.g81-statrow b{display:block;color:#f4d79b;font-size:26px;line-height:1.25;font-variant-numeric:tabular-nums}.g81-statrow small{display:block;font-size:9px;color:#9ab8c8;line-height:1.4;margin-top:2px}.g81-plus{width:40px;height:44px;display:grid;place-items:center;border:1px solid #9a885e;border-radius:5px;color:#f1d089;background:linear-gradient(#264b5c,#102c3e);box-shadow:inset 0 1px #ffffff33}.g81-plus>.g81-icon{width:17px;height:17px}.g81-sheet{padding:22px;min-height:260px}.g81-sheet h3{font-size:21px;margin-bottom:10px}.g81-sheet dl{margin:12px 0}.g81-sheet dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #3c596955;font-size:12px}.g81-sheet dt{color:#9fb8c8}.g81-sheet dd{margin:0;color:#eddbb9;text-align:right}.g81-sheet p{color:#abc2cd;font-size:13px}.g81-sheet .btn{margin-top:12px}.g81-sheet-rule{border-top:1px solid #53664f;margin:25px 0}
.g81-support{padding:18px}.g81-supporthead{display:flex;align-items:center;justify-content:space-between;gap:12px}.g81-supporthead h3{font-size:17px}.g81-supporthead h3 small{font-size:11px;color:#9babb6;margin-left:5px}.g81-orbs{display:flex;gap:6px}.g81-stim{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;width:46px;height:46px;border-radius:50%;border:1px solid #58788b;background:radial-gradient(circle at 40% 35%,#214451,#05131f 80%);color:#668897;box-shadow:inset 0 0 7px #0009}.g81-stim.active{color:#a4e9f4;border-color:#93cbd1;background:radial-gradient(circle at 40% 35%,#347181,#0a2838 80%);box-shadow:inset 0 0 7px #0006,0 0 10px #45819d22}.g81-stim>.g81-icon{width:19px;height:19px}.g81-stim small{font-size:8px;line-height:1.1}.g81-stim.g81-ship-orb{margin-left:7px;border-color:#ad935c;color:#e2c584}.g81-stim>img{width:85%;height:70%;object-fit:contain}.g81-stimlist{list-style:none;padding:0;margin:15px 0 0}.g81-stimlist>li{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #33516377;font-size:10px}.g81-stimlist span{flex:1;color:#a9c5d3}.g81-stimlist b{color:#a2e7c8}.g81-stimlist small{color:#a4bbc8}.g81-rentalnote{margin-top:15px;border-top:1px solid #645937;padding-top:12px;display:flex;align-items:center;gap:10px;color:#d3bf91}.g81-rentalnote span{display:grid;gap:3px}.g81-rentalnote b{font-size:12px}.g81-rentalnote small{font-size:10px;color:#98b6c3}
.g81-inventory{border:1px solid #526370;background:#092330;border-radius:7px;overflow:hidden}.g81-inventory>header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #3b566a77;background:#061a26}.g81-inventory h3{font-size:15px}.g81-inventory h3 .g81-icon{width:18px;height:18px;color:#d2b377;margin-right:5px}.g81-inventory p{color:#90b0c0;font-size:10px;max-width:430px;margin-top:4px}.g81-inventory>header>b{font-size:15px;color:#c9b47d;white-space:nowrap}.g81-baggrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px}.g81-bagitem,.g81-bagempty{min-width:0;aspect-ratio:1/1.06;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #304d5f;border-radius:4px;background:#061a26;padding:5px;overflow:hidden;color:#436c82}.g81-bagitem{border-color:var(--rarity);background:radial-gradient(circle,#1e3c4d,#061a26);color:#e1e9e7}.g81-bagitem .item-art{width:70%;height:auto;aspect-ratio:1;border:0;background-color:transparent}.g81-bagitem>span{font-size:8px;display:block;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;margin-top:4px}.g81-bagitem:hover{box-shadow:inset 0 0 0 1px #c9deeb}.g81-bagempty .g81-icon{width:17px;height:17px}
/* Shops: profile at left, a visible dealer scene, then offers with bag below. */
.g81-shop.shop-b-v047{min-height:100dvh;min-width:0;width:100%;padding:25px 26px 32px;background:radial-gradient(ellipse at 80% 0,#29394a,transparent 58%),#071521;font-size:14px}
.g81-shop-title{max-width:1530px;margin:auto}.g81-shop-title .g81-title{margin-bottom:15px}.g81-shop-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.g81-shop-tools>.g81-tabs{border:1px solid #5d654d;border-radius:5px;background:#0b2838;min-width:270px}.g81-shop-tools>.btn:last-child{margin-left:auto}.g81-shop-layout{max-width:1530px;margin:auto;display:grid;grid-template-columns:minmax(340px,.87fr) minmax(390px,1.3fr);gap:18px;align-items:start}.g81-shop-profile{border:1px solid #667364;border-radius:7px;overflow:hidden;background:#0c2735}.g81-shop-profile .g81-panelhead{padding:11px 16px}.g81-shop-profile .g81-equipment{grid-template-columns:60px minmax(105px,1fr) 60px;padding:15px;gap:10px}.g81-shop-profile .g81-slot{min-height:63px;padding:5px 3px}.g81-shop-profile .g81-slot .item-art{width:36px;height:36px}.g81-shop-profile .g81-hero-caption h2{font-size:21px}.g81-shop-profile .g81-hero-caption p{font-size:10px}.g81-shop-profile .g81-stats{padding:12px;gap:6px}.g81-shop-profile .g81-statrow{grid-template-columns:minmax(0,1fr) 37px;min-height:105px;gap:5px;padding:9px}.g81-shop-profile .g81-stat-icon{display:none}.g81-shop-profile .g81-plus{width:37px}.g81-shop-profile .g81-statrow b{font-size:23px}.g81-shop-profile .g81-support{border-top:1px solid #6a6c5055;padding:15px}.g81-shop-profile .g81-supporthead{display:block}.g81-shop-profile .g81-orbs{margin-top:12px}.g81-profile-toggle{display:none}
.g81-store{min-width:0;display:grid;gap:0}.g81-shop-scene{position:relative;height:340px;border:1px solid #9a784a;border-radius:7px 7px 0 0;background-size:cover;background-position:center 35%;isolation:isolate;overflow:hidden}.g81-shop-scene.weapon{background-image:url('../art/shop-weapon-v041.png')}.g81-shop-scene.armor{background-image:url('../art/shop-gear-v041.png')}.g81-shop-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04141fec,transparent 55%);z-index:-1}.g81-dealer-caption{position:absolute;bottom:20px;left:22px;right:22px}.g81-dealer-caption>b{display:block;color:#ffe8bf;font-size:20px;text-shadow:0 2px 9px #000;max-width:440px;line-height:1.25}.g81-dealer-caption .g81-kicker{color:#c1d3d9}
.g81-offers{position:relative;padding:16px;border:1px solid #7a6847;background:linear-gradient(#113242,#0a2130);border-top:0;border-radius:0 0 7px 7px;box-shadow:0 10px 25px #0004}.g81-offers>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.g81-offers>header h2{font-size:17px}.g81-offers>header small{font-size:10px;color:#9fbdcc}.g81-offers>header>span{font-size:10px;color:#a9c3ce;text-align:right}.g81-offers>header .g81-icon{width:15px;height:15px}.g81-shop-slots{font-size:9px;color:#a4bbc8;padding:7px 0 10px;margin:0!important}.g81-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g81-offer{border:1px solid #496174;border-bottom:2px solid var(--rarity);border-radius:5px;background:#091e2c;min-width:0;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.g81-offer-inspect{border:0;background:transparent;color:#c5dce8;text-align:left;padding:0;display:flex;gap:10px;align-items:flex-start;min-height:100px;width:100%}.g81-offer-inspect .item-art{width:55px;height:55px;border-width:1px;border-radius:4px;flex:0 0 auto}.g81-offer-inspect>span{min-width:0;display:block}.g81-offer-inspect small{display:block;font-size:8px;text-transform:uppercase;color:#819eb0;margin-bottom:4px}.g81-offer-inspect b{font-size:12px;line-height:1.3;color:#e7d6b1;display:block}.g81-offer-inspect em{display:block;font-style:normal;font-size:9px;line-height:1.45;color:#a4bac6;margin-top:6px}.g81-offer-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;border-top:1px solid #31546766;padding-top:10px}.g81-offer-buy>b{font-size:14px;color:#ead298;white-space:nowrap}.g81-offer-buy .g81-icon{width:15px;height:15px;margin-right:3px}.g81-offer-buy>.btn{padding:8px 16px;font-size:11px;min-height:40px}.g81-sell-hint{color:#8eafc0;font-size:10px;margin-top:14px;text-align:center}.g81-sell-hint .g81-icon{width:15px;height:15px;margin-right:4px}.g81-store>.g81-inventory{margin-top:15px}.g81-store .g81-baggrid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:370px;overflow-y:auto}.g81-shop .drop-ready{outline:2px solid #9af0c2;outline-offset:2px;background:#23564977}.g81-shop .sell-ready{outline:3px solid #deb867;outline-offset:3px;background:#354a36}.g81-shop .stimulant-item-art{font-size:30px;display:grid;place-items:center}.g81-shop .weapon-item-art{background:none}.g81-shop .item-art img,.g81-dialog .item-art img{width:100%;height:100%;object-fit:contain}
/* Touch-friendly item comparisons and status dialogs. */
.g81-modal.modal{position:fixed;inset:0;z-index:110;padding:20px;display:grid;place-items:center;background:#010910df;backdrop-filter:blur(5px)}.g81-dialog{width:min(760px,100%);max-height:92dvh;overflow-y:auto;border:1px solid #b19660;border-radius:9px;background:linear-gradient(140deg,#163548,#081d2a);box-shadow:0 28px 80px #000b}.g81-dialog>header{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #536857}.g81-dialog>header h2{font-size:23px;color:#f5dca6;margin:0;line-height:1.2;overflow-wrap:anywhere}.g81-close{display:grid;place-items:center;background:#112d3b;border:1px solid #57717f;color:#cfe5ed;min-width:44px;min-height:44px;border-radius:5px}.g81-dialog>footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:18px 22px;border-top:1px solid #49667266}.g81-dialog>footer:empty{display:none}.g81-item-display{display:flex;align-items:center;gap:18px;padding:20px 22px}.g81-item-display>.item-art{width:84px;height:84px;flex:0 0 auto;border-radius:5px}.g81-item-display p{font-size:12px;color:#adc7d5;margin:0}.g81-comparison{display:flex;gap:1px;background:#365467;margin:0 22px 22px;border:1px solid #436776;border-radius:5px;overflow:hidden}.g81-comparison>.shop-v049-tipcol{flex:1;min-width:0;padding:16px;background:#081f2e}.g81-comparison .shop-v049-tipname{font-size:16px;color:#f0d69f;line-height:1.3}.g81-comparison .shop-v049-tipmeta{font-size:10px;margin:7px 0 12px;color:#8fb0c1}.g81-comparison .shop-v049-toptag{font-size:8px;color:#6f9caf;letter-spacing:.13em;margin-bottom:8px}.g81-comparison .shop-v049-tiprow{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:5px 0}.g81-comparison .shop-v049-tiprow b{font-weight:400;color:#aac1ce}.g81-comparison .good{color:#93e4ad}.g81-comparison .bad{color:#f38e9c}.g81-comparison .same{color:#c9d8e1}.g81-comparison .shop-v049-tipprice{font-size:11px;color:#d5ba7e;border-top:1px solid #37576b;margin-top:12px;padding-top:8px}
/* Cantina: preserve hotspot coordinates, improve framing and the contract panel. */
.g81-cantina-room{background:#071521;padding:16px;min-height:100dvh}.g81-cantina.scene{padding:0;background:none;min-height:0;border:1px solid #997947;border-radius:8px;overflow:hidden}.g81-cantina .cantina-stage{min-height:0;height:auto;aspect-ratio:3/2}.g81-cantina .cantina-image{width:100%;height:100%;position:absolute;inset:0;object-fit:fill}.g81-cantina .cantina-topbar{top:16px;width:min(510px,76%)}.g81-cantina .cantina-head{border:1px solid #b89660;border-radius:6px;background:linear-gradient(#16394aec,#071c2bf0);padding:15px 20px;box-shadow:inset 0 1px #ffffff25,0 10px 35px #0008}.g81-cantina .cantina-head h1{font-size:clamp(19px,2.2vw,29px);color:#f7dfa9;text-shadow:0 2px #0a101a}.g81-cantina-intro{font-size:10px;color:#b2ccd6;margin:5px 0 8px}.g81-cantina .cantina-energy{border:1px solid #547984;border-radius:4px;font-size:11px;padding:5px 12px;color:#dbebef;background:#0a2434}.g81-cantina .cantina-energy>.g81-icon{width:13px;height:13px;color:#e4c682}.g81-cantina .cantina-hotspot .quest-mark{width:34px;height:34px;font-size:24px;border:1px solid #74552c;background:linear-gradient(#ffe5a8,#d4a358);box-shadow:0 3px #59452e,0 0 20px #f7d99360}.g81-cantina .bartender-hotspot .quest-mark{font-size:0;background:linear-gradient(#b6f2f8,#6da9c2);box-shadow:0 3px #355066,0 0 20px #68cdd166}.g81-cantina .cantina-dice{position:absolute}.g81-cantina-dice{position:absolute;right:20px;bottom:20px;z-index:5;background:#0b2534e8!important;border-color:#a39368!important}.g81-cantina-dice>.g81-icon{width:18px;height:18px;margin-right:5px}
.g81-cantina .cantina-contract-panel,.g81-cantina .cantina-active{border:1px solid #d0b071;border-radius:8px;background:linear-gradient(145deg,#183b4cf9,#071b2cfb);padding:22px;max-height:72%;overflow-y:auto;box-shadow:0 15px 50px #000b;bottom:20px;width:min(540px,calc(100% - 30px))}.g81-cantina .cantina-contract-panel h2,.g81-cantina .cantina-active h2{font-size:23px;color:#f2d59b}.g81-cantina .cantina-contract-panel p,.g81-cantina .cantina-active p{font-size:12px;line-height:1.5}.g81-cantina .cantina-contract-panel .close-contract{width:40px;height:40px;border-radius:5px;top:10px;right:10px;border-color:#66818a}.g81-cantina .countdown{color:#98e0db;font-size:19px;margin:12px 0}.g81-cantina .reward{font-size:15px;margin:12px 0;color:#f2d594;flex-wrap:wrap}.g81-cantina .actions .btn{width:100%}.g81-cantina .cantina-contract-panel h2{padding-right:30px}.g81-contract-board{margin:14px 0 0;border:1px solid #756145;background:#0c2635;border-radius:7px;overflow:hidden}.g81-contract-board>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;color:#e6ce9b;font-weight:bold;list-style:none}.g81-contract-board>summary:after{content:'+';margin-left:10px;font-size:20px}.g81-contract-board[open]>summary:after{content:'−'}.g81-contract-board>summary>span{margin-left:auto;font-size:10px;font-weight:normal;color:#9db8c6}.g81-contract-board>div{padding:6px 15px 14px}.g81-contract-board button{display:flex;gap:12px;align-items:center;width:100%;padding:12px 8px;border:0;border-top:1px solid #3b566a77;background:transparent;text-align:left;color:#cde0e7}.g81-contract-num{color:#d6b879;font-size:18px;font-weight:bold}.g81-contract-board button>span:nth-child(2){flex:1}.g81-contract-board b{display:block;font-size:13px}.g81-contract-board small{display:block;font-size:10px;color:#90b4c6;margin-top:3px}.g81-contract-board em{font-size:11px;font-style:normal;color:#ebd094;white-space:nowrap}.g81-cantina-note{padding:15px 20px;color:#9ebfce;font-size:12px;background:#0a2533;border:1px solid #536c7c;margin-top:13px;border-radius:6px}
/* Port: keep large ships, add a dock selector and concise specification. */
.g81-port-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:20px;align-items:start}.g81-port-stage{position:relative;min-height:490px;border:1px solid #9d8357;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#20485955,transparent 65%),linear-gradient(#06172877,#061320ee),url('../art/locations-ship.webp') 100% 100%/200% 200%}.g81-port-stage>.g81-tag{position:absolute;left:18px;top:18px;z-index:4}.g81-port-active{position:absolute;right:16px;top:20px;color:#92e0bd;font-size:9px;letter-spacing:.12em;z-index:4}.g81-port-ship{position:absolute;left:5%;top:10%;width:90%;height:70%;object-fit:contain;z-index:2;filter:drop-shadow(0 20px 12px #0009);animation:g81-hover 5s ease-in-out infinite}.g81-port-platform{position:absolute;left:13%;right:13%;bottom:90px;height:65px;border:1px solid #72b9c177;border-radius:50%;background:radial-gradient(ellipse,#4ca5b533,transparent 70%);box-shadow:0 0 24px #60cce015}.g81-port-callout{position:absolute;left:26px;bottom:23px;z-index:3}.g81-port-callout small{font-size:9px;letter-spacing:.2em;color:#8cafbd}.g81-port-callout h2{font-size:34px;color:#f2d9aa;margin:5px 0}.g81-port-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.g81-port-roster>button{position:relative;min-width:0;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#153243,#091e2b);border:1px solid #506371;border-radius:5px;color:#c8d8df;padding:9px 5px}.g81-port-roster>button.selected{border-color:#d7b979;box-shadow:inset 0 -3px #cbae77;background:linear-gradient(#29494c,#112632)}.g81-port-roster img{width:85%;height:54px;object-fit:contain}.g81-port-roster b{font-size:11px;display:block}.g81-port-roster small{font-size:9px;color:#8babbc;display:block;margin-top:3px}.g81-port-roster em{position:absolute;right:4px;top:4px;font-size:6px;color:#9ee9b9;letter-spacing:.05em;font-style:normal}.g81-port-spec{padding:23px}.g81-port-spec>h2{font-size:27px;margin-bottom:12px}.g81-port-spec>p{font-size:12px;color:#a6bfcd}.g81-port-benefits{display:grid;gap:17px;padding:23px 0;margin:18px 0;border-block:1px solid #3c5b6b}.g81-port-spec>.btn{width:100%}.g81-port-spec>small{display:block;text-align:center;color:#91a9b7;margin-top:12px;font-size:10px}.g81-dealer{display:flex;align-items:center;gap:14px;border:1px solid #496373;border-radius:6px;padding:16px;background:#0a2130}.g81-dealer>.portrait{width:57px;height:68px;border:1px solid #7b957f;border-radius:5px;flex:0 0 auto}.g81-dealer b{font-size:14px;color:#e4ca93;display:block}.g81-dealer small{font-size:8px;letter-spacing:.14em;color:#789eb0}.g81-dealer p{font-size:11px;color:#a9c2d0}
@keyframes g81-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* HQ: keep the calibrated image and building coordinates; avoid mobile cropping. */
.g81-hq.hq-v065{background:#071521;min-width:0;padding:0 0 28px;font-size:14px}.g81-hq .hq-top-v065{background:linear-gradient(#163344,#0c2331);border-bottom:1px solid #7e6d4d;padding:18px;gap:16px;box-shadow:0 4px 20px #0006}.g81-hq .hq-brand-v065 h1{font-size:25px;color:#f2d9a4;letter-spacing:-.03em;margin:0}.g81-hq .hq-brand-v065 small{font-size:10px;color:#9db9ca}.g81-hq .hq-resource-v065{border:0;background:none;padding:0 9px;border-left:1px solid #54748355}.g81-hq .hq-resource-v065 .ico{font-size:19px;background:none;border:0}.g81-hq .hq-resource-v065 span{font-size:9px;color:#9eb8c7}.g81-hq .hq-resource-v065 b{font-size:14px;color:#e9ce96}.g81-hq .hq-close-v065{border:1px solid #6b8391;border-radius:5px;width:42px;height:42px;background:#0a2434;color:#c3dce7}.g81-hq-directory{padding:15px 20px;border-bottom:1px solid #334e61;background:#0a2130}.g81-hq-directory>div{display:flex;gap:7px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin}.g81-hq-directory button{display:flex;gap:12px;align-items:center;white-space:nowrap;border:1px solid #3d5c6e;border-radius:4px;background:#112e3e;color:#a5c2d1;padding:10px 12px;min-height:42px;font-size:10px}.g81-hq-directory button>b{font-size:11px;color:#c1d4d8}.g81-hq-directory button.selected{border-color:#c5a768;color:#f4d597;background:#4f472f77}.g81-hq-mapscroll{width:100%;overflow:auto;border-bottom:1px solid #766444;scrollbar-width:thin}.g81-hq .hq-scene-v065{width:100%;min-width:960px;aspect-ratio:1672/941;height:auto;min-height:0}.g81-hq .hq-scene-v065>img{object-fit:fill}.g81-hq .hq-bottom-v065{max-width:1480px;padding:0 20px;gap:15px}.g81-hq .hq-bottom-v065>.hq-panel-v065{grid-template-columns:95px 1.1fr 1fr auto;border:1px solid #997d50;border-radius:8px;background:linear-gradient(#173747,#0a2332);padding:22px;box-shadow:0 9px 30px #0004;scroll-margin-top:80px}.g81-hq-detail-art{width:95px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 6px #0008)}.g81-hq .hq-panel-v065 h2{font-size:21px;color:#ead099;line-height:1.2}.g81-hq .hq-panel-v065 p{font-size:11px;line-height:1.6;color:#a9c4d2}.g81-hq .hq-chip-v065{padding:5px 7px;font-size:9px;border-radius:3px;border-width:1px;background:#09212e;color:#b7d6da}.g81-hq .hq-card-v065{background:linear-gradient(140deg,#123041,#081d2a);border:1px solid #506675;border-radius:7px;padding:19px}.g81-hq .hq-card-v065 h2{font-size:18px;color:#e8ca8d}.g81-hq .hq-card-v065 h2>.g81-icon{width:19px;height:19px;margin-right:7px;color:#aabfc5}.g81-hq .hq-card-v065 p{font-size:11px;color:#a3bfcd;line-height:1.6}.g81-hq .hq-card-v065 .btn{font-size:10px}.g81-hq .hq-unit-v065{background:#071d2a;border:1px solid #355769;border-radius:5px;padding:10px 8px;font-size:11px}.g81-hq .hq-unit-v065 b{color:#e1cd97}.g81-hq .hq-unit-v065 .btn{min-width:44px;min-height:44px}.g81-hq .hq-log-v065{font-size:10px;line-height:1.5;background:#061924;border-color:#3a586a;border-radius:4px;padding:9px;max-height:150px}.g81-hq .hq-help-v065{border:1px solid #3a5666;border-radius:6px;background:#0a202c;padding:15px;color:#8dabbd;gap:15px}.g81-hq .hq-help-v065 b{font-size:9px;color:#baa980;letter-spacing:.05em}.g81-hq .hq-help-v065 span{font-size:10px}.g81-hq-pan-hint{grid-column:1/-1;margin:0}.g81-hq .hq-queue-v065{border:1px solid #c09e66;border-radius:7px;padding:15px;background:#0b293bed;font-size:12px}.g81-hq .hq-queue-v065 .btn{font-size:10px}.g81-hq .g8-build{margin-inline:20px}
/* Entry and roster: illustrated first impression, no technical backend jargon. */
.g81-entry{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);min-height:100dvh;background:#071621}.g81-entry-art{position:relative;background:linear-gradient(0deg,#061520f5,transparent 70%),url('../art/coruscant.webp') center 35%/cover;display:flex;align-items:flex-end;padding:10%;min-height:620px;border-right:1px solid #705f3e}.g81-entry-brand{max-width:650px}.g81-entry-brand>h1{margin:15px 0 24px;color:#f4d390;font-size:clamp(35px,4.1vw,64px);line-height:.93;letter-spacing:-.06em;text-shadow:0 5px 15px #000}.g81-entry-brand>h1 strong{font-size:.82em}.g81-entry-brand p{font-size:21px;line-height:1.5;color:#c4d6df}.g81-entry-card{align-self:center;padding:55px clamp(24px,5vw,80px);width:100%;max-width:650px;margin:auto}.g81-entry-card>h2{font-size:32px;line-height:1.1;color:#f1d8a5;margin:10px 0 28px;letter-spacing:-.04em}.g81-entry-card>.g81-tabs{margin-bottom:25px}.g81-form{display:grid;gap:8px}.g81-form>label{font-size:11px;color:#b8ced8;margin-top:9px}.g81-form input{min-width:0;width:100%;padding:13px 14px;min-height:48px;border:1px solid #526f80;border-radius:5px;background:#051621;color:#eef5f8;font:inherit}.g81-form input:focus{outline:2px solid #b6cdb3;outline-offset:2px}.g81-password{position:relative}.g81-password input{padding-right:73px}.g81-password button{position:absolute;right:4px;top:4px;bottom:4px;padding:5px 12px;background:none;border:0;color:#c9d9df;font-size:10px}.g81-form>.btn{margin-top:18px;min-height:49px}.g81-form-error{color:#f5b2bd;font-size:12px;margin:8px 0 0}.g81-entry-foot{font-size:10px;color:#6d92a6;margin-top:28px;border-top:1px solid #344f604f;padding-top:20px;line-height:1.5}
.g81-select{background:linear-gradient(#061722a6,#05121fef),url('../art/coruscant.webp') center/cover fixed;padding:50px}.g81-select .g81-title{margin-bottom:40px}.g81-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.g81-select-card{display:block;min-width:0;padding:0 0 20px;text-align:center;border:1px solid #9a8053;border-radius:8px;background:linear-gradient(#1a3f50,#081e2c);overflow:hidden;color:#c8dce6;transition:transform .2s,border-color .2s;min-height:395px}.g81-select-card:hover{transform:translateY(-4px);border-color:#f3d6a2}.g81-select-card>div{position:relative;margin:14px 14px 22px}.g81-select-card .portrait.hero{width:100%;height:240px;border:1px solid #415b6d;border-radius:70px 70px 5px 5px;box-shadow:none}.g81-select-card .g81-tag{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);white-space:nowrap}.g81-select-card>h2{font-size:23px;margin:0 10px 8px;overflow-wrap:anywhere}.g81-select-card>p{font-size:11px;color:#96b3c3;margin:0 10px}.g81-select-play{display:block;font-size:11px;font-weight:bold;color:#e4cb94;margin:23px 14px 0;padding-top:15px;border-top:1px solid #55707d55}.g81-newchar{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#081c29b8;border-style:dashed;border-color:#668698}.g81-newchar>.g81-icon{width:64px;height:64px;margin-bottom:28px;stroke-width:1;color:#9ec3d2}.g81-newchar .g81-select-play{width:75%}
.creator.g81-creator{padding:28px;min-height:100dvh;background:linear-gradient(#071923dd,#05121eef),url('../art/coruscant.webp') center/cover fixed}.g81-creator .creator-grid{max-width:1400px;grid-template-columns:300px minmax(0,1fr);gap:23px}.g81-creator .frame{border:1px solid #88744f;border-radius:8px;box-shadow:0 10px 30px #0004,inset 0 1px #ffffff10;background:linear-gradient(#123245f7,#091f2dfa)}.g81-creator .preview{min-height:660px;align-self:start;position:sticky;top:24px;padding:25px;gap:15px}.g81-creator .preview .portrait.hero{width:100%;height:auto;aspect-ratio:4/5;border:1px solid #c7a566;border-radius:110px 110px 7px 7px}.g81-creator .preview .logo{font-size:24px;line-height:1.1;color:#eacf9c;text-shadow:none}.g81-creator .preview h1{color:#f0d7a4;line-height:1.15;text-align:center;font-size:25px;margin:5px 0;overflow-wrap:anywhere}.g81-creator .preview>b{font-size:12px;color:#9fc0cd}.g81-creator .preview .muted{font-size:12px;line-height:1.6;text-align:center}.g81-creator .creator-main{padding:24px}.g81-creator .section-title{display:flex;align-items:center;gap:10px;font-size:17px;margin:16px 0;color:#e5cb91}.g81-step{font-size:10px;color:#7ea7b8;padding:5px 7px;border:1px solid #3d6578;border-radius:3px}.g81-creator .race-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.g81-creator .choice{border:1px solid #436a81;border-radius:5px;background:#0a2231;padding:8px;min-width:0}.g81-creator .choice.selected{border:1px solid #e3c68c;background:#35463c66;box-shadow:inset 0 0 0 1px #bba37144}.g81-creator .race-choice .portrait.small{width:43px;height:54px;border:1px solid #718572;border-radius:4px;flex:0 0 auto}.g81-creator .choice strong{font-size:11px}.g81-creator .choice small{font-size:9px;line-height:1.4;color:#8eaebe}.g81-creator .race-choice>span{min-width:0;overflow-wrap:anywhere}.g81-creator .class-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.g81-creator .class-choice{padding:12px 7px;min-height:145px}.g81-creator .class-choice strong{display:block;margin:6px 0}.g81-creator .identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.g81-creator .field input{border-radius:5px;min-height:46px}.g81-creator .identity .row{display:flex;gap:6px;flex-wrap:wrap}.g81-creator .identity .btn{flex:1;padding:10px 9px;font-size:10px}.g81-creator .accent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.g81-creator .accent-grid .choice{font-size:10px;min-height:44px}.g81-creator #createBtn{min-width:220px}
/* Battle retains original timing/weapon animation; only the frame changes. */
.battle-overlay{z-index:100;backdrop-filter:blur(6px);background:#010a13e8}.g81-battle.battle-box{padding:20px;border:1px solid #c3a366;border-radius:9px;background:linear-gradient(#14354a,#071e2c);width:min(1100px,100%);max-height:94dvh;box-shadow:0 22px 80px #000b}.g81-battle .battle-title{font-size:30px;color:#f4d79e;text-shadow:none;letter-spacing:.12em;margin:6px 0 16px}.g81-battle .battle-controls{margin-bottom:15px;gap:8px}.g81-battle .battle-speed{min-width:48px;border-color:#536f83}.g81-battle .battle-speed.active{outline:1px solid #e5cd91;background:#40503a}.g81-battle .battle-stage{border:1px solid #8b7856;border-radius:7px;background:linear-gradient(#03152577,#031525d9),url('../art/gm080/arena.webp') center/cover}.g81-battle .fighters{min-height:415px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);padding:65px 20px 22px}.g81-battle .portrait.hero{border:1px solid #d2b67c;border-radius:90px 90px 4px 4px;box-shadow:0 8px 30px #0009}.g81-battle .fighter h2{font-size:19px;color:#f3d8a0;overflow-wrap:anywhere}.g81-battle .hpbar{border:1px solid #79565f;border-radius:4px;height:12px}.g81-battle .turn-banner{border-color:#8b805e;border-radius:5px;color:#d3e3e3;font-size:12px;min-width:0;width:70%;line-height:1.4}.g81-battle .battle-log{border:1px solid #456779;border-radius:5px;background:#061b28;color:#9cbdcf;height:110px;font-size:11px}.g81-battle .battle-result{border:1px solid #8a7850;border-radius:6px;background:linear-gradient(130deg,#233f38,#112c38);padding:20px}.g81-battle .battle-result h2{color:#f1d497;font-size:26px;margin-top:0}.g81-battle .battle-result .reward{color:#e9d99c;justify-content:center;flex-wrap:wrap;margin-bottom:15px}.g81-battle .vs{font-size:22px;color:#bca272}.g81-battle .fighter small{font-size:11px}
/* Layout adaptations: never scale the complete game down to fit a phone. */
@media(min-width:1600px){.g81-shop-layout{grid-template-columns:420px minmax(0,1fr)}.g81-shop-scene{height:390px}.g81-offer-inspect{min-height:100px}.g81-character-layout{grid-template-columns:minmax(420px,1.2fr) minmax(380px,1fr)}}
@media(max-width:1250px){.g81-room{padding:22px}.g81-character-layout{grid-template-columns:minmax(320px,1fr) minmax(250px,.9fr);gap:15px}.g81-equipment{grid-template-columns:64px minmax(90px,1fr) 64px;padding:15px;gap:9px}.g81-slot{min-height:67px}.g81-slot .item-art{width:39px;height:39px}.g81-stats{grid-template-columns:1fr}.g81-statrow{min-height:85px;grid-template-columns:25px minmax(0,1fr) 44px;padding:10px 14px}.g81-statrow b{font-size:24px}.g81-supporthead{display:block}.g81-supporthead .g81-orbs{margin-top:12px}.g81-shop.shop-b-v047{padding:22px 18px}.g81-shop-layout{grid-template-columns:minmax(290px,.85fr) minmax(330px,1.2fr);gap:14px}.g81-shop .g81-offer-grid{grid-template-columns:1fr}.g81-shop .g81-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.g81-shop .g81-offer-inspect{min-height:75px}.g81-shop .g81-offer-buy{border:0;flex-direction:column;justify-content:center;padding:0;margin:0}.g81-shop-profile .g81-equipment{grid-template-columns:52px minmax(85px,1fr) 52px;padding:12px;gap:7px}.g81-shop-profile .g81-slot .item-art{width:32px;height:32px}.g81-shop-profile .g81-slot>span{font-size:7px}.g81-shop-profile .g81-statrow{min-height:85px}.g81-port-layout{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr);gap:16px}.g81-port-stage{min-height:460px}.g81-port-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.g81-port-roster>button{min-height:110px}.g81-hq .hq-bottom-v065>.hq-panel-v065{grid-template-columns:75px 1fr 1fr}.g81-hq-detail-art{width:75px;height:90px}.g81-hq .hq-panel-actions-v065{grid-column:2/-1;justify-content:flex-start}.g81-hq .hq-bottom-v065{grid-template-columns:1fr 1fr}.g81-hq .hq-card-v065.g81-hq-raids{grid-column:1/-1}.g81-hq .hq-help-v065{grid-column:1/-1}.g81-creator .creator-grid{grid-template-columns:260px minmax(0,1fr)}.g81-creator .class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.g81-shop-layout{grid-template-columns:minmax(260px,.8fr) minmax(330px,1.3fr)}.g81-shop-scene{height:285px}.g81-port-layout{grid-template-columns:minmax(0,1fr) 280px}.g81-entry{grid-template-columns:1fr 1fr}.g81-entry-art{padding:9%;min-height:680px}.g81-entry-card{padding:40px 30px}.g81-hq .hq-brand-v065{flex-basis:100%}.g81-hq .hq-top-v065{flex-wrap:wrap}.g81-creator .race-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.g81-room{padding:20px 15px 28px;min-height:calc(100dvh - 56px)}.g81-title{align-items:flex-start;gap:12px;margin-bottom:18px}.g81-title h1{font-size:29px}.g81-title p{font-size:11px}.g81-title>.g81-metrics{gap:12px}.g81-title .g81-metric>.g81-icon{display:none}.g81-title .g81-metric b{font-size:19px}.g81-title .g81-metric small{font-size:8px}.g81-character-layout{grid-template-columns:1fr}.g81-equipment{grid-template-columns:70px minmax(0,1fr) 70px;padding:20px;gap:14px}.g81-hero .portrait.hero{max-height:370px;object-fit:cover}.g81-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.g81-statrow{grid-template-columns:minmax(0,1fr) 38px;padding:12px 10px;min-height:116px}.g81-stat-icon{display:none}.g81-plus{width:38px}.g81-supporthead{display:flex}.g81-supporthead .g81-orbs{margin-top:0}.g81-bagitem>span{font-size:8px}.g81-shop.shop-b-v047{padding:18px 12px 28px}.g81-shop-layout{grid-template-columns:1fr}.g81-shop-profile{display:none}.g81-shop-profile.open{display:block}.g81-profile-toggle{display:inline-flex;align-items:center;gap:7px}.g81-shop-tools{gap:8px}.g81-shop-tools>.g81-tabs{width:100%;min-width:0}.g81-shop-tools>.btn{flex:1;font-size:10px;padding:9px 10px;margin-left:0!important}.g81-shop-profile .g81-equipment{grid-template-columns:65px minmax(0,1fr) 65px;padding:18px;gap:12px}.g81-shop-profile .g81-slot .item-art{width:39px;height:39px}.g81-shop-profile .g81-stats{grid-template-columns:1fr 1fr}.g81-shop-profile .g81-statrow{min-height:111px}.g81-shop-profile .g81-supporthead{display:flex}.g81-shop-profile .g81-orbs{margin-top:0}.g81-shop-scene{height:320px;background-position:center 30%}.g81-dealer-caption>b{font-size:22px}.g81-shop .g81-offer-grid{grid-template-columns:1fr 1fr}.g81-shop .g81-offer{display:flex;padding:10px}.g81-shop .g81-offer-inspect{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:155px;gap:9px}.g81-shop .g81-offer-inspect .item-art{width:64px;height:64px}.g81-shop .g81-offer-inspect em{font-size:9px}.g81-shop .g81-offer-buy{flex-direction:row;justify-content:space-between;padding-top:10px;margin-top:12px;border-top:1px solid #41617355;gap:6px}.g81-shop .g81-offer-buy>.btn{padding:8px 12px;min-height:44px;font-size:10px}.g81-sell-hint{display:none}.g81-store .g81-inventory{margin-top:14px}.g81-store .g81-baggrid{max-height:none}.g81-dialog{max-height:92dvh}.g81-modal.modal{padding:12px}.g81-dialog>header{padding:15px}.g81-dialog>header h2{font-size:20px}.g81-item-display{padding:16px;gap:12px}.g81-item-display>.item-art{width:64px;height:64px}.g81-comparison{margin:0 15px 15px}.g81-comparison>.shop-v049-tipcol{padding:11px}.g81-comparison .shop-v049-tiprow{display:block;line-height:1.45}.g81-comparison .shop-v049-tiprow span{display:block}.g81-dialog>footer{padding:15px}.g81-dialog>footer>.btn{flex:1}.g81-cantina-room{padding:10px}.g81-cantina .cantina-stage{aspect-ratio:3/2;min-height:380px}.g81-cantina .cantina-image{object-fit:cover;object-position:center}.g81-cantina .cantina-topbar{top:10px;width:85%}.g81-cantina .cantina-head{padding:10px 12px}.g81-cantina .cantina-head h1{font-size:20px}.g81-cantina-intro{display:none}.g81-cantina .cantina-energy{font-size:10px;padding:4px 10px}.g81-cantina .cantina-hotspot .hotspot-label{display:none}.g81-cantina .cantina-hotspot .quest-mark{height:28px;width:28px;font-size:21px}.g81-cantina .bartender-hotspot .quest-mark{font-size:0}.g81-cantina .cantina-contract-panel,.g81-cantina .cantina-active{position:relative;left:auto;bottom:auto;transform:none;width:auto;margin:110px 12px 65px;max-height:none;z-index:7;padding:18px}.g81-cantina .cantina-stage:has(.cantina-contract-panel:not(.hidden)),.g81-cantina .cantina-stage:has(.cantina-active){aspect-ratio:auto;min-height:470px}.g81-cantina .cantina-contract-panel h2,.g81-cantina .cantina-active h2{font-size:22px}.g81-cantina-dice{right:12px;bottom:12px;font-size:10px!important;min-height:40px!important}.g81-contract-board>summary{padding:13px;font-size:13px}.g81-contract-board>summary>span{font-size:9px}.g81-contract-board>div{padding:4px 10px 10px}.g81-contract-board b{font-size:12px}.g81-contract-board em{font-size:10px}.g81-port-layout{grid-template-columns:1fr}.g81-port .g81-title{flex-wrap:wrap}.g81-port-stage{min-height:380px}.g81-port-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.g81-port-roster>button{min-height:113px;padding:8px 4px}.g81-port-roster img{height:43px}.g81-port-roster b{font-size:9px}.g81-port-roster small{font-size:8px}.g81-port-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.g81-port-benefits .g81-metric{display:block;text-align:center}.g81-port-benefits .g81-icon{margin-bottom:7px}.g81-port-benefits .g81-metric small{font-size:8px}.g81-port-benefits .g81-metric b{font-size:21px}.g81-port-spec{padding:20px}.g81-port-callout h2{font-size:32px}.g81-hq .hq-top-v065{gap:14px;padding:18px 15px}.g81-hq .hq-brand-v065 h1{font-size:23px}.g81-hq .hq-resource-v065{padding:0 7px}.g81-hq .hq-resource-v065 .ico{display:none}.g81-hq .hq-resource-v065 b{font-size:12px}.g81-hq-directory{padding:13px 15px}.g81-hq .hq-scene-v065{min-width:920px}.g81-hq .hq-bottom-v065{grid-template-columns:1fr;padding:0 13px}.g81-hq .hq-bottom-v065>.hq-panel-v065{grid-template-columns:75px minmax(0,1fr);padding:17px;gap:14px}.g81-hq .hq-panel-v065>div:nth-of-type(2){grid-column:1/-1}.g81-hq .hq-panel-v065 .hq-panel-actions-v065{grid-column:1/-1}.g81-hq .hq-panel-v065 .hq-panel-actions-v065>.btn{width:100%}.g81-hq .hq-card-v065{padding:17px}.g81-hq .hq-help-v065{display:grid;grid-template-columns:1fr 1fr}.g81-hq-pan-hint{font-size:11px}.g81-entry{grid-template-columns:1fr}.g81-entry-art{border-right:0;border-bottom:1px solid #6f6448;min-height:310px;padding:35px 28px;background-position:center 38%}.g81-entry-brand>h1{font-size:42px;margin:12px 0 15px}.g81-entry-brand>p{font-size:15px;margin:0}.g81-entry-brand>.g81-kicker{font-size:8px}.g81-entry-card{padding:35px 25px 45px;max-width:520px}.g81-entry-card>h2{font-size:28px}.g81-select{padding:27px 17px}.g81-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.g81-select-card{min-height:325px}.g81-select-card .portrait.hero{height:190px;border-radius:50px 50px 4px 4px}.g81-select-card>div{margin:10px 10px 22px}.g81-select-card>h2{font-size:20px}.g81-select-card>p{font-size:10px}.g81-select-play{font-size:10px}.creator.g81-creator{padding:15px}.g81-creator .creator-grid{grid-template-columns:1fr;gap:16px}.g81-creator .preview{position:static;min-height:0;padding:20px;gap:10px}.g81-creator .preview .portrait.hero{width:170px;height:212px}.g81-creator .preview .logo{font-size:21px}.g81-creator .preview .muted{max-width:400px;margin:0;font-size:11px}.g81-creator .preview h1{font-size:24px}.g81-creator .creator-main{padding:18px}.g81-creator .class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g81-creator .class-choice{min-height:120px}.g81-creator .race-grid{gap:7px}.g81-creator .identity{grid-template-columns:1fr;gap:16px}.g81-creator .accent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g81-creator #createBtn{width:100%;min-width:0}.g81-battle.battle-box{padding:12px;max-height:96dvh}.g81-battle .fighters{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);min-height:330px;padding:60px 13px 18px;gap:4px}.g81-battle .portrait.hero{width:130px;height:170px;max-width:100%;border-radius:55px 55px 4px 4px}.g81-battle .battle-character-wrap{width:100%;max-width:135px}.g81-battle .battle-weapon{right:-15px;bottom:20px;width:55px;height:85px}.g81-battle .fighter.side-right .battle-weapon{left:-15px}.g81-battle .fighter h2{font-size:14px;line-height:1.2;min-height:34px}.g81-battle .turn-banner{width:88%;font-size:10px;padding:7px 10px}.g81-battle .vs{font-size:15px}.g81-battle .battle-title{font-size:24px;letter-spacing:.07em}.g81-battle .battle-controls>.btn{min-height:40px;font-size:10px;padding:8px 10px}.g81-battle .battle-controls>span{font-size:9px}.g81-battle .battle-log{font-size:10px;height:90px}.g81-battle .floating-effect{font-size:23px}.g81-battle .floating-effect.info{font-size:17px}.g81-battle .hpbar{width:100%}.g81-battle .fighter small{font-size:9px}}
@media(max-width:430px){.g81-room{padding:17px 10px 24px}.g81-title>.g81-metrics .g81-metric:first-child{display:none}.g81-equipment{grid-template-columns:56px minmax(0,1fr) 56px;padding:14px 10px;gap:8px}.g81-slot{min-height:60px;padding:5px 3px}.g81-slot>span{font-size:6.5px;letter-spacing:0}.g81-slot .item-art{width:35px;height:35px}.g81-hero-caption h2{font-size:23px}.g81-hero-caption p{font-size:9px}.g81-hero-caption small{font-size:8px}.g81-stats{gap:6px;padding:10px}.g81-statrow{gap:5px;padding:10px 8px;grid-template-columns:minmax(0,1fr) 35px}.g81-plus{width:35px}.g81-statlabel{font-size:8px;letter-spacing:0}.g81-statrow small{font-size:8px}.g81-statrow b{font-size:23px}.g81-supporthead{display:block}.g81-supporthead .g81-orbs{margin-top:12px}.g81-baggrid{padding:9px;gap:5px}.g81-bagitem>span{font-size:7px}.g81-inventory>header{padding:12px}.g81-inventory p{font-size:9px}.g81-shop.shop-b-v047{padding:17px 10px 24px}.g81-shop-profile .g81-equipment{grid-template-columns:54px minmax(0,1fr) 54px;padding:13px 9px;gap:8px}.g81-shop-profile .g81-slot .item-art{width:35px;height:35px}.g81-shop-profile .g81-supporthead{display:block}.g81-shop-profile .g81-orbs{margin-top:10px}.g81-offers{padding:12px}.g81-shop .g81-offer{padding:9px}.g81-offer-inspect b{font-size:11px}.g81-shop .g81-offer-inspect .item-art{width:54px;height:54px}.g81-shop .g81-offer-buy>b{font-size:12px}.g81-shop .g81-offer-buy>.btn{padding:8px 11px}.g81-offer-buy>b>.g81-icon{width:12px;height:12px}.g81-dealer-caption>b{font-size:19px}.g81-shop-scene{height:280px}.g81-dialog>header h2{font-size:18px}.g81-comparison .shop-v049-tipname{font-size:13px}.g81-comparison .shop-v049-tiprow{font-size:10px}.g81-port-stage{min-height:330px}.g81-port-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.g81-port-roster>button{min-height:108px}.g81-port-roster b{font-size:11px}.g81-port-roster small{font-size:9px}.g81-select-grid{grid-template-columns:1fr 1fr;gap:10px}.g81-select-card .portrait.hero{height:165px}.g81-select-card>h2{font-size:17px}.g81-select-card>p{font-size:9px}.g81-select-card{min-height:300px}.g81-creator .race-choice{gap:6px;padding:6px}.g81-creator .race-choice .portrait.small{width:35px;height:44px}.g81-creator .race-choice strong{font-size:9px}.g81-creator .race-choice small{font-size:8px}.g81-hq .hq-resource-v065{padding:0 5px}.g81-hq .hq-resource-v065 b{font-size:11px}.g81-cantina .cantina-stage{min-height:360px}.g81-contract-board b{font-size:11px}.g81-contract-board em{font-size:9px}.g81-battle .portrait.hero{height:145px}.g81-battle .fighters{padding-inline:9px;min-height:310px}.g81-battle .battle-speed{min-width:40px}}
/* Canonical cantina aspect ratio keeps character hit areas over the artwork. */
.g81-cantina-room>.g81-title{padding:8px 10px 0}.g81-cantina-room .g81-title h1{color:#efd5a2;font-size:32px;line-height:1.2;margin:0}.g81-cantina-canvas .cantina-stage,.g81-cantina-canvas .cantina-stage:has(.cantina-contract-panel:not(.hidden)),.g81-cantina-canvas .cantina-stage:has(.cantina-active){height:auto;min-height:0;aspect-ratio:auto}.g81-cantina-map{position:relative;width:100%;aspect-ratio:1350/710;overflow:hidden}.g81-cantina-canvas .cantina-image{height:100%;width:100%;position:absolute;object-fit:fill;inset:0}.g81-cantina-canvas .cantina-contract-panel,.g81-cantina-canvas .cantina-active{position:relative;inset:auto;transform:none;width:auto;max-height:none;margin:0;border:0;border-top:1px solid #a58b57;border-radius:0;padding:24px 28px}.g81-cantina-canvas .cantina-hotspot{min-height:44px;min-width:44px}.g81-cantina-canvas .cantina-contract-panel .actions,.g81-cantina-canvas .cantina-active .actions{justify-content:flex-start}.g81-cantina-canvas .actions .btn{width:auto;min-width:200px}
@media(max-width:760px){.g81-cantina-room>.g81-title{padding:8px 3px 0;flex-wrap:wrap;gap:15px}.g81-cantina-room>.g81-title>.g81-metrics{width:100%;justify-content:space-between}.g81-cantina-room .g81-title .g81-metric:first-child{display:flex}.g81-cantina-room .g81-title .g81-metric>.g81-icon{display:inline-block}.g81-cantina-room .g81-title>.g81-metrics>.btn{font-size:11px}.g81-cantina-canvas .cantina-contract-panel,.g81-cantina-canvas .cantina-active{margin:0;padding:20px 17px}.g81-cantina-canvas .actions .btn{width:100%;min-width:0}.g81-cantina-map .quest-mark{top:-4px}.g81-cantina-canvas .cantina-contract-panel h2{padding-right:25px}}
@media(max-width:430px){.g81-stats,.g81-shop-profile .g81-stats{grid-template-columns:1fr}.g81-statrow,.g81-shop-profile .g81-statrow{grid-template-columns:25px minmax(0,1fr) 44px;min-height:96px;padding:12px;gap:11px}.g81-stat-icon,.g81-shop-profile .g81-stat-icon{display:block}.g81-plus,.g81-shop-profile .g81-plus{width:44px;height:44px}.g81-statlabel{font-size:11px}.g81-statlabel i{display:inline-block;font-size:7px;margin-left:6px}.g81-statrow small{font-size:10px}.g81-slot>span,.g81-shop-profile .g81-slot>span{font-size:8px}.g81-offer-inspect b{font-size:12px}.g81-shop .g81-offer-inspect em{font-size:10px}.g81-shop .g81-offer-inspect{min-height:180px}.g81-shop-tools>.btn{font-size:11px}.g81-select-card>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.g81-shell *,.g81-entry *,.g81-select *,.g81-creator *,.g81-battle *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

/* Dathomir spirit form persists after the resurrection animation. */
.battle-spirit .portrait{filter:grayscale(.65) sepia(.4) hue-rotate(65deg);opacity:.72;box-shadow:0 0 28px #79ffac99;}
/* GM088 — holographic reward terminal */
.g88-room h1{font-size:clamp(28px,4vw,44px);color:#ffe09d;margin:8px 0}.g88-eyebrow{color:#71d6ed;font-size:11px;letter-spacing:.2em}.g88-room p{color:#adcad4;line-height:1.6}.g88-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:28px;margin-top:28px}.g88-machine{position:relative;padding:28px 12px 12px;background:radial-gradient(ellipse at center,#12516b99,transparent 70%);display:grid;justify-items:center}.g88-wheel{position:relative;width:min(100%,460px);aspect-ratio:1;border:9px solid #c8a35e;border-radius:50%;box-shadow:0 0 0 5px #153d50,0 0 48px #6ee4ff33,inset 0 0 32px #0009;background:conic-gradient(#163f5a 0deg 45deg,#256877 45deg 90deg,#254371 90deg 135deg,#6a5735 135deg 180deg,#374877 180deg 225deg,#1c6670 225deg 270deg,#3b376b 270deg 315deg,#5e4933 315deg 360deg);transform:rotate(var(--wheel-end));animation:g88spin 3s cubic-bezier(.12,.65,.2,1)}.g88-sector{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#fff3cf}.g88-sector b{display:block;font-size:clamp(22px,4vw,40px)}.g88-sector small{font-size:12px}.g88-hub{position:absolute;top:calc(50% - 37px);border-radius:50%;width:72px;height:72px;display:grid;place-items:center;background:#082b40;border:4px solid #dbb975;color:#ffe5a4;font-weight:900;box-shadow:0 0 20px #0009;pointer-events:none}.g88-pointer{position:absolute;top:3px;color:#ffe0a0;font-size:38px;z-index:2;text-shadow:0 3px 6px #000}.g88-result{min-height:48px;text-align:center}.g88-console{background:linear-gradient(145deg,#123648,#071c2b);border:1px solid #58777f;border-radius:14px;padding:24px;align-self:center}.g88-console h2,.g88-prizes h2{color:#ffe0a0}.g88-resource{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff16}.g88-console .btn{margin-top:20px;width:100%}.g88-prizes>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.g88-prizes article{padding:18px;background:#0b2939;border:1px solid #2d5265;border-radius:10px}.g88-prizes article small{display:block;color:#75a8bb;margin-bottom:8px}.g88-prizes article b{color:#ffe4ad}@keyframes g88spin{from{transform:rotate(0deg)}to{transform:rotate(var(--wheel-end))}}@media(max-width:760px){.g88-layout{grid-template-columns:1fr}.g88-prizes>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.g88-wheel{animation:none}}

.g88-dial{position:relative;width:min(100%,460px);aspect-ratio:1}.g88-dial .g88-wheel{width:100%;box-sizing:border-box}.g88-dial .g88-hub{top:50%;left:50%;transform:translate(-50%,-50%)}
