*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0c0e12;color:#eeeae1;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e1bc78;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button{border:0;color:inherit}h1,h2,h3,p{margin:0}button,input,select{min-height:48px}button{transition:background .15s,transform .15s}button:active:not(:disabled){filter:brightness(1.08)}.layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 460px;gap:70px;padding:45px 30px;align-items:start}.intro{position:sticky;top:60px;padding-top:30px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#cfad73}.intro h1{font-size:68px;line-height:.95;letter-spacing:-4px;margin:24px 0}.intro h1 span{color:#c9a268}.intro p{color:#a6a8af;max-width:380px;margin-top:24px;font-size:16px}.intro .line{height:1px;background:#34312c;width:70px;margin:35px 0}.intro small{display:block;color:#8c919b;max-width:340px}.phone{width:100%;min-width:0;background:#14171c;border:1px solid #34363c;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #0008}.top{padding:20px 22px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0b}.logo{font-size:12px;letter-spacing:.18em;font-weight:700}.logo small{display:block;letter-spacing:.1em;color:#8c939d;font-size:10px;font-weight:400}.icon-button{background:#252930;min-width:48px;border-radius:50%;font-size:18px}.resources{display:flex;justify-content:space-between;gap:8px;padding:13px 22px;background:#191d23;font-size:13px;font-variant-numeric:tabular-nums}.resources b{color:#e3c38a}.resources span{white-space:nowrap}.main{padding:22px;min-height:490px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.section-head h2{font-size:25px;letter-spacing:-.7px}.muted{color:#a0a7b1}.small{font-size:12px}.pill{font-size:11px;color:#d1b585;background:#b58a4820;border:1px solid #bd97513d;border-radius:20px;padding:4px 9px;white-space:nowrap}.hero-city{height:186px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 20%,#ae826127,transparent 50%),linear-gradient(135deg,#19202a,#232d37 60%,#151b22);border:1px solid #ffffff0b;border-radius:14px;margin-bottom:18px}.skyline{position:absolute;inset:30px 0 0;display:flex;align-items:end;gap:8px;opacity:.75;padding:0 10px}.skyline i{width:14%;height:var(--h);background:repeating-linear-gradient(0deg,transparent 0 12px,#17212c 12px 16px),repeating-linear-gradient(90deg,#293a44 0 7px,#c49b5f55 7px 10px,#1a232d 10px 17px);border-top:2px solid #79808333}.hero-city:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c111be8,transparent 90%)}.city-label{position:absolute;z-index:1;left:18px;bottom:16px}.city-label h3{font-size:23px}.city-label p{font-size:12px;color:#b3bac4}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:18px}.tabs button{background:#22262d;color:#a6abb4;border-radius:8px;padding:8px 4px;font-size:11px;line-height:1.4}.tabs button.active{background:#c3a168;color:#161514}.quest{width:100%;display:flex;gap:12px;align-items:center;background:transparent;text-align:left;border-bottom:1px solid #ffffff0d;padding:13px 0}.quest .num{width:38px;height:42px;border:1px solid #41434a;border-radius:8px;display:grid;place-content:center;color:#bda26f;font-size:12px;flex-shrink:0}.quest .text{flex:1;min-width:0}.quest strong{display:block;font-size:14px;font-weight:500}.quest small{color:#8f98a5;display:block;font-size:11px}.quest .arrow{color:#d1b177;font-size:20px}.quest.boss .num{border-color:#b67856;color:#dca480}.quest.locked{opacity:.52}.quest.locked .arrow{font-size:12px}.tip{border-left:2px solid #c9a166;background:#c9a1660b;padding:12px 14px;margin-bottom:18px;font-size:13px;color:#c8c5bd}.tip b{display:block;color:#e4ca9c;margin-bottom:3px}.primary{background:#d1ae73;color:#1c1812;font-weight:650;border-radius:9px;padding:12px 18px;min-height:49px}.secondary{background:#2a2e36;border:1px solid #40444e;border-radius:9px;padding:10px 14px}.ghost{background:transparent;color:#c5aa7a;padding:10px 6px}.danger{background:#693938;color:#ffdedb;border-radius:9px;padding:10px}.full{width:100%}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row>*{min-width:0}.gap{margin-top:16px}.label{display:block;font-size:12px;color:#aeb4be;margin:17px 0 7px}.field{background:#20242b;border:1px solid #444852;border-radius:9px;color:#f0eee8;width:100%;padding:12px}.classes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.class-choice{background:#20242b;border:1px solid #3b3f47;border-radius:10px;padding:13px;text-align:left}.class-choice.active{border-color:#c5a16c;background:#b68b4217}.class-choice b{display:block;font-size:14px}.class-choice small{display:block;color:#a5abb5;font-size:11px;margin-top:3px}.avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.avatar-choice{border:1px solid #3b3f47;border-radius:7px;background:#252b33;color:#b8c2ce;min-height:44px;font-size:13px;padding:0}.avatar-choice.active{background:#c8a16b;color:#151515}.portrait{width:68px;height:78px;border-radius:12px;background:linear-gradient(145deg,#4a5864,#202631);border:1px solid #56606c;position:relative;overflow:hidden;flex-shrink:0}.portrait:before{content:'';position:absolute;left:24px;top:12px;width:22px;height:27px;background:#a8a092;border-radius:45% 45% 40% 40%}.portrait:after{content:'';position:absolute;left:8px;top:42px;width:55px;height:60px;background:linear-gradient(70deg,#18222a 40%,#9b908044 42% 52%,#1d2731 54%);border-radius:45% 45% 0 0}.portrait.enemy{background:linear-gradient(145deg,#634843,#252029);border-color:#6e504a}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stat{background:#20242b;border:1px solid #ffffff08;border-radius:8px;padding:10px 8px;text-align:center}.stat strong{display:block;font-size:20px}.stat small{font-size:11px;color:#a6afb9}.bar{height:5px;background:#303740;border-radius:5px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:#c7a270;transition:width .3s}.bar.hp i{background:#a9645f}.attr{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff0d;padding:10px 0}.attr>div{flex:1}.attr b{font-size:14px}.attr small{display:block;font-size:11px;color:#a4adb9}.attr .secondary{min-width:48px;padding:8px}.item{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:#20242b;border:1px solid #ffffff0a;border-radius:10px;padding:11px;margin-top:8px}.item-icon{display:grid;place-content:center;width:43px;height:45px;flex-shrink:0;border:1px solid #53606a;background:#2b323c;border-radius:8px;font-size:16px;color:#bac4d0}.rare-1{border-color:#75a590;color:#a9d3bb}.rare-2{border-color:#669acc;color:#a5c6e8}.rare-3{border-color:#a98aca;color:#d9bdeb}.item .body{flex:1;min-width:0}.item strong{display:block;font-size:13px;font-weight:500}.item small{display:block;font-size:11px;color:#a2acb8}.item .value{font-size:12px;color:#d6bd92;text-align:right}.nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #383b43;background:#181c22;padding:7px 5px 10px}.nav button{background:transparent;color:#979faa;border-radius:8px;padding:6px 0;font-size:10px;min-height:55px}.nav button span{display:block;font-size:20px;line-height:24px}.nav button.active{color:#e6c88f;background:#c19a5a12}.status{text-align:center;padding:10px 15px;color:#9199a6;font-size:10px;border-top:1px solid #ffffff08}.error{color:#ffc3ba;font-size:13px;min-height:20px;margin-top:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dfc79d;color:#191613;padding:12px 18px;border-radius:10px;z-index:10;max-width:90vw;box-shadow:0 8px 40px #0008;font-size:13px}.toast:empty{display:none}dialog{background:#191e25;color:#efebe4;border:1px solid #434752;border-radius:18px;padding:23px;width:min(430px,calc(100% - 24px));max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#06080cc9;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-bottom:12px}dialog h3{font-size:16px}dialog p{font-size:14px;color:#bac0c9;margin:10px 0}dialog .close{float:right;background:#2e343e;border-radius:50%;width:40px;min-height:40px;font-size:20px}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.fighters .portrait{margin:auto}.fighter{text-align:center;min-width:0}.fighter b{display:block;font-size:13px;margin-top:8px;overflow-wrap:anywhere}.log{max-height:190px;overflow:auto;font-size:12px;color:#b8bec8;background:#11161c;border:1px solid #2d3440;border-radius:8px;padding:12px}.log p{font-size:12px;margin:4px 0}.result-title{text-align:center;padding:22px 0 5px}.result-title h2{font-size:30px;color:#dcc28e}.rewards{display:flex;justify-content:space-around;background:#222831;border-radius:10px;padding:14px;margin:15px 0}.rewards b{display:block;color:#dec294}.rewards small{font-size:10px;color:#aab1bd}.empty{padding:24px 10px;text-align:center;color:#a1aab7;font-size:13px}.settings-row{padding:13px 0;border-bottom:1px solid #ffffff0b}.welcome h2{font-size:31px;letter-spacing:-1px}.welcome>p{color:#a8b0bc;font-size:13px;margin:8px 0 20px}summary{cursor:pointer;min-height:44px;padding:10px 0;color:#d4bb90}.hr{height:1px;background:#333a43;margin:18px 0}.badge-text{font-size:11px;color:#b8a784}.filters{display:flex;gap:8px;margin-bottom:15px}.filters label{flex:1;font-size:11px;color:#a4aebc}.filters select{display:block;width:100%;background:#242a32;color:#eee6d9;border:1px solid #434a55;border-radius:8px;margin-top:5px;padding:8px}.note{font-size:12px;color:#a3afbc}.intro button{margin-top:25px}.footer-note{max-width:1120px;margin:0 auto 35px;padding:0 30px;color:#828b97;font-size:12px}@media(max-width:820px){.layout{display:block;padding:0;max-width:460px}.intro{display:none}.phone{border:0;border-radius:0;box-shadow:none;min-height:100dvh}.footer-note{max-width:460px;padding:16px 22px;margin:0 auto}.main{padding:20px}.top{padding:15px 20px}.resources{padding:12px 20px}body{background:#14171c}.nav{position:sticky;bottom:0;z-index:2}.status{padding-bottom:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.intro,.footer-note{display:none}.layout{display:block;max-width:600px;padding:0}.phone{border:0;border-radius:0;box-shadow:none;min-height:100vh}.main{min-height:0}.nav{position:sticky;bottom:0;z-index:2}dialog{max-height:90vh}.avatars .avatar-choice{min-height:48px}

.business-card,.contract-card{border:1px solid #3d434c;background:#20252d;border-radius:12px;padding:16px;margin-top:12px}.business-card h3,.contract-card h3{font-size:17px;margin:7px 0}.business-card p,.contract-card p{font-size:12px;color:#aeb8c6;margin:7px 0}.business-card .row{justify-content:space-between}.income{font-size:25px;color:#dfbf87;font-variant-numeric:tabular-nums}.contract-card .progress-label{display:flex;justify-content:space-between;font-size:12px;color:#b5bdc8;margin-top:12px}.contract-card .primary{margin-top:8px}.tabs.city-tabs button{font-size:12px;min-height:48px}.claimed{opacity:.65}

.resources .ghost{padding:5px;min-height:44px;font-size:12px}.stat.inspect{width:100%;color:inherit;text-align:center;min-height:72px;border:1px solid #404853}.inspect small{white-space:normal}.story{border-left:3px solid #c8a569;background:#c8a5690c;padding:14px;margin:16px 0}.story p{line-height:1.65}.dossier{border:1px solid #414956;border-radius:12px;padding:14px;margin:16px 0}.dossier .ghost{font-size:12px}.stance-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.stance-grid button{padding:9px 4px;min-width:0}.stance-grid small{display:block;font-size:10px;line-height:1.5;margin-top:6px}.stance-grid .selected{border:1px solid #dfbe7e;background:#50412a}.arena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.combatant{position:relative;text-align:center;border:1px solid #404956;border-radius:12px;background:linear-gradient(#29333e,#171c24);padding:10px 6px;transition:transform .2s,border-color .2s}.combatant strong{display:block;min-height:40px;font-size:13px;margin-top:10px;overflow-wrap:anywhere}.combatant .portrait{margin:12px auto}.combatant.acting{border-color:#e5bd74;transform:translateY(-3px);box-shadow:0 0 18px #e5bd7422}.hp-number{background:none;color:#e6e5df;font-size:12px;min-height:44px;padding:4px}.enemy-hp i{background:#ce746c}.combat-stats{display:flex;justify-content:center;flex-wrap:wrap}.combat-stats .ghost{font-size:10px;padding:5px;min-height:36px}.damage-float{position:absolute;right:9px;top:65px;font-size:24px;font-weight:bold;color:#ffb49c;text-shadow:0 2px 8px #000}.combat-callout{border-left:3px solid #d6b477;background:#292820;padding:14px;font-size:14px;min-height:52px;margin-bottom:12px}.critical{color:#f4cc8a!important}#help-modal{z-index:20}#help-modal p{line-height:1.75}.row{flex-wrap:wrap}@media(max-width:360px){dialog{padding:16px}.stat strong{font-size:19px}.stance-grid small{font-size:10px}}@media(prefers-reduced-motion:reduce){.combatant{transform:none!important;transition:none!important}}
 .training-row{border:1px solid #434c58;border-radius:10px;padding:12px;margin:10px 0}.training-row .row{justify-content:space-between}.training-row button{min-height:44px}.preview-table{width:100%;border-collapse:collapse;font-size:12px}.preview-table td,.preview-table th{padding:8px 3px;border-bottom:1px solid #39414a;text-align:left}.preview-table th{color:#dbbd86}.field{max-width:100%}#district-select{margin-bottom:16px} /* Shared visual layer: vector character, equipment, battle replay and loot. */
.human-figure{display:block;width:100%;height:100%;overflow:visible}.hero-dressing{height:460px;position:relative;isolation:isolate;border:1px solid #475564;border-radius:18px;overflow:hidden;margin:18px 0 10px;background:radial-gradient(ellipse at 50% 40%,#405263 0,#192430 45%,#10151d 80%)}.hero-dressing:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 49px,#9fbdce0c 50px),repeating-linear-gradient(90deg,transparent 0 49px,#9fbdce0c 50px)}.wardrobe-caption{position:absolute;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#9bafc2;z-index:2}.hero-model{position:absolute;inset:40px 22% 35px}.hero-halo{position:absolute;inset:90px 15% 80px;border:1px solid #a2b7bf25;border-radius:50%;box-shadow:0 0 60px #65819724,inset 0 0 40px #65819716}.figure-label{position:absolute;bottom:14px;width:100%;text-align:center;color:#eed8ae;font-size:17px}.figure-label small{display:block;font-size:10px;color:#a9bac8}.body-slot{position:absolute;z-index:3;width:32%;max-width:160px;min-height:80px;padding:9px 7px;text-align:left;background:linear-gradient(125deg,#243344f2,#131c27f2);border:1px solid #637c90;border-radius:10px;box-shadow:0 8px 16px #0004;display:flex;align-items:center;gap:6px}.body-slot span{min-width:0}.body-slot b{display:block;font-size:11px;overflow-wrap:anywhere}.body-slot small{display:block;font-size:10px;color:#d5dce4}.body-slot em{display:block;font-size:9px;font-style:normal;opacity:.8}.slot-symbol{width:42px;height:48px;flex-shrink:0}.slot-mini .slot-symbol{width:25px;height:34px}.body-slot-0{left:10px;top:207px}.body-slot-1{right:10px;top:108px}.body-slot-2{left:10px;top:108px}.body-slot-3{right:10px;top:324px}.body-slot-4{left:10px;top:324px}.body-slot::after{content:'';height:1px;background:currentColor;opacity:.35;width:22px;position:absolute;top:40px;left:100%}.body-slot-1::after,.body-slot-3::after{left:auto;right:100%}.slot-empty{border-style:dashed;color:#a2b0bd}.appearance-preview{height:300px;background:radial-gradient(ellipse,#334355,#141a23 70%);border-radius:16px}.look-selected{outline:2px solid #d6b77d}.item-art{height:105px;width:105px;margin:15px auto;display:grid;place-items:center;border:1px solid currentColor;border-radius:18px;background:radial-gradient(#7f92a330,#111822)}.item-art .slot-symbol{width:70px;height:78px}.duel-hud{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 8px}.duel-hud section{min-width:0}.duel-hud b{display:block;min-height:36px;font-size:12px;overflow-wrap:anywhere}.duel-hud .eyebrow{font-size:8px}.duel-hud .bar{height:9px;margin-top:6px}.duel-hud .bar i{transition:width .45s ease}.duel-stage{--attack-duration:.6s;height:278px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #3b4a5d;border-radius:14px;background:linear-gradient(#0d1827 0,#1d3244 62%,#121c29 63%,#10151d 100%)}.city-windows{position:absolute;inset:0 0 35%;opacity:.38;background:repeating-linear-gradient(90deg,transparent 0 28px,#0a101b 29px 45px),repeating-linear-gradient(0deg,#a1c9d044 0 3px,transparent 4px 26px)}.stage-floor{position:absolute;bottom:-45px;height:140px;left:-20%;right:-20%;background:repeating-linear-gradient(0deg,transparent 0 25px,#69879124 26px),repeating-linear-gradient(90deg,transparent 0 49px,#69879124 50px);transform:perspective(150px) rotateX(35deg)}.stage-actor{position:absolute;bottom:22px;width:46%;height:221px;transform-origin:50% 95%;z-index:2}.actor-0{left:1%;--step:20px;--recoil:-12px}.actor-1{right:1%;--step:-20px;--recoil:12px}.stage-actor .human-figure{filter:drop-shadow(0 8px 5px #0009)}.stage-actor.idle .figure-body{animation:breathe 2.5s ease-in-out infinite;transform-origin:50% 70%}.stage-actor.attacking{animation:attack-step var(--attack-duration) ease both}.stage-actor.struck{animation:hit-recoil var(--attack-duration) ease both}.stage-actor.dodging{animation:dodge-step var(--attack-duration) ease both}.stage-actor.defeated{animation:fall-back .7s ease forwards}.strike-mark{position:absolute;left:48%;top:35%;height:20px;width:20px;border:2px solid #f6ca84;border-radius:50%;opacity:0}.struck .strike-mark{animation:impact-ring var(--attack-duration) ease forwards}.shot-trail{position:absolute;top:43%;left:27%;width:46%;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#f4cb80);z-index:3;transform-origin:left}.shot-trail.from-1{transform-origin:right;background:linear-gradient(90deg,#f4cb80,transparent)}.shot-trail.fire{animation:trace-shot var(--attack-duration) ease forwards}.shot-trail.pressure{height:4px;background:#e58c6b}.duel-round{position:absolute;top:10px;left:0;right:0;text-align:center;z-index:4;font-size:10px;letter-spacing:.18em;color:#e1c995}.stance-badge{position:absolute;bottom:7px;left:0;right:0;text-align:center;z-index:4;font-size:10px;color:#a6b7c8}.floating-hit{position:absolute;top:33%;z-index:5;font-weight:800;font-size:22px;pointer-events:none;text-shadow:0 2px 7px #000;opacity:0}.floating-0{left:8%}.floating-1{right:8%}.floating-hit.visible{animation:damage-rise .75s ease forwards;color:#ffb18d}.floating-hit.critical-hit{font-size:23px;color:#f9df85}.replay-controls{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px}.replay-controls button{padding:8px 3px;font-size:12px}.paused *{animation-play-state:paused!important}.victory-banner{text-align:center;padding:17px 0 23px}.victory-banner h2{letter-spacing:.1em;color:#ebce90;font-size:30px}.victory-banner .eyebrow{display:block;line-height:1.7}.victory-symbol{font-size:45px;color:#e3bd6f;filter:drop-shadow(0 0 14px #d5a75455)}.victory-banner.loss h2,.loss .victory-symbol{color:#b3c3d5}.loot-chest{border:1px solid #b69755;border-radius:15px;padding:16px;background:radial-gradient(ellipse at top,#59462944,transparent 65%),#171e28;box-shadow:0 0 22px #b0904610}.loot-chest h3{font-size:14px}.loot-chest .section-head{gap:6px;flex-wrap:wrap}.reward-coins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.currency-reward{background:#26303c;border:1px solid #435160;border-radius:10px;padding:12px 4px;animation:reward-rise .45s ease both;animation-delay:var(--reveal-delay)}.currency-reward span{display:block;color:#ddbd7a;font-size:22px}.currency-reward b{display:block;font-size:20px;color:#efdab0;overflow-wrap:anywhere}.currency-reward small{font-size:10px;color:#c0cbd6}.reward-loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.reward-loot{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;gap:7px;border:1px solid currentColor;border-radius:12px;padding:13px 8px;background:linear-gradient(140deg,#33405255,#121923);animation:reward-rise .5s ease both;animation-delay:var(--reveal-delay)}.reward-loot .slot-symbol{width:60px;height:65px}.reward-loot strong{font-size:13px;overflow-wrap:anywhere}.reward-loot small,.loot-properties{font-size:10px;color:#c6d2df}.reward-loot em{font-size:10px;font-style:normal}.loot-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.rare-0{color:#b4c4d2}.rare-1{color:#a2ca98}.rare-2{color:#92c8f1}.rare-3{color:#d8a4ef}.reward-loot.rare-3{background:radial-gradient(at top,#8d51b144,#161b2b);box-shadow:0 0 20px #b965e322}.bonus-stamp{font-size:11px!important;color:#d6c296!important;border-left:2px solid #c9a461;padding-left:9px}.stance-grid small{line-height:1.5}.stance-price{display:block;color:#f4d092;margin-top:6px;font-size:10px}
@keyframes breathe{50%{transform:translateY(-2px)}}@keyframes attack-step{0%,100%{transform:translateX(0)}35%{transform:translateX(var(--step)) rotate(-2deg)}}@keyframes hit-recoil{0%,100%{transform:translateX(0)}40%{transform:translateX(var(--recoil)) rotate(4deg)}}@keyframes dodge-step{45%{transform:translateX(var(--recoil)) scale(.92)}}@keyframes fall-back{to{transform:translateY(15px) rotate(14deg);opacity:.4}}@keyframes impact-ring{30%{opacity:1;transform:scale(.7)}80%,100%{opacity:0;transform:scale(2.2)}}@keyframes trace-shot{0%,15%,65%,100%{opacity:0;scale:.4 1}30%,45%{opacity:.85;scale:1 1}}@keyframes damage-rise{15%,60%{opacity:1}100%{opacity:0;transform:translateY(-34px)}}@keyframes reward-rise{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:370px){.body-slot{width:33%;padding:7px 4px}.body-slot-0,.body-slot-2,.body-slot-4{left:6px}.body-slot-1,.body-slot-3{right:6px}.slot-mini .slot-symbol{width:19px}.body-slot b{font-size:10px}.body-slot small{font-size:9px}.loot-chest{padding:11px}.currency-reward b{font-size:17px}.duel-stage{height:250px}.stage-actor{height:196px}.floating-hit{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.floating-hit.visible{opacity:1}.stage-actor.defeated{opacity:.4}.shot-trail{display:none}.currency-reward,.reward-loot{opacity:1}}

.actor-1 .human-figure{transform:scaleX(-1)}.figure-arm{transform-origin:168px 125px}.attacking .figure-arm{animation:arm-aim var(--attack-duration) ease both}@keyframes arm-aim{30%,55%{transform:rotate(-65deg)}}@media(prefers-reduced-motion:reduce){.attacking .figure-arm{animation:none!important}}

.catalog-art-row .slot-symbol{float:left;width:68px;height:68px;margin-right:12px}.catalog-art-row{min-height:76px;display:flow-root}
/* Comic noir art direction: original generated illustrations, embedded offline. */
body{background:linear-gradient(#071016e8,#130e0bec),none center/cover fixed;color:#f5e8d1}
h1,h2,.logo,.city-label h3{font-family:Georgia,serif}.phone{background:#16191b;border-color:#84603c;box-shadow:0 25px 80px #000b}.top,.nav{background:#151b1d}.resources{background:#27211c}.primary{background:linear-gradient(#f4c467,#ce8d3c);border:2px solid #24180e;box-shadow:0 3px 0 #070b0d}.secondary,.item,.stat,.class-choice{background:linear-gradient(130deg,#2d302d,#1b2225);border-color:#67503b}.tabs button.active{background:#e3ac54}.logo{color:#f4c36f}.hero-city{height:240px;background:none center/cover;border:2px solid #936136}.hero-city .skyline,.city-windows,.stage-floor{display:none}.hero-city:after{background:linear-gradient(0deg,#080c10f5,transparent 80%)}.city-label h3{text-shadow:0 3px 0 #000;font-size:28px}.city-label p{color:#e0d2ba}.hero-dressing{background:linear-gradient(#07121c88,#100c08c9),none center/cover;border:2px solid #8f683e}.hero-dressing:before{background:radial-gradient(ellipse,#e7b66320,transparent 65%)}.hero-halo{border:0;box-shadow:0 0 65px #ffba3420}.hero-model{inset:48px 17% 40px}.wardrobe-caption{color:#efc983}.body-slot{background:linear-gradient(130deg,#30291af5,#101a20f5);border-width:2px;box-shadow:0 4px 0 #0008}.figure-label{text-shadow:0 2px 3px #000}.illustrated{display:flex;justify-content:center;align-items:center;overflow:hidden}.character-paint{display:block;height:100%;max-width:100%;aspect-ratio:2/3;background-repeat:no-repeat}.hero-illustration .character-paint{background-image:none;background-size:300% 300%;background-position:var(--hero-x) var(--hero-y)}.enemy-illustration .character-paint{background-size:contain;background-position:center bottom;background-repeat:no-repeat}.illustrated-item{display:block;background-image:none;background-size:contain;background-repeat:no-repeat;aspect-ratio:1}.item-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#1b1915}.item-icon .illustrated-item{width:100%;height:100%}.item-art{width:160px;height:160px;background:radial-gradient(#9f712640,#151c20);border-width:2px}.item-art .slot-symbol{width:144px;height:144px}.slot-mini .slot-symbol{width:36px;height:36px}.reward-loot .slot-symbol{width:100px;height:100px}.reward-loot{background:radial-gradient(ellipse at top,#82623a66,#111c23);border-width:2px}.loot-chest{border:2px solid #b98c49;background:linear-gradient(#332a1c,#111c23)}.appearance-preview{display:flex;justify-content:center;background:radial-gradient(#70553155,#121b22)}.appearance-preview .human-figure{max-width:210px}.duel-stage{height:300px;background:linear-gradient(#07121b22,#060d1422),none center/cover;border:2px solid #9a6e3e}.stage-actor{height:232px;bottom:26px}.duel-round{background:#09131cbb;padding:5px;top:0}.stance-badge{color:#f5dcaa;background:#071019cc;padding:3px}.avatars{grid-template-columns:repeat(4,1fr)}.avatar-choice{height:110px;padding:3px;background:#142029;border:2px solid #5e5140}.avatar-choice.active{background:#80603255;border-color:#f5bd63;box-shadow:0 0 12px #d69b4233}.welcome:before{content:'';display:block;height:155px;background:linear-gradient(0deg,#16191b,transparent 55%),none center/cover;border-radius:12px;margin-bottom:15px}.portrait:before,.portrait:after{display:none}.portrait{background-size:300% 300%;background-position:0 0;border-color:#a57540}.portrait.enemy{background:none center top/cover}.status{color:#c2b49f}dialog{background:#151e23;border:2px solid #936b41} @media(max-width:380px){.slot-mini .slot-symbol{width:26px;height:30px}.body-slot{gap:3px;padding:7px 4px}.avatar-choice{height:95px}}

/* ND_ART_START */
body,.hero-city,.hero-dressing,.duel-stage,.welcome:before{background-image:url("/assets/605e894c87a6dab1a175.webp");background-size:cover;background-position:center}
body{background-color:#263039;background-blend-mode:multiply;background-attachment:fixed}.hero-dressing{background-color:#66717a;background-blend-mode:multiply}.duel-stage{background-color:#cbd1d5;background-blend-mode:multiply}
.hero-illustration .character-paint,.portrait{background-image:url("/assets/5fe3838f3867df3a0f99.webp")}
.enemy-illustration .character-paint,.portrait.enemy{background-image:url("/assets/5c02f752e5c0dab37299.webp");background-size:contain;background-repeat:no-repeat;background-position:center bottom}
.character-paint{flex:0 0 auto;width:auto;min-width:1px}
.command-desk{background-image:url("/assets/2d54a6edfecea1b465a0.webp")}
.district-paint{background-image:url("/assets/b8e1d75935af4a3edc54.webp")}
.business-art-0{background-image:url("/assets/2ba00eb04d651c264c66.webp")}
.business-art-1{background-image:url("/assets/4d1a505bb0aa26722a37.webp")}
.business-art-2{background-image:url("/assets/a294a202832eeb05b918.webp")}
/* ND_ART_END */
.lesson-card{padding:18px;margin-bottom:20px;border:2px solid #e2b462;border-radius:14px;background:linear-gradient(130deg,#42321c,#162630)}.lesson-card h3{font-size:21px;margin:8px 0}.lesson-card p{font-size:13px;margin:10px 0 16px}.lesson-progress{list-style:none;padding:0}.lesson-progress li{padding:8px;border-bottom:1px solid #ffffff18;color:#aeb6b9}.lesson-progress [aria-current]{color:#ffda90;font-weight:700}.lesson-warning{background:#78402a55;padding:12px;border-left:3px solid #e4ae64}
.replay-controls{display:block}.gear-card h3{margin:20px 0 8px}.gear-story{font-style:italic;border-left:3px solid #a57d49;padding:10px 14px;margin:14px 0;background:#ad7d3010;color:#e1cdaa}.gear-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.gear-meta span{padding:6px 9px;background:#263039;border-radius:6px}.gear-properties>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13;gap:12px}.gear-properties b{color:#edc681;font-size:20px}.requirement-met{color:#a7d3b0!important}.requirement-locked{color:#ffb39c!important}.gear-upgrade{padding:14px;border:1px solid #927447;background:#342a1c55;border-radius:12px;margin:18px 0}.gear-upgrade p{margin:7px 0}
/* ND_THEME_START */
/* Ink outlines, warm brass edges and nocturnal painted panels. */
:root{--ink:#100e0b;--brass:#d5a34d;--paper:#f3dfb4;--night:#17252a;--rare:#a58e6b}
body{color:var(--paper)}.phone{border:3px solid var(--ink);outline:1px solid #bd8a40;border-radius:24px;background:#172327;box-shadow:0 25px 80px #000c,inset 0 0 0 2px #79613e}.top{background:linear-gradient(110deg,#3b281a,#171e20 60%);border-bottom:3px solid #0d100f;box-shadow:0 1px 0 #b48543;padding:17px 20px}.logo{font:700 16px Georgia,serif;color:#f1c67a;text-shadow:0 2px #000;letter-spacing:.1em}.logo small{color:#d6b989;font:10px system-ui;letter-spacing:.15em;margin-top:4px}.resources{background:linear-gradient(#453524,#272a25);border-bottom:2px solid #0d110f;padding:8px 15px;gap:4px}.resources button{display:flex;gap:5px;align-items:center;padding:4px 5px;font-weight:700;color:#f0d196}.resources .ui-icon{width:23px;height:23px;flex-shrink:0}.resources .help-dot{display:none}.main{padding:20px}.ui-icon{display:inline-block;width:28px;height:28px;vertical-align:middle;color:#dba857;filter:drop-shadow(0 2px 0 #0007);flex-shrink:0}.secondary .ui-icon,.ghost .ui-icon{width:24px;height:24px;margin-right:5px}.help-dot{display:inline-grid;place-items:center;font:bold 10px Georgia;width:14px;height:14px;border:1px solid #b38c53;border-radius:50%;margin-left:3px;color:#d6b57c;vertical-align:middle}
h2,h3,.section-head h2{font-family:Georgia,serif;color:#f5d99d;text-shadow:0 2px 0 #0b1011}h2{letter-spacing:.01em}.section-head{border-bottom:2px solid #091416;box-shadow:0 1px 0 #9b703950;padding-bottom:12px}.section-head h2{font-size:28px}.eyebrow{color:#dfb96e;font-weight:700;letter-spacing:.14em}.pill{border:2px solid #0b100f;background:linear-gradient(#604729,#34281b);color:#f2d8a4;box-shadow:inset 0 0 0 1px #94703f}
.primary,.secondary,.class-choice,.tabs button{border:2px solid #100f0b;box-shadow:inset 0 1px 0 #ffe1a966,0 3px 0 #070d0f;border-radius:11px}.primary{background:linear-gradient(#f0c571 0,#d8a44b 50%,#bb7e34 100%);color:#291a0d;text-shadow:0 1px #ffe4a980;font-weight:800}.secondary{background:linear-gradient(#52605a,#293b3b);color:#f3ddb3;box-shadow:inset 0 0 0 1px #9b844a80,0 3px 0 #080e10}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){filter:brightness(1.09)}.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #ffe1a933,0 1px 0 #070d0f}.icon-button,dialog .close{border:2px solid #100f0b;background:radial-gradient(circle at 35% 25%,#756343,#30271d);box-shadow:inset 0 0 0 1px #ad864c,0 3px 0 #080b0c;color:#ffe3a5}.tabs button{background:linear-gradient(#334747,#1c2b2e);color:#cabb9b}.tabs button.active,.class-choice.active{background:linear-gradient(#b08642,#5b4226);color:#fff0c9;box-shadow:inset 0 0 0 1px #edc374,0 3px 0 #070d0f}.field,.filters select{background:#102025;border:2px solid #080f12;box-shadow:inset 0 0 0 1px #806137;border-radius:10px;color:#f2deb6}.field:focus,.filters select:focus{outline:2px solid #dfb669}
.item,.stat,.business-card,.training-row,.dossier,.stance-grid .secondary{border:2px solid #0b1214;background:linear-gradient(125deg,#344747,#1b2a2f);box-shadow:inset 0 0 0 1px #8a724944,0 4px 0 #090f12;border-radius:12px}.item{padding:11px;gap:13px;margin-top:11px}.item strong{font-weight:650;color:#f5e3c2;line-height:1.4}.item small{color:#bbc3b5}.item .value{color:#f1c474}.stat{padding:12px 5px}.stat strong{color:#f2ca7c}.stat small{color:#cccdba}.attr{border-bottom:1px solid #90714740}.quest{border-bottom:1px solid #bb95513b;min-height:74px}.quest .num{background:linear-gradient(145deg,#725130,#37291e);border:2px solid #0c1111;color:#efcf96;box-shadow:inset 0 0 0 1px #b98d46,0 3px 0 #070e11}.quest strong{color:#f1ddb4;font-weight:650}.quest small{color:#b3bfb7}.quest .arrow{color:#e5b45e}.quest.boss .num{background:linear-gradient(#884c36,#492b25);color:#ffe0a0}.tip,.lesson-card{background:linear-gradient(120deg,#4c3b24,#25352f);border:2px solid #100f0c;box-shadow:inset 0 0 0 1px #c69850,0 5px 0 #090f11;border-radius:13px}.lesson-card h3{font-size:23px}.note,.muted,.small{color:#bec5b9}.nav{background:linear-gradient(#463323,#211e19);border-top:3px solid #0b1111;box-shadow:inset 0 1px 0 #c5984b;gap:5px;padding:9px 8px 12px}.nav button{border:2px solid transparent;border-radius:12px;color:#d5c29b;font-weight:700;font-size:11px;min-height:65px}.nav button .ui-icon{width:30px;height:30px}.nav button.active{background:linear-gradient(#ba8c43,#72502b);border-color:#15110c;color:#ffedbc;box-shadow:inset 0 0 0 1px #ebc875,0 3px 0 #080d0f}.nav button span{height:33px;margin-bottom:4px}.status{background:#141e20;border-top:1px solid #ad83412b;color:#b6b8a7}
dialog{background:radial-gradient(ellipse at top,#41524b 0,transparent 55%),linear-gradient(145deg,#22363b,#142126);border:3px solid #100f0d;outline:2px solid #bd8b43;border-radius:20px;box-shadow:inset 0 0 0 2px #716140,0 22px 90px #000e;padding:24px;color:#f2dfbb;width:min(460px,calc(100% - 24px))}dialog::backdrop{background:#050b10d9;backdrop-filter:blur(5px)}dialog h2{padding-right:35px;font-size:25px;line-height:1.2;margin-top:6px}dialog .close{position:relative;z-index:2;margin:-6px -6px 6px 8px;min-width:42px;min-height:42px}dialog p{color:#c9d0bf;line-height:1.6}.gear-story{border-left:3px solid #cfa158;background:#ba914017;border-radius:0 10px 10px 0;color:#e9d2a6}.gear-meta span{background:linear-gradient(#4f4836,#2c322a);border:1px solid #141a15;color:#e4cf9f;box-shadow:inset 0 1px 0 #b4995644}.gear-card h3{font-size:18px;border-bottom:1px solid #b98c4544;padding-bottom:8px}.gear-properties>div{background:#101e2033;border-bottom:1px solid #ae914c33;padding:3px 7px}.gear-upgrade{border:2px solid #121410;box-shadow:inset 0 0 0 1px #a88a49;background:linear-gradient(125deg,#49412b,#26372e)}.loot-chest{border:3px solid #171108;box-shadow:inset 0 0 0 2px #a88342,0 5px 0 #090c0d;background:linear-gradient(#56412a,#292d25);padding:17px}.reward-loot{border:2px solid #0a1214;box-shadow:inset 0 0 0 1px currentColor,0 3px 0 #070b0e;background:radial-gradient(ellipse at center,#75634444,#15252c)}.currency-reward{background:linear-gradient(#4c5140,#25322c);border:2px solid #121914;box-shadow:inset 0 0 0 1px #967846;border-radius:10px}.currency-reward .ui-icon{width:32px;height:32px}.bar{height:7px;border:1px solid #060f11;background:#0d1b20;box-shadow:inset 0 1px 2px #000a}.bar i{background:linear-gradient(#ebc975,#b48236)}.bar.hp i{background:linear-gradient(#d59058,#a94d37)}.victory-banner h2{text-shadow:0 3px #24170d,0 0 25px #e8aa452f}.duel-stage,.hero-city{border:3px solid #100f0c;box-shadow:0 0 0 1px #b88b49,inset 0 0 30px #0004;border-radius:16px}
/* Each item has its own file and independent contain-fit image. */
.illustrated-item{display:block;background-size:contain!important;background-position:center!important;background-repeat:no-repeat;width:100%;height:100%;filter:drop-shadow(0 3px 2px #0008)}.item-icon{width:72px;height:72px;border:2px solid #0e1516;border-radius:12px;background:radial-gradient(#635737,#16292e);box-shadow:inset 0 0 0 1px #a3854655;padding:0;overflow:hidden}.item-art{width:200px;height:200px;max-width:100%;margin:16px auto 20px;position:relative;display:grid;place-items:center;border:3px solid #0b1113;border-radius:22px;background:radial-gradient(ellipse,#7d673852,#1c3035 70%);box-shadow:inset 0 0 0 2px #9f7a3f,0 6px 0 #080f11}.item-art .slot-symbol{width:100%;height:100%}.reward-loot .slot-symbol{width:125px;height:125px}.rare-0{--rare:#a18b65}.rare-1{--rare:#72b790}.rare-2{--rare:#72aad8}.rare-3{--rare:#bb8ad4}.item-icon[class*="rare-"],.item-art[class*="rare-"]{box-shadow:inset 0 0 0 2px var(--rare),0 4px 0 #080f11}
/* Five icon-only equipment sockets frame the portrait without label blocks. */
.hero-dressing{height:520px;border:3px solid #0b1112;border-radius:20px;box-shadow:inset 0 0 0 2px #ac8648,0 5px 0 #080f11;overflow:hidden}.wardrobe-caption{top:17px;left:20px;right:20px;align-items:center;color:#efd29a}.wardrobe-caption b{border:1px solid #a48143;background:#111d1ed9;border-radius:20px;padding:3px 10px;font-size:11px}.hero-model{inset:57px 57px 53px;z-index:1}.hero-model .character-paint{width:100%;height:auto;aspect-ratio:2/3;max-height:100%;filter:drop-shadow(0 8px 7px #000b)}.hero-halo{inset:100px 10% 85px;background:radial-gradient(ellipse,#e4b86422,transparent 70%);box-shadow:none}.figure-label{bottom:14px;z-index:2;font:700 21px Georgia,serif;color:#f7dba3;text-shadow:0 2px 3px #000}.figure-label small{font:11px system-ui;margin-top:5px;color:#dbcfad}.body-slot{width:76px;height:76px;min-height:76px;max-width:none;padding:0;display:grid;place-items:center;border:3px solid #0b1113;border-radius:16px;background:radial-gradient(ellipse at 40% 30%,#5e593d,#182b30 70%);box-shadow:inset 0 0 0 2px var(--rare),0 4px 0 #080f12,0 7px 16px #0006;overflow:hidden}.body-slot:after{display:none}.body-slot .slot-symbol{width:100%;height:100%}.body-slot:hover{filter:brightness(1.18)}.body-slot:focus-visible{outline:3px solid #ffdb8c;outline-offset:3px}.body-slot-0{left:14px;top:242px}.body-slot-1{right:14px;top:132px}.body-slot-2{left:14px;top:132px}.body-slot-3{right:14px;top:350px}.body-slot-4{left:14px;top:350px}.slot-empty{background:#17282cbd;box-shadow:inset 0 0 0 1px #88764e,0 3px 0 #080e10;border-style:solid}.empty-slot-icon{opacity:.42}.empty-slot-icon .ui-icon{width:34px;height:34px;color:#8e998b;filter:none}.equipment-hint{text-align:center;font-size:11px;margin:12px 0 8px}.appearance-preview{border:2px solid #0b1415;box-shadow:inset 0 0 0 1px #a18145}.avatar-choice{border:2px solid #0d1212;border-radius:12px;box-shadow:inset 0 0 0 1px #8c7847}.avatar-choice.active{box-shadow:inset 0 0 0 2px #f1c871,0 0 12px #bb8f4233}
@media(max-width:380px){.main{padding:16px}.resources{padding:7px 10px}.resources button{font-size:12px;gap:3px}.resources .ui-icon{width:19px;height:19px}.body-slot{width:63px;height:63px;min-height:63px;border-radius:13px}.body-slot-0,.body-slot-2,.body-slot-4{left:9px}.body-slot-1,.body-slot-3{right:9px}.hero-model{inset:58px 45px 55px}.hero-dressing{height:485px}.body-slot-0{top:234px}.body-slot-3,.body-slot-4{top:331px}.item-icon{width:60px;height:60px}.item-art{width:180px;height:180px}dialog{padding:19px}.nav button{font-size:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.primary:active,.secondary:active{transform:none}}
/* 0.13: character dossier, compact HUD, inventory and achievement cabinet. */
.layout{max-width:1080px}.resources{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;padding:16px 22px}.resources button{min-width:0;background:#101e20a6;border:1px solid #9b783957;border-radius:10px;padding:9px 12px;text-align:left}.resources button span{white-space:normal}.resources small{display:block;font-size:10px;color:#bfc3ab;letter-spacing:.04em}.resources b{display:block;font-size:17px;color:#f8d48c}.level-seal{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:2px solid #f1c679;border-radius:50%;background:radial-gradient(#9f6e33,#3a2c1c);font:bold 23px Georgia;color:#ffdf9c;box-shadow:0 0 0 3px #171a15}#header-energy-time{font-size:10px;letter-spacing:0;color:#e3c795}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.5fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:26px}.dossier-panel,.inventory-panel{border:3px solid #0c1313;border-radius:17px;background:linear-gradient(135deg,#344440,#192a2d);box-shadow:inset 0 0 0 1px #a08046,0 5px 0 #080e0f;padding:18px;min-width:0}.dossier-panel h3{font-size:21px;margin:8px 0 12px}.dossier-panel .eyebrow{font-size:9px}.attribute-line{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:45px;padding:9px 0;background:none;border-bottom:1px solid #bd9b4a2c;font-size:12px;text-align:left}.attribute-line>span{color:#cbd3bf}.attribute-line strong{color:#f7dfae;white-space:nowrap;font-size:15px;font-variant-numeric:tabular-nums}.attribute-line em{color:#88ceac;font-style:normal;font-size:12px}.attribute-line i{font-style:normal;color:#927f53;font-size:10px}.bonus-legend{color:#88ceac}.dossier-panel .note{font-size:10px;margin-top:10px}.dossier-panel button.full{font-size:12px;padding:10px 5px}.portrait-panel{min-width:0}.portrait-panel .hero-dressing{margin:0;height:510px}.portrait-panel .hero-model{inset:56px 43px 56px}.portrait-panel .body-slot{width:65px;height:65px;min-height:65px}.portrait-panel .body-slot-0,.portrait-panel .body-slot-2,.portrait-panel .body-slot-4{left:10px}.portrait-panel .body-slot-1,.portrait-panel .body-slot-3{right:10px}.hero-facts{margin:0}.hero-facts>div{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid #bd9b4a2c;font-size:12px}.hero-facts dt{color:#bbc7b7}.hero-facts dd{margin:0;color:#f4d599;font-weight:700}.specialization{color:#edc985;font-weight:700}.stance-summary{border-left:3px solid #b88c4c;background:#0a18194d;padding:9px 11px;margin-top:16px;font-size:13px}.stance-summary small{display:block;color:#aab9b2;font-size:10px}.inventory-panel{margin-top:20px}.inventory-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.inventory-controls label{font-size:11px;color:#bfcbb8}.inventory-controls select{display:block;margin-top:5px;padding:8px;min-height:44px}.inventory-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.inventory-tile{position:relative;min-width:0;padding:5px 5px 10px;border:2px solid #0a1113;box-shadow:inset 0 0 0 1px var(--rare),0 3px 0 #080e10;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#59604b,#13282b 80%);overflow:hidden}.inventory-art{display:block;height:88px;width:100%;margin:10px 0 0}.inventory-art .slot-symbol{width:100%;height:100%}.inventory-tile strong{display:block;font-size:11px;color:#f2dcb1;line-height:1.3;overflow-wrap:anywhere}.inventory-tile small{display:block;font-size:9px;color:var(--rare);margin-top:4px}.tile-level{position:absolute;left:8px;top:5px;color:#d4c7ab;font-size:9px}.tile-fav{position:absolute;right:7px;top:3px;color:#f0c164}.inventory-empty{min-height:145px;display:grid;place-items:center;border:1px solid #98794929;border-radius:12px;background:#07181b60;color:#6d796e40;font-size:28px}.achievement-entry{display:flex;align-items:center;gap:15px;text-align:left;padding:16px 20px}.achievement-entry>span{flex:1}.achievement-entry b,.achievement-entry small{display:block}.achievement-entry small{font-size:12px;font-weight:400;margin-top:4px;color:#cfccb2}.achievement-entry>strong{font-size:28px}.achievement-banner{text-align:center;padding:10px 4px 16px}.achievement-banner>.ui-icon{width:56px;height:56px}.achievement-banner h2{padding:0;margin:10px 0}.achievement-banner>b{font:bold 26px Georgia;color:#efc273}.achievement-banner p{font-size:11px}.achievement-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 20px}.achievement-filters button{font-size:11px;padding:8px 5px}.achievement-filters button.selected{outline:1px solid #e1b55f;background:linear-gradient(#8d6f3c,#473b27)}.achievement-card{display:flex;gap:12px;border:2px solid #0b1617;border-radius:14px;background:#102529;padding:14px;margin-top:12px;box-shadow:inset 0 0 0 1px #8b79483d}.achievement-card.ready{background:linear-gradient(120deg,#574729,#20352e);box-shadow:inset 0 0 0 1px #d6a954}.achievement-card.claimed{opacity:1;background:#1a302b}.achievement-medal{display:grid;place-items:center;width:42px;height:48px;flex-shrink:0;background:linear-gradient(#7e6b46,#342d20);border:2px solid #b08a4c;border-radius:10px;color:#dfc688;font-size:23px}.achievement-body{flex:1;min-width:0}.achievement-card h3{font-size:17px;margin:4px 0}.achievement-card p{font-size:12px;margin:6px 0}.achievement-state{text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#b1beab}.ready .achievement-state{color:#f4cb7f}.claimed .achievement-state{color:#8ed4a7}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#bbc7b4}.achievement-reward{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:#efca82;margin:12px 0}.achievement-reward .ui-icon{width:20px;height:20px}.achievement-reward span{margin-left:auto;color:#b6c2ad}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr 1fr;gap:12px}.portrait-panel{grid-column:1/-1;grid-row:1;width:100%;max-width:430px;justify-self:center}.dossier-panel{padding:15px}.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))} }
@media(max-width:850px){.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.resources{gap:6px;padding:12px}.resources button{padding:8px 6px}.resources b{font-size:13px}.level-seal{width:34px;height:34px;font-size:19px}.resources .ui-icon{width:21px;height:21px}.resources small{font-size:9px}#header-energy-time{font-size:9px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inventory-panel{padding:13px}.inventory-art{height:72px}.inventory-empty{min-height:130px}.hero-layout{gap:10px}.dossier-panel{padding:12px}.attribute-line{flex-wrap:wrap;gap:2px;font-size:11px}.attribute-line strong{font-size:14px}.hero-facts>div{flex-wrap:wrap;font-size:11px}.dossier-panel h3{font-size:19px}.inventory-controls{gap:8px}.inventory-controls .field{font-size:12px}.inventory-tile strong{font-size:10px}.inventory-tile small{font-size:8px}}
@media(max-width:360px){.resources{grid-template-columns:1fr 1fr}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-layout{grid-template-columns:1fr}.portrait-panel{grid-column:1}.attributes-panel,.statistics-panel{grid-column:1}.attribute-line{flex-wrap:nowrap}}
/* 0.14: touch-first phone layout and safe areas. */
html{scroll-padding-bottom:100px}body{overflow-wrap:break-word}.main,.portrait-panel,.hero-layout>*{min-width:0}button,select,input{-webkit-tap-highlight-color:transparent}dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px)}dialog .preview-table{table-layout:fixed}dialog .preview-table td,dialog .preview-table th{overflow-wrap:anywhere}input,select{font-size:16px}
@media(max-width:600px){
 .layout{width:100%;max-width:none;margin:0!important}.phone{width:100%;border:0;outline:0;border-radius:0!important;min-height:100dvh;overflow:visible;padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.top{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px}.main{padding:14px 12px 20px}.nav{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:5;padding:7px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:4px}.nav button{min-height:58px}.nav button .ui-icon{width:26px;height:26px}.nav button span{height:29px;margin-bottom:2px}.status{padding:10px 12px}.toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:25}
 .resources{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;padding:10px 12px}#header-energy-time{margin-left:auto;font-size:11px}.resources small{font-size:10px}.resources b{font-size:14px}.resources .ui-icon{width:24px;height:24px}
 .hero-layout{grid-template-columns:1fr 1fr;gap:10px}.portrait-panel{grid-column:1/-1;max-width:430px;width:100%}.portrait-panel .hero-dressing{height:460px;height:clamp(400px,62svh,480px)}.portrait-panel .hero-model{inset:48px 43px 52px}.portrait-panel .body-slot{width:64px;height:64px;min-height:64px}.portrait-panel .body-slot-1,.portrait-panel .body-slot-2{top:25%}.portrait-panel .body-slot-0{top:47%}.portrait-panel .body-slot-3,.portrait-panel .body-slot-4{top:69%}.portrait-panel .figure-label{font-size:19px}.attributes-panel,.statistics-panel{grid-column:auto}.dossier-panel{padding:11px}.dossier-panel .eyebrow{letter-spacing:.07em;font-size:8px}.dossier-panel h3{font-size:18px}.attribute-line{min-height:48px;gap:4px;flex-wrap:wrap}.attribute-line strong{margin-left:auto}.hero-facts>div{min-height:48px;align-items:center}.hero-facts dd{margin-left:auto}.dossier-panel button.full{min-height:48px;font-size:11px}.inventory-controls select{min-height:48px;font-size:14px}.inventory-tile{min-height:132px}.inventory-art{height:76px}.inventory-empty{min-height:132px}.inventory-tile strong{font-size:11px}.inventory-tile small{font-size:9px}
 dialog{width:calc(100% - 20px);padding:17px;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:16px}dialog .close{min-width:44px;min-height:44px}.stance-grid{gap:5px}.stance-grid button{padding:8px 4px;font-size:12px}.filters{flex-wrap:wrap}.filters label{min-width:95px}.item{padding:9px;gap:8px}.item .value{max-width:68px;overflow-wrap:anywhere}.item strong{overflow-wrap:anywhere}.section-head h2{font-size:24px}.item-icon{width:60px;height:60px}.reward-loot-grid{gap:8px}.avatars{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:359px){.hero-layout{grid-template-columns:1fr}.attributes-panel,.statistics-panel{grid-column:1}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attribute-line{flex-wrap:nowrap}.hero-layout .portrait-panel{grid-column:1}#header-energy-time{font-size:10px}.reward-coins{gap:5px}.currency-reward{padding:9px 3px}.currency-reward b{font-size:16px}}
@media(max-height:500px) and (max-width:850px){dialog{max-height:calc(100dvh - 16px)}.duel-stage{height:215px}.stage-actor{height:175px}.hero-layout .hero-dressing{height:420px}}

/* Actual medal contribution, never a second credit. */
.medal-reward178,.currency-reward b .medal-reward178{display:inline-block;font-size:.72em;white-space:nowrap;color:#67411c}


body .st-map>.st-world-map178{position:absolute;left:auto;right:12px;top:12px;z-index:9;display:grid;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}body .st-map>.st-world-map178>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #100a05);pointer-events:none}body .st-map>.st-world-map178:focus-visible{outline:2px solid #ffe2a2;outline-offset:2px}@media(max-width:350px){body .st-map>.st-world-map178{width:40px;height:40px;min-width:40px;min-height:40px}}
body.game-shell #world-map178[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);box-sizing:border-box;border:0;outline:0;border-radius:0;background:#17130f;color:#f1deba;overflow:hidden;z-index:1000}
#world-map178::backdrop{background:#090806}.wm178-header{position:relative;isolation:isolate;flex:none;padding:12px 55px 12px 18px;min-height:64px;box-sizing:border-box}.wm178-header>span:not(.gc-material):not(.gc-frame){font-size:10px;letter-spacing:2px;color:#c9a367}.wm178-header h1{font-size:21px;margin:2px 0;color:#f2dfbb}.wm178-header>button{position:absolute;right:10px;top:10px;min-width:44px;min-height:44px;background:none;border:1px solid #997440;color:#f2dfbb;font-size:26px;border-radius:50%}
.wm178-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:none;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;cursor:grab;padding:8px;box-sizing:border-box;background:#110e0b}.wm178-scroll::-webkit-scrollbar{display:none;width:0;height:0}.wm178-scroll.wm178-dragging{cursor:grabbing}.wm178-grid{position:relative;margin:0 auto;isolation:isolate;contain:layout paint}
.wm180-art,.wm180-regions{position:absolute;inset:0;width:100%;height:100%;display:block}.wm180-art{pointer-events:none;user-select:none}.wm180-regions{overflow:visible}.wm180-region{cursor:inherit;outline:none}.wm180-region polygon{fill:transparent;stroke:#e0ceb34d;stroke-width:.7px;vector-effect:non-scaling-stroke;pointer-events:all}.wm180-region[data-open=false] polygon{fill:#070c1345}.wm180-region[aria-current=location] polygon{stroke:#e0c28a;stroke-width:1.8px}.wm180-region:focus-visible polygon{stroke:#fff0c9;stroke-width:3px}
.wm178-label{position:absolute;transform:translate(-50%,-50%);width:clamp(70px,18vw,130px);padding:5px 3px;background:#17130eda;border:1px solid #c0a77e55;border-radius:3px;color:#f3e4c8;text-align:center;line-height:1.15;pointer-events:none;box-sizing:border-box}.wm178-label b{display:block;font-size:clamp(10px,2.8vw,13px);font-weight:400;overflow-wrap:normal}.wm178-label small{display:block;margin-top:3px;font-size:9px;color:#cfba91}.wm178-label>.st-icon{position:absolute;top:-7px;right:-4px;width:13px;height:13px}
.wm178-status:empty{display:none}.wm178-status{position:absolute;top:calc(78px + env(safe-area-inset-top,0px));left:12px;right:12px;z-index:5;padding:14px;background:#f2dfbc;color:#3b2817;border:1px solid #a97c3e;box-shadow:0 4px 20px #0009;text-align:center;font-size:16px;pointer-events:none}
/* Continuous city view; district artwork remains visible behind compact labels. */

/* Shared specialization requirement: keep the artwork and the inspect action available. */
.item-specialization183{display:flex;align-items:center;justify-content:center;gap:5px;color:#8b2920;font-size:14px;line-height:1.3;white-space:normal;padding:4px 2px}.item-specialization183 .kg-icon{width:16px;height:16px;flex:0 0 16px}.equipment-row .item-specialization183{justify-content:flex-start}.ic-specialization183 dd{white-space:normal;overflow-wrap:anywhere;text-align:right;max-width:60%}.uc-series-chances183{line-height:1.5;overflow-wrap:anywhere}

/* Creation follows the same document and keyboard order on every screen. */
.arrival-ui .creation-dossier.creation-flow183{display:flex;flex-direction:column;max-width:760px;margin-inline:auto}
.arrival-ui .creation-dossier>.creation-portrait{position:static;width:100%}
.arrival-ui .creation-look-heading183{grid-column:1/-1}
.arrival-ui .creation-dossier>.creation-content{width:100%;min-width:0}

/* NIGHT DISTRICT 0.15 — portrait mafia desk, paper dossier, leather case. */
:root{--gold:#d4aa61;--cream:#ead6ac;--oxblood:#712c29;--felt:#162e2b;--ink:#171711}
html{background:#091010;scroll-padding-bottom:100px}body{background-color:#142022;background-blend-mode:multiply;color:#eedfbc;font-size:14px;line-height:1.5}.layout{display:block;width:100%;max-width:480px!important;margin:0 auto!important;padding:0}.phone{position:relative;width:100%;border:0!important;outline:0;border-radius:0!important;min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));overflow:visible;background:repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 4px),radial-gradient(ellipse at top,#334239,#12241f 70%);box-shadow:0 0 100px #000c}.main{padding:22px 14px 28px;min-width:0}.mafia-icon{width:42px;height:42px;display:inline-block;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 2px 1px #0008)}
.command-desk{position:relative;background-position:center;background-size:100% 100%;padding:0 12px 18px;border-bottom:5px solid #21170f;box-shadow:0 2px 0 #ad803e,0 7px 15px #0008}.top{min-height:126px;padding:15px 3px 8px;display:flex;justify-content:center;gap:10px;background:none;border:0;box-shadow:none;position:relative}.brand-emblem .mafia-icon{width:66px;height:76px;filter:drop-shadow(0 4px 2px #000c)}.logo{font:900 27px/.98 Georgia,serif;letter-spacing:.05em;color:#f6dba4;text-shadow:0 2px 1px #000,0 0 15px #000}.logo small{font:700 7px/1.4 system-ui;letter-spacing:.14em;color:#dbc197;margin:0 0 8px}.top .icon-button{position:absolute;right:0;top:12px;width:36px;min-width:36px;min-height:36px;border-radius:50%;font-size:20px;box-shadow:inset 0 0 0 1px #c09957,0 2px 3px #000;background:#34281bcc}.resources{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 10px;background:none;border:0}.resources button{position:relative;border:2px solid #16120c;border-radius:6px;box-shadow:inset 0 0 0 1px #9b793f,0 3px 5px #0009;background:linear-gradient(115deg,#3b3326ed,#182625ed);padding:8px 10px;min-width:0;text-align:left;min-height:58px}.resources button:before,.resources button:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#caa465;box-shadow:inset 0 -1px #553921;pointer-events:none;top:4px}.resources button:before{left:4px}.resources button:after{right:4px}.resources small{font-size:9px;letter-spacing:.1em;color:#c3b596}.resources b{font-size:16px;color:#f4dca5;font-variant-numeric:tabular-nums}.level-seal{width:39px;height:43px;display:grid;place-items:center;font:700 23px Georgia;border:2px solid #e8c47c;outline:2px solid #201b13;box-shadow:inset 0 0 0 2px #7c552b,0 3px 6px #0009;border-radius:45% 45% 40% 40%;background:radial-gradient(ellipse at 30% 10%,#e2ba70,#956332);color:#291b0d;text-shadow:0 1px #f5d89d}#header-energy-time{font-size:10px;letter-spacing:0;margin-left:auto;color:#e4cfa5}.energy-cartridges{display:grid!important;grid-template-columns:repeat(var(--energy-capacity,25),minmax(0,1fr));gap:2px;min-width:0;grid-column:2}.energy-cartridges i{height:19px;position:relative;border:1px solid #916b37;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#98713e,#f0d18b 35%,#c1954d 65%,#725028);box-shadow:0 2px 2px #0009}.energy-cartridges i:after{content:'';position:absolute;left:-1px;right:-1px;bottom:2px;height:2px;background:#563d23;border-top:1px solid #f1d190}.energy-cartridges i.spent{background:#101c19;border-color:#485047;box-shadow:inset 0 1px 3px #000}.energy-cartridges i.spent:after{background:#29372c;border-color:#485047}
/* Brass shop signs with an illustrated crest rather than divider bars. */
.section-head{border:0;box-shadow:none;margin-bottom:18px;padding-bottom:0;gap:10px}.chapter-heading{position:relative;min-height:60px;padding:8px 12px;background:linear-gradient(#655133,#392b1d);border:3px solid #16150e;border-radius:4px 16px 4px 16px;box-shadow:inset 0 0 0 1px #d8b571,0 4px 0 #0b1512}.chapter-heading:before,.chapter-heading:after{position:absolute;content:'◆';font-size:8px;color:#d8b571;bottom:3px;pointer-events:none}.chapter-heading:before{left:6px}.chapter-heading:after{right:6px}.chapter-heading h2{font:bold 23px/1.1 Georgia;color:#f4deb0;flex:1}.chapter-emblem .mafia-icon{width:37px;height:39px}.chapter-heading .pill{font-size:9px;max-width:100px;white-space:normal;text-align:center;border-radius:3px;padding:4px 6px;background:#171f19;color:#e7ca90;border:1px solid #b88b44;box-shadow:none}.eyebrow{letter-spacing:.12em;font-size:10px}.primary{border-radius:5px;border:2px solid #2a170d;background:linear-gradient(#ebc475,#bd8841);box-shadow:inset 0 0 0 1px #ffe0a0,0 4px 0 #362216,0 6px 9px #0005;font-weight:800;text-shadow:0 1px #eed7a180}.secondary{border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000000a 3px 4px),linear-gradient(#495144,#25352d);border:2px solid #172019;box-shadow:inset 0 0 0 1px #a39462,0 3px 0 #091711;color:#eddbb0}.primary,.secondary{min-height:48px}.field,.filters select{border-radius:4px;background:#162820;color:#edd9ae;border:2px solid #121b12;box-shadow:inset 0 0 0 1px #a18752}.tabs button{border-radius:3px 10px 3px 3px;background:linear-gradient(#695a3d,#3e3929);box-shadow:inset 0 1px #b9a271,0 3px #101a13;font-size:11px}.tabs button.active{background:linear-gradient(#d7bc82,#ae8c53);color:#2b2318}.city-tabs{gap:7px}.hero-city{border:6px solid #231a13;border-radius:3px;outline:1px solid #b48a4e;box-shadow:0 5px 0 #0e1813,0 7px 12px #0009;height:190px}.city-label{left:12px;right:10px;bottom:12px}.city-label h3{font-size:23px}.city-label p{color:#e0ddc9}.quest{position:relative;background:linear-gradient(110deg,#e4d2a7,#c5ad7f);color:#2a281e;border:1px solid #89734a;border-radius:2px;box-shadow:0 3px 0 #13221a,0 5px 7px #0005;padding:12px 9px;margin-top:10px;gap:10px;min-height:84px}.quest:before{content:'';position:absolute;left:16px;top:-4px;height:11px;width:20px;background:#b8a074b3;transform:rotate(-8deg);pointer-events:none;border:1px solid #cabc9144}.quest .num{background:transparent;border:2px solid #847246;border-radius:50%;width:36px;height:36px;box-shadow:none;color:#55432c;transform:rotate(-7deg);font:bold 12px Georgia}.quest strong{font:bold 14px Georgia;color:#2c281d}.quest small{color:#5c5846;font-size:11px}.quest .arrow{color:#704735;font-size:22px}.quest.boss{background:linear-gradient(110deg,#d3bf95,#b59a6c);border-left:4px solid #803f32}.quest.boss .num{background:#853d30;color:#f1d5a4;border-color:#b67649}.quest.locked{opacity:.65}.quest.locked .arrow{font-size:10px}.quest .text{min-width:0}.quest .text strong{overflow-wrap:anywhere}
/* Dossier: photograph, stamp, paper sheets and handwritten green equipment bonuses. */
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.portrait-panel{grid-column:1/-1;grid-row:1;width:100%;max-width:none}.portrait-panel .hero-dressing{margin:0;height:470px;height:clamp(420px,65svh,490px);border:7px solid #513d28;border-radius:3px;outline:1px solid #c2a365;box-shadow:inset 0 0 0 2px #1c2015,0 4px 0 #0e1912}.portrait-panel .hero-dressing:before{background:linear-gradient(0deg,#0d1818e6,transparent 30%,transparent 80%,#141915cc);pointer-events:none}.wardrobe-caption{left:12px;right:12px;top:12px;letter-spacing:.13em;font-size:9px;color:#e6d5ab}.wardrobe-caption b{background:#2e2419;border:1px solid #cba96b;border-radius:3px;font-size:10px;padding:3px 8px}.portrait-panel .hero-model{inset:45px 50px 56px}.dossier-stamp{position:absolute;z-index:2;top:65px;right:15px;transform:rotate(12deg);border:2px double #b48651;color:#cb9b63;padding:3px 6px;font:700 9px Georgia;letter-spacing:.1em;opacity:.8;pointer-events:none}.portrait-panel .body-slot{width:65px;height:65px;min-height:65px;border:3px solid #1a1b12;border-radius:7px;background:radial-gradient(#706544,#293a2d);box-shadow:inset 0 0 0 2px var(--rare),inset 0 0 15px #000a,0 4px 0 #15130d}.portrait-panel .body-slot-1,.portrait-panel .body-slot-2{top:26%}.portrait-panel .body-slot-0{top:48%}.portrait-panel .body-slot-3,.portrait-panel .body-slot-4{top:70%}.portrait-panel .body-slot-0,.portrait-panel .body-slot-2,.portrait-panel .body-slot-4{left:9px}.portrait-panel .body-slot-1,.portrait-panel .body-slot-3{right:9px}.figure-label{bottom:12px;left:8px;width:calc(100% - 16px);background:linear-gradient(90deg,transparent,#201d17ee 15% 85%,transparent);padding:5px 0;font-size:20px}.equipment-hint{color:#cbbf9b;font-size:10px}.portrait-panel #appearance{margin:0 0 8px}.dossier-panel{position:relative;grid-column:auto;background:repeating-linear-gradient(0deg,transparent 0 26px,#856f3d12 26px 27px),linear-gradient(115deg,#ecdcba,#cdb98d);border:1px solid #ab925e;border-radius:1px;box-shadow:3px 3px 0 #8d7954,5px 5px 0 #12241b;padding:15px 11px;color:#333329}.dossier-panel:before{content:'';position:absolute;top:-7px;left:16px;width:29px;height:14px;border:2px solid #9c9d8a;border-radius:8px;transform:rotate(-9deg);pointer-events:none;box-shadow:1px 1px 0 #645d41}.dossier-panel h3{font:bold 19px Georgia;color:#493622;text-shadow:none;margin:8px 0}.dossier-panel .eyebrow{color:#85633b;font-size:8px}.dossier-panel .attribute-line{background:transparent;border-bottom:1px solid #947e4b55;padding:8px 0;min-height:45px;flex-wrap:wrap;font-size:11px}.attribute-line>span{color:#4e4d3b}.attribute-line strong{color:#302d21;font-size:16px;margin-left:auto}.attribute-line em,.bonus-legend{color:#29694a;font-weight:700}.attribute-line i{color:#846c3b}.dossier-panel .note{color:#635e49;font-size:10px}.hero-facts>div{color:#343627;font-size:11px;border-color:#95835950;min-height:45px;padding:8px 0;flex-wrap:wrap}.hero-facts dt{color:#655c45}.hero-facts dd{color:#3e3321}.specialization{font-size:12px;color:#713c2d}.stance-summary{border-color:#955242;color:#59442b;background:#8e693115;padding:8px;margin-top:12px}.stance-summary small{font-size:9px;color:#706443}.dossier-panel button.full{min-height:48px;font-size:11px;padding:8px 5px}.dossier-panel .ghost{color:#70472d}.attributes-panel .ghost{font-size:10px}.stat.inspect{background:linear-gradient(#435342,#29382d);border-color:#1b2116;box-shadow:inset 0 0 0 1px #9c8b58}.stat strong{color:#eed19b}
/* A leather suitcase with handle, straps and felt compartments. */
.inventory-panel{position:relative;margin-top:32px;padding:24px 13px 18px;border:5px solid #281c14;outline:1px solid #b18b51;border-radius:17px;background:repeating-linear-gradient(120deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(105deg,#6d4930,#3c2b20 20% 80%,#6d4930);box-shadow:inset 0 0 0 2px #9c7948,inset 0 0 0 6px #1b170f,0 6px 0 #0c1913}.inventory-panel:before,.inventory-panel:after{content:'';position:absolute;top:-9px;width:24px;height:27px;border:3px solid #c4a162;border-radius:3px;background:linear-gradient(90deg,#9b703b,#e2be78,#896133);box-shadow:0 2px 3px #0009;pointer-events:none;z-index:1}.inventory-panel:before{left:24px}.inventory-panel:after{right:24px}.case-handle{position:absolute;left:calc(50% - 36px);top:-20px;width:72px;height:19px;border:6px solid #825b32;border-bottom:0;border-radius:13px 13px 0 0;box-shadow:0 -1px 0 #d7b06a}.inventory-panel .section-head{gap:8px;margin-bottom:12px}.inventory-panel .section-head .mafia-icon{width:38px;height:42px}.inventory-panel .section-head>div{flex:1}.inventory-panel h2{font-size:25px}.inventory-panel .eyebrow{font-size:8px}.inventory-panel .ghost{font-size:12px;background:#1c2017;border:1px solid #927743;border-radius:3px;padding:5px 8px;color:#e6ce96}.inventory-controls{grid-template-columns:1fr 1fr;gap:8px}.inventory-controls label{font-size:10px;color:#dcc49c}.inventory-controls .field{font-size:12px;padding:8px 5px;min-height:44px;background:#231f16;color:#e6d3aa}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;background:#0e1b155e;padding:7px;border:1px solid #a8854744;border-radius:7px;box-shadow:inset 0 3px 12px #0008}.inventory-tile{min-height:122px;border-radius:4px;background:radial-gradient(ellipse at 50% 30%,#52634a,#1d3126 70%);padding:5px 3px 8px;border:2px solid #112219;box-shadow:inset 0 0 0 1px var(--rare),0 2px #050f0a}.inventory-art{height:65px;margin-top:12px}.inventory-tile strong{font-size:10px}.inventory-tile small{font-size:8px}.tile-level{font:9px Georgia;color:#e7d1a8;top:5px;left:6px}.inventory-empty{min-height:122px;border:1px solid #6b76554a;border-radius:4px;background:repeating-linear-gradient(45deg,#1f302608 0 2px,#07191088 2px 4px);box-shadow:inset 0 2px 7px #0009;color:#63704c;font-size:20px}.inventory-panel .note{font-size:10px;color:#c9bb9a}.pending-panel{margin-top:26px;padding-top:18px}.pending-panel:before,.pending-panel:after{display:none}
/* Dialogs are brass-cornered dossiers; achievements are a velvet medal case. */
dialog{width:min(450px,calc(100% - 20px));padding:22px 18px;border:5px solid #31271b;outline:1px solid #c3a065;border-radius:7px;background:radial-gradient(circle at 0 0,#b99a58 0 6px,transparent 7px),radial-gradient(circle at 100% 0,#b99a58 0 6px,transparent 7px),radial-gradient(circle at 0 100%,#b99a58 0 6px,transparent 7px),radial-gradient(circle at 100% 100%,#b99a58 0 6px,transparent 7px),repeating-linear-gradient(90deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(#2d4135,#122b22);box-shadow:inset 0 0 0 1px #977d46,0 15px 80px #000e;max-height:calc(100dvh - 26px);overscroll-behavior:contain}dialog::backdrop{background:#060d0bd9;backdrop-filter:blur(4px)}dialog h2{font-size:25px;color:#f0d7a4}dialog p{color:#c8cbb0}dialog .close{width:42px;min-height:42px;min-width:42px;background:radial-gradient(#995242,#552a24);border:2px solid #231b13;box-shadow:inset 0 0 0 1px #bf8a56;color:#efcfa1}.achievement-banner{background:radial-gradient(ellipse,#9d79422a,transparent 70%);padding:2px 0 18px}.achievement-banner>.mafia-icon{width:88px;height:88px}.achievement-banner h2{font-size:29px}.achievement-card{background:linear-gradient(115deg,#304336,#192e24);border:2px solid #131f15;border-radius:5px;box-shadow:inset 0 0 0 1px #77805d;padding:12px;gap:10px}.achievement-card.ready{background:linear-gradient(115deg,#625439,#293d2c);box-shadow:inset 0 0 0 1px #d3ad64}.achievement-medal{background:transparent;border:0;box-shadow:none;width:43px;height:55px}.achievement-medal .mafia-icon{width:46px;height:54px}.achievement-card.claimed .achievement-medal{border:2px solid #729270;border-radius:50%;width:38px;height:38px;color:#b9d09c;transform:rotate(-8deg);margin-top:6px}.achievement-filters{gap:7px}.achievement-filters button{font-size:10px}.achievement-entry{border:3px solid #1d2113;background:linear-gradient(110deg,#624632,#2a3626);box-shadow:inset 0 0 0 1px #c49b55,0 4px 0 #0b1710;padding:12px;gap:10px}.achievement-entry>.mafia-icon{width:49px;height:53px}.gear-story,.story{background:linear-gradient(120deg,#dbcb9f,#c4b384);border-left:4px solid #8a4733;color:#483c26;box-shadow:2px 3px 0 #101f14;border-radius:2px;padding:12px}.story p,.story b,dialog .gear-story{color:#4f442e}.gear-properties>div{background:#13231a66;border-bottom:1px dotted #ac935751}.item-art{border-radius:7px;border:5px solid #271f14;outline:1px solid #ba9454;box-shadow:inset 0 0 0 2px var(--rare),0 4px 0 #0b150e;background:radial-gradient(#70744a,#1c3324)}.loot-chest{border-radius:6px;border:5px solid #312217;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(#65452e,#2e3021);box-shadow:inset 0 0 0 1px #c19a57,0 5px #0b170f}.tip,.lesson-card{background:linear-gradient(115deg,#4f462d,#293927);border-radius:3px;border:2px solid #182111;box-shadow:inset 0 0 0 1px #b99a5b,3px 4px 0 #0d1d13}.lesson-card h3{font-size:23px}.business-card,.contract-card,.training-row{border-radius:5px;background:linear-gradient(115deg,#3e4b35,#213425);box-shadow:inset 0 0 0 1px #9c8854,0 3px #0d1d12;border:2px solid #152112}.training-row .row{gap:6px}.preview-table{table-layout:fixed;width:100%}.preview-table td,.preview-table th{overflow-wrap:anywhere;font-size:11px}
/* A fixed wooden dock of illustrated tabs, constrained to the portrait canvas. */
.nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0;transform:translateX(-50%);width:min(100%,480px)!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;z-index:5;padding:8px 10px calc(9px + env(safe-area-inset-bottom,0px));border-top:4px solid #1c160e;background:repeating-linear-gradient(0deg,#b2803a08 0 1px,transparent 1px 5px),linear-gradient(#62452c,#2b2319);box-shadow:0 -1px #c39a58,0 -7px 20px #0008}.nav button{position:relative;min-height:65px;padding:3px 1px 5px;border:1px solid #1b1d10;border-radius:5px;background:#1a291fbf;box-shadow:inset 0 0 0 1px #8c78413f;color:#c6bc98;font-size:10px}.nav button span{display:block;height:39px;margin:0}.nav button .mafia-icon{width:40px;height:39px}.nav button b{font-size:10px;font-weight:600}.nav button.active{border-color:#18190d;background:linear-gradient(#a78042,#5a4729);box-shadow:inset 0 0 0 1px #efc67c,0 2px #0a150e;color:#fff0c5}.nav button.active:before{content:'◆';position:absolute;top:0;right:5px;font-size:8px;color:#f6d18e}.status{background:#10271c;padding:10px 12px;font-size:9px;color:#9ba98b;border-top:1px dashed #85936a40}.toast{bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:25}.avatars{grid-template-columns:repeat(4,1fr)}.welcome h2{font:700 33px/1.15 Georgia;color:#f3d8a1}.welcome .eyebrow{margin-bottom:13px}.welcome>p{color:#ccc9ae}.class-choice{background:linear-gradient(#384a36,#213323);border-radius:4px}.class-choice.active{background:linear-gradient(#83653b,#4e442b);border-color:#d4ab60}.class-choice small{color:#c0c9af}.class-choice.active small{color:#e0d1ae}
@media(min-width:601px){.phone{border-left:1px solid #a2854944!important;border-right:1px solid #a2854944!important}.hero-layout .hero-dressing{height:470px}.top{padding-top:20px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:359px){.main{padding:19px 10px 24px}.command-desk{padding-left:7px;padding-right:7px}.resources{padding:0 4px;gap:6px}.top{min-height:112px}.logo{font-size:24px}.brand-emblem .mafia-icon{width:54px;height:66px}.resources button{padding:7px}.level-seal{width:33px;height:38px;font-size:20px}.energy-cartridges{gap:2px}.hero-layout{grid-template-columns:1fr}.portrait-panel,.attributes-panel,.statistics-panel{grid-column:1}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-heading h2{font-size:20px}.chapter-heading .pill{max-width:78px;font-size:8px}.nav{gap:4px;padding-left:6px;padding-right:6px}.nav button b{font-size:9px}.achievement-filters button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mafia-icon{animation:none}}
/* 0.16: independent portrait field and six sockets; supplier display and forge. */
.equipment-board{display:grid;grid-template-columns:66px minmax(0,1fr) 66px;grid-template-rows:32px repeat(3,112px);gap:9px;align-items:center;position:relative;margin-bottom:12px;padding:7px 0}.equipment-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:#ceb98b;letter-spacing:.13em;padding:0 6px}.equipment-caption b{font-size:11px}.hero-center{grid-column:2;grid-row:2/5;min-width:0;height:100%;display:flex;flex-direction:column;border:3px solid #322719;outline:1px solid #b59555;box-shadow:0 4px #08160f;background:#12251c;overflow:hidden;border-radius:5px}.portrait-panel .equipment-board .hero-dressing{width:100%;flex:1;height:auto;min-height:0;margin:0;border:0;outline:0;box-shadow:none;border-radius:0;position:relative}.equipment-board .hero-center .hero-model{position:absolute;inset:12px 0 0;display:flex;align-items:flex-end;justify-content:center}.equipment-board .hero-center .hero-model .character-paint{width:100%;height:auto;max-height:100%;aspect-ratio:2/3}.equipment-board .hero-center .hero-halo{inset:40px 5px 20px}.equipment-board .hero-center .dossier-stamp{top:12px;right:5px;font-size:6px;padding:2px}.equipment-board .hero-center .figure-label{position:static;width:100%;padding:9px 5px;background:#31291e;border-top:1px solid #b49656;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.equipment-board .figure-label small{font-size:8px;margin-top:4px}.portrait-panel .equipment-board .body-slot{position:relative;inset:auto!important;width:66px;height:78px;min-height:78px;max-width:none;margin:0;border-radius:7px;justify-self:center;align-self:center;overflow:hidden}.equipment-board .body-slot-0{grid-column:1;grid-row:2}.equipment-board .body-slot-2{grid-column:1;grid-row:3}.equipment-board .body-slot-4{grid-column:1;grid-row:4}.equipment-board .body-slot-1{grid-column:3;grid-row:2}.equipment-board .body-slot-3{grid-column:3;grid-row:3}.equipment-board .body-slot-5{grid-column:3;grid-row:4}.equipment-board .body-slot.slot-empty{background:radial-gradient(#3b4530,#17251a)}
.merchant-front{display:flex;align-items:center;gap:14px;padding:23px 17px 17px;position:relative;background:repeating-linear-gradient(90deg,#4d2520 0 29px,#b69555 29px 58px);border:4px solid #251b12;border-radius:5px 5px 0 0;box-shadow:inset 0 15px #171912,0 5px #09170e;color:#e7d8b4}.merchant-front:before{content:'';position:absolute;inset:18px 0 0;background:linear-gradient(#1f2713e6,#17291ced);pointer-events:none}.merchant-front>*{position:relative}.merchant-front h3{font:bold 28px Georgia;color:#f5ddb0}.merchant-front p{font-size:11px;color:#d0c6a5;margin-top:6px}.merchant-front .eyebrow{font-size:8px}.merchant-seal{border:2px solid #b99453;border-radius:50%;background:#2c291a;width:63px;height:63px;flex-shrink:0;display:grid;place-items:center;box-shadow:inset 0 0 0 4px #131f14}.merchant-seal .mafia-icon{width:43px;height:43px}.shop-wallet,.forge-stock{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:#16281c;border:1px solid #9a804255;margin:12px 0 18px;font-size:12px;color:#e4d0a2}.shop-wallet .mafia-icon,.forge-stock .mafia-icon,.forge-stock .ui-icon{width:24px;height:24px;margin-right:5px}.shop-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px}.shop-categories button{min-width:0;min-height:69px;border:2px solid #152315;border-radius:5px;background:linear-gradient(#40503a,#203321);box-shadow:inset 0 0 0 1px #a9935755;padding:5px 1px;color:#c9c3a3}.shop-categories button.active{background:linear-gradient(#a18148,#54472d);box-shadow:inset 0 0 0 1px #e9c477;color:#f5deb0}.shop-categories .ui-icon{display:block;margin:auto;width:27px;height:27px}.shop-categories small{font-size:8px;display:block;margin-top:5px;overflow-wrap:anywhere}.order-ledger{position:relative;border:1px solid #9b8759;background:linear-gradient(115deg,#decda5,#c4b085);color:#453c29;padding:15px 12px;box-shadow:2px 3px #88734d,4px 5px #132415;margin:0 2px 23px 0}.order-ledger h3{color:#4d3824;text-shadow:none;font-size:19px}.order-ledger .section-head{margin-bottom:10px}.order-ledger .pill{font-size:8px}.order-ledger .label,.order-ledger .filters label{color:#665334;font-size:10px}.order-ledger .field,.order-ledger .filters select{background:#f1e4c5;color:#382e1f;border:1px solid #a5905e;box-shadow:inset 0 2px #91754222;border-radius:2px;font-size:12px;min-height:45px}.order-ledger .label{margin-top:8px}.order-ledger .filters{margin:0;gap:9px}.shop-display{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px}.shop-product{position:relative;display:flex;flex-direction:column;min-width:0;align-items:stretch;text-align:left;padding:10px 10px 12px;border:3px solid #201d12;border-radius:7px;background:radial-gradient(ellipse at 50% 28%,#65704a55,#1d3223 65%);box-shadow:inset 0 0 0 1px var(--rare),0 5px 0 #0d1d11}.product-quality{font-size:9px;color:var(--rare);text-transform:uppercase;letter-spacing:.05em}.product-art{display:block;height:129px;width:100%;padding:7px 0 0}.product-art .slot-symbol{width:100%;height:100%}.product-shelf{display:block;height:9px;background:linear-gradient(#c0a063,#685132);border:1px solid #241e12;box-shadow:0 5px 8px #0007;margin:-2px -7px 12px}.shop-product strong{font:bold 17px Georgia;color:#f0d9aa;line-height:1.15}.shop-product>small{font-size:9px;line-height:1.4;color:#c0bca0;margin:6px 0;min-height:26px}.product-stat{font-size:12px;color:#d7c18a;font-weight:bold;margin:3px 0}.product-affixes{font-size:9px;line-height:1.5;color:#a9c1a0;margin-bottom:10px;flex:1}.price-tag{display:block;background:#ddc89c;color:#49341f;font:bold 15px Georgia;padding:8px 6px;border:1px solid #a38957;transform:rotate(-2deg);width:fit-content;max-width:100%;box-shadow:1px 2px #0005;margin-top:5px}.price-tag:before{content:'•';color:#89703e;margin-right:7px}.shop-product em{font-style:normal;font-size:10px;color:#ccb98d;margin-top:10px}.shop-guarantee{display:flex;gap:10px;align-items:center;margin-top:24px;background:#132819;padding:12px;border:1px dashed #897c4f}.shop-guarantee p{font-size:11px;color:#b8c2a4}.shop-guarantee .mafia-icon{width:35px;height:40px}
.forge-sign{display:flex;align-items:center;gap:12px;padding:17px;background:repeating-linear-gradient(135deg,#9082470b 0 6px,transparent 6px 12px),linear-gradient(125deg,#404336,#1b2b20);border:4px solid #171f15;box-shadow:inset 0 0 0 1px #a98c52,0 4px #0b1b10;border-radius:5px}.forge-sign>span{display:grid;place-items:center;width:65px;height:73px;flex-shrink:0;background:#242c1f;border:2px solid #9c8750;border-radius:8px}.forge-sign .mafia-icon{width:53px;height:55px}.forge-sign h3{font:700 26px Georgia;line-height:1.15}.forge-sign .eyebrow{font-size:8px}.forge-sign p{font-size:10px;color:#bac5a8;margin-top:6px}.forge-stock{border:2px solid #1c2518;border-radius:3px;box-shadow:inset 0 0 0 1px #9f8b4e}.forge-selector h3,.forge-order h3{font-size:20px;margin:18px 0 12px}.forge-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:260px;overflow:auto;padding:4px 3px 8px}.forge-item{position:relative;min-width:0;border:2px solid #122013;background:#263822;border-radius:4px;box-shadow:inset 0 0 0 1px var(--rare);padding:4px;min-height:98px}.forge-item>span{display:block;height:63px}.forge-item .slot-symbol{width:100%;height:100%}.forge-item>b{position:absolute;top:3px;right:5px;color:#f1d194;font-size:11px;text-shadow:1px 1px #000}.forge-item>small{font-size:9px;color:#c5cbaf}.forge-item.selected{outline:2px solid #f0ca7e;outline-offset:1px;background:radial-gradient(#817347,#2c3d24)}.forge-bench{position:relative;display:flex;align-items:center;gap:12px;isolation:isolate;min-height:180px;margin:17px 0;border:6px solid #392a1b;border-radius:4px;outline:1px solid #b4975b;padding:14px 10px;background:repeating-linear-gradient(0deg,#6a4d2822 0 2px,transparent 2px 35px),linear-gradient(110deg,#645139,#2c3020 50%,#554931);box-shadow:inset 0 5px 10px #0007,0 5px #0d1c11}.forge-bench:before,.forge-bench:after{content:'';position:absolute;top:4px;width:7px;height:7px;background:#c0b07c;border:1px solid #4c462d;border-radius:50%}.forge-bench:before{left:4px}.forge-bench:after{right:4px}.bench-item{width:124px;height:130px;flex-shrink:0;background:radial-gradient(#a2945822,transparent);filter:drop-shadow(0 8px 3px #0008)}.bench-item .slot-symbol{width:100%;height:100%}.bench-name{min-width:0}.bench-name .eyebrow{font-size:9px}.bench-name h3{font:700 18px/1.3 Georgia;overflow-wrap:anywhere}.bench-name p{font-size:11px;color:#b7bf9d;margin-top:9px}.forge-order{padding:6px 14px 17px;background:linear-gradient(#34422c,#1c3120);border:3px solid #142313;box-shadow:inset 0 0 0 1px #938351;border-radius:5px}.forge-budget-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:14px 0}.forge-budget-row label{font-size:12px;color:#d2c394}.forge-budget-row input{width:85px;min-height:46px;border:2px solid #aa8d53;border-radius:3px;background:#112819;color:#f5d99e;text-align:center;font-weight:bold;font-size:18px}.forge-slider{width:100%;min-height:38px;accent-color:#c69f58;margin:0}.forge-presets{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0 18px}.forge-presets button{flex:1;min-width:44px;padding:7px 3px;min-height:54px}.forge-presets b,.forge-presets small{display:block}.forge-presets b{font:bold 17px Georgia}.forge-presets small{font-size:9px}.forge-transition{display:flex;align-items:center;justify-content:center;gap:30px;padding:15px;background:#102519;border:1px solid #ad945847;margin:12px 0}.forge-transition span{color:#b7c39f;font-size:10px;text-align:center}.forge-transition b{display:block;font:bold 31px Georgia;color:#dfc282}.forge-transition>strong{color:#9e884d;font-size:24px}.forge-transition span:last-child b{color:#b4d798}.forge-receipt{background:#d6c59b;color:#483d26;border:1px solid #a38b59;padding:11px;margin:17px 0;box-shadow:2px 3px #0005}.forge-receipt>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:5px 0;border-bottom:1px dashed #917b46}.forge-receipt p{font-size:10px;margin-top:8px;color:#675537}#forge-reason{min-height:22px;font-size:11px;color:#e5bf8b;margin:10px 0}#forge-upgrade{font-size:13px;padding:12px 7px}.forge-stock span{min-width:0;font-size:11px}.forge-stock b{font-size:15px}.forge-order .preview-table td,.forge-order .preview-table th{font-size:11px}
@media(max-width:359px){.equipment-board{grid-template-columns:55px minmax(0,1fr) 55px;gap:7px;grid-template-rows:28px repeat(3,98px)}.portrait-panel .equipment-board .body-slot{width:55px;height:65px;min-height:65px}.equipment-board .hero-center .figure-label{font-size:14px}.equipment-board .figure-label small{font-size:7px}.shop-display{gap:14px 8px}.shop-product{padding:8px}.product-art{height:105px}.shop-product strong{font-size:15px}.shop-categories{gap:3px}.shop-categories small{font-size:7px}.bench-item{width:90px;height:110px}.forge-bench{padding:12px 7px;gap:8px}.bench-name h3{font-size:15px}.forge-sign{padding:12px;gap:9px}.forge-sign h3{font-size:23px}.merchant-front h3{font-size:25px}}
/* 0.17: one information sheet at a time; preserve sprite-cell aspect ratio. */
.hero-sheet-tabs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:5px 0 2px}.hero-sheet-tabs button{min-height:48px;border:2px solid #192314;background:linear-gradient(#46543a,#243622);color:#cfc8a5;border-radius:4px;box-shadow:inset 0 0 0 1px #99884d;font-weight:700}.hero-sheet-tabs button.active{background:linear-gradient(#dbbf7e,#a57d40);color:#352617;box-shadow:inset 0 0 0 1px #f7dc9e,0 3px #112013}.hero-layout>.dossier-panel{grid-column:1/-1;width:100%;padding:20px}.hero-layout>.dossier-panel .attribute-line{flex-wrap:nowrap;font-size:13px;min-height:46px}.hero-layout>.dossier-panel .attribute-line strong{font-size:17px}.hero-layout>.dossier-panel .note{font-size:11px}.hero-layout>.dossier-panel .hero-facts>div{font-size:13px}.hero-layout>.dossier-panel button.full{font-size:13px}.training-purse{display:flex;align-items:center;gap:10px;padding:12px;background:#14291b;border:1px solid #af8e50;margin:14px 0}.training-purse span{font-size:11px;color:#b6c0a3}.training-purse b{display:block;color:#f0d49b;font-size:20px}.training-price{font-size:12px!important;color:#c1c7a7!important}.training-price strong{color:#f1d091}.training-row .row small{font-size:10px;color:#b9c5a7}.training-row .row{gap:8px}.training-row .row>b{margin-left:auto}
/* The atlas is 1024×1536 with a 3×3 grid; each cell is exactly 2:3. Never independently constrain width and height. */
.equipment-board .hero-center .hero-model{inset:10px 0 0;display:flex;justify-content:center;align-items:flex-end}.equipment-board .hero-center .hero-model .human-figure{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;overflow:hidden}.equipment-board .hero-center .hero-model .character-paint{display:block;flex:0 0 auto;width:calc(100% - 16px)!important;max-width:180px!important;height:auto!important;max-height:none!important;aspect-ratio:2/3!important;background-size:300% 300%;background-repeat:no-repeat;margin:0 auto}

/* 0.18: unified parameter dossier and limited store stock. */
.parameter-sources{background:#ead6af;color:#2b2018;padding:14px;border:2px solid #967347;box-shadow:inset 0 0 16px #6a442522}
.parameter-sources>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #98764555}
.parameter-sources dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.parameter-total{font-size:20px;border-bottom:0!important}.product-sold .product-art{filter:grayscale(1);opacity:.55}.product-sold .price-tag{background:#743a2d;color:#fff}.attribute-line:focus-visible{outline:3px solid #d6a249;outline-offset:2px}
/* 0.19: dossier missions, quality marks and supplier clock. */
.shop-bribe{display:inline-flex!important;width:auto!important;min-height:38px;padding:8px 14px!important;font-size:13px!important;margin:4px 8px 4px 0}.bribe-price{font-size:12px;color:#d8bd8a}.shop-clock{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #a7824844;font-size:13px}.shop-clock b{font-variant-numeric:tabular-nums;color:#f7d891}.shop-clock small{flex-basis:100%;font-size:11px;opacity:.7}
.quality-mark{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;padding:3px 6px;border:1px solid currentColor;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.02em}.quality-mark i{font-style:normal;letter-spacing:1px}.quality-0{color:#c3b9a6;background:#302c26}.quality-1{color:#9bdab4;background:#17382d}.quality-2{color:#9dd5ff;background:#172f50}.quality-3{color:#e4b7ff;background:#49244e}
.item-icon.rare-0,.item-art.rare-0,.shop-product.rare-0,.forge-item.rare-0{border-color:#918671!important}.item-icon.rare-1,.item-art.rare-1,.shop-product.rare-1,.forge-item.rare-1{border:2px solid #57b584!important;box-shadow:inset 0 0 18px #3e976c28,0 0 8px #3e976c25!important}.item-icon.rare-2,.item-art.rare-2,.shop-product.rare-2,.forge-item.rare-2{border:2px solid #66aee5!important;box-shadow:inset 0 0 22px #4594d238,0 0 9px #4594d235!important}.item-icon.rare-3,.item-art.rare-3,.shop-product.rare-3,.forge-item.rare-3{border:3px double #d9a0ef!important;box-shadow:inset 0 0 26px #9e54be44,0 0 12px #a552cd44!important}.product-quality{z-index:2}.promotion-panel{border:2px solid #b89056;padding:12px;background:linear-gradient(145deg,#31251d,#171716)}.promotion-ranks{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.training-purse small{display:block;font-size:12px;font-weight:400;margin-top:5px}
.mission-file{color:#34291f;background:repeating-linear-gradient(0deg,#80674708 0 1px,transparent 1px 5px),#e5d4af;margin:-4px;padding:0 0 10px;border:2px solid #91713f;box-shadow:inset 0 0 34px #69402233}.mission-cover{position:relative;padding:35px 18px 16px;background:linear-gradient(125deg,#251f1b,#463626);border-bottom:5px solid #ae8950;color:#f3dfb8}.mission-cover h2{color:#f3dfb8!important;font-size:25px;line-height:1.15;padding-right:15px}.case-stamp{display:inline-block;transform:rotate(-4deg);border:2px solid #c89774;padding:4px 10px;color:#e3b693;font-weight:900;letter-spacing:2px;font-size:12px;margin-bottom:12px}.mission-cover .eyebrow{color:#d2b48a}.mission-section{margin:12px;padding:13px;background:#fbf0d275;border:1px solid #ac906233;border-left:3px solid #a5824f;box-shadow:0 3px 6px #33271912}.mission-section h3{color:#3c2a1c!important;font-size:17px;margin:0 0 10px}.mission-section p{font-size:13px;line-height:1.55}.mission-story summary,.mission-rewards summary{font-weight:700;font-size:13px;color:#60432a;cursor:pointer}.file-label{display:block;color:#823b30;font-weight:900;font-size:11px;letter-spacing:2px;border-bottom:2px solid #9a5545;padding-bottom:7px;margin-bottom:12px}.enemy-ability{border:1px dashed #aa7758;padding:9px;background:#8e443011}.mission-compare{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.mission-compare td,.mission-compare th{padding:6px 3px;border-bottom:1px solid #94784644;text-align:right;font-size:13px}.mission-compare td:first-child,.mission-compare th:first-child{text-align:left}.mission-compare th{color:#795d3e;font-size:11px}.mission-compare button{color:#392b1e!important;background:transparent!important;padding:5px 0!important;border:0!important;box-shadow:none!important;font-size:12px}.combat-forecast{font-weight:700;padding:9px 0;border-bottom:1px dashed #a48c66}.mission-file .stance-grid{display:grid;grid-template-columns:1fr;gap:7px}.stance-choice{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:5px;width:100%;text-align:left;padding:12px;border:1px solid #9e8154;background:#352d24;color:#dfceab;cursor:pointer;touch-action:manipulation}.stance-choice small{grid-column:1/-1;font-size:12px}.stance-choice span{grid-column:1/-1;font-size:11px;color:#dbbc7d}.stance-choice.selected{border:2px solid #c18a37;background:#51412c;box-shadow:inset 4px 0 #d3a04b}.stance-choice:focus-visible{outline:3px solid #72aadd}.mission-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mission-reward-grid>div{display:flex;flex-direction:column;align-items:center;gap:3px;background:#3b2d20;color:#f4dcab;border:1px solid #b08b4e;padding:10px 4px}.mission-reward-grid svg{width:22px;height:22px}.mission-reward-grid b{font-size:20px}.mission-reward-grid span{font-size:11px}.drop-seal{border:1px dashed #946b32;padding:8px;text-align:center;font-weight:800}.mission-start{margin:12px;padding:12px;background:#2c251e;color:#e8d3aa;border:2px solid #a5854d}.mission-start p{font-weight:700;font-size:14px}.mission-start small{font-size:12px;line-height:1.5;display:block}.mission-start #fight-reason{color:#ffc2a0}.mission-file .close{z-index:5}button.stance-summary{width:100%;text-align:left;cursor:pointer}
.equipment-board .body-slot.rare-1{border-color:#57b584!important;box-shadow:inset 0 0 16px #3e976c38,0 0 6px #3e976c66!important}.equipment-board .body-slot.rare-2{border-color:#66aee5!important;box-shadow:inset 0 0 18px #4594d248,0 0 8px #4594d266!important}.equipment-board .body-slot.rare-3{border:3px double #d9a0ef!important;box-shadow:inset 0 0 20px #9e54be55,0 0 10px #a552cd66!important}
/* 0.20: brass bench controls and the boss's operation table. */
.forge-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.forge-tabs button{min-height:46px;background:#24211d;color:#f0dfbf;border:2px solid #7b6240;font-weight:800}.forge-tabs button.active{background:#dfbb78;color:#251a11;border-color:#f5d99d;box-shadow:inset 0 -4px #99733c}.forge-chances{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.forge-chances span{display:flex;gap:8px;padding:8px 10px;background:#28231c;color:#f5dfb4;border:1px solid #b28e54}.forge-odds{display:flex;align-items:center;gap:12px;padding:12px;background:#e1c590;color:#241a12;border:2px solid #a47d3d;margin:12px 0}.forge-odds b{font-size:28px}.forge-odds span{font-size:13px}.promotion-panel .forge-receipt small{display:block;margin-top:8px}.forge-order{color:#f2dfbd}.forge-order .preview-table{color:#f2dfbd;background:#29231c}.forge-order .preview-table th{color:#f2dfbd}.forge-order .note{color:#dfccac}.forge-tabs button:focus-visible{outline:3px solid #78b9f3;outline-offset:3px}
@media(max-width:350px){}.forge-result{margin-top:14px;padding:13px;color:#291e13;background:#e6c995;border:2px solid #a78047;box-shadow:2px 3px 5px #0005}.forge-result p,.forge-result small,.forge-result b{color:#291e13!important}.forge-order{background:#27251f}.forge-order .forge-receipt{background:#e5cd9e;color:#2b1c12}.forge-order .forge-receipt *{color:#2b1c12!important}.forge-order .preview-table td{color:#f2dfbd}.forge-order h3{color:#f2dfbd}.forge-odds span,.forge-odds b{color:#241a12!important}
/* 0.21: family businesses, street facades and signed investments. */
.business-desk{position:relative;padding:20px 15px 14px;background:repeating-linear-gradient(93deg,#30251b 0 4px,#36291d 5px 10px);color:#f4dfb6;border:3px double #b29159;box-shadow:inset 0 0 24px #0006,0 5px 8px #0005;margin:15px 0 22px}.business-desk h2{color:#f4dfb6;font:700 24px Georgia;line-height:1.1;margin:14px 0}.business-seal{display:inline-block;transform:rotate(-3deg);border:2px solid #c29265;color:#f4c9a0;font-size:10px;letter-spacing:2px;font-weight:900;padding:4px 7px}.business-ledger{display:grid;grid-template-columns:1fr 1fr;gap:9px}.business-ledger>div{display:flex;align-items:center;gap:6px;padding:10px 7px;background:#dfc99e;color:#2b1c12;border:1px solid #ad8b52;box-shadow:2px 3px 4px #0005}.business-ledger svg{width:27px;height:30px;flex-shrink:0}.business-ledger span{font-size:10px;color:#2b1c12}.business-ledger b{display:block;font-size:17px;color:#2b1c12;margin-top:3px}.business-desk p{font-size:12px;color:#f4dfb6;line-height:1.6;margin-bottom:0}.business-street{display:grid;gap:24px}.business-property{overflow:hidden;border:2px solid #997446;background:#22271f;box-shadow:0 6px 10px #0007;border-radius:6px}.business-photo{position:relative;border-bottom:4px solid #8c6940;background:#172521}.business-facade{display:block;width:100%;height:auto}.business-status{position:absolute;right:9px;bottom:9px;transform:rotate(-3deg);padding:5px 7px;background:#e6cf9f;color:#442c19;font-size:9px;font-weight:900;border:2px solid #715332;letter-spacing:1px;box-shadow:1px 2px 4px #0007}.business-status.owned{background:#233d2f;color:#d8eeb9;border-color:#92b181}.business-deed{position:relative;padding:15px;background:repeating-linear-gradient(0deg,#795b3210 0 1px,transparent 1px 24px),#e5cda2;color:#2b1c12}.business-deed:before{content:'';position:absolute;right:15px;top:-9px;width:13px;height:32px;border:3px solid #bdb8a5;border-radius:8px;box-shadow:1px 2px #5c5345;transform:rotate(12deg)}.business-address{font-size:9px;letter-spacing:1px;font-weight:800;color:#594127}.business-deed h3{color:#2b1c12!important;font:700 23px Georgia;margin:8px 12px 6px 0;text-shadow:none}.business-deed p{color:#2b1c12;font-size:12px;margin:4px 0 10px}.business-stars{display:flex;gap:5px;margin:12px 0}.business-stars i{font-size:14px;font-style:normal;color:#8e7652}.business-stars .lit{color:#703823;text-shadow:0 1px #ffecba}.business-license{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:9px;border-top:1px solid #ac8d5a;font-size:12px;color:#2b1c12}.business-license span{font-size:11px;text-align:right}.business-till{margin:14px;background:linear-gradient(125deg,#394137,#202820);border:3px solid #5b6653;border-radius:7px;padding:12px;box-shadow:inset 0 0 0 1px #9a9e79,0 4px #101911;color:#eee0bf}.till-display{background:#101e18;color:#d3edb7;border:3px inset #748066;border-radius:3px;padding:8px 10px;text-align:right}.till-display span{float:left;font-size:10px;font-weight:900;letter-spacing:1px}.till-display b{display:block;color:#d3edb7;font:700 30px monospace;font-variant-numeric:tabular-nums;letter-spacing:1px}.till-display small{display:block;color:#d3edb7;font-size:10px}.till-drawer{display:flex;justify-content:space-between;align-items:center;border:2px solid #151c15;border-radius:3px;padding:3px 14px;margin:8px 0;background:#737655;color:#172015;box-shadow:inset 0 1px #c1b884}.till-drawer svg{width:45px;height:34px}.till-drawer span{letter-spacing:8px;font-size:16px}.till-fill{height:8px;overflow:hidden;border:1px solid #89926d;background:#111c14;border-radius:2px}.till-fill i{display:block;height:100%;background:repeating-linear-gradient(90deg,#c8bf79 0 10px,#8d925c 10px 12px)}.till-time{font-size:11px;color:#eee0bf!important;margin:8px 0 11px}.business-till .primary{background:#d2b176;color:#231b11;border:2px solid #ad8c4a;font-weight:900}.business-till .primary:disabled{background:#454937;color:#d6d9be;opacity:1}.business-invest{padding:0 14px 15px;color:#eee0bf}.investment-envelope{position:relative;display:flex;align-items:center;gap:12px;padding:15px 12px;background:#dcc08a;color:#2b1c12;border:1px solid #a68046;box-shadow:2px 3px 4px #0005;margin-bottom:12px}.investment-envelope:after{content:'';position:absolute;right:8px;top:8px;width:21px;height:21px;border:3px double #ae6747;background:#75392d;border-radius:50%;box-shadow:1px 2px #5c3921}.investment-envelope svg{width:35px;height:40px;flex-shrink:0}.investment-envelope span{font-size:12px;color:#2b1c12;padding-right:15px}.investment-envelope b{display:block;font-size:21px;color:#2b1c12;margin-top:4px}.business-invest .secondary{background:#29271e;color:#f1d9a8;border:2px solid #ad8a4c;min-height:45px;white-space:normal}.business-invest .secondary:disabled{background:#35372e;color:#d5d5bf;opacity:1}.business-lock{color:#ffcbad!important;font-size:12px;padding:9px;border-left:3px solid #b4744c;background:#32271e}.business-receipt{margin-top:14px;background:#e7d7b5;color:#2b1c12;padding:12px;border-top:3px dashed #857047}.business-receipt>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#733b28}.business-receipt p{font-size:12px;color:#2b1c12;margin:7px 0 0}.business-help{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:16px 0}.business-help small{font-size:10px;color:#ead6b2}.business-contract{position:relative;background:repeating-linear-gradient(0deg,#7d633716 0 1px,transparent 1px 25px),#e9d7b2;color:#2b1c12;border:3px double #997646;padding:18px 14px;box-shadow:inset 0 0 20px #84643722}.business-contract h2,.business-contract p,.business-contract small,.business-contract b{color:#2b1c12!important;text-shadow:none}.business-contract h2{font:700 26px Georgia;margin-top:16px}.business-contract .close{color:#f5e1b8!important;background:#37281c!important;border:1px solid #b28e58}.contract-stamp{display:inline-block;transform:rotate(-5deg);font-size:11px;letter-spacing:2px;color:#7b3025;border:2px solid #7b3025;padding:4px 8px;font-weight:900}.contract-figures{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.contract-figures>div{padding:12px 8px;border:1px solid #987747;background:#dac193}.contract-figures span{font-size:11px;display:block;color:#2b1c12}.contract-figures b{display:block;font-size:19px;margin-top:4px}.contract-income{padding:13px 10px;background:#26392c;color:#eddfb7;border:2px solid #8d955f}.contract-income span{font-size:12px;color:#eddfb7}.business-contract .contract-income b,.business-contract .contract-income small{color:#eddfb7!important;display:block;margin-top:6px}.contract-income b{font-size:19px}.contract-income small{font-size:11px}.contract-risk{font-size:13px;border-left:3px solid #883d2e;padding:8px 10px;line-height:1.6}.business-contract #business-error{color:#7b3025!important;font-weight:800;font-size:13px}.business-contract .primary{background:#74422a!important;color:#fff0d0!important;border:2px solid #9c753e;min-height:48px}.business-contract .secondary{background:#ead7b1!important;color:#2b1c12!important;border:1px solid #86643a}.business-contract .primary:disabled{background:#6a665d!important;color:#fff4dc!important;opacity:1}.business-property button:focus-visible,.business-contract button:focus-visible{outline:3px solid #66b6ee;outline-offset:3px}
@media(max-width:350px){.business-ledger b{font-size:15px}.business-ledger svg{width:21px}.business-license{align-items:flex-start}.business-stars{gap:3px}.business-deed h3{font-size:21px}}
/* 0.22: verified mobile fixes. Enemy artwork is a standalone image{background-size:contain!important;background-position:center bottom!important}.lesson-card button{min-height:44px}.close{min-width:44px;min-height:44px}.hero-sheet-tabs button,.city-tabs button{min-height:44px}.note,.small{font-size:12px;line-height:1.5}.preview-table{overflow-wrap:anywhere}.business-contract .contract-figures small{display:block;font-size:11px;line-height:1.4}
/* 0.23 — Ray's district plan and chapter dossier */
.territory-board{margin:20px 0;border:7px solid #35261a;outline:1px solid #b29458;background:#bfa778;box-shadow:0 6px 14px #0009;transform:rotate(-.25deg);color:#29251c}.territory-board header{padding:14px 12px;background:#263b33;border-bottom:3px solid #715335;color:#f3ddb0;display:grid;gap:5px}.territory-board header span{font-size:9px;letter-spacing:.18em}.territory-board header b{font:700 24px Georgia}.territory-board header small{font-size:12px;color:#e3d3b4}.street-plan{position:relative;background:repeating-linear-gradient(0deg,transparent 0 18px,#6d583218 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,#6d583218 19px 20px),#bda677;overflow:hidden}.street-plan>svg{position:absolute;width:100%;height:100%;inset:0}.map-pin{position:absolute;transform:translateX(-50%);width:45%;min-height:64px;padding:6px 4px 5px;border:2px solid #382b20;border-radius:3px;background:linear-gradient(120deg,#f2ddac,#d4b982);color:#30291f;box-shadow:2px 3px 0 #0006;font-size:11px;display:grid;grid-template-columns:25px 1fr;gap:1px 4px;align-items:center;text-align:left}.map-pin span{grid-row:1/3;width:25px;height:25px;border:2px solid #75533a;border-radius:50%;display:grid;place-items:center;font-weight:bold}.map-pin b{font:700 12px/1.15 Georgia;overflow-wrap:anywhere}.map-pin small{font-size:10px;color:#554832}.map-pin.cleared span{background:#295c40;color:#fff1c9;border-color:#295c40}.map-pin.available{outline:2px solid #8b3b28;outline-offset:2px}.map-pin.sealed{background:#b7ac91;color:#3c3930}.map-pin.boss-pin span{background:#6d2925;color:#fbe4b4}.territory-board footer{padding:12px;border-top:3px solid #715335}.territory-board footer>b{font:700 19px Georgia}.territory-board footer p{font-size:12px;color:#453a2b;margin:8px 0 0}.territory-seals{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.territory-seals i{width:25px;height:25px;border:2px solid #80714f;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#76694b}.territory-seals i.inked{border-color:#31533b;color:#31533b;transform:rotate(-12deg);font-weight:900}
.chapter-file{position:relative;margin:25px 0 15px;background:repeating-linear-gradient(0deg,transparent 0 25px,#77634816 25px 26px),linear-gradient(110deg,#eddbb7,#cfb88a);padding:20px 14px 14px;border:1px solid #a28b61;box-shadow:3px 3px #806744,6px 6px #12221b;color:#302a20}.chapter-file .eyebrow{color:#704c31;font-size:10px}.chapter-file h3{font:700 29px Georgia;color:#4a3022;margin:7px 0}.chapter-file p{font-size:14px;color:#423829}.case-clip{position:absolute;top:-10px;right:25px;height:30px;width:14px;border:3px solid #888e80;border-radius:9px;transform:rotate(15deg);box-shadow:1px 1px 1px #493a26}.chapter-payment{margin:14px 0;padding:12px;border:1px dashed #bb9a60;background:#263b33;color:#f4dfb5;font-size:14px}.chapter-payment small{display:block;margin-top:5px;color:#ddcba9;font-size:12px}.chapter-payment p{color:#f0dab1;font-size:13px;margin:5px 0}.chapter-dialog h2{padding-right:32px}.chapter-speaker{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px;background:#263b33;border:1px solid #b08f54;color:#f5dfb2}.chapter-speaker>span{flex-shrink:0}.chapter-letter{background:repeating-linear-gradient(0deg,transparent 0 27px,#705a3614 27px 28px),#e6d2a9;border:1px solid #9b835c;padding:15px;color:#30281e;box-shadow:3px 3px #685332}.chapter-letter p{color:#30281e;font-size:15px;line-height:1.7;margin:0 0 12px}.chapter-letter p:last-child{margin-bottom:0}.chapter-letter hr{border:0;border-top:1px solid #a58e67;margin:15px 0}.chapter-letter b{color:#6a3827}.chapter-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0}.chapter-route button{min-width:0;min-height:44px;padding:4px;background:#30483b;color:#efd6a6;border:1px solid #b18b54}.chapter-route button[aria-pressed=true]{background:#d4af6b;color:#271f14;border:2px solid #f5dba4}.chapter-route button:disabled{opacity:.5}.chapter-dialog .note{font-size:12px}
@media(max-width:359px){.map-pin{width:46%;grid-template-columns:20px 1fr;gap:2px;font-size:10px}.map-pin span{width:20px;height:20px}.map-pin b{font-size:11px}.map-pin small{font-size:9px}.territory-board header b{font-size:21px}.chapter-letter{padding:12px}.chapter-letter p{font-size:14px}}
.district-index{margin-top:16px;border:1px solid #85754d;padding:12px;background:#192d25}.district-index>summary{min-height:44px;cursor:pointer;color:#e7d0a2;font-weight:700;display:flex;align-items:center}.district-index>summary:before{content:'▸';margin-right:8px}.district-index[open]>summary:before{content:'▾'}
/* 0.24 — battle receipt and telegraphed special attacks */
.battle-report{margin:22px 0;padding:16px 12px;background:repeating-linear-gradient(0deg,transparent 0 26px,#68553514 26px 27px),linear-gradient(115deg,#ecd9b0,#cdb487);border:1px solid #9e8152;box-shadow:3px 3px #775c3d;color:#30271d}.battle-report .eyebrow{color:#6a4a30;font-size:10px}.battle-report h3{font:700 25px Georgia;color:#432d20;margin:8px 0 14px}.battle-report p{color:#443724;font-size:13px;line-height:1.6}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-grid>div{padding:10px 6px;border:1px dashed #9c8055;background:#f4e4c5}.report-grid small{display:block;font-size:11px;color:#51412c}.report-grid b{display:block;font:700 27px Georgia;color:#3a3022}.stance-receipt{padding:12px;border:2px solid #69563a;background:#243b32;color:#f6dfb4}.stance-receipt p,.stance-receipt small{color:#f0dab7}.stance-receipt small{font-size:12px;line-height:1.5;display:block}.battle-report details{margin:12px 0}.battle-report summary{font-size:13px;color:#544027;min-height:44px;padding:10px 0;cursor:pointer}.battle-advice{border-left:4px solid #863d2a;padding:10px;background:#fff0cb;margin:14px 0}.battle-advice b{color:#713b29}.combat-callout.warning{background:#622a21;border:2px solid #f1c477;color:#ffe6ad;font-weight:800;min-height:58px;animation:warning-flash .7s ease-in-out infinite alternate}.duel-stage.special-warning{box-shadow:inset 0 0 35px #cb582d;outline:2px solid #d69851}.special-warning .actor-1{filter:drop-shadow(0 0 10px #ee9e47)}@keyframes warning-flash{to{box-shadow:inset 0 0 15px #ce863b}}@media(prefers-reduced-motion:reduce){.combat-callout.warning{animation:none}}
#modal.battle-modal{padding:12px}#modal.battle-modal h2{font-size:23px;margin:5px 0;padding-right:0;overflow-wrap:normal}#modal.battle-modal>.eyebrow{font-size:9px;line-height:1.3}#modal.battle-modal .duel-hud{margin:8px 0;gap:10px}#modal.battle-modal .duel-hud b{min-height:18px;font-size:12px}#modal.battle-modal .hp-number{font-size:11px;min-height:34px;padding:4px 0}#modal.battle-modal .duel-stage{height:clamp(130px,29dvh,235px)}#modal.battle-modal .stage-actor{height:calc(100% - 27px);bottom:20px}#modal.battle-modal .duel-round{font-size:9px;letter-spacing:.04em;line-height:1.2;padding:4px}#modal.battle-modal .combat-callout{font-size:12px;line-height:1.35;padding:8px;min-height:48px;margin:8px 0}#modal.battle-modal .replay-controls{margin-top:8px}#modal.battle-modal #skip{min-height:44px}#modal.battle-modal .stance-badge{font-size:8px}#modal.battle-modal>.small{font-size:11px;margin-top:10px}
/* 0.25 — painted neighborhood and private business offices */
.painted-map{margin:18px 0 0;border:2px solid #9e793f;box-shadow:0 6px 12px #0009;background:#101e1a;border-radius:8px;overflow:hidden}.painted-map header{padding:12px 14px;background:linear-gradient(100deg,#392b1d,#1c2b22);border-bottom:1px solid #987848}.painted-map header small{font-size:9px;letter-spacing:.17em;color:#d4bb8c}.painted-map header h3{font:700 25px Georgia;color:#f3dbae;margin:4px 0}.district-paint{position:relative;background-size:100% 100%;aspect-ratio:2/3;min-height:405px}.street-marker{position:absolute;transform:translate(-50%,-50%);width:44%;padding:0;border:0;background:none;box-shadow:none;color:#f4dfac;display:flex;flex-direction:column;align-items:center;min-height:48px}.street-marker i{display:grid;place-items:center;width:34px;height:34px;border:2px solid #d2af6e;background:radial-gradient(#8a5034,#34271d);border-radius:50%;font:700 21px Georgia;color:#ffe5ab;box-shadow:0 2px 7px #000;z-index:1;font-style:normal}.street-marker span{display:block;background:#14241bf2;border:1px solid #b9985e;border-radius:3px;padding:5px 4px;box-shadow:0 3px 5px #000b;text-align:center;min-width:85%;max-width:100%}.street-marker b{font:700 12px/1.15 Georgia;display:block;color:#ffe3ab}.street-marker small{font-size:9px;display:block;color:#eed7aa;margin-top:3px}.street-marker.repeat i{background:#264a36}.street-marker.new-case i{background:#893a24;box-shadow:0 0 10px #ffbf63}.street-marker.not-ready i{background:#383c37}.influence-plaque{margin:0 0 20px;padding:14px;background:linear-gradient(110deg,#433625,#24352a);border:2px solid #99723e;border-top:0;box-shadow:0 4px 7px #0006;color:#f0d4a0}.influence-plaque>div:first-child{display:grid;grid-template-columns:1fr 40px;gap:3px 10px}.influence-plaque span{font-size:9px;letter-spacing:.1em}.influence-plaque b{grid-column:2;grid-row:1/3;display:grid;place-items:center;border:2px solid #ad8b4d;border-radius:50%;font:700 25px Georgia}.influence-plaque strong{font-size:15px}.influence-plaque p{font-size:12px;color:#e1cdab;margin:8px 0}.influence-plaque summary{font-size:12px;min-height:44px;padding:12px 0;cursor:pointer}.influence-plaque .bar{height:8px;margin-top:12px}.known-streets{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.known-streets button{padding:8px 10px;min-height:44px;background:#20382b;border:1px solid #a1854e;color:#e5cf9e;font-size:12px}.known-streets button.active{background:#b99b5d;color:#1f291c}.influence-reward{padding:10px;background:#203b2d;color:#f4dfb2!important;border:1px solid #ad8c4d}
.portfolio-intro{display:flex;align-items:center;gap:14px;padding:16px 10px;margin-top:12px;border-bottom:1px solid #a07b41}.portfolio-intro small,.portfolio-intro b{display:block;color:#e9d4a8}.portfolio-intro small{font-size:11px}.portfolio-intro b{font:700 26px Georgia}.venue-hint{font-size:12px;color:#d4c6a5}.venue-gallery{display:grid;gap:18px;margin-top:16px}.venue-card{position:relative;padding:0;width:100%;aspect-ratio:3/2;border:2px solid #a88448;border-radius:8px;overflow:hidden;background:#111e19;box-shadow:0 5px 9px #0008;text-align:left}.venue-scene{position:absolute;inset:0;background-size:cover;background-position:center;display:block}.venue-card-label{position:absolute;bottom:0;left:0;right:0;padding:22px 14px 13px;background:linear-gradient(transparent,#0b1717ed 35%);display:grid;grid-template-columns:1fr auto;gap:2px 8px}.venue-card-label>small{grid-column:1/-1;color:#ead8b0;font-size:9px;letter-spacing:.08em}.venue-card-label strong{grid-column:1/-1;font:700 24px/1.1 Georgia;color:#ffe5b4}.venue-card-label>span{color:#f2d38e;font-size:12px;margin-top:5px}.venue-card-label em{color:#d7c29b;font-size:10px;font-style:normal;align-self:end}.venue-cover{height:185px;margin:-3px -3px 0;background-size:cover;background-position:center;border:1px solid #a58952;border-radius:5px}.venue-office>.close{background:#542d22;z-index:3}.venue-name{padding:13px 0;border-bottom:1px solid #94794b}.venue-name small{font-size:10px;color:#cab182}.venue-name h2{font:700 28px/1.1 Georgia;color:#f2daaa;margin:5px 0;padding:0}.venue-name>b{font-size:12px;color:#cfbe9c}.venue-safe{margin:18px 0;padding:18px 14px;background:linear-gradient(110deg,#555950,#202b25);border:5px solid #1c211c;outline:1px solid #a28a51;border-radius:7px;box-shadow:inset 0 0 0 1px #91866a;color:#f3dfb6}.venue-safe>span{display:block;font-size:10px;letter-spacing:.15em}.venue-safe strong{display:flex;gap:8px;align-items:baseline;margin:7px 0 13px;background:#11231b;padding:10px;border:1px solid #8c7b50}.venue-safe strong b{font:700 32px Georgia;color:#f4d08b}.venue-safe strong small{font-size:12px;font-weight:400}.venue-safe p{font-size:12px;margin:12px 0 0;color:#d5c6a4}.venue-income{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0;padding:12px;background:#182f25;border:1px solid #856f43}.venue-income small{display:block;font-size:11px;color:#cdbc94}.venue-income b{font:700 23px Georgia;color:#f1d9a9}.venue-income p{grid-column:1/-1;font-size:12px;margin:0;color:#decda9}.venue-envelope{margin:20px 0;padding:15px 12px;border:1px solid #a8874e;display:grid;grid-template-columns:42px 1fr;gap:10px;background:linear-gradient(115deg,#e8d3a8,#c6aa78);color:#392e20;box-shadow:3px 3px #5d442d}.venue-envelope b{font:700 20px Georgia;color:#4b3323}.venue-envelope p{font-size:12px;color:#4e3b25;margin:5px 0}.venue-envelope button,.venue-envelope .venue-lock{grid-column:1/-1}.venue-receipt{border:1px dashed #977a48;padding:12px;margin:16px 0;font-size:12px}.venue-receipt summary{min-height:44px;padding:10px 0;cursor:pointer}.venue-receipt p{color:#e6cca0}.venue-office .note{color:#d0bf9c;font-size:12px}
.equipment-board{grid-template-columns:80px minmax(0,1fr) 80px;gap:8px;grid-template-rows:28px repeat(3,117px)}.portrait-panel .equipment-board .body-slot{width:80px;height:104px;min-height:104px;display:flex;flex-direction:column;padding:4px 3px 6px;border:2px solid #151b14;background:radial-gradient(ellipse at 50% 40%,#60664c,#142924 80%);box-shadow:inset 0 0 0 1px var(--rare,#82734f),0 3px #081511;border-radius:7px}.equipment-board .body-slot .inventory-art{display:block;width:100%;height:63px;margin:13px 0 1px}.equipment-board .body-slot .inventory-art>.slot-symbol{width:100%;height:100%}.equipment-board .body-slot small{font-size:8px;line-height:1.2;color:var(--rare,#b5a377);margin-top:auto}.equipment-board .body-slot .tile-level{font-size:8px;left:5px;top:4px}.tile-up{position:absolute;z-index:2;right:4px;top:3px;padding:1px 4px;border:1px solid #d0b16b;border-radius:3px;background:#14251d;color:#ffe2a0;font-weight:800;font-size:10px;line-height:1.3}.inventory-tile .tile-fav{right:6px;top:24px}.equipment-board .body-slot.slot-empty{justify-content:center}.equipment-board .empty-slot-icon{width:100%;height:45px;display:grid;place-items:center}
@media(max-width:359px){.equipment-board{grid-template-columns:69px minmax(0,1fr) 69px;gap:6px}.portrait-panel .equipment-board .body-slot{width:69px;height:96px;min-height:96px}.equipment-board .body-slot .inventory-art{height:56px}.equipment-board .body-slot small{font-size:7px}.equipment-board .tile-up{font-size:9px}.venue-card-label strong{font-size:21px}.venue-card-label{padding:22px 10px 10px}.venue-card-label em{font-size:9px}.street-marker b{font-size:11px}.street-marker small{font-size:8px}.venue-cover{height:155px}.venue-name h2{font-size:25px}.influence-plaque strong{font-size:13px}}

/* 0.26: stationary map targets and owner correspondence. */
.street-marker,.street-marker:hover,.street-marker:active:not(:disabled),.street-marker:focus{transform:translate(-50%,-50%);transition:filter .15s;touch-action:manipulation;z-index:2}
.street-marker:focus-visible{outline:3px solid #ffe3ab;outline-offset:3px}.street-marker i,.street-marker span{pointer-events:none}.known-streets button{touch-action:manipulation;transform:none!important}.known-streets button:focus-visible{outline:3px solid #f9dda6}
.owner-letter{margin:18px 0;padding:18px 14px;background:linear-gradient(115deg,#e6d5ac,#c7b183);border:3px double #675137;box-shadow:0 5px 12px #0007;color:#281f14;position:relative;border-radius:3px 3px 14px 3px}.owner-letter>small{font-size:10px;letter-spacing:.12em;color:#593e22}.owner-letter h3{font:700 23px Georgia;color:#362416;margin:12px 0}.owner-letter p{font-size:13px;line-height:1.5;color:#33291b}.owner-letter .small{font-size:11px}.order-progress{display:flex;gap:12px;align-items:center;padding:12px 0;border-block:1px dashed #755b39}.order-progress>b{font:700 24px Georgia;white-space:nowrap}.order-progress span{font-size:12px;line-height:1.5}.owner-letter .order-bonus{background:#243c2e;color:#ffe3ac;padding:10px;border:1px solid #7e603c}

.street-marker{width:42%}.street-marker b{overflow-wrap:anywhere}

.owner-letter .ghost{color:#3b2b18;border:1px solid #755b39}.owner-letter .ghost:hover{color:#21170b;background:#d2bc8f}

/* 0.27 combat schools */
.school-summary{grid-column:1/-1;display:grid;gap:6px;padding:14px;text-align:left;border:2px solid #ab864a;background:linear-gradient(110deg,#354535,#19271f);color:#f3dbac}.school-summary small{font-size:10px;letter-spacing:.13em}.school-summary b{font:700 23px Georgia}.school-summary span{font-size:12px}.school-card{padding:15px;margin:14px 0;border:1px solid #947342;background:#1c3027;color:#f0dbb2;border-radius:5px}.school-card h3,.school-card p{color:#f0dbb2}.school-card.chosen{border:2px solid #e0b968}.school-numbers{font-size:12px;line-height:1.6;border-block:1px solid #887044;padding:10px 0;margin-bottom:12px}

.technique-box{margin-top:18px;border-top:1px solid #8d7044;padding-top:12px}.technique-box>p{font-size:12px}.technique-choice{display:grid;gap:7px;text-align:left;width:100%;margin:8px 0;padding:12px;color:#f4dfb7;background:#203b2d;border:1px solid #988055;border-radius:5px}.technique-choice span{font-size:12px;line-height:1.5}.technique-choice small{color:#e8c27e}.technique-choice.chosen{border:3px solid #d8aa58}.technique-choice:disabled{opacity:.55}

/* Gold bullets, enamel medals and Ray's cabinet. */
.gold-bullet{display:inline-block;flex-shrink:0;width:14px;height:30px;border:1px solid #654018;border-radius:8px 8px 2px 2px;background:linear-gradient(90deg,#a9772b,#ffe5a1 42%,#bd8939 75%,#6c481c);box-shadow:inset 0 -5px #916326,0 2px 4px #0008;vertical-align:middle}.bullet-balance{display:flex;gap:16px;align-items:center;justify-content:center;padding:22px;background:#192f24;border:2px solid #bd8e42;border-radius:7px}.bullet-balance b{font-size:34px;color:#f4d998}.bullet-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.bullet-packs>div{display:grid;justify-items:center;gap:12px;padding:12px;background:#21382a;border:1px solid #aa8648;border-radius:6px;text-align:center;color:#f0dcb6}.bullet-packs small{font-size:11px;color:#d8c6a2}.bullet-packs button{font-size:12px;width:100%}.black-market-sign{background:linear-gradient(125deg,#35231e,#112a24);padding:18px;border:3px double #b98a4c;margin:18px 0;box-shadow:0 4px 10px #0008}.black-market-sign h3{font:700 27px Georgia;color:#f4d49a;margin:12px 0}.black-market-sign p{color:#dcccae;font-size:13px}.bullet-wallet{display:flex;align-items:center;gap:10px;padding:12px;background:#183126;border:1px solid #b58b46;color:#f3d494;width:100%}.bullet-wallet span{font-size:11px;margin-left:auto}.medal-quality-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.medal-quality-tabs button{padding:10px 6px;background:#203c2c;border:1px solid #967348;color:#f4dfb4;font-size:12px}.medal-quality-tabs button.active{background:#bf9b5b;color:#1b251b}.medal-quality-tabs small{display:block;margin-top:5px;font-size:10px}.medal-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.medal-market-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;background:radial-gradient(at top,#435140,#142a21);border:2px solid var(--medal,#b6a67f);border-radius:6px;color:#f7ddb0;min-width:0}.medal-market-card strong{font:700 17px Georgia}.medal-market-card span:not(.medal-emblem){font-size:12px;line-height:1.4}.medal-market-card small{font-size:10px;color:#cbbb96}.medal-market-card>b{font-size:12px;color:#f3c56e}.medal-grade-0{--medal:#acb0a3}.medal-grade-1{--medal:#72bd8d}.medal-grade-2{--medal:#75aede}.medal-grade-3{--medal:#c396e1}.medal-emblem{display:grid;place-items:center;position:relative;flex-shrink:0;width:64px;height:70px;margin:5px auto 9px;filter:drop-shadow(0 3px 2px #0008)}.medal-emblem:before{content:'';position:absolute;bottom:-5px;width:42px;height:32px;background:linear-gradient(90deg,#7c2528,#b83c39 45%,#542225);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}.medal-emblem i{position:relative;display:grid;place-items:center;width:57px;height:57px;border:5px double var(--medal);outline:2px solid #514024;border-radius:50%;background:radial-gradient(#73714d,#27352b);color:var(--medal);font:bold 28px Georgia;font-style:normal;box-shadow:inset 0 0 0 2px #141d16}.hero-medals{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:8px -6px 0}.hero-medals button{display:grid;justify-items:center;min-width:27px;min-height:44px;padding:2px;background:none;border:0;color:#f1d395}.hero-medals .medal-emblem{width:27px;height:30px;margin:0}.hero-medals .medal-emblem i{width:25px;height:25px;font-size:13px;border-width:3px}.hero-medals .medal-emblem:before{width:18px;height:17px;bottom:-1px}.hero-medals small{font-size:7px;margin-top:6px}.hero-medals .medal-case-link{font-size:22px}.hero-medals .medal-case-link small{font-size:9px}.case-active{display:flex;gap:7px;flex-wrap:wrap}.medal-mini{display:grid;flex:1;min-width:75px;padding:8px;background:#20392b;color:#f2d6a2;border:1px solid #967744}.medal-mini b{font-size:11px}.medal-mini small{font-size:10px}.medal-stash-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #8f7149}.medal-stash-row>div{flex:1;min-width:0}.medal-stash-row small{display:block;font-size:11px;margin-top:6px}.medal-stash-row p{font-size:12px}.bullet-found{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px;align-items:start;padding:18px;background:#283d27;border:2px solid #e4b755;margin:16px 0;color:#ffe3a5}.bullet-found>.gold-bullet,.bullet-found>.kg-bullet{grid-column:1;grid-row:1/3}.bullet-found>b,.bullet-found>small{grid-column:2;min-width:0;word-break:normal;overflow-wrap:normal}.bullet-found>b{grid-row:1}.bullet-found>small{grid-row:2;font-size:11px}

.medal-market-card strong{font-size:15px;max-width:100%;overflow-wrap:anywhere}.attributes-panel .attribute-line span{color:#48391f}.attributes-panel #breakdown{color:#49351e}

/* 0.28 fitting room and operation plan */
.equipment-verdict{margin:18px 0;padding:13px;background:#e2d0a5;color:#312518;border:3px double #745637;border-radius:4px}.equipment-verdict h3,.equipment-verdict p,.equipment-verdict small{color:#392c1d}.equipment-verdict h3{font:700 21px Georgia;margin:10px 0}.equipment-verdict>p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.compare-head,.compare-line{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.7fr);gap:6px;align-items:center}.compare-head{font-size:9px;border-bottom:2px solid #7c6241;padding:8px 0}.compare-line{padding:10px 0;border-bottom:1px solid #ad966c;font-size:12px}.compare-line b{font-size:12px}.compare-line strong{text-align:right;font-size:11px}.compare-line .gain{color:#185021}.compare-line .loss{color:#872321}.compare-line .same{color:#635137}.equipment-verdict .compare-lock{color:#7b2520;border:1px solid #9a6847;padding:8px}.compare-context{font-size:11px!important}.prep-medal{display:flex;align-items:center;gap:10px}.prep-medal>div{flex:1;font-size:12px}.prep-medal small{display:block}.prep-medal .ghost{color:#efd29c}
.equipment-verdict .eyebrow{color:#66502b}.medal-budget{padding:12px;border:1px solid #8a7045;color:#ecd9b6;background:#20372b;font-size:12px;line-height:1.5}

/* 0.28.1: medals live below the fixed character frame. */
.hero-medal-rack{margin:10px 0 14px;padding:10px 12px 12px;border:2px solid #80643a;border-radius:6px;background:linear-gradient(115deg,#26382b,#14251e);box-shadow:inset 0 0 0 1px #bc965536,0 3px #081511}.medal-rack-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e9d1a0;font-size:12px}.medal-rack-heading>span{font:700 16px Georgia}.medal-rack-heading button{padding:6px;min-height:36px;font-size:11px;color:#dfc28a}.hero-medal-rack .hero-medals{display:grid;grid-template-columns:repeat(3,62px);justify-content:center;gap:12px;margin:6px 0 0}.hero-medals .hero-medal-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:62px;height:74px;min-height:74px;padding:5px 3px;border:2px solid var(--medal,#82734f);border-radius:6px;background:radial-gradient(ellipse at 50% 35%,#526049,#142924 85%);box-shadow:inset 0 0 0 1px #10231b,0 3px #081511;color:#efdbb3}.hero-medal-slot .medal-emblem{width:36px;height:40px;margin:0 0 5px}.hero-medal-slot .medal-emblem i{width:33px;height:33px;font-size:18px;border-width:3px}.hero-medal-slot .medal-emblem:before{width:23px;height:19px;bottom:0}.hero-medals .hero-medal-slot small{font-size:9px;margin:2px 0 0;white-space:nowrap;color:#ebd4a7}.hero-medals .medal-slot-empty{border-style:dashed;background:#152b22;color:#b39b6d}.medal-slot-empty>span{display:grid;place-items:center;width:36px;height:40px;font-size:25px;font-family:Georgia}.hero-medal-slot:focus-visible{outline:2px solid #ffe2a0;outline-offset:3px}

/* 0.28.2: frameless medal cards and inventory case tab. */
.hero-medal-rack{border:0;background:none;box-shadow:none;padding:0;margin:10px 0 14px}.hero-medal-rack .hero-medals{margin:0}.inventory-tabs{margin:12px 0 16px}.inventory-medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}

/* Underground club: brass marquee, fight tickets and cash receipt. */
.city-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.city-tabs button{font-size:11px;padding:10px 3px}.arena-marquee{padding:20px 15px;margin:16px 0;border:4px double #bd9253;background:radial-gradient(ellipse at top,#55352b,#172922 75%);box-shadow:inset 0 0 25px #0009,0 5px 8px #0007;color:#efd8ac}.arena-marquee h2{font:900 29px Georgia;color:#f9d38b;letter-spacing:1px}.arena-marquee p{font-size:12px;line-height:1.5;color:#e5ceaa}.arena-marquee>small{font-size:10px;letter-spacing:2px}.arena-score{border-block:1px solid #bd9253;padding:12px 0;display:grid;gap:7px}.arena-score strong{font-size:27px}.arena-ticket{display:block;width:100%;position:relative;text-align:left;padding:18px;margin:15px 0;background:linear-gradient(110deg,#d9c496,#b99a66);border:3px double #5b422a;border-left:8px solid #744031;color:#2d2115;box-shadow:0 4px 7px #0008;border-radius:4px}.arena-ticket h3{color:#2d2115;font:700 25px Georgia;margin:10px 0}.arena-ticket p,.arena-ticket small{color:#49351e}.arena-ticket small{display:block;font-size:11px;line-height:1.5}.arena-ticket div{font-weight:700;margin:12px 0}.arena-ticket span{display:block;margin-top:12px;font-weight:700;border-top:1px dashed #795838;padding-top:10px}.arena-rule{padding:12px;background:#233c2d;border:1px solid #af884c;color:#f1d7a6}.arena-rule p{color:inherit;font-size:12px}.arena-receipt{background:#dfcca2;color:#322719;padding:15px;border:3px double #88643a;margin:18px 0}.arena-receipt p,.arena-receipt small{color:#322719}.arena-preparation details{margin-top:12px}.arena-preparation summary{min-height:44px;padding:10px 0}

/* 0.30 fighter cards and survival circuits */
.city-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.city-tabs button{font-size:12px}.fighter-portrait{width:78px;height:96px;float:right;margin:0 0 8px 10px;border:3px double #957345;border-radius:5px;background:radial-gradient(ellipse at top,#8c7958,#172b23 80%);overflow:hidden;position:relative}.fighter-portrait .human-figure{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.fighter-portrait .character-paint{display:block!important;flex:0 0 auto;width:100%!important;height:150%!important;aspect-ratio:2/3;background-size:300% 300%!important;margin:0}.fighter-portrait.large{float:none;margin:12px auto;width:120px;height:148px}.arena-ticket:after{content:'';display:block;clear:both}.series-rules{background:#252820;border:2px solid #986544;padding:14px;color:#efdcb6;margin:14px 0}.series-rules>b{color:#efb88b}.series-rules p{color:#e9d6b3;font-size:12px;line-height:1.6}.series-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;padding:12px;border:1px solid #9e7c49;color:#f6d7a0}.series-consent input{width:22px;height:22px;flex-shrink:0}.series-roster{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #695537}.series-roster .fighter-portrait{float:none;margin:0;flex:0 0 62px;height:76px}.series-roster small{display:block;margin-top:7px}.series-prize{padding:12px;border:2px solid #ab87c5;margin:12px 0;background:#25362c;display:grid;gap:8px}.series-prize>.slot-symbol{height:70px;width:70px;margin:auto}.series-prize b,.series-prize small{color:#ead2ef}.arena-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-modes button{font-size:12px;padding:10px 4px}.series-tier.tier-4{border-color:#763345;background:linear-gradient(110deg,#d6b1a1,#9e746d)}

.fighter-portrait .character-paint{height:100%!important;background-size:contain!important;background-position:center top!important;max-height:none!important}.loot-chest .item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;text-align:left}.loot-chest .item .item-icon{width:44px;height:52px}.loot-chest .item .body{min-width:0}.loot-chest .item .body strong{font-size:13px;overflow-wrap:normal;word-break:normal}.loot-chest .item .body small{font-size:11px}.loot-chest .item .value{grid-column:2;font-size:12px;text-align:left}
/* 0.31 — private correspondence, sealed envelopes and signed receipts. */
.desk-masthead{display:flex;gap:12px;align-items:center;padding:16px 12px;margin:16px 0;border:3px solid #261c13;box-shadow:inset 0 0 0 1px #b78e51,0 5px 8px #0008;background:repeating-linear-gradient(0deg,#0001 0 2px,transparent 2px 6px),linear-gradient(125deg,#614531,#2b251e);color:#f5dfb4}.desk-masthead h3{margin:3px 0;font:700 24px Georgia}.desk-masthead p{margin:5px 0 0;font-size:11px;color:#e1cb9f}.desk-masthead small{font-size:8px;letter-spacing:.12em;color:#dbc398}.desk-emblem{font-size:48px;color:#d7aa63;text-shadow:0 3px #120e0b}.desk-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:18px 0 10px}.desk-tabs button{min-height:44px;font-size:11px;padding:7px 3px;background:#152c26;border:1px solid #8e7851;color:#ded0ad;border-radius:4px}.desk-tabs button.selected{background:linear-gradient(#ab824a,#77522b);color:#fff1c9;box-shadow:inset 0 0 0 1px #e5c183}.desk-hint{color:#d1c9ac;font-size:11px;line-height:1.6;margin:10px 2px 16px}.desk-board{display:grid;gap:15px}.desk-envelope{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;min-width:0;padding:18px 15px 13px;border:1px solid #b79862;border-radius:2px;color:#302417;background:linear-gradient(155deg,transparent 48%,#9d774c30 49%,transparent 50%) top right/100% 80px no-repeat,repeating-linear-gradient(0deg,#8a693906 0 1px,transparent 1px 4px),linear-gradient(110deg,#e1d0a6,#c4af80);box-shadow:0 5px 0 #081912,3px 7px 11px #0008;overflow:hidden}.desk-envelope::before{content:'';position:absolute;inset:6px;border:1px dashed #715b3844;pointer-events:none}.desk-envelope .desk-wax{position:absolute;right:12px;top:15px}.desk-wax{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:3px double #be7460;background:radial-gradient(circle at 30% 30%,#9d3c31,#531e1c);color:#f5c896;font:700 22px Georgia;box-shadow:1px 3px 3px #0005;transform:rotate(-8deg)}.desk-kicker{font-size:9px;letter-spacing:.04em;font-weight:700;padding-right:45px;color:#61432b}.desk-envelope strong{font:700 23px/1.15 Georgia;margin:8px 45px 8px 0;color:#281e15}.desk-brief,.desk-clock{font-size:11px;font-weight:700;line-height:1.6;color:#5a3728}.desk-card-goal{font-size:12px;margin:11px 0;line-height:1.5;color:#3c3022}.desk-payout{font-size:11px;font-weight:700;border-top:1px dashed #8f754b;padding-top:9px;color:#443522}.desk-open{align-self:flex-end;font-size:10px;font-weight:700;color:#64392b;margin-top:12px}.desk-progress{font-size:13px;font-weight:800;margin:0 0 9px;color:#214735}.desk-envelope.grade-1{border-left:5px solid #315546}.desk-envelope.grade-2{border-left:5px solid #684b79;background-color:#dacaaa}.desk-envelope.grade-3{background:linear-gradient(145deg,#25292b,#11191a);border:2px solid #b69861;box-shadow:0 5px 0 #070e0e,inset 0 0 0 4px #262422}.desk-envelope.grade-3 strong,.desk-envelope.grade-3 .desk-kicker{color:#e8c68f}.desk-envelope.grade-3 .desk-card-goal,.desk-envelope.grade-3 .desk-payout{color:#dbd5c3}.desk-envelope.grade-3 .desk-brief,.desk-envelope.grade-3 .desk-clock,.desk-envelope.grade-3 .desk-open,.desk-envelope.grade-3 .desk-progress{color:#e2b37c}.desk-envelope.is-ready{border:3px solid #bfaa5a}.desk-envelope.is-used{opacity:.65}.desk-dossier{padding-top:6px}.desk-letterhead{padding:0 40px 18px 0}.desk-letterhead .desk-wax{margin-bottom:14px}.desk-letterhead small{color:#ddbd82;font-size:11px}.desk-letterhead h2{margin:8px 0;font:700 28px/1.1 Georgia;overflow-wrap:anywhere}.desk-letterhead b{font-size:12px;color:#d9c59a}.desk-paper{padding:15px 13px;margin:10px 0 16px;background:repeating-linear-gradient(0deg,#b89b5c0a 0 1px,transparent 1px 4px),linear-gradient(115deg,#e5d5af,#cdbb92);box-shadow:2px 4px #0c1914;color:#302719;border:1px solid #b59e6e}.desk-paper h3{font:700 21px Georgia;color:#402c1c;margin:0 0 12px}.desk-paper p,.desk-paper b{color:#35291c;font-size:13px;line-height:1.6}.desk-paper .bar{background:#8b7951}.desk-paper .bar i{background:linear-gradient(90deg,#365c45,#527852)}.desk-objective{margin:8px 0 15px}.desk-risk{border:2px solid #b76b51;background:#45251f;padding:12px;color:#f1c498;font-size:11px;font-weight:800;letter-spacing:.06em}.desk-risk p{color:#efd2b7;font-size:12px;font-weight:400;letter-spacing:normal}.desk-settlement{padding:15px 12px;background:#102920;border:1px solid #8b7850;margin:14px 0}.desk-settlement small{font-size:10px;color:#dfb76c;letter-spacing:.12em}.desk-settlement p{font-size:13px;color:#e4d8b9}.desk-settlement b{font-size:12px;color:#bfd59c}.desk-error{color:#ffbd9f!important;font-size:12px}.desk-consent{display:flex;align-items:flex-start;gap:10px;padding:12px 0;font-size:12px;color:#eddbb6}.desk-consent input,.desk-supply input{width:22px;height:22px;flex-shrink:0;accent-color:#976238}.desk-supply label{display:flex;gap:10px;align-items:center;padding:13px 8px;border-bottom:1px dashed #8f7950;background:#122a23}.desk-supply label:has(input:checked){background:#485039}.desk-supply b{font-size:13px;color:#edd6a6}.desk-supply small{display:block;font-size:11px;color:#c4c7ac;margin-top:5px}.desk-history,.desk-rules,.desk-effects{margin:20px 0 10px;padding:13px;border:1px solid #8b7650;background:#152820;color:#d8c6a0}.desk-history summary,.desk-rules summary{min-height:30px;cursor:pointer;font-weight:700}.desk-rules p,.desk-history p,.desk-effects p{color:#d9ceaf;font-size:12px;line-height:1.65}.desk-history button{display:block;text-align:left;width:100%;padding:12px 7px;margin-top:8px;background:#263c2f;color:#e8dab9;border:1px solid #6e7151}.desk-history button span{display:block;font-size:11px;margin-top:5px}.desk-empty{padding:25px 16px;background:#172e25;border:1px dashed #96875c;color:#dcd0ad}.desk-patrons{display:grid;gap:14px}.desk-patron{position:relative;background:linear-gradient(125deg,#354335,#172c25);border:2px solid #121e16;box-shadow:inset 0 0 0 1px #8c7951;padding:18px 14px;color:#e9d4ab}.desk-patron .desk-wax{float:right}.desk-patron h3{font:700 25px Georgia;margin:5px 0 12px;color:#f2d49d}.desk-patron small{color:#c8c5a7;font-size:11px}.desk-patron b{font-size:12px}.desk-patron p,.desk-patron li{font-size:12px;color:#d6cfb2}.desk-patron ul{padding-left:17px;margin-bottom:0}.desk-patron .bar{margin:10px 0}.desk-effects b{color:#e4bf7e}.desk-effects small{color:#c3ccad}.desk-dossier button,.desk-supply label{overflow-wrap:anywhere}@media(max-width:350px){.desk-envelope strong{font-size:21px}.desk-masthead h3{font-size:22px}.desk-letterhead h2{font-size:25px}.desk-tabs button{font-size:10px}}

/* Keep long stance names inside narrow mobile cards. */
.stance-choice b{overflow-wrap:anywhere}

/* City holds are already inside the shared energy wallet. */
.energy-cartridges i.reserved{opacity:.6;background:repeating-linear-gradient(45deg,#b3975e 0 2px,#403826 2px 4px);border:1px solid #d8c08a}

/* Keep every energy unit visible when text zoom narrows the viewport. */
@media(max-width:240px){.energy-cartridges{grid-template-columns:repeat(var(--energy-small-columns,13),minmax(0,1fr))}.energy-cartridges i{height:12px}}

.top{display:flex;align-items:center;gap:11px;padding:16px 15px 14px!important;min-height:92px}
.top .brand-emblem{width:49px;height:57px;flex:0 0 49px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.brand-emblem svg{display:block;width:100%!important;height:100%!important}
.top .logo{flex:1;min-width:0;color:#efcc85;text-shadow:0 2px 2px #000a;line-height:1}
.top .logo b{display:block;font:700 clamp(24px,7vw,34px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:.045em}
.top .logo small{display:block;color:#c8b485;font:600 9px/1.4 system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase;margin-top:7px}
.settings-trigger{display:grid;place-items:center;width:39px!important;height:39px!important;flex:0 0 39px;border:1px solid #937244!important;border-radius:9px!important;background:#142720!important;color:#e0be7e!important;box-shadow:inset 0 1px #ffffff0c}
.settings-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.settings-trigger:hover{background:#294037!important}.settings-trigger:focus-visible{outline:2px solid #f8d89a;outline-offset:3px}
.status[hidden]{display:none!important}
.settings-panel{color:#e9dfc9}.settings-panel h2{font:700 29px/1.15 Georgia,serif;margin:5px 40px 20px 0}
.settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:22px;padding:4px;border:1px solid #75613f;background:#0d1b18;border-radius:10px}
.settings-tabs button{font-size:12px;padding:11px 2px;border:0;border-radius:6px;background:transparent;color:#c8bc9d;min-width:0;overflow-wrap:anywhere}
.settings-tabs button[aria-selected=true]{background:#ddbd7e;color:#251d11;font-weight:800}
.settings-section{border:1px solid #6f6247;border-radius:10px;background:#14251f;padding:16px;margin:12px 0 18px}
.settings-section h3{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#c4a468}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #5e624338}.settings-row:first-of-type{border-top:0}
.settings-row span{font-size:14px;line-height:1.4;min-width:0}.settings-row small{display:block;color:#a9b3a3;font-size:11px;line-height:1.5;margin-top:4px}
.settings-row select{max-width:140px;min-height:42px;background:#0c1c17;color:#efd6a4;border:1px solid #9b7f4b;border-radius:6px;padding:8px;font:inherit;flex-shrink:0}
.settings-row input[type=checkbox]{appearance:none;width:43px;height:25px;flex:0 0 43px;border-radius:20px;background:#4b5146;border:1px solid #7c826c;cursor:pointer;position:relative}
.settings-row input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#d6cbb1;transition:transform .15s}.settings-row input:checked{background:#987b40;border-color:#d7b76b}.settings-row input:checked:before{transform:translateX(17px);background:#fff0b6}
.settings-action{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:14px 12px;margin-top:9px;border:1px solid #697054;border-radius:7px;background:#1e3027;color:#efe4cc;text-align:left;font:600 13px/1.4 system-ui}
.settings-action span{font-size:21px;font-weight:400;color:#c8ad6d}.settings-action.danger{color:#f0b09d;border-color:#916050;background:#39271f}
.settings-account{padding:15px;background:#dcc698;border:1px solid #957849;border-radius:8px;color:#282218;margin-bottom:20px}.settings-account b{display:block;font-size:18px;overflow-wrap:anywhere}.settings-account small{color:#5e4a2d;font-size:11px}
.settings-footer{font-size:10px;color:#a59c81;margin:20px 0 0;text-align:center;letter-spacing:.12em}
.settings-panel .field{width:100%;box-sizing:border-box}.settings-panel textarea.field{min-height:125px;resize:vertical;white-space:pre-wrap}.settings-panel .label{font-size:12px}
.support-card{padding:13px 0;border-bottom:1px solid #6a654640}.support-card strong{font-size:13px;color:#dac58e}.support-card p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.support-card small{color:#9baf9d;font-size:10px}.support-reply{border-left:2px solid #bb9859;padding:8px 12px;background:#ffffff05}
.settings-form-error{color:#ffbdab;font-size:12px;min-height:20px;white-space:pre-wrap}.settings-form-success{color:#d4e6b7;font-size:12px}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(max-width:360px){.top{padding:13px 12px!important;gap:9px}.top .brand-emblem{width:41px;height:49px;flex-basis:41px}.top .logo b{font-size:25px;letter-spacing:.025em}.top .logo small{font-size:8px;letter-spacing:.22em}.settings-trigger{width:34px!important;height:36px!important;flex-basis:34px}.settings-section{padding:12px}.settings-row{gap:8px}.settings-row select{max-width:119px;font-size:12px}}

.account-card{display:flex;align-items:center;gap:14px}.account-monogram{display:grid;place-items:center;flex:0 0 45px;height:45px;border:1px solid #c9a866;background:#273b2e;color:#e4c788;font:700 26px Georgia}.account-card b,.account-card small{display:block;overflow-wrap:anywhere}.account-card small{color:#b2b79e;font-size:11px;margin:4px 0}.account-card b{font-size:18px}.settings-section-heading,.support-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-section-heading h3{margin-bottom:0}.text-button{border:0;background:transparent;color:#dfc385;padding:6px;font-size:12px}.support-meta{font-size:11px;color:#c9b17a}.support-meta time{font-size:10px;color:#a8ad9d}
.settings-panel{position:relative}.settings-panel>.close{position:absolute;right:0;top:0;float:none}.settings-panel h2{padding-right:0}.settings-row input[type=checkbox]{min-height:25px;height:25px}.account-card>div{min-width:0}.settings-tabs button{white-space:nowrap;overflow-wrap:normal;letter-spacing:0}.settings-panel textarea{font:inherit}.settings-language-note{font-size:12px;color:#a9b3a3;margin:8px 0 0!important}
@media(max-width:360px){.settings-panel h2{font-size:26px}.settings-tabs{gap:2px;padding:3px}.settings-tabs button{font-size:10px;padding:10px 0}.account-card b{font-size:14px}.account-monogram{flex-basis:35px;height:35px;font-size:22px}.account-card{gap:10px}.settings-section h3{letter-spacing:.1em}}

/* Brass, leather and enamel. Preserve the masters' colors. */
.kg-art{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;max-width:100%;background:none;filter:none}
.kg-control{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}
button.close .kg-control{width:22px;height:22px}
.kg-character{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kg-character-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:3px}
.kg-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}
.kg-portrait-choice{padding:3px;background:#15201c;border:1px solid #745c38;border-radius:5px;min-width:0;overflow:hidden;box-shadow:0 3px 6px #0006;color:#d1bd98}
.kg-portrait-choice.active{border:2px solid #e0b86b;padding:2px;background:#443723;box-shadow:0 0 0 1px #d6b27144}
.kg-portrait-thumb{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top;border-radius:2px}
.kg-portrait-choice span{display:block;font-size:10px;line-height:1.4;padding:7px 0}
.class-choice>.kg-art{float:left;margin:0 8px 5px 0;width:36px;height:36px}
.class-choice small{clear:both;line-height:1.4}
.kg-appearance-preview{height:320px;margin:14px auto;width:213px;max-width:100%;border:2px solid #a2834c;border-radius:4px;background:#111c18;box-shadow:0 8px 20px #0006}
.equipment-board .hero-center .hero-model{inset:0;align-items:center}
.equipment-board .hero-center .hero-model .kg-character{width:100%;height:100%;background:#121b18}
.equipment-board .hero-center .hero-model .kg-character-image{width:100%;height:100%;max-height:100%;object-fit:contain;animation:none}
.equipment-board .hero-halo,.equipment-board .dossier-stamp,.equipment-board .hero-dressing:before{display:none}
.kg-equipment{display:flex!important;align-items:center;justify-content:center;background-image:none!important}
.kg-equipment .kg-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #0004)}
.item-art{width:150px;height:150px;border-radius:6px}
.item-art .slot-symbol{width:130px;height:130px}
.kg-medal.medal-emblem{display:inline-flex;align-items:center;justify-content:center;width:64px;height:70px;margin:0;background:none;border:0;box-shadow:none;border-radius:0;filter:none}
.kg-medal.medal-emblem:before,.kg-medal.medal-emblem:after{display:none}
.kg-medal .kg-art{width:100%;height:100%}
.hero-medal-slot .kg-medal.medal-emblem{width:40px;height:44px;margin:0 0 3px}
.kg-bullet{width:17px;height:34px;object-fit:contain}
.level-seal{position:relative;background:none!important;border:0!important;box-shadow:none!important;isolation:isolate}
.level-seal>.kg-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.level-seal>b{color:#ffe7ac;font-size:inherit!important;text-shadow:0 2px 3px #000}
.attribute-line>span{display:flex;align-items:center;gap:7px;min-width:0}
.attribute-line>span>.kg-art{width:25px;height:25px}
.attribute-line .kg-control{width:13px;height:13px;opacity:.65}
.achievement-medal{position:relative;display:flex;align-items:center;justify-content:center}
.achievement-medal>.kg-art{width:43px;height:55px}
.achievement-card.claimed .achievement-medal{background:none;box-shadow:none;border:0}
.achievement-medal>.kg-control{position:absolute;right:-3px;bottom:0;background:#203b28;border:1px solid #c3ac64;border-radius:50%;color:#eee0b4;padding:2px;width:18px;height:18px}
.achievement-banner>.kg-art{width:80px;height:80px}
.victory-symbol .kg-art{width:80px;height:80px}
.city-tabs button .kg-art{width:23px;height:23px;margin-right:5px}
.stance-choice>.kg-art{display:block;width:34px;height:34px;margin:0 auto 7px}
.technique-choice>.kg-art,.technique-choice>.kg-control{float:left;margin:3px 9px 5px 0}
.op-stat>span>.kg-art{width:24px;height:24px;margin-right:4px}
.op-stat>span{flex-wrap:wrap;justify-content:center;gap:2px}
.kg-contract-grade{float:right;margin-left:8px}
.desk-wax{background:none!important;border:0!important;box-shadow:none!important;transform:none!important}
.desk-wax>.kg-art{width:42px;height:42px}
.desk-emblem>.kg-art{width:48px;height:48px}
.school-summary b .kg-art{margin-right:4px}
.stage-actor .kg-character{border:1px solid #9a7e4f;border-radius:4px;box-shadow:0 5px 15px #0008;background:#101a18}
.stage-actor .kg-character-image{object-fit:contain}
.actor-1 .kg-character{transform:none}
.kg-inline-icon{margin-right:6px}
.kg-school-icon{display:block;margin:0 auto 8px}
.kg-map-icon{width:30px;height:30px;display:block;margin:auto}
.kg-event-icon{width:26px;height:26px;margin-right:6px}
@media(max-width:359px){.kg-portraits{gap:5px}.kg-portrait-choice span{font-size:9px}.class-choice{padding:10px 8px}.class-choice>.kg-art{width:30px;height:30px}.city-tabs button .kg-art{width:20px;height:20px}.attribute-line>span{gap:5px}.attribute-line>span>.kg-art{width:22px;height:22px}}

.inventory-tile strong{overflow-wrap:anywhere;line-height:1.25;font-size:11px;min-height:3.75em}.inventory-tile{height:auto;min-height:154px}.shop-product strong{overflow-wrap:anywhere}

/* 0.35: scenery is a separate image layer; every figure retains its alpha channel. */
.kg-scene{position:relative;isolation:isolate;overflow:hidden;background:#111b1b}
.kg-scene>.kg-scene-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.kg-scene>.kg-character{position:relative;z-index:1}
.kg-appearance-preview{width:100%;height:320px}
.kg-appearance-preview>.kg-character{max-width:none;padding:8px 0}
.kg-backgrounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}
.kg-background-choice{padding:3px;border:1px solid #745c38;background:#15201c;border-radius:5px;color:#d1bd98;min-width:0;overflow:hidden}
.kg-background-choice.active{border:2px solid #e0b86b;padding:2px;background:#443723}
.kg-background-thumb{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.kg-background-choice span{display:block;min-height:36px;padding:8px 2px;font-size:11px;line-height:1.3}
.equipment-board .hero-center .hero-model .kg-character,.stage-actor .kg-character{background:transparent;border:0;border-radius:0;box-shadow:none}
.kg-character-image{border-radius:0;object-fit:contain;object-position:center bottom}
.kg-portrait-thumb{object-fit:contain}
.duel-stage.kg-scene{background:#111b1b}
.duel-stage .duel-round,.duel-stage .stance-badge{z-index:4}
.stage-actor .kg-character{overflow:visible}
.actor-1 .kg-character{transform:scaleX(-1)}
.op-photo .kg-character,.fighter-portrait .kg-character{padding:3px}
.kg-background-choice:focus-visible,.kg-portrait-choice:focus-visible{outline:3px solid #f4d387;outline-offset:2px}

/* 0.36: recruitment, coach and contextual help. Uses approved character art. */
.recruit{padding:4px 0 18px}.recruit-title{font-size:32px;line-height:1.08;margin:10px 0 12px;color:#f1d6a2}.recruit-intro{color:#b6b8b5;font-size:14px;margin-bottom:28px}.recruit-section-title{display:flex;align-items:center;gap:10px;margin:24px 0 12px}.recruit-section-title>span{font-size:11px;color:#dcb674;border:1px solid #846c43;padding:5px 6px;border-radius:5px}.recruit-section-title h3{font-family:inherit;font-size:15px;margin:0;flex:1}.recruit-section-title small{font-size:10px;color:#aaa}.recruit-classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.recruit-classes .class-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:8px 2px;border:1px solid #51534a;border-radius:9px}.recruit-classes b{font-size:10px}.recruit-classes .active{border-color:#ecc578;background:linear-gradient(145deg,#645333,#252b2a);box-shadow:inset 0 0 0 1px #ecc578}.recruit-stage{position:relative;height:330px;margin-top:14px;overflow:hidden;border-radius:12px;border:1px solid #84704d;background:#101d25}.recruit-stage>.kg-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.recruit-stage>.human-figure{position:absolute;left:12%;bottom:0;width:76%;height:315px;margin:0;max-width:none}.recruit-stage .kg-character-image{width:100%;height:100%;object-fit:contain}.recruit-caption{position:absolute;inset:auto 0 0;padding:40px 20px 17px;background:linear-gradient(transparent,#10191bec 35%,#10191b);pointer-events:none}.recruit-caption span{font-size:9px;letter-spacing:2px;color:#b7b5a8}.recruit-caption h2{font-size:29px;margin:6px 0}.recruit-caption b{font-size:12px;color:#f4d38f}.recruit-profile{padding:16px 4px 0}.recruit-profile h3{font-size:17px;margin:0 0 7px}.recruit-profile p{font-size:13px;line-height:1.55;color:#c5c9c5;margin:0 0 10px}.recruit-profile small{display:block;color:#b69d76;font-size:11px;line-height:1.5}.recruit .kg-portraits{gap:7px}.recruit .kg-portrait-choice{min-width:0}.recruit .kg-portrait-thumb{height:115px}.recruit-identity{margin-top:24px;padding:1px 16px 20px;border:1px solid #5f5744;border-radius:12px;background:#1e2729}.recruit-name{position:relative}.recruit-name input{padding-right:64px;min-height:52px;font-size:17px}.recruit-name>span{position:absolute;right:12px;top:17px;font-size:10px;color:#b2b1a4}.recruit .note{font-size:11px;line-height:1.5}.recruit-decision{color:#d1bea0;font-size:12px;line-height:1.5;margin:18px 0}.recruit .error:empty{display:none}.recruit .error{font-size:12px;color:#ffb49d}.recruit [aria-invalid=true]{border-color:#df9984}.recruit :focus-visible,.context-help:focus-visible{outline:2px solid #ffdb8b;outline-offset:3px}.context-help{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;width:36px;min-width:36px;height:36px;padding:0;margin-left:8px;border:1px solid #9a8157;border-radius:50%;background:#252d2d;color:#e4c586;font:700 16px Georgia,serif;cursor:pointer}.context-help:hover{background:#4a4230}.arena-ticket+.context-help{display:flex;margin: -50px 14px 20px auto;position:relative}.section-head h2{flex:1}h2>.context-help,h3>.context-help{float:right;margin-top:-2px}.coach-card{padding:16px!important;border:1px solid #ae8f59!important;border-radius:12px!important;background:linear-gradient(130deg,#34352a,#18292d)!important;box-shadow:0 8px 25px #0002}.coach-top{display:flex;align-items:center;justify-content:space-between;color:#cbb986;font-size:10px;letter-spacing:1px}.coach-top .context-help{width:30px;min-width:30px;height:30px}.coach-progress{display:flex;gap:5px;margin:10px 0 14px}.coach-progress i{height:3px;border-radius:2px;flex:1;background:#4b514c}.coach-progress .done{background:#86b899}.coach-progress .current{background:#e4bc74}.coach-card h3{font-size:19px!important;margin:8px 0}.coach-card p{font-size:12px!important;line-height:1.55}.coach-card>small{display:block;text-align:center;color:#abb7b0;font-size:10px;margin-top:12px;line-height:1.4}.coach-cost{padding:10px;border-radius:6px;background:#101e2480;font-size:12px}.coach-cover{display:flex;align-items:center;gap:14px;padding:10px 0;color:#c3ad80;font-size:10px;letter-spacing:1.4px;line-height:1.7}.coach-quote{border-left:2px solid #af8c4f;padding:5px 15px;color:#d9d1bd;font-size:14px;line-height:1.65}.coach-quote b{display:block;color:#bcaa86;font-size:12px;margin-top:8px}.coach-checklist{list-style:none;padding:5px 0}.coach-checklist li{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:13px}.coach-checklist span{border:1px solid #6b715e;border-radius:50%;width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#d3bc83;flex-shrink:0}.coach-footer{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.coach-footer small{font-size:10px;color:#b5b5a8}.coach-next{border-top:1px solid #706348;margin-top:24px;padding-top:12px}.coach-next .ghost{display:block;width:100%;text-align:left}.tutorial-target{outline:2px solid #e8c078;outline-offset:4px;box-shadow:0 0 20px #e2b76630}.help-copy{white-space:pre-line;line-height:1.7;font-size:14px}.help-kicker{font-size:10px;letter-spacing:1.5px;color:#c9b381}#help-modal{max-height:85dvh;overflow:auto}#help-modal .close{min-width:40px;min-height:40px}.settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.settings-tabs button{min-width:0;padding:10px 3px;font-size:11px}.gear-properties>div{min-height:44px}.gear-properties b{font-size:17px!important;white-space:nowrap}.gear-properties .ghost{font-size:12px;text-align:left}.compare-line{font-size:11px!important;gap:7px}.item .body small{overflow-wrap:anywhere}.recruit .context-help{float:none}.recruit-profile h3{padding-right:0}@media(max-width:360px){.recruit-title{font-size:28px}.recruit-stage{height:290px}.recruit-stage>.human-figure{height:280px}.recruit-classes b{font-size:9px}.recruit-identity{padding-left:12px;padding-right:12px}.recruit-section-title small{max-width:85px}.context-help{width:32px;min-width:32px;height:32px}.coach-footer{display:block}.gear-properties b{font-size:14px!important}}

.nav[hidden]{display:none!important}.recruit-caption{z-index:5}.recruit-stage>.human-figure{z-index:2}.recruit-caption h2{padding:0}.recruit-stage .kg-scene-background{z-index:0}

/* City atlas v1. Artwork, geometry and labels are separate layers. */
.nav.city-nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:3px;overflow:visible;padding-top:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.nav.city-nav button{min-width:0;padding:5px 1px}.nav.city-nav button b{font-size:9px;overflow-wrap:anywhere}.nav.city-nav .city-hub{width:62px;height:62px;min-height:62px;margin:-18px auto 0;border-radius:50%;border:2px solid #cbab6f;color:#f5dfaa;background:radial-gradient(circle at 35% 25%,#6f6244,#26342b 72%);box-shadow:0 0 0 5px #101e18,0 3px 10px #0008;position:relative;padding:4px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav.city-nav .city-hub.active{border-color:#ffe4a3;box-shadow:0 0 0 5px #172d24,0 0 18px #c6a86970}.city-hub>span{height:30px;line-height:30px}.city-hub svg{width:30px;height:30px}.city-nav-badge{position:absolute;right:-4px;top:-3px;min-width:21px;min-height:21px;border:1px solid #efcc89;border-radius:50%;background:#6b3327;color:#ffedd0;font:700 11px/20px system-ui;font-style:normal}.city-topline{display:flex;align-items:center;gap:8px;margin:-8px 0 8px}.city-topline p{font-size:12px;flex:1;color:#c4c9b3}.city-topline .ghost{min-width:44px}.city-release-note,.city-closed-note{background:#192b25;border:1px solid #8e7b50;padding:12px;font-size:13px;line-height:1.6;color:#eddfba;border-radius:5px}.city-release-note{border-left:3px solid #d4b576}.city-service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.city-service-links .secondary{font-size:12px;padding:8px 4px;min-width:0;overflow-wrap:anywhere}.city-service-links small{display:block;color:#b9b7a6;font-size:10px;margin-top:3px}.city-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.city-view-tabs button{min-height:48px;background:#202f28;border:1px solid #6e6d50;border-radius:4px;padding:8px 4px;font-size:12px}.city-view-tabs .active{background:#a48b58;color:#171c15;font-weight:700}.city-district-card{border-left:3px solid #cfb27b;margin:12px 0;padding:12px;background:#0d1e19}.city-district-card h3{font:700 19px Georgia;color:#f4e3ba}.city-district-card p{margin-top:5px;font-size:13px}.city-district-card small{display:block;color:#c0c7b5;margin-top:4px}.city-map-toolbar{display:flex;gap:5px;align-items:center;margin:12px 0 7px}.city-map-toolbar .secondary{width:44px;padding:3px;font-size:24px;min-height:44px}.city-map-toolbar output{font-size:12px;text-align:center;min-width:45px}.city-map-toolbar .ghost{margin-left:auto;font-size:12px;padding:5px}.city-map{width:100%;height:clamp(340px,105vw,465px);position:relative;overflow:hidden;border:2px solid #958056;border-radius:8px;background:radial-gradient(ellipse,#23372e,#101c18);touch-action:none;isolation:isolate;user-select:none}.city-map:focus-visible{outline:3px solid #ffe3a1;outline-offset:3px}.city-world{position:absolute;left:0;top:0;width:1000px;height:1000px;transform-origin:0 0;will-change:transform}.city-map-art{position:absolute;width:1000px;height:1000px;object-fit:cover;pointer-events:none;max-width:none;filter:brightness(.84)}.city-boundaries{width:1000px;height:1000px;position:absolute;inset:0;overflow:visible}.city-boundaries polygon{fill:#e6c36a08;stroke:#e8ce9e88;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.city-boundaries polygon.selected{fill:#ecc97620;stroke:#ffe1a4;stroke-width:2.5}.city-pins{position:absolute;inset:0;pointer-events:none}.city-pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:44px;min-height:44px;height:44px;display:grid;place-items:center;overflow:visible;background:transparent;color:#fff2d2;border:0;padding:0;transition:none!important}.city-pin[hidden]{display:none}.city-pin b{display:grid;place-items:center;width:31px;height:31px;background:#172b24ee;border:2px solid #dfba77;border-radius:50%;font:bold 12px/1 system-ui;box-shadow:0 3px 8px #000b}.city-pin.closed b{border-style:dashed;background:#202722e8;color:#ddd5ba}.city-pin.owned b{background:#a48242;color:#111d18;border-color:#fff0ba}.city-pin .city-pin-name{position:absolute;top:39px;left:50%;transform:translateX(-50%);width:88px;padding:3px 4px;background:#111e19e8;border:1px solid #9b8655;border-radius:3px;font:10px/1.2 system-ui;text-align:center;pointer-events:none;text-wrap:balance;box-shadow:0 2px 5px #0007}.neutral-pin b{width:36px;height:36px;border-radius:7px;background:#745b31;color:#fff1c9;font:700 17px Georgia;border-color:#f1d292}.neutral-pin .city-pin-name{font-weight:700;font-size:10px}.building-pin b{border-radius:5px;font-size:14px}.building-pin .city-pin-name{font-size:11px;width:108px}.city-pin:focus-visible{outline:3px solid #fff0b2;border-radius:6px;z-index:5}.city-pin:focus-visible .city-pin-name,.city-pin:hover .city-pin-name{display:block!important;z-index:5}.city-map-fallback{position:absolute;left:8px;right:8px;bottom:8px;text-align:center;background:#172b22;padding:9px;font-size:12px;pointer-events:none}.city-map-fallback[hidden]{display:none}#city-map-help{margin-top:8px;color:#c1cbb9;font-size:11px}.city-object-list{margin-top:20px}.city-list-title{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.city-list-title h3{font:700 19px Georgia}.city-list-title span{font-size:11px;color:#c1cbb9;white-space:nowrap}.city-building-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#16291fe8;border:1px solid #6d6e4b;border-radius:5px;padding:12px 9px;margin-top:7px;min-height:78px}.city-building-row>span:nth-child(2){flex:1;min-width:0}.city-building-row b{font-size:14px;color:#f0ddb0;display:block;overflow-wrap:anywhere}.city-building-row small{display:block;font-size:11px;color:#c2c6b0;margin-top:3px}.city-building-row.owned{border-left:4px solid #e8c37d}.city-rank{width:32px;flex-shrink:0;height:37px;display:grid;place-items:center;border:1px solid #b0945e;border-radius:3px;background:#413c27;color:#efddb4;font:700 17px Georgia}.city-empty{padding:28px 14px;color:#d9d3bb;text-align:center;background:#14271e;border:1px dashed #6c775b;margin:10px 0;font-size:14px}.city-load-error{padding:10px;background:#513429;border:1px solid #c08658;color:#ffdebe;font-size:13px;margin:8px 0}.city-load-error button{background:transparent;text-decoration:underline;color:inherit}.city-facts{display:grid;grid-template-columns:85px 1fr;gap:10px;font-size:13px;margin:16px 0}.city-facts dt{color:#c6b283}.city-facts dd{margin:0;overflow-wrap:anywhere}.city-building-portrait{height:115px;display:flex;justify-content:center;align-items:center;gap:20px;background:radial-gradient(ellipse,#66705233,#102219);border:1px solid #8f7b54;border-radius:5px;color:#dec28a}.city-building-portrait svg{width:72px;height:72px}.city-building-portrait span{font:700 38px Georgia}.city-building-portrait.rank-2{color:#d7dcc2}.city-building-portrait.rank-3{color:#e9c3a2}body:has([data-city-screen]){overscroll-behavior-x:none}@media(max-width:359px){.nav.city-nav .city-hub{width:56px;height:56px;min-height:56px}.nav.city-nav button b{font-size:8px}.city-service-links{grid-template-columns:repeat(2,minmax(0,1fr))}.city-pin.district-pin .city-pin-name{display:none}.city-view-tabs button{font-size:11px}.city-map-toolbar{gap:4px}}@media(prefers-reduced-motion:reduce){.city-world{will-change:auto}.city-pin,.city-hub{animation:none!important;transition:none!important}}
@media(max-width:279px){.nav.city-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.nav.city-nav button{grid-column:span 2;min-height:48px}.nav.city-nav [data-tab=city]{grid-column:1/3;grid-row:1}.nav.city-nav [data-tab=metropolis]{grid-column:3/5;grid-row:1;width:48px;height:48px;min-height:48px;margin:0 auto}.nav.city-nav [data-tab=hero]{grid-column:5/7;grid-row:1}.nav.city-nav [data-tab=shop]{grid-column:1/4;grid-row:2}.nav.city-nav [data-tab=workshop]{grid-column:4/7;grid-row:2}.nav.city-nav button .mafia-icon{width:27px;height:27px}.nav.city-nav button span{height:28px}.phone{padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))}.city-topline{flex-wrap:wrap}.city-topline p{flex-basis:100%}.city-view-tabs{grid-template-columns:1fr}.city-service-links{grid-template-columns:1fr}.city-map-toolbar{flex-wrap:wrap}.city-list-title{flex-wrap:wrap}.city-facts{grid-template-columns:1fr}.city-rank{width:25px}.city-building-row{gap:6px;padding:9px 6px}.city-pin-name{display:none!important}.city-topline button{min-width:44px}.command-desk .top{flex-wrap:wrap}.resources{grid-template-columns:1fr!important}.resources>*{grid-column:1!important}.logo{max-width:100%;font-size:18px!important}.brand-emblem{display:none}.chapter-heading{flex-wrap:wrap}.chapter-heading h2{overflow-wrap:anywhere}.chapter-heading .pill{max-width:none}.top .settings-trigger{margin-left:auto}.city-map{min-height:310px;height:310px}.city-view-tabs button{font-size:13px}.toast{bottom:150px}}

.city-map-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:12px 0}.city-map-key button{display:flex;align-items:center;gap:7px;text-align:left;min-height:44px;border:1px solid #6e6d50;border-radius:4px;background:#17281f;padding:6px;font-size:11px;line-height:1.3;min-width:0}.city-map-key b{color:#e2c184;font:700 13px Georgia;flex-shrink:0}.city-map-key span{overflow-wrap:anywhere}.city-pin .city-label-hidden{display:none}.city-pin:focus-visible .city-label-hidden,.city-pin:hover .city-label-hidden{display:block;z-index:9}@media(max-width:279px){.city-map-key{grid-template-columns:1fr}}

.city-authority-appearance{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:10px 0;border:1px solid #9c8550;border-radius:8px;color:#e5d4a1;background:#223b31;overflow-wrap:anywhere}.city-authority-appearance>span{font-size:28px}.city-authority-appearance strong,.city-authority-appearance small{display:block}.city-authority-appearance small{margin-top:3px}.city-authority-appearance.authority-frame{border:4px double #d4bb7b}.city-authority-appearance.authority-emblem>span{border:1px solid #d4bb7b;border-radius:50%;padding:4px 10px}.city-authority-appearance.authority-profile{background:linear-gradient(120deg,#1c352d,#555037,#1c352d);border-color:#e2c986}

.city-combat-panel{max-width:100%;overflow-wrap:anywhere}.city-combat-panel h2{padding-right:28px}.city-property-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.city-property-rank{flex-shrink:0;white-space:nowrap;border:1px solid #b8975a;padding:5px 9px;color:#e8cc8e;border-radius:5px}.city-kit{border:1px solid #564733;border-radius:10px;padding:12px;margin-top:12px;background:#191b1b}.city-kit h3{font-size:14px;margin:0 0 10px}.city-kit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.city-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0}.city-stats div{display:flex;flex-direction:column;min-width:0}.city-stats dt{font-size:11px;color:#bcb9ac}.city-stats dd{font-weight:800;font-size:17px;margin:2px 0}.city-combat-panel .field{width:100%;min-width:0;max-width:100%}.city-capture-form,.city-owner-tools{border-top:1px solid #5d4b32;margin-top:18px;padding-top:12px}.city-energy{display:grid;gap:5px;padding:12px;border:1px solid #8a743d;border-radius:8px;margin:14px 0;background:#282319;font-size:13px}.city-alert{border-left:3px solid #d9ac5e;padding:10px;background:#382b20}.city-journal,.city-replay-log{margin-top:16px;border-top:1px solid #665338;padding-top:12px}.city-journal summary,.city-replay-log summary{cursor:pointer;padding:8px 0}.city-journal article,.city-event{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #403b32}.city-journal article strong,.city-event strong{width:100%;font-size:13px}.city-journal time,.city-event time{display:block;width:100%;font-size:12px;color:#bcb9ac}.city-score{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.city-score span{display:grid;text-align:center;border:1px solid #6d5a3f;border-radius:10px;padding:12px}.city-score b{font-size:32px;color:#e0c58e}.city-series-rounds article{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-top:1px solid #554b3b;padding:12px 0}.city-series-rounds article span{font-size:12px}.city-replay-log ol{padding-left:20px}.city-replay-log li{padding:6px 0;font-size:12px;line-height:1.5}.city-loadout-slots{margin:14px 0}.city-combat-panel button{min-height:44px;white-space:normal}.city-combat-panel .label{display:block;margin-top:10px}.city-combat-panel .error:empty{display:none}.city-event-link{margin:10px 0;width:100%}@media(max-width:350px){.city-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.city-kit-buttons{grid-template-columns:1fr}.city-score{gap:6px}}
@media(max-width:260px){.city-combat-panel h2{font-size:22px;line-height:1.25;padding-right:0;margin-top:38px}.city-property-heading{display:block}.city-property-rank{display:inline-block;margin-bottom:8px}.city-property-heading>span:last-child{display:block}.city-stats{grid-template-columns:1fr}}

.journal-row{display:flex;align-items:center;gap:10px;padding:12px 8px;border-bottom:1px solid #9f896455;overflow-wrap:anywhere}
.journal-row>div{flex:1;min-width:0}.journal-row small{display:block;margin-top:5px;color:#b9aa91}
.journal-unread{border-left:3px solid #d4b36c;background:#ad8c3910}.journal-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.journal-actions button{flex:1;min-width:95px}
.journal-check{display:flex;align-items:center;gap:10px;padding:12px 0;line-height:1.45}.journal-check input{flex:0 0 20px;width:20px;height:20px}
.journal-reminders{padding:10px;border:1px solid #a28a57;border-radius:10px}.journal-reminders article+article{border-top:1px solid #9f896455;margin-top:12px}
[data-journal-badge]{display:block;font-size:11px;line-height:1.5}[data-journal-view] button{white-space:normal}

.clan-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;min-height:0;border:1px solid #a78a50;border-radius:12px;background:#0b1921}.clan-stage .kg-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.clan-stage .kg-human{position:relative;z-index:2}.clan-emblem-overlay{position:absolute;z-index:3;right:8px;top:8px;display:flex;flex-direction:column;align-items:center;padding:5px 8px;color:#e6c17a;background:#071219df;border:1px solid #a78a50;border-radius:8px;font-size:10px;max-width:90px}.clan-emblem-overlay svg{width:30px;height:34px}.clan-scene-thumb{width:100%;height:180px;object-fit:cover;border-radius:8px}.clan-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.clan-tabs button{padding:8px 10px;font-size:12px}.clan-development-card{padding:12px 0;border-bottom:1px solid #8c754c66}.clan-progress{width:100%;accent-color:#c8a458}.clan-forecast{background:#081a1cb0;padding:12px;border-left:3px solid #bb9955}.clan-preview-wide{aspect-ratio:16/10;min-height:0}.clan-preview-mobile{aspect-ratio:3/4}.clan-stage .human-figure,.clan-stage .kg-character{height:100%;max-height:650px;position:relative;z-index:2}.clan-stage>img:not(.kg-scene-background){position:absolute;inset:5% 10% 0;width:80%;height:95%;object-fit:contain;z-index:2}@media(prefers-reduced-motion:reduce){.clan-stage *{animation:none!important;transition:none!important}}

.clan-stage>.kg-character{position:absolute;inset:5% 0 0;height:95%;width:100%;z-index:2}.clan-roster-portrait{position:relative;width:100px;height:130px;float:left;margin:0 12px 8px 0;overflow:hidden;border-radius:8px;background:#081820}.city-owner-tools:has(.clan-roster-portrait){display:flow-root}.clan-roster-portrait .kg-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clan-roster-portrait>.kg-character{position:absolute;inset:0;width:100%;height:100%}.clan-roster-portrait .clan-emblem-overlay{right:1px;top:1px;padding:2px;font-size:7px;max-width:30px}.clan-roster-portrait .clan-emblem-overlay svg{width:16px;height:18px}

/* Local redesign: compact contextual help and eight-slot dossier. */
.context-help,.coach-top .context-help{width:24px!important;min-width:24px!important;max-width:24px;height:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 24px!important;padding:0!important;margin-left:6px;border-radius:50%;font-size:12px;line-height:1;float:none;vertical-align:middle;box-sizing:border-box}
h2>.context-help,h3>.context-help{float:none;margin-top:0}.help-label{display:inline-flex;align-items:center;gap:3px;max-width:100%;font-size:inherit;vertical-align:middle}.help-label>span{min-width:0}.help-label .context-help{margin:0}.help-label .ui-icon{width:20px;height:20px}.gear-properties .help-label{font-size:12px}.help-rules{display:block;margin-top:20px;color:#ebc37c;text-decoration:underline}.help-copy{font-size:13px;line-height:1.65}.arena-ticket+.context-help{margin:6px 0;display:inline-flex}
.body-slot-6{grid-column:1;grid-row:5}.body-slot-7{grid-column:3;grid-row:5}.equipment-board .hero-center{grid-row:2 / 6}.body-slot .empty-slot-icon img{width:100%;height:100%;object-fit:contain}.equipment-board{min-height:470px}.equipment-hint{font-size:11px}

.recruit-letter{position:relative;padding:20px 16px;background:linear-gradient(135deg,#33352e,#19282b);border:1px solid #7d6b48;border-radius:3px 16px 3px 3px}.recruit-letter p{font-size:13px;line-height:1.7;color:#cbc5b4;max-width:90%}.recruit-letter p b{display:block;margin-top:12px;color:#d7b87a;font-size:11px}.letter-stamp{position:absolute;right:14px;top:14px;border:1px solid #ac8855;border-radius:50%;padding:9px;font-family:Georgia;color:#c6a06c;transform:rotate(12deg)}.recruit-v38 .recruit-title{font-size:28px;line-height:1.12}.recruit-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0}.recruit-steps li{font-size:10px;color:#959e96;display:flex;align-items:center;gap:6px}.recruit-steps li>span{display:inline-grid;place-items:center;min-width:23px;height:23px;border:1px solid #5c6358;border-radius:50%}.recruit-steps .current{color:#efd094}.recruit-steps .current>span{background:#735d36;border-color:#d0af73}.recruit-steps .done{color:#9ac1a7}.recruit-v38 .recruit-stage{height:245px}.recruit-v38 .recruit-stage>.human-figure{height:245px}.recruit-actions{display:flex;gap:10px;margin:24px 0 10px}.recruit-actions .primary{flex:1}.recruit-v38 .recruit-identity{padding-top:18px}.skill-passive{padding:14px 16px;margin:16px 0;border-left:3px solid #caab71;background:#26322e;border-radius:0 10px 10px 0}.skill-passive>small{font-size:9px;letter-spacing:1.2px;color:#d2b982}.skill-passive h3{font-size:17px;margin:8px 0}.skill-passive p,.skill-dossier p{font-size:12px;line-height:1.6;color:#c6cabe}.skill-dossier{display:flex;gap:12px;border-bottom:1px solid #4b5248;padding:14px 2px}.skill-dossier h3{font-size:14px;margin:0 0 4px}.skill-dossier small{font-size:10px;color:#beac87}.skill-number{font:24px Georgia;color:#bd9d65;line-height:1.5}.recruit-final{padding:20px 14px;border:1px solid #867047;border-radius:12px;background:#202c2e}.recruit-final>h2{text-align:center;margin:8px}.recruit-final>p{text-align:center}.recruit-final-portrait{height:170px;overflow:hidden}.recruit-final-portrait .human-figure{height:225px;margin:0 auto;width:150px}.recruit-start{display:flex;flex-direction:column;gap:8px;border-top:1px solid #685b3e;padding-top:16px;font-size:12px;line-height:1.6}.rules-chapter{border-bottom:1px solid #52574b;padding:12px 0}.rules-chapter summary{font-size:13px;color:#e0c28a;cursor:pointer}.auth-dossier{border:1px solid #806d48;border-radius:18px;padding:25px 20px!important;background:radial-gradient(ellipse at top,#35413a,#17272d 65%)}.auth-dossier h2{font-size:34px;line-height:1.15}.auth-dossier>p{font-size:13px;line-height:1.6}.auth-dossier .auth-seal{display:grid;place-items:center;width:56px;height:56px;margin:24px 0;border:1px solid #bc9c61;border-radius:50%;font:24px Georgia;color:#d9b77b}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;gap:8px}.auth-tabs .active{background:#655532;border-color:#c3a363;color:#ffe3ae}.auth-show{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0}.auth-dossier form>small{font-size:10px;color:#bac2b8;display:block;margin:8px 0 20px}.auth-dossier .field{min-height:48px}.recruit-classes .class-choice{min-height:76px}

.equipment-board{grid-template-rows:28px repeat(4,112px)}.shop-categories{flex-wrap:wrap;grid-template-columns:repeat(4,minmax(0,1fr))}

/* Generated brass and enamel identity, shared by offline and online builds. */
.top .brand-logo{flex:1;min-width:0;max-width:340px;color:#d7bd89}
.brand-logo img{display:block;width:100%;height:auto;max-height:114px;object-fit:contain;object-position:center left;filter:drop-shadow(0 2px 3px #0009)}
.brand-logo small{display:block;text-align:center;font:600 8px/1.4 system-ui,sans-serif;letter-spacing:.27em;text-transform:uppercase;margin-top:2px}
.top .settings-trigger{position:static;align-self:flex-start;margin-top:9px}
.nav.city-nav .city-hub{width:64px;max-width:100%;height:76px;min-height:76px;margin:-17px auto 0;padding:2px 0 4px;border:1px solid #ac894e;border-radius:9px;background:linear-gradient(145deg,#364030,#14251f);box-shadow:0 0 0 3px #102019,0 4px 10px #0009;gap:1px}
.nav.city-nav .city-hub>span{display:block;width:56px;max-width:100%;height:56px;line-height:1;position:relative}
.nav.city-nav .city-hub .city-hub-art{display:block;width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 1px 2px #000b)}
.nav.city-nav .city-hub>b{line-height:12px;font-size:9px;letter-spacing:.04em}
.nav.city-nav .city-hub.active{border-color:#ffe4a3;background:linear-gradient(145deg,#5b5838,#243c2c);box-shadow:0 0 0 3px #172d24,0 0 14px #d0ad5a60}
.nav.city-nav .city-hub:focus-visible{outline:2px solid #ffe4a3;outline-offset:4px}
.city-hub>span>.authority-crest{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:19px;height:19px;border:1px solid #d9bb76;border-radius:4px;background:#14251f;font-size:13px;line-height:1}
.city-hub .city-nav-badge{right:-3px;top:-4px}
@media(max-width:359px){.nav.city-nav .city-hub{width:55px;height:69px;min-height:69px;margin-top:-12px}.nav.city-nav .city-hub>span{width:49px;height:49px}.brand-logo small{font-size:7px;letter-spacing:.2em}}
@media(max-width:260px){.top .settings-trigger{align-self:center}.brand-logo small{font-size:6px;letter-spacing:.06em}.nav.city-nav .city-hub{width:44px;height:57px;min-height:57px;margin-top:-4px}.nav.city-nav .city-hub>span{width:36px;height:36px}.nav.city-nav .city-hub>b{font-size:8px}}

/* HERO v1 — responsive live UI; textures contain no labels or player data. */
:root{--hero-leather:url("/assets/bdb6d7b18ff3b37c9d0d.png");--hero-paper:url("/assets/4f630c4b482174a06175.png");--hero-ink:#241b12;--hero-brass:#a98148}
body.hero-page{background:#171310;color:var(--hero-ink)}
.hero-page .phone{background:#ecdbb9 var(--hero-paper) center/560px;border:4px ridge #61422b!important;border-radius:12px!important;padding-bottom:0;overflow:hidden}
.hero-page .command-desk{display:none}
.hero-page .main{padding:0;min-height:0}
.hero-dossier{padding:4px 6px 8px;font-family:Georgia,'Times New Roman',serif;color:var(--hero-ink)}
.hero-dossier button,.hero-window button{font-family:inherit;cursor:pointer}
.hero-dossier button:focus-visible,.hero-window button:focus-visible{outline:3px solid #a84512;outline-offset:2px}
.leather{position:relative;background:linear-gradient(#ffffff05,#0005),var(--hero-leather) center/260px!important;color:#f2e5cd;border:3px ridge #654731;border-radius:7px;box-shadow:inset 0 0 0 1px #c6a568,inset 0 0 9px #0009,0 2px 3px #0006}
.leather:after{content:"";position:absolute;inset:4px;border:1px dashed #a57848;border-radius:3px;pointer-events:none;opacity:.72}
.dossier-identity{display:flex;align-items:center;gap:6px;margin-top:5px;min-height:44px;padding:1px 8px}
.dossier-identity button{border:0;box-shadow:none;background:none;color:inherit;padding:0;min-height:40px}
.dossier-level{display:flex;align-items:center;gap:4px;flex:0 0 auto}.dossier-level small{font-size:12px}
.dossier-level b{width:35px;height:35px;display:grid;place-items:center;border:3px double #a68d5e;border-radius:50%;box-shadow:inset 0 0 0 2px #322416,0 1px 2px #000;background:radial-gradient(#786248,#231c15);font-size:22px}
.dossier-name{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;font-size:clamp(15px,5vw,22px);line-height:1.1}
.dossier-name>span[translate]{overflow-wrap:anywhere}.dossier-name>span:last-child{font-size:16px;opacity:.55}
.dossier-vip{font-size:14px;letter-spacing:1px;color:#b6a17e;opacity:.6;flex:0 0 auto;border:1px solid #9b7748;padding:3px 5px;border-radius:4px}
.dossier-combat{display:grid;grid-template-columns:1fr 1fr .95fr 1.45fr;align-items:stretch;margin:5px 0 7px;border:2px ridge #a58756;border-radius:5px;background:#ecdbb9 var(--hero-paper) center/460px}
.dossier-combat>button{min-height:44px;min-width:0;padding:3px 2px;border:0;border-right:1px solid #92774c70;display:flex;gap:3px;align-items:center;justify-content:center;background:none;color:var(--hero-ink);font-size:clamp(12px,3.9vw,18px);font-variant-numeric:tabular-nums;white-space:nowrap}
.dossier-combat .kg-art{width:23px;height:27px;flex-shrink:0;object-fit:contain}
.dossier-combat .dossier-power{border:2px ridge #a68752;color:#f4e1bc;font-size:clamp(10px,3.5vw,16px);gap:3px;margin:2px}
.dossier-power .kg-art{width:20px}.dossier-power span{white-space:normal;line-height:1.15}.dossier-power b{white-space:nowrap}
.dossier-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.hero-dossier .dossier-portrait{position:relative;min-width:0;height:auto!important;min-height:0;margin:0;border:5px ridge #7a674b;border-radius:3px;overflow:hidden;background:#14120e;isolation:isolate;box-shadow:0 2px 4px #0008}
.dossier-portrait:before,.dossier-portrait:after{content:"";position:absolute;width:20px;height:20px;border:3px double #a89065;z-index:3;pointer-events:none}
.dossier-portrait:before{top:0;left:0;border-right:0;border-bottom:0}.dossier-portrait:after{bottom:0;right:0;border-left:0;border-top:0}
.hero-dossier .dossier-portrait>.kg-scene-background{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% center;opacity:1}
.hero-dossier .dossier-portrait .human-figure{position:absolute!important;inset:0 -23%!important;width:146%!important;height:100%!important;max-width:none!important;display:block!important;filter:drop-shadow(0 4px 7px #000b)}
.hero-dossier .dossier-portrait .kg-character-image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important}
.dossier-gear{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:3px ridge #69442d;border-radius:7px;background:#341e15 var(--hero-leather) center/240px;box-shadow:0 2px 3px #0009}
.dossier-slot{--rarity:#aaa393;position:relative;display:block;aspect-ratio:.92;min-width:0;min-height:0;width:100%;padding:0;overflow:hidden;border:3px ridge var(--rarity);border-radius:5px;background:radial-gradient(ellipse at 50% 55%,#3d3326,#100e0c 78%);color:#f2e7d1;box-shadow:inset 0 0 0 1px #1b150e,0 1px 2px #000}
.dossier-slot.rare-1{--rarity:#539067}.dossier-slot.rare-2{--rarity:#4b95c2}.dossier-slot.rare-3{--rarity:#a36dcb}
.dossier-slot:after{content:"";position:absolute;inset:2px;border:1px solid #dfcca43d;border-radius:2px;pointer-events:none}
.dossier-item-level,.dossier-item-up{position:absolute;top:2px;z-index:2;font:12px/1.1 Georgia,serif;text-shadow:0 1px 2px #000}
.dossier-item-level{left:3px}.dossier-item-up{right:2px;padding:1px 3px;background:#21180df0;border:1px solid #aa8958;border-radius:3px;color:#d4cbbc}.dossier-item-up.enhanced{color:#ffe1a0}
.dossier-item-art{position:absolute;inset:14px 0 14px;display:block}
.hero-dossier .dossier-item-art .slot-symbol,.hero-dossier .dossier-item-art .kg-item-image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;background:none!important;filter:drop-shadow(0 3px 3px #000)}
.dossier-slot-name{position:absolute;bottom:2px;left:1px;right:1px;z-index:2;text-align:center;font-size:clamp(9px,2.8vw,13px);line-height:1.1;text-shadow:0 1px 3px #000;background:linear-gradient(transparent,#000a)}
.dossier-empty-art{position:absolute;inset:16px 10px 18px;opacity:.28;filter:grayscale(1)}.dossier-empty-art .kg-art{width:100%;height:100%;object-fit:contain}
.dossier-possession{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center;margin:8px 0}
.dossier-medals{display:flex;justify-content:space-between;align-items:center;gap:4px}
.dossier-medals>button{display:grid;place-items:center;position:relative;flex:1;min-width:0;aspect-ratio:1;min-height:44px;max-height:64px;padding:0;background:none;border:0;box-shadow:none}
.dossier-medals .kg-art,.dossier-medals .medal-art{width:100%!important;height:100%!important;max-width:62px!important;max-height:62px!important;object-fit:contain}
.dossier-medals .dossier-medal-empty{border:3px double #997b4b;border-radius:50%;color:#58432a;font:32px Georgia;box-shadow:inset 0 0 5px #71523040;background:transparent}
.dossier-bag{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:49px;padding:5px 8px;font-size:clamp(15px,4.5vw,21px)}.dossier-bag .kg-art{width:36px;height:36px}
.dossier-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px ridge #b29a72}
.dossier-attributes>button{display:flex;align-items:center;gap:5px;min-width:0;min-height:37px;padding:3px 5px;border:0;border-bottom:1px solid #a58b6270;background:none;color:var(--hero-ink);font:clamp(11px,3.35vw,15px) Georgia,serif;text-align:left}
.dossier-attributes>button:nth-child(odd){border-right:1px solid #a58b6270}.dossier-attributes>button:nth-last-child(-n+2){border-bottom:0}
.dossier-attributes .kg-art{width:22px;height:26px;flex-shrink:0;object-fit:contain}.dossier-attributes b{margin-left:auto;font-size:clamp(16px,5vw,23px);font-variant-numeric:tabular-nums}
.dossier-links,.dossier-actions{display:grid;gap:6px;margin-top:6px}.dossier-links{grid-template-columns:1fr 1fr}.dossier-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.dossier-links>button{min-height:44px;padding:5px 7px;display:flex;align-items:center;gap:3px;min-width:0;font-size:clamp(12px,3.7vw,16px)}
.dossier-links>button>span{margin-left:auto}.dossier-links .kg-art{width:22px;height:22px}
.dossier-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#ffbe48;box-shadow:0 0 5px #ed941a}
.dossier-actions>button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:48px;padding:6px 2px;font-size:clamp(12px,3.6vw,17px)}
.dossier-actions .kg-art{width:25px;height:28px;object-fit:contain}
#hero-inventory[hidden]{display:none!important}#hero-inventory{margin-top:12px}
.hero-page #nav{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;padding:4px!important;border:4px ridge #714e30;border-radius:6px;background:#1c1712;box-shadow:inset 0 0 0 1px #a88752}
.hero-page #nav>button{position:relative;inset:auto;transform:none;margin:0!important;min-width:0;min-height:66px;padding:3px 1px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #7e6b4d;border-radius:3px;color:#e9dec8;background:linear-gradient(145deg,#363026,#131210);box-shadow:inset 0 0 4px #000!important}
.hero-page #nav>button.active{background:var(--hero-leather) center/200px;border-color:#b89862}.hero-page #nav>button>span{display:flex;align-items:center;justify-content:center;width:auto;height:32px;position:static}
.hero-page #nav b{font:clamp(10px,3.1vw,15px) Georgia,serif;text-transform:none;white-space:nowrap}
.hero-page #nav .kg-art,.hero-page #nav svg{width:34px!important;height:32px!important;position:static!important;transform:none!important;object-fit:contain}
.hero-page #nav .city-crest{width:37px!important;height:34px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none!important}
.hero-brand-footer{display:none}.hero-page .hero-brand-footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:9px;color:#c7a975;background:var(--hero-leather) center/260px;border:3px ridge #64472c;font:15px Georgia;letter-spacing:2px}
.hero-brand-footer:before,.hero-brand-footer:after{content:"";width:35px;height:1px;background:#ab8a4e}
.hero-modal{padding:0!important;width:min(460px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;border:5px ridge #704b30!important;border-radius:12px!important;background:#eddcbd var(--hero-paper) center/530px!important;color:var(--hero-ink)!important;box-shadow:0 10px 60px #000c;overflow:auto}
.hero-window{font-family:Georgia,'Times New Roman',serif;color:var(--hero-ink)}.hero-window-head{display:flex;align-items:center;gap:7px;position:sticky;top:0;z-index:5;background:var(--hero-leather) center/250px;border-bottom:4px ridge #84603b;padding:7px 8px;color:#f2e5cb}
.hero-window-head h2{flex:1;min-width:0;padding:0!important;margin:0!important;font:700 clamp(15px,4.2vw,20px)/1.15 Georgia!important;letter-spacing:.02em;text-transform:uppercase;overflow-wrap:anywhere}
.hero-window-head .close,.hero-window-head .hero-help{position:static!important;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0!important;background:radial-gradient(#665034,#2d2116)!important;border:3px double #b79a62!important;border-radius:50%!important;box-shadow:0 1px 3px #0008;color:#f4e6c9;font:24px Georgia}
.hero-window-head .close .kg-control{width:22px;height:22px}
.hero-window-body{padding:10px}.hero-window-body p{color:var(--hero-ink);font-size:14px;line-height:1.4;margin:8px 0}
.hero-window-body h3{color:var(--hero-ink)}.hero-wide{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;padding:9px;font-size:17px}
.hero-window .hero-fine{font-size:12px;text-align:center;color:#61513c}
.hero-detail-list>button{display:grid;grid-template-columns:27px minmax(0,1fr) auto 10px;align-items:center;gap:6px;min-height:44px;width:100%;border:0;border-bottom:1px solid #9f865960;background:none;color:var(--hero-ink);text-align:left;padding:7px 2px;font-size:14px}
.hero-detail-list>button:last-child{border-bottom:0}.hero-detail-list .kg-art{width:24px;height:26px;object-fit:contain}.hero-detail-list b{font-size:18px;white-space:nowrap}.hero-detail-list i{font:20px Georgia;color:#8c683c}
.hero-record-facts{margin:12px 0}.hero-record-facts>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #9f86595c}
.hero-record-facts dd{margin:0;font-weight:bold}.hero-total{font-size:20px}.hero-rules{border:0;border-bottom:1px solid #977746;background:none!important;color:#604221!important;padding:9px 0;min-height:44px;font:14px Georgia}
.hero-training-wallet{display:flex;align-items:center;gap:7px;padding:8px;font-size:14px}.hero-training-wallet b{margin-left:auto;font-size:20px}.hero-training-wallet .kg-art{width:28px;height:28px}
.hero-window .hero-training-note{font-size:12px;text-align:center;margin:8px 0}
.hero-training-row{display:grid;grid-template-columns:28px minmax(0,1fr) 104px;align-items:center;gap:5px;padding:10px 0;border-top:1px solid #a48c65}
.hero-training-row>.kg-art{width:28px;height:34px;object-fit:contain}
.hero-training-copy>div{display:flex;align-items:baseline;justify-content:space-between;gap:4px;flex-wrap:wrap}.hero-training-copy b{font-size:14px}.hero-training-copy strong{font-size:17px;white-space:nowrap}.hero-training-copy small{display:block;font-size:11px;color:#5d503c}
.hero-training-copy p{font-size:12px!important;margin:4px 0 0!important;display:flex;align-items:center;gap:3px}.hero-training-copy p .kg-art{width:15px;height:15px}
.hero-future{color:#315b31}.hero-stepper{display:grid;grid-template-columns:36px 28px 36px;align-items:center;gap:1px;background:#281e13;border:1px solid #a28757;border-radius:4px;color:#ede1cd}
.hero-stepper button{width:36px;min-height:44px;padding:0;border:2px ridge #aa8a51;background:var(--hero-leather) center/160px;color:#f5e2c1;font:700 24px Georgia;border-radius:3px}
.hero-stepper output{text-align:center;font:17px Georgia}.hero-stepper button:disabled{background:#3d362b!important;color:#867d6a;cursor:default}
.hero-training-pay:disabled{opacity:.55;cursor:default}
.hero-skills-intro>b{text-transform:uppercase;font-size:17px}.hero-window .hero-skills-intro p{font-size:13px}
.hero-skill{display:grid;grid-template-columns:52px minmax(0,1fr) 59px;gap:7px;width:100%;padding:10px 0;border:0;border-top:1px solid #a18a67;background:none;color:var(--hero-ink);text-align:left}
.hero-skill>.kg-art{width:52px;height:66px;object-fit:contain;background:radial-gradient(#493b2a,#161410);border:2px ridge #96754c;border-radius:5px}
.hero-skill-main{display:flex;flex-direction:column;gap:6px;min-width:0}.hero-skill-main>b{font-size:18px}.hero-skill-main>span{font-size:12px;line-height:1.25}
.hero-skill-chance{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;padding:5px 2px}.hero-skill-chance small{font-size:11px}.hero-skill-chance b{font-size:20px}
.hero-skill-progress{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px;font-size:12px}
.hero-skill-progress progress{grid-column:1/-1;width:100%;height:10px;border:1px solid #96784d;border-radius:4px;overflow:hidden;appearance:none}
.hero-skill-progress progress::-webkit-progress-bar{background:#2a241b}.hero-skill-progress progress::-webkit-progress-value{background:linear-gradient(#62894a,#244525)}
.hero-passive{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px;margin-top:8px}.hero-passive>.kg-art{width:42px;height:50px;object-fit:contain}.hero-passive>span{display:flex;flex-direction:column;gap:3px}.hero-passive b{font-size:19px}.hero-passive span span{font-size:14px}.hero-passive small{font-size:12px;color:#d2bea0}
.hero-window .hero-school-note{font-size:13px;text-align:center;margin-top:0}
.hero-school{display:grid;grid-template-columns:67px minmax(0,1fr) 19px;gap:9px;align-items:center;width:100%;padding:10px 0;border:0;border-top:1px solid #a48b67;background:none;color:var(--hero-ink);text-align:left}
.hero-school>.kg-art{width:67px;height:83px;object-fit:contain;background:radial-gradient(#4e412c,#15120e);border:2px ridge #98774e;border-radius:5px}
.hero-school>span{display:flex;flex-direction:column;gap:7px}.hero-school b{font-size:17px}.hero-school span span{font-size:12px;line-height:1.3}
.hero-school>i{display:grid;place-items:center;width:19px;height:19px;border:2px solid #8f7044;border-radius:50%;font:16px Georgia}
.hero-school.chosen>i{background:#503c22;color:#f3dba9}.hero-school.chosen{opacity:1!important}.hero-school:disabled:not(.chosen){opacity:.5}
.hero-gain{color:#33572f}.hero-loss{color:#8d3224}
.hero-achievements-modal .achievement-state,.hero-achievements-modal .achievement-reward{font-size:12px}
@media(max-width:359px){.dossier-combat .kg-art{width:18px}.dossier-vip{font-size:11px;padding:2px}.dossier-item-level,.dossier-item-up{font-size:10px}.dossier-attributes>button{gap:3px;padding:3px}.dossier-attributes .kg-art{width:18px}.dossier-links .kg-art{width:18px}.dossier-actions .kg-art{width:21px}.hero-training-row{grid-template-columns:22px minmax(0,1fr) 99px;gap:3px}.hero-training-row>.kg-art{width:22px}.hero-training-copy b{font-size:12px}.hero-stepper{grid-template-columns:34px 25px 34px}.hero-stepper button{width:34px}.hero-detail-list>button{font-size:12px;gap:4px}.hero-detail-list b{font-size:16px}.hero-skill{grid-template-columns:42px minmax(0,1fr) 52px;gap:5px}.hero-skill>.kg-art{width:42px}.hero-school{grid-template-columns:54px minmax(0,1fr) 17px;gap:6px}.hero-school>.kg-art{width:54px}}

.dossier-medals .kg-medal.medal-emblem{width:100%;height:100%;max-width:62px;max-height:62px;margin:0}

/* Approved PNGs are immutable atlases. Coordinates are expressed in original-image space. */
:root{--reference-skills:url("/assets/0a4a4c7c7acdca8c7083.png");--reference-training:url("/assets/1e7c2163204d97119131.png");--reference-details:url("/assets/cf1b40e3a659e5bfbf69.png");--reference-school:url("/assets/4cd0f5329f380b3154bf.png")}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y}
.ref-crop,.ref-value,.ref-empty-gear,.ref-actual-item,.ref-player-portrait,.ref-other-skill,.ref-other-passive,.ref-medal-image,.ref-future-vip{position:absolute;box-sizing:border-box;display:block;pointer-events:none}
.ref-crop{background-repeat:no-repeat}
.ref-value{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding:0!important;margin:0!important;font-family:'Times New Roman',Georgia,serif!important;font-weight:700;line-height:1!important;font-variant-numeric:lining-nums proportional-nums;color:#110e08;gap:.6cqw;background-repeat:no-repeat}
.ref-value[style*="--reference-school"][style*="139"]{color:#f2e7cf}
.ref-item-level{color:#f6efdc;font-weight:400;justify-content:flex-start}
.ref-item-up{color:#eddbab;font-weight:400}
.ref-value.ref-description{white-space:normal;justify-content:flex-start;align-items:flex-start;font-weight:400;line-height:1.12!important}
.ref-green{color:#164522}.ref-arrow{color:#746450}
.ref-hotspot,.hero-art-board .ref-hotspot,.reference-window .ref-hotspot{all:unset;box-sizing:border-box!important;position:absolute!important;display:block!important;cursor:pointer!important;touch-action:pan-y!important}
.ref-hotspot:focus-visible{outline:2px solid #f6cf80!important;outline-offset:-2px!important}
.ref-hotspot:disabled{cursor:default!important}
.ref-hotspot.ref-disabled-control{background:#0006!important}
.ref-hotspot>*{display:none!important}
.ref-other-skill,.ref-other-passive{background:#160e08;display:grid;place-items:center}
.ref-other-skill img,.ref-other-passive img{width:100%;height:100%;object-fit:contain}
#modal.hero-art-modal{padding:0!important;margin:auto!important;width:min(100%,520px)!important;max-width:100%!important;max-height:100dvh!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:auto!important;scrollbar-width:none;touch-action:pan-y}
.reference-window{position:relative;container-type:inline-size;width:100%;padding:0!important;margin:0!important;background-size:100% 100%;background-repeat:no-repeat;color:#110d08}
.reference-skills{background-image:var(--reference-skills)}.reference-training{background-image:var(--reference-training)}.reference-school{background-image:var(--reference-school)}.reference-details{background-image:var(--reference-details)}
.reference-training .ref-value:nth-child(1){color:#f1e6cf}
.reference-skills .ref-value[style*="--reference-school"][style*="1402"],.reference-training .ref-value[style*="--reference-school"][style*="1402"]{color:#f2e7cf}
/* Form controls in secondary windows must not trigger iOS focus zoom. */
@media(max-width:600px){input,select,textarea{font-size:16px!important}}


.ref-skin-dark,.ref-skin-black{color:#f2e7cf}


.ref-value.ref-uses{font-weight:400}

.ref-value.ref-training-value{justify-content:flex-start;padding-left:.3cqw!important}

:root{--reference-skill-extra:url("/assets/57dd607a5e61b5440b05.png")}
.ref-value.ref-class-name,.ref-value.ref-skill-title{justify-content:flex-start}


/* Preserve readable translated navigation when English is selected. */

/* Reusable texture primitives: no reference-screen backgrounds or baked text. */
:root{
 --kg-ink:#21170e;--kg-cream:#f4e6cc;--kg-gold:#d9b66e;
 --kg-font:'Times New Roman',Georgia,serif;
 --kg-window-frame:url("/assets/82b44e8ac0a43243e9eb.png");
 --kg-equipment-frame:url("/assets/5c9a995b55758af6db1d.webp");
 --kg-button-texture:url("/assets/61f28f674782d32790ca.webp");
 --kg-seal-texture:url("/assets/ac7ed3632ac3ccb934fa.webp");--kg-item-well:url("/assets/88102b822ad6a70ce539.webp");
 --kg-common:#a3a096;--kg-improved:#43a55a;--kg-rare:#258ecc;--kg-epic:#9930d3;
}
.kg-panel,.kg-paper,.kg-button,.kg-metal-frame,.kg-item-frame{box-sizing:border-box;position:relative;isolation:isolate}
.kg-panel{color:var(--kg-cream);background:linear-gradient(#0006,#0002),var(--hero-leather) center/260px;border-radius:7px;padding:9px}
.kg-panel::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;border:12px solid transparent;border-image:var(--kg-window-frame) 113 / 12px / 0 stretch}
.kg-paper{color:var(--kg-ink);background:linear-gradient(#a9701815,#a9701815),var(--hero-paper) center/460px;border:1px solid #997d52;border-radius:4px;box-shadow:inset 0 0 0 1px #fff5,inset 0 0 16px #5c300c18}
.kg-button{appearance:none;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:40px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--kg-cream);font:17px/1.05 var(--kg-font);font-weight:400;text-shadow:0 1px 2px #000;cursor:pointer}
/* Slice the blank plaque, allowing its center and straight edges to resize independently. */
.kg-button::before{content:'';position:absolute;inset:-8px -1px;z-index:-1;border:19px solid transparent;border-image:var(--kg-button-texture) 225 155 fill / 19px 12px / 0 stretch;pointer-events:none}
.kg-button:active{filter:brightness(.8)}
.kg-button:disabled{filter:grayscale(.8) brightness(.7);cursor:default}
.kg-button:focus-visible,.kg-item-frame:focus-visible{outline:2px solid #f0ba5a;outline-offset:1px}
.kg-seal{display:grid;place-items:center;flex:none;aspect-ratio:1;width:40px;color:var(--kg-cream);background:var(--kg-seal-texture) center/contain no-repeat;font:24px/1 var(--kg-font);font-weight:400;text-shadow:0 1px 2px #000}
.kg-metal-frame::after,.kg-equipment[data-item-rarity]::after,.kg-item-frame::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border:10px solid transparent;border-image:var(--kg-equipment-frame) 140 / 10px / 0 stretch}
.kg-metal-frame{padding:5px;background:#181310;border-radius:4px}
.kg-equipment[data-item-rarity],.kg-item-frame{position:relative;isolation:isolate;background:linear-gradient(#0002,#0005),var(--kg-item-well) center/cover;border:0;border-radius:5px;color:var(--kg-cream)}
.kg-equipment[data-item-rarity="1"]::after,.kg-item-frame[data-rarity="1"]::after{filter:sepia(1) saturate(1.7) hue-rotate(75deg) brightness(.83)}
.kg-equipment[data-item-rarity="2"]::after,.kg-item-frame[data-rarity="2"]::after{filter:sepia(1) saturate(2.6) hue-rotate(175deg) brightness(.83)}
.kg-equipment[data-item-rarity="3"]::after,.kg-item-frame[data-rarity="3"]::after{filter:sepia(1) saturate(2.5) hue-rotate(238deg) brightness(.86)}
.kg-notification{position:absolute;right:5px;top:3px;width:5px;height:5px;border-radius:50%;background:#ffe393;box-shadow:0 0 2px 1px #ffa714,0 0 6px #e86b09;pointer-events:none}
.kg-progress{height:12px;overflow:hidden;border:2px ridge #b28c50;border-radius:4px;background:#171714;box-shadow:inset 0 1px 5px #000}
.kg-progress>span{display:block;width:var(--progress,0%);height:100%;background:linear-gradient(#84ac53,#185721 50%,#072b0d)}
.kg-stepper{display:inline-grid;grid-template-columns:40px minmax(36px,auto) 40px;align-items:center;border:2px ridge #9d7848;border-radius:5px;background:#16130f;color:var(--kg-cream)}
.kg-stepper output{text-align:center}.kg-stepper .kg-button{padding:4px;font-size:25px}
/* Existing inventory, shop and forge reuse the same standalone rarity frame. */
:is(.item-icon,.item-art,.shop-product,.forge-item,.bench-item,.inventory-tile,.reward-loot)[class*="rare-"]{border:1px solid #30251b!important;box-shadow:inset 0 0 12px #0005!important}
.hg-equipment .kg-equipment::after{display:none}
.ref-actual-item .kg-equipment::after{display:none}
/* Compatibility names for the component gallery and future windows. */
.kg-art-button,.kg-art-plaque{position:relative;padding:14px 20px;color:var(--kg-cream);font-family:var(--kg-font);background:var(--hero-leather) center/260px;border:7px solid transparent;border-image:var(--kg-window-frame) 113 / 9px / 0 stretch}
.kg-paper-panel{padding:20px;background:linear-gradient(#a9701815,#a9701815),var(--hero-paper) center/460px;color:var(--kg-ink);border:14px solid transparent;border-image:var(--kg-window-frame) 113 / 14px / 0 stretch}

/* Independent icon atlas: semantic symbols, never fragments of a screen. */
:root{--kg-symbols:url("/assets/961ad065c480f8a67c91.webp");--kg-navigation-symbols:url("/assets/7839048801c441e86dae.webp") }
.kg-symbol{display:inline-block;flex:none;width:28px;height:28px;background-image:var(--kg-symbols);background-repeat:no-repeat}
[data-symbol="gold"]{background-size:464.10256410256414% 382.3943661971831%;background-position:3.5211267605633805% 1.99501246882793%}
[data-symbol="bullets"]{background-size:506.29370629370635% 374.48275862068965%;background-position:35.88640275387263% 1.507537688442211%}
[data-symbol="energy"]{background-size:542.3220973782771% 373.1958762886598%;background-position:66.29974597798476% 1.509433962264151%}
[data-symbol="settings"]{background-size:438.78787878787875% 370.64846416382255%;background-position:98.38998211091234% 1.5132408575031526%}
[data-symbol="heart"]{background-size:462.6198083067092% 409.81132075471703%;background-position:3.8766519823788546% 37.63702801461632%}
[data-symbol="attack"]{background-size:434.8348348348348% 394.90909090909093%;background-position:34.618834080717484% 36.99136868064119%}
[data-symbol="shield"]{background-size:499.3103448275862% 387.85714285714283%;background-position:64.93955094991365% 37.220843672456574%}
[data-symbol="power"]{background-size:424.633431085044% 470.12987012987014%;background-position:98.91598915989161% 38.47953216374269%}
[data-symbol="strength"]{background-size:411.3636363636363% 458.22784810126586%;background-position:2.18978102189781% 66.9022379269729%}
[data-symbol="endurance"]{background-size:476.3157894736843% 406.7415730337078%;background-position:36.18881118881119% 65.8119658119658%}
[data-symbol="agility"]{background-size:394.5504087193461% 397.80219780219784%;background-position:66.7900092506938% 67.03567035670358%}
[data-symbol="accuracy"]{background-size:429.67359050445106% 394.90909090909093%;background-position:99.27992799279927% 68.18742293464858%}
[data-symbol="book"]{background-size:370.3324808184143% 432.66932270916334%;background-position:0.8514664143803218% 99.52095808383234%}
[data-symbol="luck"]{background-size:492.5170068027211% 394.90909090909093%;background-position:36.65511265164645% 99.26017262638717%}
[data-symbol="backpack"]{background-size:449.6894409937888% 409.81132075471703%;background-position:66.25222024866785% 99.2691839220463%}
[data-symbol="trophy"]{background-size:511.660777385159% 417.69230769230774%;background-position:97.6824034334764% 99.51573849878935%}
[data-symbol="street"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:0% 0%}
[data-symbol="hat"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:50% 0%}
[data-symbol="city"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:100% 0%}
[data-symbol="tools"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:0% 100%}
[data-symbol="crown"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:50% 100%}
[data-symbol="chat"]{background-image:var(--kg-navigation-symbols);background-size:300% 200%;background-position:100% 100%}

/* A composed button already has the compact approved material and frame. */
.kg-button:has(>.kg-surface)::before{display:none}

/* HERO: in-flow responsive grids. Only decorative layers are positioned. */
body.hero-page{background:#171310}
body.hero-page .layout{width:100%;max-width:520px;margin:0 auto;padding:0!important}
body.hero-page .phone{container-type:inline-size;width:100%;max-width:none!important;min-height:0;padding:0!important;background:linear-gradient(#a9701815,#a9701815),var(--hero-paper) center/480px!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
body.hero-page #main{padding:0!important;min-height:0}
.hg-page{margin:0;padding:0;font-family:var(--kg-font);color:var(--kg-ink)}
.hg-page *{box-sizing:border-box}
.hg-page .hg-control{appearance:none;display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;text-shadow:inherit;cursor:pointer;touch-action:pan-y}
.hg-page button:focus-visible{outline:2px solid #c89034;outline-offset:-2px}
.hg-page .hg-icon{display:block;flex:none;width:24px;height:24px;max-width:none;object-fit:contain;margin:0;filter:drop-shadow(0 1px 1px #0007)}
.hg-page .hg-number{display:block;min-width:0;margin:0;padding:0;line-height:1;white-space:nowrap;font-size:clamp(11px,4.35cqw,var(--number-size));font-weight:700;font-variant-numeric:lining-nums proportional-nums}
.hg-content{display:grid;gap:4px;padding:4px 7px 6px}
.hg-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:stretch}
.hg-portrait{min-width:0;min-height:0;display:grid;padding:4px}
.hg-portrait::after{border-image-width:11px}
.hg-portrait-scene{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;background:#221c13}
.hg-portrait-scene>.kg-scene-background{grid-area:1/1;position:relative;inset:auto;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;max-width:none}
.hg-portrait-scene>.human-figure{position:absolute;inset:0 -28%;width:156%;height:100%;padding:0;transform:none;max-width:none;z-index:1;pointer-events:none}
.hg-portrait-scene .kg-character-image{width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 3px 3px #0008)}
.hg-gear{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;padding:7px;min-width:0}
.hg-gear::after{border-image-width:10px}
.hg-page .hg-equipment{appearance:none;display:grid;grid-template-rows:17px minmax(0,1fr) 17px;align-items:stretch;aspect-ratio:.91;min-width:0;min-height:0;margin:0;padding:5px 5px 4px;box-shadow:0 1px 3px #000;border:0;cursor:pointer;font-family:var(--kg-font);overflow:hidden}
.hg-belongings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center}
.hg-medals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;padding:0 4px}
:is(.hg-page,#modal .service-ui) .hg-medal{display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer}
.hg-medal .kg-medal{width:100%;height:100%;display:grid;place-items:center;margin:0;border:0;box-shadow:none;background:none;filter:none}
.hg-medal .kg-art{width:100%;height:100%;object-fit:contain}
.hg-medal .kg-seal{width:92%;font-size:32px;color:#f4e6cc}
.hg-backpack{height:42px;font-size:19px;justify-content:space-evenly;padding:8px}
.hg-backpack .hg-icon{width:45px;height:38px}
.hg-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 4px;margin:0 4px;border-radius:2px}
.hg-attributes .hg-attribute{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:3px;padding:3px 6px;min-height:25px;color:var(--kg-ink);font-size:clamp(11px,3.4cqw,17px);font-weight:700;text-align:left;line-height:1.1}
.hg-attribute:nth-child(2n){border-left:1px solid #9f876466}
.hg-attribute:nth-child(n+3){border-top:1px solid #9f876466}
.hg-attribute .hg-icon{width:24px;height:23px}.hg-attribute .hg-number{font-size:clamp(12px,4.4cqw,21px)}
.hg-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:1px}
.hg-secondary>.kg-button{min-height:29px;font-size:clamp(12px,4cqw,19px);padding:7px 10px;justify-content:space-between;gap:3px}
.hg-secondary .hg-icon{width:22px;height:22px}.hg-secondary #achievements{justify-content:center}.hg-secondary #achievements>span:last-of-type{margin-left:auto}
.hg-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.hg-primary .kg-button{min-height:40px;padding:8px 7px;font-size:clamp(12px,4.1cqw,20px);gap:4px}
.hg-primary .hg-icon{width:28px;height:28px}
/* All six navigation controls are real buttons with independent backgrounds. */
@media(max-width:350px){.hg-gear{padding:5px;gap:2px}.hg-page .hg-equipment{padding:4px;grid-template-rows:15px minmax(0,1fr) 15px}.hg-primary .hg-icon{width:23px}.hg-primary .kg-button{padding:7px 5px;gap:2px}.hg-attributes .hg-attribute{grid-template-columns:21px minmax(0,1fr) auto;gap:2px;padding:3px}.hg-attribute .hg-icon{width:21px}.hg-secondary .hg-icon{width:18px}.hg-secondary>.kg-button{padding:7px}.hg-content{padding-inline:5px}}

.hg-backpack .hg-icon{width:43px;height:36px}
.hg-attributes .hg-icon{width:23px;height:23px}
.hg-primary .hg-icon{width:27px;height:25px}
.hg-secondary .hg-icon{width:19px;height:21px}

/* Mobile100: use the approved compact R3 pieces already shared by the chrome.
   Large legacy CSS images used to arrive after the Hero text and item art. */
.hg-portrait,.hg-gear{position:relative;isolation:isolate}
.hg-page .kg-frame{position:absolute;inset:0;z-index:3;pointer-events:none}
.hg-page .kg-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:repeat;border-radius:6px}
.hg-page .kg-button{background-color:#381B13;font-family:KrongradChrome,'PT Serif',Georgia,serif}
.hg-page .kg-button::before{display:none}
.hg-medal-seal{display:grid;place-items:center;position:relative;isolation:isolate;width:92%;aspect-ratio:1;color:#EEE1C9;font:32px/1 KrongradChrome,Georgia,serif;text-shadow:0 1px 2px #171310}
.hg-medal-seal>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:contain}
.hg-medal-seal>span{position:relative}

/* Own Hero only: generated translucent glass shortcut, readable live label. */
.hg-page .hg-background-button{position:absolute;left:5px;bottom:4px;z-index:3;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;width:86px;min-width:0;height:44px;min-height:44px;margin:0;padding:0 12px 0 36px;border:0;border-radius:22px;background:transparent;color:#fff0ce;font:700 12px/1 var(--kg-font);letter-spacing:.04em;text-shadow:0 1px 2px #000,0 0 4px #000;cursor:pointer;box-shadow:none;touch-action:manipulation}
.hg-page .hg-background-button>.hg-background-skin{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.hg-page .hg-background-button>span{position:relative;white-space:nowrap;pointer-events:none}
.hg-page .hg-background-button:hover>.hg-background-skin{filter:brightness(1.18)}
.hg-page .hg-background-button:focus-visible{outline:2px solid #ffe2a0;outline-offset:1px}

/* R3 chrome: native material tiles and separate fixed-corner 9-slice frames. */
/* Installed apps reserve the status bar, then a matching leather nameplate.
   The safe-area belongs to .phone exactly once, never to its header children. */
#game-top-brand{display:none}
html.installed-game161 body.game-shell .phone{grid-template-rows:26px auto minmax(0,1fr) auto}
html.installed-game161 body.game-shell #game-top-brand{display:flex;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:5px;min-width:0;height:26px;overflow:hidden;background:#231410;color:#c9ac79;font:12px/1 KrongradChrome,Georgia,serif;letter-spacing:2px}
#game-top-brand>.gc-icon{display:block;flex:none;width:20px;height:16px;object-fit:contain;margin:0}
#game-top-brand>i{display:block;width:40px;height:1px;background:#977342}
html.installed-game161{background:#171310}
@font-face{font-family:KrongradChrome;src:url('/assets/a4951fade06ff8f09b76.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:KrongradChrome;src:url('/assets/038ba7336bd7ea14f12a.ttf') format('truetype');font-weight:700;font-display:swap}
body.game-shell{height:100dvh;overflow:hidden;background:#171310}
body.game-shell .layout{display:block;width:100%;max-width:480px;height:100dvh;padding:0!important;margin:0 auto}
body.game-shell .phone{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0!important;max-width:none!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#171310!important;box-shadow:none!important;container-type:inline-size}
body.game-shell .command-desk,body.game-shell .phone>.status{display:none!important}
#game-header[hidden],#game-footer[hidden]{display:none!important}
#game-content{min-width:0}
body.game-shell #game-content{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;background:#e4ceb0}
body.game-shell #main{width:100%;height:100%;min-height:0!important;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;scroll-padding:8px;touch-action:pan-y}
body.game-shell #main[inert]{pointer-events:none;visibility:hidden}
body.game-shell #game-content>#save-status:not([hidden]){position:absolute;inset:auto 0 0;z-index:150;background:#381b13;color:#eee1c9;max-height:25%;overflow:auto;padding:8px;font-size:12px}
body.game-shell #game-content>dialog[open]{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:0!important;box-shadow:none!important;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
body.game-shell #game-content>dialog[inert]{visibility:hidden;pointer-events:none}
body.game-shell #game-content>#chat-panel[open]{display:flex;overflow:hidden!important;border:0!important}
body.game-shell #game-content>#network-recovery[open]{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px}
body.game-shell #game-content .chat-header{padding-top:12px}
body.game-shell #game-content .chat-compose{padding-bottom:12px}
body.game-shell #game-content .chat-history{min-height:40px}
body.game-shell #game-content .chat-panel .chat-header h2{font-size:20px}
body.game-shell .toast{position:fixed;bottom:calc(116px + env(safe-area-inset-bottom));max-width:min(440px,90vw);z-index:25000}
body.game-shell #game-header,body.game-shell #game-footer{position:relative;z-index:30;flex:none;min-width:0;color:#eee1c9;font-family:KrongradChrome,'PT Serif',Georgia,serif;line-height:1.1}
.gc-panel,.gc-nav-button,.gc-nav-wrap{position:relative;isolation:isolate}
.gc-material{position:absolute!important;display:block!important;inset:0;z-index:-1;pointer-events:none;border-radius:8px;background-repeat:repeat}
.gc-material-leather{background-size:151px 48px}.gc-material-paper{background-size:120px 43px}.gc-material-button{background-size:126px 14px}.gc-material-nav{background-size:10px 58px}
body.game-shell #game-footer #nav>button>.gc-material{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;display:block!important;margin:0!important}
.gc-frame{position:absolute!important;inset:0;display:grid!important;grid-template-columns:var(--gc-corner) minmax(0,1fr) var(--gc-corner);grid-template-rows:var(--gc-corner) minmax(0,1fr) var(--gc-corner);z-index:3;pointer-events:none}
.gc-frame>img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;border:0;filter:none}
body.game-shell #game-footer #nav .gc-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;filter:none!important}
body.game-shell #game-footer #nav .gc-material-nav{background-size:10px 58px!important}
body.game-shell #game-footer #nav .gc-material-button{background-size:126px 14px!important}
#game-header .gc-icon,#game-footer .gc-icon{display:block;flex:none;width:28px;height:28px;max-width:none;object-fit:contain;filter:none;margin:0}
#game-header .gc-control{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;min-height:0;min-width:0;margin:0;padding:0;appearance:none;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;text-shadow:none;touch-action:manipulation;overflow:visible}
#game-header button:focus-visible,#game-footer button:focus-visible{outline:2px solid #ac8b59!important;outline-offset:-4px!important}
#game-header button:active,#game-footer button:active{transform:none!important;filter:none!important}
#game-header button:active>.gc-material,#game-footer button:active>.gc-material{filter:brightness(.68)}
.gc-number{font-size:18px;font-weight:400;line-height:1;white-space:nowrap;display:block;min-width:0;overflow:visible}
#game-header{padding:4px 8px 8px;isolation:isolate}
.gc-wallet{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1.15fr) 32px;height:36px;padding:2px 8px;align-items:stretch}
.gc-wallet .gc-number{font-size:17px}
#game-header .gc-gold{justify-content:flex-start;padding-left:8px}
.gc-wallet>.gc-control+.gc-control:before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:1px;background:#9f7b49}
.gc-identity{display:grid;grid-template-columns:64px minmax(0,1fr) 68px;gap:4px;align-items:center;min-height:36px;padding:0 8px}
#game-header .gc-level{justify-content:flex-start;gap:4px;font-size:16px}
.gc-seal{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:none;isolation:isolate}
.gc-seal>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.gc-seal>b{font-size:22px;font-weight:400}
#game-header .gc-name{display:block;min-width:0;text-align:left;font-size:24px;letter-spacing:-.6px;font-weight:700;white-space:nowrap}
.gc-vip{display:flex;align-items:center;justify-content:center;height:28px;gap:2px;color:#dbc084;font-weight:700;font-size:18px}
#game-header .gc-vip>.gc-icon{width:24px;height:20px}
.gc-combat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.3fr);height:36px;padding:4px;color:#241a12}
.gc-combat>button:not(.gc-power)+button:not(.gc-power){border-left:1px solid #8f755d!important}
#game-header .gc-power{gap:2px;padding:0 4px;color:#eee1c9;isolation:isolate}
.gc-power .gc-number{font-size:16px}.gc-power small{font-size:12px}
#game-header .gc-power>.gc-icon{width:22px;height:26px}
#game-footer .gc-nav-wrap{padding:12px 6px 8px}
.gc-nav-border{position:absolute;inset:0;z-index:-1;pointer-events:none}
body.game-shell #game-footer #nav{position:static!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px;width:100%;max-width:none;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
body.game-shell #game-footer #nav.has-chat{grid-template-columns:repeat(5,minmax(0,2fr)) minmax(0,1fr)!important}
body.game-shell #game-footer #nav:before,body.game-shell #game-footer #nav:after{display:none!important}
body.game-shell #game-footer #nav>button{position:relative!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;gap:0!important;height:64px!important;min-height:64px!important;min-width:0;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:none!important;box-shadow:none!important;color:#eee1c9!important;text-shadow:none!important;transform:none!important;overflow:visible!important}
body.game-shell #game-footer #nav>button:before,body.game-shell #game-footer #nav>button:after{display:none!important}
body.game-shell #game-footer #nav>button>.gc-icon{width:40px;height:40px;flex-basis:40px}
body.game-shell #game-footer #nav>button>b{display:block!important;position:static!important;font:12px/14px KrongradChrome,Georgia,serif!important;letter-spacing:-.45px!important;color:inherit!important;text-align:center!important;white-space:normal!important;hyphens:manual;text-transform:none!important;padding:0!important;margin:0!important;visibility:visible!important;min-width:0;background:none!important}
body.game-shell #game-footer #nav>#chat-launch>.gc-icon{width:30px;height:30px;flex-basis:30px;margin:5px 0}
body.game-shell #game-footer #nav.has-chat>#chat-launch{border:0!important;background:none!important;box-shadow:none!important}
body.game-shell #game-footer #nav.has-chat>#chat-launch>b{position:static!important;font:12px/14px KrongradChrome,Georgia,serif!important;inset:auto!important}
body.game-shell #game-footer #nav .chat-nav-unread{position:absolute;z-index:4;right:0;top:0;background:#8a4122;color:#fff0ca;border:1px solid #b18d50;min-width:14px;height:14px;padding:1px 2px;font:10px/11px sans-serif;border-radius:7px}
body.game-shell #game-footer #nav .chat-nav-unread[hidden]{display:none!important}
body.game-shell #game-footer .hero-brand-footer{display:flex!important;position:relative;isolation:isolate;align-items:center;justify-content:center;gap:4px;height:26px;min-height:26px;padding:0!important;margin:0!important;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:#b99d6f;font:12px/1 KrongradChrome,Georgia,serif!important;letter-spacing:2px}
body.game-shell #game-footer .hero-brand-footer:before,body.game-shell #game-footer .hero-brand-footer:after{display:none!important}
#game-footer .hero-brand-footer>.gc-icon{width:20px;height:16px}
#game-footer .hero-brand-footer>i{display:block;width:40px;height:1px;background:#977342}
@container(max-width:400px){
 #game-header{padding:4px 6px 8px}.gc-wallet{height:32px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1.15fr) 28px;padding:2px 6px}.gc-wallet .gc-number{font-size:15px}.gc-identity{min-height:34px;padding:0 6px;grid-template-columns:60px minmax(0,1fr) 60px}#game-header .gc-name{font-size:22px}.gc-combat{height:34px}.gc-combat .gc-number{font-size:16px}.gc-combat .gc-power .gc-number{font-size:14px}#game-header .gc-wallet .gc-icon{width:24px;height:26px}
}
@container(max-width:350px){
 #game-header{padding:4px 4px 8px}.gc-wallet{padding:2px 4px}.gc-wallet .gc-number{font-size:14px}#game-header .gc-wallet .gc-icon{width:22px;height:24px}#game-header .gc-gold{padding-left:4px}.gc-identity{grid-template-columns:56px minmax(0,1fr) 52px;gap:2px;padding:0 4px}#game-header .gc-name{font-size:19px}.gc-vip{font-size:16px}#game-header .gc-vip>.gc-icon{width:20px}.gc-combat{height:32px}#game-header .gc-combat .gc-icon{width:22px;height:24px}.gc-combat .gc-number{font-size:15px}.gc-combat .gc-power .gc-number{font-size:13px}.gc-power small{font-size:10px}#game-header .gc-power{padding:0 3px;gap:1px}
 body.game-shell #game-footer #nav>button{height:72px!important;min-height:72px!important;justify-content:flex-start;padding-top:4px!important}
 body.game-shell #game-footer #nav>#chat-launch>.gc-icon{width:26px;height:26px;flex-basis:26px;margin:7px 0}
}

/* Shared centre: accepted leather/metal perimeter over the parchment surface.
   Only the perimeter overlays pages; its transparent centre and pointer-events
   preserve dialogs, drag/scroll and controls. No additional viewport layer. */
.gc-middle-frame{display:none}
body.game-shell #game-content{border-radius:12px;clip-path:inset(0 round 12px)}
body.game-shell #game-content>.gc-middle-frame{display:block;position:absolute;inset:0;z-index:120;pointer-events:none;isolation:isolate}
body.game-shell #game-content>.gc-middle-frame .gc-frame{pointer-events:none}

/* Scroll remains native (wheel, touch and keyboard); never reserve a gutter
   when the centre or one of its windows becomes taller than the viewport. */
body.game-shell #game-content,body.game-shell #game-content *{scrollbar-width:none!important;scrollbar-gutter:auto!important;-ms-overflow-style:none}
body.game-shell #game-content::-webkit-scrollbar,body.game-shell #game-content *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* Phone interaction standard: no pinch zoom or image callout, portrait gameplay. */
.mobile-game140,.mobile-game140 body{touch-action:pan-x pan-y}
.mobile-game140 img,.mobile-game140 picture,.mobile-game140 svg,.mobile-game140 canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
#mobile140-portrait[hidden]{display:none!important}
#mobile140-portrait{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:16px;background:#17120e;color:#efdfbc;touch-action:none}
.mobile140-card{position:relative;isolation:isolate;max-width:440px;width:100%;padding:25px;text-align:center;box-sizing:border-box}
.mobile140-card h2{font-size:22px;line-height:1.3;margin:14px 0 8px;color:#efdfbc}
.mobile140-card p{margin:0;color:#c9ad7b;font-size:16px}
.mobile140-phone{display:block;width:25px;height:44px;border:2px solid #d2af70;border-radius:6px;margin:0 auto;position:relative}
.mobile140-phone:after{content:'';position:absolute;left:8px;right:8px;bottom:3px;height:2px;background:#d2af70}

/* UX142: six stable destinations and a right-hand address book of the city.
   Existing 9-slice brass corners retain their native dimensions. */
body.game-shell #game-footer #nav.nav142,
body.game-shell #game-footer #nav.nav142.has-chat{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.game-shell #game-footer #nav.nav142>button{min-width:0!important;padding-left:3px!important;padding-right:3px!important}
body.game-shell #game-footer #nav.nav142>button>b,
body.game-shell #game-footer #nav.nav142.has-chat>#chat-launch>b{font:700 clamp(10px,3vw,13px)/1.2 KrongradChrome,Georgia,serif!important;white-space:nowrap!important}
body.game-shell #game-footer #nav.nav142>button>.quick142-icon{position:relative!important;display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;margin:0 auto 3px!important;max-width:100%!important}
.quick142-icon{display:block;width:30px;height:30px;object-fit:contain;flex:none}
body.game-shell.quick142-open #main[inert]{visibility:visible}
body.game-shell #game-content>#quick-menu142[open]{display:block!important;padding:0!important;border:0!important;background:transparent!important;overflow:hidden!important;color:#f1dfbd}
#quick-menu142 .quick142-shade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(16,10,7,.58);box-shadow:none}
#quick-menu142 .quick142-panel{position:absolute;isolation:isolate;right:0;top:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:min(88%,350px);padding:13px 13px 12px;min-height:0;box-shadow:-12px 0 24px #0c080866;animation:quick142-enter .18s ease-out}
.quick142-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 6px 13px;border-bottom:1px solid #b6925359}
#quick-menu142 .quick142-head small{display:block;font:10px/1.3 Georgia,serif;letter-spacing:.18em;color:#c8a56b}
#quick-menu142 .quick142-head h2{margin:4px 0 0;color:#f5e5c5;font:700 21px/1.15 KrongradChrome,Georgia,serif}
#quick-menu142 .quick142-close{display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}
#quick-menu142 .quick142-close img{width:34px;height:34px;object-fit:contain}
#quick-menu142 .quick142-list{display:block;position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:0 5px 12px;background:none;border:0;box-shadow:none}
#quick-menu142 .quick142-group h3{display:flex;align-items:center;gap:9px;margin:16px 2px 7px;color:#d3b27c;font:11px/1.3 Georgia,serif;text-transform:uppercase;letter-spacing:.07em}
#quick-menu142 .quick142-group h3:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#b88c4c66,transparent)}
#quick-menu142 .quick142-row{display:flex;align-items:center;gap:11px;box-sizing:border-box;width:100%;min-height:48px;padding:7px 5px;margin:0;text-align:left;border:0;border-bottom:1px solid #c9a86b26;border-radius:0;background:transparent;box-shadow:none;color:#f0dfbe;cursor:pointer;font-family:KrongradChrome,Georgia,serif}
#quick-menu142 .quick142-row>span{flex:1;min-width:0}
#quick-menu142 .quick142-row strong{display:block;font-size:16px;line-height:1.2;font-weight:400;color:inherit}
#quick-menu142 .quick142-row small{display:block;margin-top:3px;font:12px/1.15 Georgia,serif;color:#c4aa82}
#quick-menu142 .quick142-row[data-locked=true]{color:#c5b393;opacity:1}
#quick-menu142 .quick144-lock{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;flex:none;min-width:42px;color:#e4c27e}
#quick-menu142 .quick144-lock .quick142-icon{width:20px;height:20px}
#quick-menu142 .quick144-lock i{font:700 16px/1 Georgia,serif;font-style:normal}
#quick-menu142 .quick142-row[data-locked=true]>.quick142-icon:first-child{filter:saturate(.35);opacity:.75}
#quick-menu142 .quick142-row>.quick142-icon:last-child{width:20px;height:20px;opacity:.85}
#quick-menu142 .quick142-arrow{color:#cda86d;font:23px/1 Georgia,serif}
#quick-menu142 .quick142-row:not(:disabled):hover,#quick-menu142 .quick142-row:focus-visible{background:#c3934826}
#quick-menu142 .quick142-row:not(:disabled):active{background:#c3934840}
.quick142-foot{flex:none;margin:0 6px;padding-top:9px;border-top:1px solid #c9a86b40;text-align:center;color:#b99b6a;font:italic 12px/1.25 Georgia,serif}
.quick142-city-lock{display:flex;align-items:center;gap:4px}
.quick142-city-lock .quick142-icon{width:19px;height:19px}
@keyframes quick142-enter{from{transform:translateX(25px);opacity:.3}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#quick-menu142 .quick142-panel{animation:none}}
.quick146-dot{display:inline-block;flex:none;width:7px;height:7px;border:1px solid #f9e6af;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff4ce,#dba546 60%,#956020);box-shadow:0 0 0 2px #341b12,0 0 7px #d9ab5166;pointer-events:none}
#quick-menu-launch>.quick146-dot{position:absolute;right:9px;top:10px;z-index:2}
#quick-menu142 .quick142-row[data-attention=true]{background:linear-gradient(90deg,#c393481c,transparent);border-bottom-color:#c9a86b55}
#quick-menu142 .quick142-row>.quick146-attention{flex:none;display:flex;align-items:center;gap:7px;margin-left:auto;color:#edcf91;font:12px/1.2 Georgia,serif}
#quick-menu142 .quick142-row[data-attention=true]>.quick142-arrow{display:none}

html body dialog:not([open]),html body #modal:not([open]),html body #help-modal:not([open]),html body #chat-panel:not([open]){display:none!important}

/* Backpack 0.60: independent live text, art, materials and nine-slice metal. */
:root{--kg-slot-paper:url('/assets/e0e00925849153e306c6.png');--kg-slot-bg:radial-gradient(ellipse at 48% 38%,#b5a08022 8%,#30282199 100%),linear-gradient(#776e60a6,#675b4aa6),var(--kg-slot-paper);--kg-slot-size:100% 100%,100% 100%,120px 43px}
/* Shared warm gunmetal/parchment well: dark objects stay distinct from it. */
body :is(.kg-item-frame,.kg-equipment[data-item-rarity],.item-art,.item-icon,.inventory-tile,.forge-item,.bench-item,.reward-loot){background-image:var(--kg-slot-bg)!important;background-size:var(--kg-slot-size)!important;background-repeat:repeat!important;background-color:#8b7b66!important;box-shadow:inset 0 2px 9px #20160f88!important}
body :is(.hg-item-art,.bp-art,.item-art,.item-icon,.forge-item,.bench-item,.reward-loot)>.kg-equipment{background:none!important;box-shadow:none!important;border:0!important}
body.game-shell #game-content>#backpack-panel{padding:0!important;border:0!important;color:#241a12;background:var(--kg-slot-paper) repeat 0 0/120px 43px;font-family:KrongradChrome,Georgia,serif;scrollbar-width:thin;scrollbar-color:#79624c #e4ceb0}
#backpack-panel *{box-sizing:border-box}
#backpack-panel button,#backpack-panel select{font-family:inherit;cursor:pointer}
#backpack-panel button:focus-visible,#backpack-panel select:focus-visible{outline:2px solid #d4b37a;outline-offset:-3px}
.bp-heading,.bp-button,.bp-capacity,.bp-up,.bp-item{position:relative;isolation:isolate}
.bp-heading{display:grid;grid-template-columns:36px minmax(0,1fr) auto 36px 36px;align-items:center;gap:4px;padding:8px;min-height:64px;color:#eee1c9}
.bp-heading>.gc-icon{width:36px;height:44px}
#backpack-panel .bp-heading h2{margin:0;padding:0;color:inherit;font:700 22px/1.1 KrongradChrome,Georgia,serif;text-shadow:0 2px 2px #140a05;letter-spacing:0}
.bp-capacity{display:grid;place-items:center;padding:8px;min-width:64px;font-size:16px;white-space:nowrap}
#backpack-panel .bp-round{display:grid;place-items:center;width:36px;height:36px;min-height:0;aspect-ratio:1;padding:0;margin:0;border:0;border-radius:50%;background:none;box-shadow:none;color:#eee1c9;font:25px/1 KrongradChrome,Georgia,serif;text-shadow:0 1px 2px #000}
.bp-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 8px 8px;background:#381b13}
#backpack-panel .bp-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 10px;margin:0;border:0;border-radius:5px;background:transparent;color:#eee1c9;font-size:17px;font-weight:400;line-height:1.15;text-shadow:0 1px 2px #000;box-shadow:none;min-width:0}
.bp-button[aria-pressed=false]>.gc-material{filter:saturate(.4) brightness(.55)}
.bp-button[aria-pressed=true]{color:#f3dbaf!important}
.bp-button:active>.gc-material{filter:brightness(.68)}
.bp-button:disabled{cursor:default!important;opacity:.55}
.bp-body{padding:0 8px 8px}
.bp-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 0 8px}
.bp-filters label{display:grid;gap:2px;min-width:0;margin:0;font-size:13px;font-weight:700}
#backpack-panel .bp-filters select{min-height:36px}
#backpack-panel .bp-filters select{appearance:auto;display:block;width:100%;min-width:0;height:36px;padding:4px 24px 4px 8px;border:1px solid #9a7a50;border-radius:4px;box-shadow:inset 0 1px 3px #5339204d;background:#e6d0ae80;color:#241a12;font-size:15px;line-height:1.1}
.bp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:stretch}
#backpack-panel .bp-item{display:grid;grid-template-rows:22px minmax(64px,1fr) 32px 20px;min-width:0;width:100%;height:auto;aspect-ratio:1/1.3;padding:6px;margin:0;border:0;border-radius:6px;background:var(--kg-slot-bg);background-size:var(--kg-slot-size);color:#eee1c9;font-weight:400;text-align:center;box-shadow:inset 0 2px 10px #21160a99;overflow:hidden}
.bp-item>.gc-material{display:none!important}
.bp-item>.gc-frame{z-index:3}
.bp-meta{display:flex;align-items:start;justify-content:space-between;gap:2px;font-size:12px;line-height:18px;white-space:nowrap;text-shadow:0 1px 2px #000;z-index:4}
.bp-up{min-width:24px;display:inline-grid;place-items:center;height:20px;padding:0 4px;font-size:12px;color:#ddd1ba}
.bp-up.enhanced{color:#ecd295}
.bp-art{display:block;position:relative;min-width:0;min-height:0;overflow:hidden}
#backpack-panel .bp-art>.kg-equipment{display:flex;width:100%!important;height:100%!important;max-height:none;max-width:none;margin:0;background:none!important;border:0!important;box-shadow:none!important}
.bp-art>.kg-equipment::after{display:none!important}
#backpack-panel .bp-art .kg-item-image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:scale(1.12);filter:drop-shadow(0 3px 2px #21160aa0)}
.bp-name{display:flex;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;font-size:12px!important;line-height:15px;font-weight:400!important;color:#eee1c9;text-shadow:0 1px 2px #18100c,0 0 4px #18100c;overflow-wrap:anywhere;z-index:4}
.bp-power{align-self:center;white-space:nowrap;color:#f0d7a0;font-size:12px;line-height:16px;text-shadow:0 1px 2px #18100c;z-index:4}
.bp-fav,.bp-lock{position:absolute;right:0;bottom:0;z-index:4;color:#e7bd69;font-size:20px;line-height:24px;text-shadow:0 1px 2px #342517}
.bp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}.bp-single{grid-template-columns:1fr}
.bp-empty{padding:32px 12px;text-align:center;font-size:16px;line-height:1.4}
.bp-deliveries{margin-top:8px;border-top:1px solid #99794d}.bp-deliveries summary{padding:12px 0;font-size:14px;cursor:pointer}
#backpack-panel .bp-medal{grid-template-rows:minmax(76px,1fr) 36px;margin-top:8px}
.bp-medal .bp-art>.medal-art{width:100%;height:100%;max-width:none;max-height:none}
/* Explicit perimeter reset: older Hero nav rules must never resize these parts. */
#backpack-panel .gc-frame{display:grid;position:absolute;inset:0;width:100%;height:100%;grid-template-columns:var(--gc-corner) minmax(0,1fr) var(--gc-corner);grid-template-rows:var(--gc-corner) minmax(0,1fr) var(--gc-corner);pointer-events:none}
#backpack-panel .gc-frame>img{width:100%;height:100%;min-width:0;min-height:0;margin:0;object-fit:fill}
@media(max-width:360px){.bp-heading{grid-template-columns:28px minmax(0,1fr) auto 32px 32px;gap:2px}.bp-heading>.gc-icon{width:28px}#backpack-panel .bp-heading h2{font-size:18px}.bp-capacity{min-width:52px;padding:6px;font-size:14px}#backpack-panel .bp-round{width:32px;height:32px;background-size:32px}.bp-meta,.bp-up{font-size:11px}#backpack-panel .bp-item{aspect-ratio:auto;min-height:148px;grid-template-rows:22px 66px 36px 16px}.bp-name{font-size:11px!important;line-height:12px}.bp-power{font-size:11px}.bp-filters select{font-size:14px!important}}

#backpack-close>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}

/* Keep native WebKit selects readable even when the outer game uses dark chrome. */
#backpack-panel .bp-filters select{appearance:none;-webkit-appearance:none;color-scheme:light;color:#241A12;background:#EEE1C9;padding-right:28px}
#backpack-panel .bp-filters label{position:relative}
#backpack-panel .bp-filters label::after{content:"⌄";position:absolute;right:10px;bottom:8px;font-size:18px;line-height:20px;color:#241A12;pointer-events:none}

.bp-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}#backpack-panel .bp-tabs .bp-button{font-size:15px;padding:10px 5px}
.bp-cardholder{padding:6px 0}.bp-cardholder-cover{position:relative;aspect-ratio:1.8;overflow:hidden;border:1px solid #966b36;border-radius:7px;background:#1c120e}.bp-cardholder-cover>img{width:100%;height:100%;object-fit:cover}.bp-cardholder-cover>div{position:absolute;inset:auto 0 0;padding:35px 15px 15px;background:linear-gradient(transparent,#140c08f5);color:#f6dfb4}.bp-cardholder-cover small{color:#dcba7c;font-size:11px;letter-spacing:.1em}#backpack-panel .bp-cardholder-cover h3{color:#ffedc7;font-size:26px;margin:5px 0 0}
.bp-cardholder-note{font-size:15px;line-height:1.4;padding:0 5px;color:#4b3523}.bp-cardholder-total{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin:15px 3px;font-size:14px;color:#503622}.bp-cardholder-total span{font-size:12px}

.bp-section-cover{margin:8px 0 14px}.bp-cardholder-pockets{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.bp-card-pocket{border:1px solid #a8834c;border-radius:8px;background:linear-gradient(145deg,#4b2a20,#22150f);box-shadow:inset 0 0 0 3px #2f1b13;overflow:hidden;color:#f6e0b7}
.bp-card-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:16px}
.bp-card-art{display:block;position:relative;height:136px}.bp-card-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px #0008)}
.bp-card-art>b{position:absolute;right:0;bottom:0;min-width:44px;padding:5px 8px;border:1px solid #bd985b;border-radius:4px;background:#211610;color:#ffe4a3;font-size:18px;white-space:nowrap}
#backpack-panel .bp-card-copy small{color:#e5c88e;font-size:13px}#backpack-panel .bp-card-copy h3{color:#fff0ce;font-size:24px;line-height:1.2;margin:5px 0 10px}
#backpack-panel .bp-card-copy p{color:#f0dcc0!important;font-size:15px;line-height:1.4;margin:6px 0}.bp-card-copy{min-width:0;overflow-wrap:anywhere}
.bp-card-pocket.is-empty .bp-card-art>img{filter:grayscale(.55) brightness(.7)}
#backpack-panel .bp-cardholder-note{color:#4b3523!important}#backpack-panel .bp-cardholder-total{color:#503622!important}
#backpack-panel .bp-active-medals h3{color:#392818;font-size:20px;text-shadow:none}.bp-active-medals{padding:2px 4px 14px}
@media(max-width:480px){.bp-card-row{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px 12px}.bp-card-art{height:115px}#backpack-panel .bp-card-copy h3{font-size:23px}}
@media(max-width:359px){#backpack-panel .bp-tabs .bp-button{font-size:13px}.bp-card-row{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px 10px}.bp-card-art{height:102px}.bp-card-art>b{font-size:16px;padding:4px 6px}#backpack-panel .bp-card-copy h3{font-size:21px}#backpack-panel .bp-card-copy p{font-size:14px}#backpack-panel .bp-cardholder-cover h3{font-size:23px}}

.auction-card-art{width:72px;height:88px;object-fit:contain;flex:none}

/* Medal visuals share the same live art in both the Hero and Backpack contexts. */
#backpack-panel .hg-medal{display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer}
#backpack-panel .bp-stash-title{font-size:20px;color:#392818;text-shadow:none;margin:16px 4px 4px}
#backpack-panel .bp-item.bp-medal{grid-template-rows:minmax(0,1fr) auto;gap:8px;aspect-ratio:1/1.25;min-height:140px}
#backpack-panel .bp-medal .bp-art{height:100%;display:grid;place-items:center}
#backpack-panel .bp-medal .medal-emblem{display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;margin:0}
#backpack-panel .bp-medal .medal-emblem img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
#backpack-panel .bp-medal .bp-name{font-size:14px!important;line-height:1.2}

/* Material storage follows the parchment, brass and leather inventory surfaces. */
#backpack-panel .bp-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#backpack-panel .bp-tabs .bp-button{min-width:0;padding:9px 4px;font-size:clamp(10px,2.7vw,17px)}
#backpack-panel .bp-tabs .bp-button span{white-space:nowrap}
.mat-cover{display:flex;align-items:center;gap:16px;padding:16px 8px;border-bottom:1px solid #ae8553;color:#352313}
.mat-cover>.mat-icon{width:42%;height:160px;object-fit:contain;flex:none}
.mat-cover h3{font:700 clamp(21px,5vw,30px) Georgia,serif;margin:6px 0;color:#352313;text-shadow:none}
.mat-cover p,.mat-cover small{color:#65462b;margin:6px 0}
.mat-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 4px;border-bottom:1px solid #b6986d;color:#352313}
.mat-icon{width:64px;height:64px;object-fit:contain;flex:none;vertical-align:middle}
.mat-card h3{font:700 22px Georgia,serif;color:#352313;margin:4px 0 8px;text-shadow:none}
.mat-card p,.mat-card small,.mat-source-rule{color:#61432a;font-size:16px;line-height:1.45;margin:6px 0}
.mat-card .mat-recipe{color:#42280e;font-weight:700}
.mat-stock{color:#54330d;text-align:right;font-size:25px;line-height:1.25;min-width:30px}
.mat-stock small{display:block;font-size:13px;font-weight:400}
.mat-source-rule{padding:12px 4px}
.mat-safe{color:#34502b!important;font-weight:700;margin:12px 0;line-height:1.4}
.mat-costs>div,.mat-receipt>div,.mat-fight>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #c4a578;padding:9px 0;color:#352313}
.mat-costs span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.mat-costs strong{white-space:nowrap;color:#352313}.mat-costs strong small{font-weight:400;color:#735431}
.mat-costs .insufficient{color:#892d25}.mat-costs img,.mat-costs svg,.mat-receipt .mat-icon,.mat-fight .mat-icon{width:38px;height:38px;object-fit:contain}
.mat-costs span small{display:block;width:100%;padding-left:46px;font-size:13px;color:#49613b}
.mat-fight span,.mat-receipt span{flex:1;min-width:0}.mat-fight small{display:block;color:#725437;font-size:14px}
.mat-fight p{font-size:14px;color:#725437}.mat-fight h3,.mat-receipt h3{color:#352313}
.auction-lot-head>.mat-icon{width:72px;height:72px}
@media(max-width:420px){.mat-card{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.mat-card>.mat-icon{width:48px;height:48px}.mat-card h3{font-size:19px}.mat-card p{font-size:14px}.mat-stock{font-size:22px}.mat-cover{gap:8px;padding:10px 0}.mat-cover>.mat-icon{height:120px}.mat-cover p{font-size:14px}.mat-costs{font-size:15px}.mat-costs>div{gap:8px}}


.mat-card{align-items:center;padding:16px 3px;gap:10px}.mat-card h3{margin:0 0 6px;font-size:21px}.mat-card p{margin:0;font-size:15px;line-height:1.4}.mat-stock{color:#755021;align-self:center}.mat-card>.ui76-icon{width:48px;height:48px;object-fit:contain}
.mat-fight{border-top:1px solid #ba965e;margin-top:14px}.mat-fight>.mat-drop-row{gap:10px;padding:10px 0}.mat-drop-row>span{font-size:16px}.mat-drop-row b{font-size:20px;color:#79511d;white-space:nowrap}.mat-drop-note{line-height:1.45}
.prep-loot-line{display:flex;align-items:center;gap:9px}.prep-loot-line>.kg-icon{width:30px;height:30px;flex:none}
.mat-pack-contents{padding:0!important}.mat-pack-contents li{padding:9px 2px!important;text-align:left}.mat-pack-contents .mat-icon{width:42px;height:42px}.mat-pack-contents li>span{min-width:0}.mat-pack-contents small{min-height:0!important;font-size:14px!important}
.mat-receipt.mat-expenses img{width:32px;height:32px;object-fit:contain}
#modal .realm-ui .mat-auction-tabs{display:flex;flex-wrap:wrap;gap:5px;background:#381b13;padding:7px;border-radius:6px;margin:12px 0}
#modal .realm-ui .mat-auction-tabs .bp-button{position:relative;isolation:isolate;flex:1 1 calc(33.33% - 5px);display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 5px;margin:0;border:0;border-radius:5px;background:transparent;color:#eee1c9;font:400 15px/1.15 KrongradChrome,Georgia,serif;text-shadow:0 1px 2px #000;box-shadow:none}
#modal .realm-ui .mat-auction-tabs .bp-button>span:not(.gc-material):not(.gc-frame){position:relative;white-space:nowrap}
.auction-lot-head .mat-unit-price,.auction-lot-head strong{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.mat-unit-price{color:#73512d}
@media(max-width:420px){.mat-card{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.mat-card h3{font-size:18px}.mat-card p{font-size:13px}.mat-stock{font-size:21px}.mat-drop-row>span{font-size:14px}.mat-drop-row b{font-size:19px}#modal .realm-ui .mat-auction-tabs .bp-button{font-size:12px}}

#modal .realm-ui .mat-auction-tabs .bp-button>span:last-child{color:#f7e6c6!important}#modal .realm-ui .mat-auction-tabs .bp-button[aria-pressed=true]>span:last-child{color:#fff1cc!important;font-weight:700}

/* One source of item appearance, extracted from the current Hero slot. */
body .equipment-visual.kg-item-frame{box-sizing:border-box;position:relative;isolation:isolate;container-type:inline-size;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;row-gap:2px;align-items:stretch;aspect-ratio:.91;width:100%;height:auto;min-width:0;min-height:0;padding:6.5px;margin:0;border:0!important;border-radius:5px;overflow:hidden;background-image:var(--kg-slot-bg)!important;background-size:var(--kg-slot-size)!important;background-repeat:repeat!important;color:#eee6d9;font-family:var(--kg-font);font-weight:400;line-height:1;text-align:center;box-shadow:inset 0 0 8px #34271830!important;filter:none;transform:none}
body .equipment-visual.kg-item-frame::after{content:'';position:absolute;inset:0;z-index:3;border:10px solid transparent;border-image:var(--kg-equipment-frame) 140 / 10px / 0 stretch;pointer-events:none}
body .equipment-visual[data-rarity="0"]::after{filter:none}
body .equipment-visual[data-rarity="1"]::after{filter:sepia(1) saturate(1.7) hue-rotate(75deg) brightness(.83)}
body .equipment-visual[data-rarity="2"]::after{filter:sepia(1) saturate(2.6) hue-rotate(175deg) brightness(.83)}
body .equipment-visual[data-rarity="3"]::after{filter:sepia(1) saturate(2.5) hue-rotate(238deg) brightness(.86)}
body .equipment-visual>.equipment-meta{position:relative;inset:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:0;width:auto;height:auto;padding:0;margin:0;gap:1px;z-index:4;font-size:clamp(9px,13cqw,16px);font-weight:400;line-height:1;color:#eee6d9;white-space:nowrap;text-shadow:0 1px 2px #000}
body .equipment-meta>.equipment-level{display:inline;position:static;width:auto;height:auto;margin:0;padding:0;font:inherit;color:inherit;background:none;border:0}
body .equipment-visual:not(.equipment-empty) .equipment-level{color:#30291f!important;text-shadow:none!important}
body .equipment-meta>.equipment-up{display:inline;position:static;width:auto;height:auto;margin:0;padding:1px 3px;border:1px solid #705a37;border-radius:3px;background:#17120dda;box-shadow:inset 0 0 2px #dfbc6970;color:#e4d8bf;font:inherit;line-height:1}
body .equipment-meta>.equipment-up.enhanced{color:#eed296;border-color:#ad8847}
body .equipment-visual>.equipment-art{position:relative;inset:auto;display:grid;place-items:center;width:auto;height:auto;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;box-sizing:border-box;overflow:hidden;background:none;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
body .equipment-visual>.equipment-art>.slot-symbol{position:relative;inset:auto;display:block!important;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none!important;max-height:none!important;padding:0;margin:0;background:none!important;border:0!important;box-shadow:none!important;filter:none;transform:none}
body .equipment-visual>.equipment-art>.slot-symbol::after,body .equipment-visual>.equipment-art>.slot-symbol::before{display:none!important}
body .equipment-visual .equipment-art .kg-art,body .equipment-visual .equipment-art svg{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;transform:none!important;filter:none!important;margin:0;padding:0;border:0;border-radius:0}
body .equipment-visual>.equipment-label{display:block;position:static;align-self:center;min-width:0;width:auto;height:auto;max-height:none;margin:0;padding:0;color:#30291f;text-shadow:none;font-family:var(--kg-font);font-size:clamp(9px,11.6cqw,15px);font-weight:400;line-height:1.05;text-align:center;white-space:normal;overflow-wrap:anywhere;background:none;border:0;z-index:4}
body .equipment-empty>.equipment-art{opacity:.24;filter:grayscale(1)}
body .equipment-visual .equipment-favorite,body .equipment-visual .equipment-lock{position:static;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:10px;height:10px;margin-left:1px;color:#68501a;font-size:10px;line-height:1;text-shadow:none}
body .equipment-visual .equipment-lock img{width:10px!important;height:10px!important;object-fit:contain}
/* The alpha bounds (not the transparent source canvas) fit inside this viewport.
   Native rails end 4.5px from the outer edge; 6.5px inset leaves exactly 2px.
   The metadata/label rows reserve their real height plus a 2px gap. */
body .equipment-visual:not(.equipment-empty){--item-light:#f1eee7eb;--item-shade:#d8d0c2eb;background-image:linear-gradient(var(--item-light),var(--item-shade)),var(--kg-slot-bg)!important;background-size:100% 100%,var(--kg-slot-size)!important}
body .equipment-visual[data-rarity="1"]:not(.equipment-empty){--item-light:#edf5e9ed;--item-shade:#c6dac3ed}
body .equipment-visual[data-rarity="2"]:not(.equipment-empty){--item-light:#eaf2f9ed;--item-shade:#c2d5eaed}
body .equipment-visual[data-rarity="3"]:not(.equipment-empty){--item-light:#f3edfaed;--item-shade:#d8c7e8ed}
body .equipment-visual.equipment-empty>.equipment-meta,body .equipment-visual.equipment-empty>.equipment-label{color:#f0e8d7;text-shadow:0 1px 2px #000}

/* Host containers manage layout and actions, never the frame/art/metadata. */
body .hg-page .hg-equipment{display:block;padding:0!important;background:none!important;box-shadow:none!important;border:0!important}
body .hg-equipment::after{display:none!important}
body .hg-equipment>.equipment-visual{height:100%}
body #backpack-panel .bp-item[data-item]{display:grid;grid-template-rows:minmax(0,1fr) 20px;gap:0;padding:0!important;aspect-ratio:auto;min-height:0;height:auto;background:none!important;box-shadow:none!important;overflow:visible}
body #backpack-panel .bp-item[data-item]>.equipment-visual{align-self:start;height:auto}
body #backpack-panel .bp-item[data-item]>.bp-power{color:#4b3216;text-shadow:none;font-size:12px;line-height:18px}
body :is(.item-icon,.item-art,.product-art,.bench-item,.market-icon):has(>.equipment-visual){display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible;min-width:0;height:auto!important;aspect-ratio:.91}
body :is(.item-icon,.item-art,.product-art,.bench-item,.market-icon):has(>.equipment-visual)::after,body :is(.item-icon,.item-art,.product-art,.bench-item,.market-icon):has(>.equipment-visual)::before{display:none!important}
body .product-art:has(>.equipment-visual){width:100%;max-width:160px;margin:4px auto!important}
body .shop-product:has(.equipment-visual){border:0!important;box-shadow:inset 0 0 0 1px #80684c!important;background:var(--hero-paper) center/460px!important;color:#241a12}
body .shop-product .product-shelf{display:none}
body .shop-product .product-art .equipment-visual{opacity:1;filter:none}
body .product-sold .product-art{filter:none;opacity:.65}
body .forge-item:has(>.equipment-visual){height:auto;min-height:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body .forge-item.selected{outline:2px solid #bd975d;outline-offset:2px}
body .forge-item>small{display:block;padding:4px 0;color:#ddd0b6}
body .reward-loot:has(>.equipment-visual){background:var(--hero-paper) center/460px!important;color:#241a12;border:0!important;box-shadow:inset 0 0 0 1px #80684c!important}
body .reward-loot>.equipment-visual{max-width:160px;margin:8px auto}
body .series-prize>.equipment-visual,body .clan-development-card>.equipment-visual{width:120px;max-width:100%;margin:8px auto}
body .market-icon:has(>.equipment-visual),body .item-icon:has(>.equipment-visual){width:80px!important;flex:0 0 80px;min-width:80px}
body .item:has(>.item-icon>.equipment-visual){grid-template-columns:80px minmax(0,1fr);align-items:start}
body .item:has(>.item-icon>.equipment-visual)>.value{grid-column:2}
body .item-icon:has(>.equipment-visual) .equipment-label,body .market-icon:has(>.equipment-visual) .equipment-label{font-size:9px}
body .market-detail-head .market-icon:has(>.equipment-visual){width:120px!important;flex-basis:120px}
/* Fit the entire art between the native labels, with no square crop or zoom.
   The single textured well stays continuous behind all three grid rows. */
body .equipment-visual>.equipment-art>.slot-symbol{aspect-ratio:auto;object-fit:contain}
body .equipment-visual>.equipment-meta{font-size:clamp(8px,14cqw,14px)}
body .equipment-visual>.equipment-label{font-size:clamp(8px,14cqw,14px)}
body .shop-product:has(.equipment-visual)>strong,body .shop-product:has(.equipment-visual)>small,body .shop-product:has(.equipment-visual)>.product-stat,body .shop-product:has(.equipment-visual)>em{color:#392719;text-shadow:none}
body .shop-product:has(.equipment-visual)>.product-affixes{color:#355331}
body .shop-product:has(.equipment-visual) .item-power-badge{color:#594019}
body .forge-item:has(>.equipment-visual)>small{color:#49341c}
body .shop-product:has(.equipment-visual)>.item-power,body .shop-product:has(.equipment-visual)>.item-power b{color:#594019;text-shadow:none}
body .reward-loot:has(>.equipment-visual)>strong,body .reward-loot:has(>.equipment-visual)>small,body .reward-loot:has(>.equipment-visual)>em,body .reward-loot:has(>.equipment-visual)>.loot-properties{color:#392719;text-shadow:none}

/* Fixed-size, precoloured metallic corners from the accepted kit, shared by
   Hero, bag, shop and item cards. Avoid a separate large CSS-only frame load. */
body .equipment-visual.kg-item-frame::after{display:none}
body .equipment-visual>.gc-frame{position:absolute;inset:0;z-index:3;filter:none}

/* Small attachment cards retain the original quality frame and readable labels. */
body .message-attachment .equipment-visual>.equipment-meta{font-size:8px}
body .message-attachment .equipment-visual>.equipment-label{font-size:8px;line-height:1.1;max-height:none}

/* Shared item lists are compact paper rows, not decorated action buttons.
   Only equipmentVisual owns the rarity frame; keep its native geometry. */
body button.item.equipment-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:6px 12px;align-items:start;width:100%;min-width:0;padding:10px;margin:8px 0 0;border:1px solid #ac8b5966;border-radius:6px;background:var(--hero-paper) center/460px;color:#392719;box-shadow:none;text-align:left;text-shadow:none;font-size:14px;line-height:1.35}
body .item.equipment-row>.item-icon{grid-column:1;grid-row:1 / span 2;align-self:start}
body .item.equipment-row>.body{grid-column:2;min-width:0}
body .item.equipment-row strong{font-size:16px;font-weight:700;color:#392719;overflow-wrap:anywhere}
body .item.equipment-row small{font-size:12px;line-height:1.45;color:#49351f;overflow-wrap:anywhere}
body .item.equipment-row>.value{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;max-width:none;font-size:14px;text-align:left;color:#594019;overflow-wrap:anywhere}
body .item.equipment-row .item-power{display:inline-flex;margin:0;max-width:none;color:#594019}
body .item.equipment-row:focus-visible{outline:2px solid #926b30;outline-offset:2px}

/* Approved Hero materials, fixed-size corners and native text. */
.st-screen,.st-tabs,.st-district-list{--st-ink:#241A12;--st-cream:#EEE1C9;--st-gold:#AC8B59;--st-positive:#245A29;--st-negative:#7D2021;font-family:KrongradChrome,'PT Serif',Georgia,serif;line-height:1.3}
body.game-shell.streets-page #main{padding:8px;scrollbar-width:none}
.st-screen{display:flex;flex-direction:column;gap:8px;color:var(--st-ink);min-width:0}
.st-screen>*{flex:none;min-width:0}
.st-screen h1,.st-screen h2,.st-screen p{padding:0;border:0;background:none;text-shadow:none;box-shadow:none}
.st-screen h1:before,.st-screen h2:before,.st-screen h1:after,.st-screen h2:after{display:none}
body .st-control,body .st-section{position:relative;isolation:isolate;appearance:none;display:flex;align-items:center;min-width:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:var(--st-cream,#EEE1C9);font:inherit;text-shadow:none;cursor:pointer;touch-action:manipulation}
body .st-control:active,body .st-section:active{transform:none;filter:none}
.st-control:active>.gc-material,.st-section:active>.gc-material{filter:brightness(.68)}
.st-section:active>.st-section-icon{translate:0 1px}
body .st-control:disabled,body .st-section:disabled{cursor:default;opacity:1}
.st-control:disabled>.gc-material,.st-section:disabled>.gc-material{filter:grayscale(.7) brightness(.62)}
.st-control:disabled>span:not(.gc-material):not(.gc-frame),.st-section:disabled>.st-section-icon{opacity:.55}
.st-control:focus-visible,.st-section:focus-visible{outline:2px solid var(--st-gold,#AC8B59);outline-offset:-4px}
.st-icon{display:block;object-fit:contain;flex:none;width:28px;height:28px;margin:0;filter:none}
.st-screen .gc-icon{width:28px;height:32px;object-fit:contain;margin:0}
.st-screen .gc-material-well{background-size:35px 28px}
.st-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;min-height:36px}
.st-title h1{display:flex;align-items:center;gap:8px;font-size:24px;line-height:32px;letter-spacing:1px;margin:0;color:var(--st-ink)}
body .st-journal{gap:8px;padding:8px 12px;min-height:48px;width:100%;color:var(--st-cream);font-size:16px}
.st-journal>.st-chevron{margin-left:auto}
.st-journal>.st-icon{width:24px;height:24px}
.st-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;margin:0 0 8px}
:is(.st-screen,.business-ui,.contracts-ui,.underground-ui)>.st-tabs{margin:0}
body .st-section{flex-direction:column;justify-content:center;gap:4px;min-height:88px;padding:8px 4px;font-size:12px;line-height:16px;white-space:nowrap}
.st-section>.st-section-icon{width:48px;height:48px;object-fit:contain}
.st-section[aria-pressed=true]{font-weight:700}
.st-section>.st-tab-pointer{position:absolute;bottom:-4px;width:12px;height:8px;z-index:4}
.st-district-block,.st-district-list{display:flex;flex-direction:column;gap:4px}
body .st-district{gap:8px;min-height:52px;width:100%;padding:8px 12px;text-align:left}
.st-district>.st-icon{width:36px;height:32px}.st-district>span:not(.gc-material):not(.gc-frame){min-width:0}
.st-district small{display:block;font-size:12px;line-height:16px;letter-spacing:.5px;color:var(--st-gold)}
.st-district b{display:block;font-size:20px;line-height:24px;font-weight:400;overflow-wrap:anywhere}
.st-chevron{margin-left:auto;font-size:24px;flex:none}
.st-map{position:relative;isolation:isolate;aspect-ratio:2/3;height:auto;overflow:hidden;border-radius:8px;background:#171310}
.st-map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:0}
.st-map>.gc-frame{z-index:6}
.st-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.st-connectors path{fill:none;stroke:var(--st-gold);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}
.st-pin{position:absolute;display:grid;place-items:center;width:18px;height:18px;margin:-9px;z-index:4;pointer-events:none}
.st-pin>.st-icon{width:12px;height:12px}.st-pin[data-active=true]{outline:1px solid var(--st-gold);outline-offset:2px;border-radius:50%}
.st-seal{display:grid;place-items:center;position:relative;isolation:isolate;width:28px;height:28px;font-size:14px;color:var(--st-cream)}
.st-seal>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:contain}
body .st-marker{position:absolute;display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px;min-height:48px;padding:6px 8px 6px 4px;text-align:left;z-index:7}
.st-marker-copy{min-width:0}.st-marker-copy>b{display:block;font-size:12px;line-height:14px;font-weight:400;overflow-wrap:anywhere}.st-marker-copy>small{display:block;font-size:10px;line-height:12px;color:var(--st-gold);margin-top:2px}
.st-marker[aria-pressed=true] .st-marker-copy>b{font-weight:700}.st-done{position:absolute;bottom:4px;right:4px;font-size:12px;line-height:12px;color:var(--st-gold)}
.st-pages{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--st-ink)}
body .st-small{justify-content:center;min-width:44px;min-height:40px;padding:4px 12px;font-size:24px}
.st-legend{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;font-size:10px;line-height:14px}.st-legend>span{display:flex;align-items:center;gap:4px}.st-legend .st-icon{width:14px;height:14px}.st-legend b{font-size:12px;color:var(--st-positive)}
.st-mission,.st-enemy{position:relative;isolation:isolate;min-width:0}
.st-mission{padding:12px;color:var(--st-ink)}.st-mission-heading{display:flex;gap:12px;align-items:center;padding-right:32px}.st-mission-heading>div:last-child{min-width:0;flex:1}
.st-mission .st-eyebrow{font-size:12px;line-height:16px;letter-spacing:.5px}.st-mission h2{font-size:20px;line-height:24px;margin:4px 0;font-weight:700;color:var(--st-ink);overflow-wrap:anywhere}.st-mission-heading small{font-size:12px;line-height:16px}
.st-enemy{width:64px;height:80px;flex:none;padding:4px;border-radius:8px;overflow:hidden}
.st-enemy>.st-enemy-image{display:block;width:100%;height:200%;object-fit:cover;object-position:center top;border-radius:4px;margin:0;max-width:none}
.st-mission p{font-size:14px;line-height:20px;margin:8px 0 12px;color:var(--st-ink)}.st-mission .st-repeat{font-weight:700;margin-bottom:4px}
.st-case-chip{position:absolute;right:12px;top:12px}.st-case-chip>.st-seal{width:32px;height:32px;font-size:12px;color:var(--st-gold)}
body .st-prepare{width:100%;min-height:52px;padding:8px 12px;justify-content:center;gap:8px;font-size:18px}.st-prepare>.st-icon{width:36px;height:36px}
.st-cost{display:block;text-align:center;margin-top:8px;font-size:12px}.st-mission .st-reason{margin:4px 0 0;text-align:center;font-size:12px;color:var(--st-negative)}.st-reason:empty{display:none}
body .st-influence{width:100%;color:var(--st-ink);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;text-align:left;padding:8px 12px}
.st-influence-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:16px}.st-influence-top>b{color:var(--st-positive);font-weight:700}.st-influence>small{font-size:12px;line-height:16px}
.st-progress{display:block;position:relative;isolation:isolate;height:16px;padding:4px;border-radius:6px;overflow:hidden}.st-progress>.st-fill{display:block;position:relative;height:100%;background:var(--st-positive);overflow:hidden}.st-fill>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.35}
body .st-chapter{gap:8px;min-height:48px;padding:8px 12px;text-align:left;width:100%}.st-chapter>span:not(.gc-frame):not(.gc-material):not(.st-chevron){min-width:0;flex:1}.st-chapter b{display:block;font-size:16px;font-weight:400}.st-chapter small{display:block;font-size:12px;line-height:16px;color:var(--st-gold)}
.st-energy{text-align:center;font-size:12px;color:var(--st-ink);min-height:16px}
@container(max-width:350px){.st-tabs{gap:2px}.st-district b{font-size:16px}.st-mission-heading{gap:8px}.st-marker{grid-template-columns:24px minmax(0,1fr)!important;padding:4px!important;gap:2px!important}.st-marker .st-seal{width:24px;height:24px;font-size:12px}}

/* Owner assignments share the same material/frame layers as mission cards. */
.st-order{position:relative;isolation:isolate;min-width:0;padding:8px;color:var(--st-ink)}
.st-order-head{position:relative;isolation:isolate;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;color:var(--st-cream)}
.st-order-head>.st-icon{width:32px;height:36px}
.st-order-caption{min-width:0}
.st-order-caption>small{display:block;font-size:10px;line-height:14px;letter-spacing:.5px;color:var(--st-gold);overflow-wrap:anywhere}
.st-screen .st-order h3{display:block;margin:4px 0 0;padding:0;border:0;background:none;box-shadow:none;text-shadow:none;font:700 20px/24px KrongradChrome,'PT Serif',Georgia,serif;letter-spacing:0;color:var(--st-cream);overflow-wrap:anywhere}
.st-screen .st-order h3:before,.st-screen .st-order h3:after{display:none}
.st-order-count{position:relative;isolation:isolate;align-self:center;display:grid;place-items:center;min-width:48px;min-height:32px;padding:6px 8px;white-space:nowrap;font-size:14px;line-height:20px;color:var(--st-gold);font-variant-numeric:tabular-nums}
body .st-order-help{position:relative;display:inline-grid;place-items:center;vertical-align:middle;margin:0 0 0 4px;padding:0;width:24px;height:24px;min-width:24px;min-height:24px;border:0;border-radius:50%;background:none;box-shadow:none;transform:none;cursor:pointer}
.st-order-help>.st-seal{width:20px;height:20px;font-size:14px;font-weight:400}
.st-order-help:focus-visible{outline:1px solid var(--st-gold);outline-offset:2px}
.st-order-body{padding:12px 4px 4px}
.st-order-body p{margin:0 0 12px;font-size:14px;line-height:20px;color:var(--st-ink)}
.st-order-routes{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
body .st-order-route,body .st-order-owner{width:100%;min-height:48px;padding:8px 12px;gap:8px;text-align:left;font-size:16px;line-height:20px}
.st-order-route>span:not(.gc-frame):not(.gc-material):not(.st-chevron),.st-order-owner>span:not(.gc-frame):not(.gc-material):not(.st-chevron){min-width:0;flex:1;overflow-wrap:anywhere}
.st-order-route small{display:block;font-size:12px;line-height:16px;color:var(--st-gold)}
.st-order-owner>.st-icon{width:32px;height:32px}
@container(max-width:350px){.st-order-head{grid-template-columns:24px minmax(0,1fr) auto;gap:4px;padding:8px}.st-order-head>.st-icon{width:24px;height:32px}.st-order-count{min-width:40px;padding:6px;font-size:12px}.st-screen .st-order h3{font-size:18px;line-height:22px}}

/* Neighbouring districts are outside the map; streets stay inside it. */
.st-quarter-links145{display:flex;gap:12px;align-items:stretch;margin:0;padding:0 0 3px;border-bottom:1px solid #bba78466}
body .st-quarter-links145>button{position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:38px;padding:3px 2px;color:var(--st-ink);background:none;border:0;text-align:left}
.st-quarter-links145>button:only-child{flex:0 1 calc(50% - 4px)}
.st-quarter-links145>button[data-direction=next]{flex-direction:row-reverse;text-align:right;margin-left:auto}
.st-quarter-links145 b{display:block;min-width:0;font:600 13px/1.25 KrongradChrome,Georgia,serif;overflow-wrap:anywhere}
.st-quarter-arrow145{display:block;flex:none}
.st-quarter-arrow145 .st-seal{width:28px;height:28px;font:26px/1 Georgia,serif;color:var(--st-cream)}
.st-quarter-arrow145 .st-seal>span{position:relative;top:-1px}
.st-quarter-links145>button:active{color:#815329}

.st-map-shell186{position:relative;isolation:isolate;min-width:0;border-radius:8px;overflow:hidden}
.st-map-shell186[data-multiple=true]{padding:8px;background:#211610}
.st-map-shell186[data-multiple=true]>.gc-frame{z-index:9;pointer-events:none}
.st-map-shell186[data-multiple=true]>.st-map{border-radius:3px;z-index:1}
.st-map-toolbar186{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 4px 6px}
.st-map-toolbar186 .st-world-map178{position:relative;inset:auto;flex:none;display:grid;place-items:center;width:52px;height:52px;min-width:52px;min-height:52px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.st-map-toolbar186 .st-world-map178>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.st-street-links186{display:flex;gap:6px;flex:1;min-width:0;max-width:240px}
body .st-street-links186>button{position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:42px;padding:6px 10px;text-align:left;color:var(--st-cream);background:none;border:0}
.st-street-links186>button>span:not(.gc-frame):not(.gc-material){position:relative;z-index:1;min-width:0}
.st-street-links186 b{display:block;font-size:14px;line-height:17px}
.st-street-links186 small{display:block;font-size:11px;line-height:13px;color:var(--st-gold);overflow-wrap:anywhere}
.st-street-arrow186{font:24px/1 Georgia;color:#d1b587;flex:none}
.st-connectors path{stroke:#c9af80;stroke-width:1.2;stroke-dasharray:4 3;filter:drop-shadow(0 1px 1px #000)}

/* Shared generated controls; native button semantics and event hooks retained. */
:root{--kg-round-help:url('/assets/c5876b82e999dcba8817.png');--kg-round-back:url('/assets/d7e05749f57f566f6bf3.png')}
body button:is(.context-help,.hero-help,.bp-round[data-help],.st-order-help,.kg-round-back){background-color:transparent!important;background-image:var(--kg-round-help)!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;border:0!important;border-radius:50%!important;box-shadow:none!important;color:transparent!important;font-size:0!important;text-shadow:none!important;padding:0!important;transform:none!important;cursor:pointer;touch-action:manipulation;vertical-align:middle;flex-shrink:0}
body button.context-help{display:inline-grid;place-items:center;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}
body button.st-order-help{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
body button:is(.context-help,.hero-help,.bp-round[data-help],.st-order-help)>*{visibility:hidden!important}
body button.kg-round-back{display:inline-grid;place-items:center;background-image:var(--kg-round-back)!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;margin:4px}
body button:is(.context-help,.hero-help,.bp-round[data-help],.st-order-help,.kg-round-back):is(:active,[data-state=pressed]){filter:brightness(.68)!important}
body button:is(.context-help,.hero-help,.bp-round[data-help],.st-order-help,.kg-round-back):disabled{filter:grayscale(.8) brightness(.62)!important;cursor:default}
body button:is(.context-help,.hero-help,.bp-round[data-help],.st-order-help,.kg-round-back):focus-visible{outline:2px solid #AC8B59!important;outline-offset:2px}
body .kg-back-link:before{content:'';display:inline-block;width:28px;height:28px;min-width:28px;vertical-align:middle;margin-right:8px;background:var(--kg-round-back) center/contain no-repeat}
body .kg-back-link:active:before{filter:brightness(.68)}body .kg-back-link:disabled:before{filter:grayscale(.8) brightness(.62)}
body .attribute-line i{display:inline-block;width:18px;height:18px;background:var(--kg-round-help) center/contain no-repeat!important;border:0!important;color:transparent!important;font-size:0!important;vertical-align:middle}
.venue-card[data-business-status=unopened] .venue-scene{filter:saturate(.45) brightness(.8)}
.venue-card[data-business-status=locked] .venue-scene{filter:grayscale(.9) brightness(.5)}
.venue-card .venue-access{display:flex;align-items:center;gap:8px;margin:8px 0;font-style:normal;color:#EEE1C9;font-size:16px;font-weight:bold}
.venue-access .st-icon{width:24px;height:24px}.venue-card .venue-condition{display:block;font:14px/20px KrongradChrome,Georgia,serif;color:#EEE1C9;margin:6px 0}

/* Legacy secondary windows keep their geometry; replace the baked help glyph
   with an independent control and the existing leather underlay. */
.reference-window button.ref-round-help{background-image:var(--kg-round-help),var(--hero-leather)!important;background-position:center,center!important;background-size:contain,120px!important;background-repeat:no-repeat,repeat!important;border-radius:50%!important;isolation:isolate;color:transparent!important}
.reference-window button.ref-round-help:active{filter:brightness(.68)}
.reference-window button.ref-round-help:disabled{filter:grayscale(.8) brightness(.62)}
.reference-window button.ref-round-help:focus-visible{outline:2px solid #AC8B59!important;outline-offset:2px!important}

:is(#main,#modal) .business-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-font:KrongradChrome,Georgia,serif;font:14px/1.4 var(--kg-font);color:var(--kg-ink);display:flex;flex-direction:column;gap:8px;container-type:inline-size;min-width:0}
:is(#main,#modal) .business-ui,:is(#main,#modal) .business-ui *{box-sizing:border-box}:is(#main,#modal) .business-ui>*{flex:none}:is(#main,#modal) .business-ui button{font-family:var(--kg-font);text-shadow:none;box-shadow:none;border-radius:0;margin:0;cursor:pointer}:is(#main,#modal) .business-ui button:disabled{cursor:default}:is(#main,#modal) .business-ui button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal) .business-ui p,:is(#main,#modal) .business-ui summary{color:inherit}:is(#main,#modal) .business-ui h1,:is(#main,#modal) .business-ui h2,:is(#main,#modal) .business-ui h3{color:inherit;padding:0;font-family:var(--kg-font);background:none;text-shadow:none;letter-spacing:normal}:is(#main,#modal) .business-ui .kg-icon{filter:none}:is(#main,#modal) .business-ui img{border:0;margin:0}:is(#main,#modal) .business-ui .kg-button{font-weight:400}
body.game-shell #modal.business-modal{padding:8px!important;border:0!important;background-color:#E4CEB0!important;background-image:url('/assets/e0e00925849153e306c6.png')!important;background-size:120px 43px;box-shadow:none!important}
:is(#main,#modal) .business-ui .kg-panel,:is(#main,#modal) .business-ui .kg-button,:is(#main,#modal) .business-ui .kg-slot,:is(#main,#modal) .business-ui .kg-round,:is(#main,#modal) .business-ui .kg-upgrade,:is(#main,#modal) .business-ui .kg-progress,:is(#main,#modal) .business-ui .kg-nav-shell,:is(#main,#modal) .business-ui .kg-nav-button{position:relative;isolation:isolate}:is(#main,#modal) .business-ui .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}:is(#main,#modal) .business-ui .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}:is(#main,#modal) .business-ui .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}:is(#main,#modal) .business-ui .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .business-ui [data-kg-text]{display:block;min-width:0}:is(#main,#modal) .business-ui .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}:is(#main,#modal) .business-ui .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}:is(#main,#modal) .business-ui .kg-button.kg-large{min-height:52px;font-size:20px}:is(#main,#modal) .business-ui .kg-button.kg-large .kg-icon{width:48px;height:40px}:is(#main,#modal) .business-ui .kg-button:active>.kg-surface,:is(#main,#modal) .business-ui .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .business-ui .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .business-ui .kg-button:disabled>[data-kg-text],:is(#main,#modal) .business-ui .kg-button:disabled>.kg-icon{opacity:.5}:is(#main,#modal) .business-ui .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}:is(#main,#modal) .business-ui .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}:is(#main,#modal) .business-ui .kg-round .kg-icon{width:64%;height:64%}:is(#main,#modal) .business-ui .kg-round:active .kg-base,:is(#main,#modal) .business-ui .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}:is(#main,#modal) .business-ui .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}:is(#main,#modal) .business-ui .kg-round:disabled>[data-kg-text]{opacity:.5}:is(#main,#modal) .business-ui .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}:is(#main,#modal) .business-ui .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}:is(#main,#modal) .business-ui .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}:is(#main,#modal) .business-ui .kg-progress[data-tone=hp] .kg-fill{background:#972c25}:is(#main,#modal) .business-ui .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}:is(#main,#modal) .business-ui .kg-progress[data-tone=xp] .kg-fill{background:#285d89}:is(#main,#modal) .business-ui .kb-paper,:is(#main,#modal) .business-ui .kb-business-card,:is(#main,#modal) .business-ui .kb-cover,:is(#main,#modal) .business-ui .kb-row,:is(#main,#modal) .business-ui .kb-window-head,:is(#main,#modal) .business-ui .kb-level,:is(#main,#modal) .business-ui .kb-ledger,:is(#main,#modal) .business-ui .kb-banner{position:relative;isolation:isolate}:is(#main,#modal) .business-ui .kb-paper{padding:12px;color:var(--kg-ink);min-width:0}:is(#main,#modal) .business-ui .kb-paper h2,:is(#main,#modal) .business-ui .kb-paper h3{margin:0;font-size:20px;line-height:24px}:is(#main,#modal) .business-ui .kb-paper p{margin:8px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .business-ui .kb-art{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .business-ui .kb-eyebrow{font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:400}:is(#main,#modal) .business-ui .kb-button{width:100%;min-height:48px;font-size:17px;gap:8px;padding:8px 12px}:is(#main,#modal) .business-ui .kb-button .kg-icon{width:28px;height:28px}:is(#main,#modal) .business-ui .kb-button.kb-secondary{min-height:40px;font-size:14px}:is(#main,#modal) .business-ui .kb-button:disabled>.kg-frame,:is(#main,#modal) .business-ui .kb-row:disabled>.kg-frame,:is(#main,#modal) .business-ui .kb-business-card:disabled>.kg-frame{filter:grayscale(.7)}:is(#main,#modal) .business-ui .kb-business-card{display:block;width:100%;border:0;background:none;color:var(--kg-ink);padding:6px;text-align:left;min-width:0;cursor:pointer}:is(#main,#modal) .business-ui .kb-cover{overflow:hidden;aspect-ratio:2.3;border-radius:8px;background:var(--kg-well)}:is(#main,#modal) .business-ui .kb-cover>.kb-art{width:100%;height:100%;object-fit:cover;object-position:center top}:is(#main,#modal) .business-ui .kb-cover>.kg-frame{z-index:4}:is(#main,#modal) .business-ui .kb-level{position:absolute;right:12px;top:12px;z-index:5;min-width:44px;padding:4px 8px;color:var(--kg-cream);font-size:12px;text-align:center;line-height:16px}:is(#main,#modal) .business-ui .kb-cover-compact{aspect-ratio:2.9}:is(#main,#modal) .business-ui .kb-card-name{position:relative;display:block;padding:8px 28px 4px 8px}:is(#main,#modal) .business-ui .kb-card-name strong{font-size:20px;line-height:24px;font-weight:700}:is(#main,#modal) .business-ui .kb-card-name .kb-chevron{position:absolute;right:8px;top:20px}:is(#main,#modal) .business-ui .kb-card-till{display:flex;align-items:center;gap:4px;padding:0 8px 6px;font-size:12px;line-height:20px}:is(#main,#modal) .business-ui .kb-card-till>.kg-icon{width:24px;height:24px}:is(#main,#modal) .business-ui .kb-card-till>b{font-size:18px;white-space:nowrap}:is(#main,#modal) .business-ui .kb-card-till>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--kg-positive)}:is(#main,#modal) .business-ui .kb-card-notice{display:flex;align-items:center;gap:4px;margin:0 8px 4px;padding-top:4px;border-top:1px solid var(--kg-gold);font-size:11px;color:var(--kg-positive)}:is(#main,#modal) .business-ui .kb-card-notice>.kg-icon{width:16px;height:16px}:is(#main,#modal) .business-ui .kb-row{width:100%;border:0;background:none;color:var(--kg-cream);padding:12px;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;min-width:0}:is(#main,#modal) .business-ui .kb-row>.kg-icon{width:36px;height:36px}:is(#main,#modal) .business-ui .kb-row>span:not(.kg-frame):not(.kg-surface){flex:1;min-width:0}:is(#main,#modal) .business-ui .kb-row strong{font-size:17px;line-height:20px;font-weight:400}:is(#main,#modal) .business-ui .kb-row small{display:block;color:var(--kg-gold);font-size:12px;line-height:16px;margin-top:4px}:is(#main,#modal) .business-ui .kb-row-status{font-size:16px;font-weight:400;white-space:nowrap;color:var(--kg-gold)}:is(#main,#modal) .business-ui .kb-chevron{font-size:24px;line-height:28px;flex:none!important;max-width:16px}:is(#main,#modal) .business-ui .kb-row:active>.kg-surface,:is(#main,#modal) .business-ui .kb-row[data-state=pressed]>.kg-surface,:is(#main,#modal) .business-ui .kb-business-card:active>.kg-surface,:is(#main,#modal) .business-ui .kb-business-card[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .business-ui .kb-row:disabled,:is(#main,#modal) .business-ui .kb-business-card:disabled{cursor:default}:is(#main,#modal) .business-ui .kb-row:disabled>.kg-surface,:is(#main,#modal) .business-ui .kb-business-card:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .business-ui .kb-row:disabled>.kg-icon,:is(#main,#modal) .business-ui .kb-business-card:disabled>.kb-cover{filter:grayscale(.8);opacity:.6}:is(#main,#modal) .business-ui .kb-window-head{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--kg-cream)}:is(#main,#modal) .business-ui .kb-window-head h1{font-size:20px;line-height:24px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}:is(#main,#modal) .business-ui .kb-window-head .kg-round{width:32px;height:32px;flex:none;font-size:24px}:is(#main,#modal) .business-ui .kb-window-head .kg-round:last-child{font-size:18px}:is(#main,#modal) .business-ui .kb-section-label{display:flex;align-items:center;gap:8px;min-width:0}:is(#main,#modal) .business-ui .kb-section-label h2{font-size:16px;line-height:20px;letter-spacing:.7px}:is(#main,#modal) .business-ui .kb-section-label>.kb-art{width:28px;height:28px}:is(#main,#modal) .business-ui .kb-till-state{margin-left:auto;font-size:12px;color:var(--kg-positive)}:is(#main,#modal) .business-ui .kb-cash-number{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}:is(#main,#modal) .business-ui .kb-cash-number>.kg-icon{width:40px;height:40px}:is(#main,#modal) .business-ui .kb-cash-number b{font-size:32px;line-height:40px;font-weight:700;white-space:nowrap}:is(#main,#modal) .business-ui .kb-cash-number small{align-self:end;margin-bottom:6px;font-size:13px;white-space:nowrap}:is(#main,#modal) .business-ui .kb-cashbox>.kg-progress{height:16px;margin:8px 0 12px}:is(#main,#modal) .business-ui .kb-center{text-align:center}:is(#main,#modal) .business-ui .kb-paper p.kb-small,:is(#main,#modal) .business-ui .kb-small{font-size:12px;line-height:16px}:is(#main,#modal) .business-ui .kb-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;gap:8px}:is(#main,#modal) .business-ui .kb-reward>span{display:grid;grid-template-columns:36px auto;align-items:center;column-gap:8px}:is(#main,#modal) .business-ui .kb-reward .kg-icon,:is(#main,#modal) .business-ui .kb-reward .kb-art{grid-row:span 2;width:36px;height:36px}:is(#main,#modal) .business-ui .kb-reward b{font-size:24px;line-height:28px}:is(#main,#modal) .business-ui .kb-reward small{font-size:12px}:is(#main,#modal) .business-ui .kb-ledger{padding:12px 16px;display:flex;gap:12px;align-items:center;color:var(--kg-cream);min-width:0}:is(#main,#modal) .business-ui .kb-ledger>.kg-icon{width:44px;height:44px}:is(#main,#modal) .business-ui .kb-ledger>div{flex:1}:is(#main,#modal) .business-ui .kb-ledger small{display:block;font-size:12px;color:var(--kg-gold)}:is(#main,#modal) .business-ui .kb-ledger b{font-size:28px;line-height:32px;font-weight:400;white-space:nowrap}:is(#main,#modal) .business-ui .kb-ledger .kb-ledger-note{font-size:12px;text-align:right;line-height:16px}:is(#main,#modal) .business-ui .kb-banner{padding:12px 16px;display:flex;align-items:center;gap:8px;color:var(--kg-cream);font-size:14px;line-height:20px}:is(#main,#modal) .business-ui .kb-banner>.kg-icon{width:28px;height:28px}:is(#main,#modal) .business-ui .kb-positive{color:var(--kg-positive)}:is(#main,#modal) .business-ui .kb-negative{color:var(--kg-negative)}
@container(max-width:350px){:is(#main,#modal) .business-ui .kb-card-name strong{font-size:18px}:is(#main,#modal) .business-ui .kb-card-till{flex-wrap:wrap}:is(#main,#modal) .business-ui .kb-cover-compact{aspect-ratio:2.5}:is(#main,#modal) .business-ui .kb-window-head{padding:8px;gap:4px}:is(#main,#modal) .business-ui .kb-window-head h1{font-size:18px}:is(#main,#modal) .business-ui .kb-row{padding:12px;gap:8px}:is(#main,#modal) .business-ui .kb-row strong{font-size:15px}:is(#main,#modal) .business-ui .kb-row>.kg-icon{width:28px;height:28px}:is(#main,#modal) .business-ui .kb-row-status{font-size:14px}:is(#main,#modal) .business-ui .kb-cash-number b{font-size:28px}:is(#main,#modal) .business-ui .kb-cash-number small{font-size:11px}}:is(#main,#modal) .business-ui .kb-cover[data-business-status=unopened]>.kb-art{filter:saturate(.5) brightness(.78)}:is(#main,#modal) .business-ui .kb-cover[data-business-status=locked]>.kb-art{filter:grayscale(.9) brightness(.5)}:is(#main,#modal) .business-ui .kb-access-badge{position:absolute;isolation:isolate;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--kg-cream);font-size:18px;line-height:24px;font-weight:700}:is(#main,#modal) .business-ui .kb-access-badge>.kg-icon{width:24px;height:24px}:is(#main,#modal) .business-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art)){aspect-ratio:4.5}:is(#main,#modal) .business-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art))>.kb-access-badge{position:relative;left:auto;bottom:auto;margin:12px;width:fit-content}:is(#main,#modal) .business-ui .kb-access-reason{display:block;padding:0 8px 8px;font-size:14px;line-height:20px;color:var(--kg-negative)}:is(#main,#modal) .business-ui .kb-access-action{display:block;margin:0 8px 4px;padding-top:8px;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px;font-weight:700}:is(#main,#modal) .business-ui .kb-business-card[data-business-status=locked] .kb-card-name strong{font-size:18px;line-height:24px}:is(#main,#modal) .business-ui .kb-business-card[data-business-status=locked] .kb-cover .kg-surface{background-size:10px 58px}:is(#main,#modal) .business-ui .business-title{display:flex;align-items:center;gap:8px;padding:4px;font-size:22px;line-height:28px;margin:0;letter-spacing:.5px}:is(#main,#modal) .business-ui .business-title>.ks-section-icon{width:32px;height:32px}:is(#main,#modal) .business-ui .business-title>.kg-round{width:32px;height:32px;font-size:14px;margin-left:auto}:is(#main,#modal) .business-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}:is(#main,#modal) .business-ui .kb-office-district{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;line-height:20px}:is(#main,#modal) .business-ui .kb-office-district>span:last-child{color:var(--kg-positive)}:is(#main,#modal) .business-ui .income-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}:is(#main,#modal) .business-ui .income-strip>div,:is(#main,#modal) .business-ui .income-strip>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;min-width:0}:is(#main,#modal) .business-ui .income-strip>button{border:0;border-left:1px solid var(--kg-gold);background:none;color:var(--kg-ink);font-family:var(--kg-font);cursor:pointer}:is(#main,#modal) .business-ui .income-strip b{font-size:20px;line-height:24px}:is(#main,#modal) .business-ui .income-strip small{font-size:12px}:is(#main,#modal) .business-ui .income-strip .kg-icon,:is(#main,#modal) .business-ui .income-strip .kb-art{width:24px;height:24px}:is(#main,#modal) .business-ui .income-caption{grid-column:1/-1!important;display:block!important;font-size:11px!important;text-align:center;line-height:16px;margin-top:4px}:is(#main,#modal) .business-ui .kb-bonus-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:8px;font-size:13px;line-height:18px}:is(#main,#modal) .business-ui .kb-bonus-line .kg-icon,:is(#main,#modal) .business-ui .kb-bonus-line .kb-art{width:28px;height:28px}:is(#main,#modal) .business-ui .kb-bonus-line>div{flex:1}:is(#main,#modal) .business-ui .kb-bonus-line b,:is(#main,#modal) .business-ui .kb-bonus-line small{display:block;font-weight:400}:is(#main,#modal) .business-ui .kb-bonus-line small{font-size:11px}:is(#main,#modal) .business-ui .kb-order-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);margin-bottom:12px}:is(#main,#modal) .business-ui .kb-order-head .ks-section-icon{width:52px;height:52px}:is(#main,#modal) .business-ui .kb-order-head>div{min-width:0;flex:1}:is(#main,#modal) .business-ui .kb-order-head h2{font-size:23px;line-height:28px;margin:4px 0 0}:is(#main,#modal) .business-ui .kb-order-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:14px}:is(#main,#modal) .business-ui .kb-order-progress b{font-size:24px}:is(#main,#modal) .business-ui .kb-order-conditions{padding:12px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .business-ui .kb-order-conditions>p{margin:4px 0 0}:is(#main,#modal) .business-ui .kb-reward-caption{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:16px}:is(#main,#modal) .business-ui .kb-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);margin:12px 0}:is(#main,#modal) .business-ui .kb-terms>div{text-align:center;min-width:0}:is(#main,#modal) .business-ui .kb-terms small{display:block;font-size:12px;line-height:16px}:is(#main,#modal) .business-ui .kb-terms b{display:block;font-size:28px;line-height:36px}:is(#main,#modal) .business-ui .kb-terms>div+div{border-left:1px solid var(--kg-gold)}:is(#main,#modal) .business-ui .kb-growth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;padding:8px 0}:is(#main,#modal) .business-ui .kb-growth b{font-size:20px;font-weight:400;white-space:nowrap}:is(#main,#modal) .business-ui .kb-risk{margin:12px 0;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .business-ui .kb-risk>strong{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--kg-negative)}:is(#main,#modal) .business-ui .kb-risk .kg-icon{width:24px;height:24px}:is(#main,#modal) .business-ui .kb-risk p{font-size:13px;line-height:19px}:is(#main,#modal) .business-ui .kb-balance{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:0 0 12px}:is(#main,#modal) .business-ui .kb-balance b{white-space:nowrap}:is(#main,#modal) .business-ui .kb-result{text-align:center;padding:24px 16px}:is(#main,#modal) .business-ui .kb-result>.kg-icon{width:64px;height:64px;margin:0 auto 12px}:is(#main,#modal) .business-ui .kb-result h2{font-size:24px;line-height:28px}:is(#main,#modal) .business-ui .kb-result .kb-button{margin-top:16px}:is(#main,#modal) .business-ui .kb-notice{margin:0;padding:8px;font-size:12px;line-height:18px;color:var(--kg-positive);text-align:center}:is(#main,#modal) .business-ui .kb-notice:empty{display:none}:is(#main,#modal) .business-ui .kb-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:8px 12px;color:var(--kg-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}:is(#main,#modal) .business-ui .kb-link span:last-child{font-size:20px}:is(#main,#modal) .business-ui .kb-divider{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px;color:var(--kg-gold)}:is(#main,#modal) .business-ui .kb-divider:before,:is(#main,#modal) .business-ui .kb-divider:after{content:'';height:1px;background:var(--kg-gold);flex:1}:is(#main,#modal) .business-ui .kb-divider>.kg-icon{width:24px;height:16px}:is(#main,#modal) .business-ui .kb-empty{text-align:center;padding:32px 16px}:is(#main,#modal) .business-ui .kb-empty>.ks-section-icon{width:96px;height:96px;margin:0 auto 16px}:is(#main,#modal) .business-ui .kb-empty p{margin:12px 0 20px}:is(#main,#modal) .business-ui .kb-rules a{color:var(--kg-ink);text-underline-offset:3px}:is(#main,#modal) .business-ui .kb-rules details{margin-top:12px;border-top:1px solid var(--kg-gold);padding-top:12px}:is(#main,#modal) .business-ui .kb-rules summary{cursor:pointer;font-size:14px}
:is(#main,#modal) .business-ui .kg-round{background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0}:is(#main,#modal) .business-ui .kb-round-help{background-image:var(--kg-round-help)}:is(#main,#modal) .business-ui .kb-round-back{background-image:var(--kg-round-back)}:is(#main,#modal) .business-ui .kg-round:active{filter:brightness(.68)}:is(#main,#modal) .business-ui .kg-frame>img{max-width:none;filter:none}:is(#main,#modal) .business-ui .kb-cover:not(:has(>.kb-art)){background-image:none}:is(#main,#modal) .business-ui .kb-cover>.kg-surface{z-index:0}:is(#main,#modal) .business-ui .kb-paper>.kb-button{margin-top:12px}:is(#main,#modal) .business-ui .kb-card-name>.kb-eyebrow{display:block}:is(#main,#modal) .business-ui .kb-paper details{margin:12px 0}:is(#main,#modal) .business-ui .kb-paper a{color:var(--kg-ink)}


:is(#main,#modal) .contracts-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-font:KrongradChrome,Georgia,serif;font:14px/1.4 var(--kg-font);color:var(--kg-ink);display:flex;flex-direction:column;gap:8px;container-type:inline-size;min-width:0}
:is(#main,#modal) .contracts-ui,:is(#main,#modal) .contracts-ui *{box-sizing:border-box}:is(#main,#modal) .contracts-ui>*{flex:none}:is(#main,#modal) .contracts-ui button{font-family:var(--kg-font);text-shadow:none;box-shadow:none;border-radius:0;margin:0;cursor:pointer}:is(#main,#modal) .contracts-ui button:disabled{cursor:default}:is(#main,#modal) .contracts-ui button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal) .contracts-ui p,:is(#main,#modal) .contracts-ui summary{color:inherit}:is(#main,#modal) .contracts-ui h1,:is(#main,#modal) .contracts-ui h2,:is(#main,#modal) .contracts-ui h3{color:inherit;padding:0;font-family:var(--kg-font);background:none;text-shadow:none;letter-spacing:normal}:is(#main,#modal) .contracts-ui .kg-icon{filter:none}:is(#main,#modal) .contracts-ui img{border:0;margin:0}:is(#main,#modal) .contracts-ui .kg-button{font-weight:400}
body.game-shell #modal.contracts-modal{padding:8px!important;border:0!important;background-color:#E4CEB0!important;background-image:url('/assets/e0e00925849153e306c6.png')!important;background-size:120px 43px;box-shadow:none!important}
:is(#main,#modal) .contracts-ui .kg-panel,:is(#main,#modal) .contracts-ui .kg-button,:is(#main,#modal) .contracts-ui .kg-slot,:is(#main,#modal) .contracts-ui .kg-round,:is(#main,#modal) .contracts-ui .kg-upgrade,:is(#main,#modal) .contracts-ui .kg-progress,:is(#main,#modal) .contracts-ui .kg-nav-shell,:is(#main,#modal) .contracts-ui .kg-nav-button{position:relative;isolation:isolate}:is(#main,#modal) .contracts-ui .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}:is(#main,#modal) .contracts-ui .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}:is(#main,#modal) .contracts-ui .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}:is(#main,#modal) .contracts-ui .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .contracts-ui [data-kg-text]{display:block;min-width:0}:is(#main,#modal) .contracts-ui .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}:is(#main,#modal) .contracts-ui .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}:is(#main,#modal) .contracts-ui .kg-button.kg-large{min-height:52px;font-size:20px}:is(#main,#modal) .contracts-ui .kg-button.kg-large .kg-icon{width:48px;height:40px}:is(#main,#modal) .contracts-ui .kg-button:active>.kg-surface,:is(#main,#modal) .contracts-ui .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .contracts-ui .kg-button:disabled>[data-kg-text],:is(#main,#modal) .contracts-ui .kg-button:disabled>.kg-icon{opacity:.5}:is(#main,#modal) .contracts-ui .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}:is(#main,#modal) .contracts-ui .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}:is(#main,#modal) .contracts-ui .kg-round .kg-icon{width:64%;height:64%}:is(#main,#modal) .contracts-ui .kg-round:active .kg-base,:is(#main,#modal) .contracts-ui .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}:is(#main,#modal) .contracts-ui .kg-round:disabled>[data-kg-text]{opacity:.5}:is(#main,#modal) .contracts-ui .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}:is(#main,#modal) .contracts-ui .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}:is(#main,#modal) .contracts-ui .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}:is(#main,#modal) .contracts-ui .kg-progress[data-tone=hp] .kg-fill{background:#972c25}:is(#main,#modal) .contracts-ui .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}:is(#main,#modal) .contracts-ui .kg-progress[data-tone=xp] .kg-fill{background:#285d89}:is(#main,#modal) .contracts-ui .kb-paper,:is(#main,#modal) .contracts-ui .kb-business-card,:is(#main,#modal) .contracts-ui .kb-cover,:is(#main,#modal) .contracts-ui .kb-row,:is(#main,#modal) .contracts-ui .kb-window-head,:is(#main,#modal) .contracts-ui .kb-level,:is(#main,#modal) .contracts-ui .kb-ledger,:is(#main,#modal) .contracts-ui .kb-banner{position:relative;isolation:isolate}:is(#main,#modal) .contracts-ui .kb-paper{padding:12px;color:var(--kg-ink);min-width:0}:is(#main,#modal) .contracts-ui .kb-paper h2,:is(#main,#modal) .contracts-ui .kb-paper h3{margin:0;font-size:20px;line-height:24px}:is(#main,#modal) .contracts-ui .kb-paper p{margin:8px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kb-art{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .contracts-ui .kb-eyebrow{font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:400}:is(#main,#modal) .contracts-ui .kb-button{width:100%;min-height:48px;font-size:17px;gap:8px;padding:8px 12px}:is(#main,#modal) .contracts-ui .kb-button .kg-icon{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kb-button.kb-secondary{min-height:40px;font-size:14px}:is(#main,#modal) .contracts-ui .kb-button:disabled>.kg-frame,:is(#main,#modal) .contracts-ui .kb-row:disabled>.kg-frame,:is(#main,#modal) .contracts-ui .kb-business-card:disabled>.kg-frame{filter:grayscale(.7)}:is(#main,#modal) .contracts-ui .kb-business-card{display:block;width:100%;border:0;background:none;color:var(--kg-ink);padding:6px;text-align:left;min-width:0;cursor:pointer}:is(#main,#modal) .contracts-ui .kb-cover{overflow:hidden;aspect-ratio:2.3;border-radius:8px;background:var(--kg-well)}:is(#main,#modal) .contracts-ui .kb-cover>.kb-art{width:100%;height:100%;object-fit:cover;object-position:center top}:is(#main,#modal) .contracts-ui .kb-cover>.kg-frame{z-index:4}:is(#main,#modal) .contracts-ui .kb-level{position:absolute;right:12px;top:12px;z-index:5;min-width:44px;padding:4px 8px;color:var(--kg-cream);font-size:12px;text-align:center;line-height:16px}:is(#main,#modal) .contracts-ui .kb-cover-compact{aspect-ratio:2.9}:is(#main,#modal) .contracts-ui .kb-card-name{position:relative;display:block;padding:8px 28px 4px 8px}:is(#main,#modal) .contracts-ui .kb-card-name strong{font-size:20px;line-height:24px;font-weight:700}:is(#main,#modal) .contracts-ui .kb-card-name .kb-chevron{position:absolute;right:8px;top:20px}:is(#main,#modal) .contracts-ui .kb-card-till{display:flex;align-items:center;gap:4px;padding:0 8px 6px;font-size:12px;line-height:20px}:is(#main,#modal) .contracts-ui .kb-card-till>.kg-icon{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kb-card-till>b{font-size:18px;white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-card-till>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kb-card-notice{display:flex;align-items:center;gap:4px;margin:0 8px 4px;padding-top:4px;border-top:1px solid var(--kg-gold);font-size:11px;color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kb-card-notice>.kg-icon{width:16px;height:16px}:is(#main,#modal) .contracts-ui .kb-row{width:100%;border:0;background:none;color:var(--kg-cream);padding:12px;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;min-width:0}:is(#main,#modal) .contracts-ui .kb-row>.kg-icon{width:36px;height:36px}:is(#main,#modal) .contracts-ui .kb-row>span:not(.kg-frame):not(.kg-surface){flex:1;min-width:0}:is(#main,#modal) .contracts-ui .kb-row strong{font-size:17px;line-height:20px;font-weight:400}:is(#main,#modal) .contracts-ui .kb-row small{display:block;color:var(--kg-gold);font-size:12px;line-height:16px;margin-top:4px}:is(#main,#modal) .contracts-ui .kb-row-status{font-size:16px;font-weight:400;white-space:nowrap;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kb-chevron{font-size:24px;line-height:28px;flex:none!important;max-width:16px}:is(#main,#modal) .contracts-ui .kb-row:active>.kg-surface,:is(#main,#modal) .contracts-ui .kb-row[data-state=pressed]>.kg-surface,:is(#main,#modal) .contracts-ui .kb-business-card:active>.kg-surface,:is(#main,#modal) .contracts-ui .kb-business-card[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kb-row:disabled,:is(#main,#modal) .contracts-ui .kb-business-card:disabled{cursor:default}:is(#main,#modal) .contracts-ui .kb-row:disabled>.kg-surface,:is(#main,#modal) .contracts-ui .kb-business-card:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .contracts-ui .kb-row:disabled>.kg-icon,:is(#main,#modal) .contracts-ui .kb-business-card:disabled>.kb-cover{filter:grayscale(.8);opacity:.6}:is(#main,#modal) .contracts-ui .kb-window-head{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--kg-cream)}:is(#main,#modal) .contracts-ui .kb-window-head h1{font-size:20px;line-height:24px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}:is(#main,#modal) .contracts-ui .kb-window-head .kg-round{width:32px;height:32px;flex:none;font-size:24px}:is(#main,#modal) .contracts-ui .kb-window-head .kg-round:last-child{font-size:18px}:is(#main,#modal) .contracts-ui .kb-section-label{display:flex;align-items:center;gap:8px;min-width:0}:is(#main,#modal) .contracts-ui .kb-section-label h2{font-size:16px;line-height:20px;letter-spacing:.7px}:is(#main,#modal) .contracts-ui .kb-section-label>.kb-art{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kb-till-state{margin-left:auto;font-size:12px;color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kb-cash-number{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}:is(#main,#modal) .contracts-ui .kb-cash-number>.kg-icon{width:40px;height:40px}:is(#main,#modal) .contracts-ui .kb-cash-number b{font-size:32px;line-height:40px;font-weight:700;white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-cash-number small{align-self:end;margin-bottom:6px;font-size:13px;white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-cashbox>.kg-progress{height:16px;margin:8px 0 12px}:is(#main,#modal) .contracts-ui .kb-center{text-align:center}:is(#main,#modal) .contracts-ui .kb-paper p.kb-small,:is(#main,#modal) .contracts-ui .kb-small{font-size:12px;line-height:16px}:is(#main,#modal) .contracts-ui .kb-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;gap:8px}:is(#main,#modal) .contracts-ui .kb-reward>span{display:grid;grid-template-columns:36px auto;align-items:center;column-gap:8px}:is(#main,#modal) .contracts-ui .kb-reward .kg-icon,:is(#main,#modal) .contracts-ui .kb-reward .kb-art{grid-row:span 2;width:36px;height:36px}:is(#main,#modal) .contracts-ui .kb-reward b{font-size:24px;line-height:28px}:is(#main,#modal) .contracts-ui .kb-reward small{font-size:12px}:is(#main,#modal) .contracts-ui .kb-ledger{padding:12px 16px;display:flex;gap:12px;align-items:center;color:var(--kg-cream);min-width:0}:is(#main,#modal) .contracts-ui .kb-ledger>.kg-icon{width:44px;height:44px}:is(#main,#modal) .contracts-ui .kb-ledger>div{flex:1}:is(#main,#modal) .contracts-ui .kb-ledger small{display:block;font-size:12px;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kb-ledger b{font-size:28px;line-height:32px;font-weight:400;white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-ledger .kb-ledger-note{font-size:12px;text-align:right;line-height:16px}:is(#main,#modal) .contracts-ui .kb-banner{padding:12px 16px;display:flex;align-items:center;gap:8px;color:var(--kg-cream);font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kb-banner>.kg-icon{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kb-positive{color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kb-negative{color:var(--kg-negative)}
@container(max-width:350px){:is(#main,#modal) .contracts-ui .kb-card-name strong{font-size:18px}:is(#main,#modal) .contracts-ui .kb-card-till{flex-wrap:wrap}:is(#main,#modal) .contracts-ui .kb-cover-compact{aspect-ratio:2.5}:is(#main,#modal) .contracts-ui .kb-window-head{padding:8px;gap:4px}:is(#main,#modal) .contracts-ui .kb-window-head h1{font-size:18px}:is(#main,#modal) .contracts-ui .kb-row{padding:12px;gap:8px}:is(#main,#modal) .contracts-ui .kb-row strong{font-size:15px}:is(#main,#modal) .contracts-ui .kb-row>.kg-icon{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kb-row-status{font-size:14px}:is(#main,#modal) .contracts-ui .kb-cash-number b{font-size:28px}:is(#main,#modal) .contracts-ui .kb-cash-number small{font-size:11px}}:is(#main,#modal) .contracts-ui .kb-cover[data-business-status=unopened]>.kb-art{filter:saturate(.5) brightness(.78)}:is(#main,#modal) .contracts-ui .kb-cover[data-business-status=locked]>.kb-art{filter:grayscale(.9) brightness(.5)}:is(#main,#modal) .contracts-ui .kb-access-badge{position:absolute;isolation:isolate;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--kg-cream);font-size:18px;line-height:24px;font-weight:700}:is(#main,#modal) .contracts-ui .kb-access-badge>.kg-icon{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art)){aspect-ratio:4.5}:is(#main,#modal) .contracts-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art))>.kb-access-badge{position:relative;left:auto;bottom:auto;margin:12px;width:fit-content}:is(#main,#modal) .contracts-ui .kb-access-reason{display:block;padding:0 8px 8px;font-size:14px;line-height:20px;color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .kb-access-action{display:block;margin:0 8px 4px;padding-top:8px;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px;font-weight:700}:is(#main,#modal) .contracts-ui .kb-business-card[data-business-status=locked] .kb-card-name strong{font-size:18px;line-height:24px}:is(#main,#modal) .contracts-ui .kb-business-card[data-business-status=locked] .kb-cover .kg-surface{background-size:10px 58px}:is(#main,#modal) .contracts-ui .business-title{display:flex;align-items:center;gap:8px;padding:4px;font-size:22px;line-height:28px;margin:0;letter-spacing:.5px}:is(#main,#modal) .contracts-ui .business-title>.ks-section-icon{width:32px;height:32px}:is(#main,#modal) .contracts-ui .business-title>.kg-round{width:32px;height:32px;font-size:14px;margin-left:auto}:is(#main,#modal) .contracts-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}:is(#main,#modal) .contracts-ui .kb-office-district{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;line-height:20px}:is(#main,#modal) .contracts-ui .kb-office-district>span:last-child{color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .income-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}:is(#main,#modal) .contracts-ui .income-strip>div,:is(#main,#modal) .contracts-ui .income-strip>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;min-width:0}:is(#main,#modal) .contracts-ui .income-strip>button{border:0;border-left:1px solid var(--kg-gold);background:none;color:var(--kg-ink);font-family:var(--kg-font);cursor:pointer}:is(#main,#modal) .contracts-ui .income-strip b{font-size:20px;line-height:24px}:is(#main,#modal) .contracts-ui .income-strip small{font-size:12px}:is(#main,#modal) .contracts-ui .income-strip .kg-icon,:is(#main,#modal) .contracts-ui .income-strip .kb-art{width:24px;height:24px}:is(#main,#modal) .contracts-ui .income-caption{grid-column:1/-1!important;display:block!important;font-size:11px!important;text-align:center;line-height:16px;margin-top:4px}:is(#main,#modal) .contracts-ui .kb-bonus-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:8px;font-size:13px;line-height:18px}:is(#main,#modal) .contracts-ui .kb-bonus-line .kg-icon,:is(#main,#modal) .contracts-ui .kb-bonus-line .kb-art{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kb-bonus-line>div{flex:1}:is(#main,#modal) .contracts-ui .kb-bonus-line b,:is(#main,#modal) .contracts-ui .kb-bonus-line small{display:block;font-weight:400}:is(#main,#modal) .contracts-ui .kb-bonus-line small{font-size:11px}:is(#main,#modal) .contracts-ui .kb-order-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);margin-bottom:12px}:is(#main,#modal) .contracts-ui .kb-order-head .ks-section-icon{width:52px;height:52px}:is(#main,#modal) .contracts-ui .kb-order-head>div{min-width:0;flex:1}:is(#main,#modal) .contracts-ui .kb-order-head h2{font-size:23px;line-height:28px;margin:4px 0 0}:is(#main,#modal) .contracts-ui .kb-order-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:14px}:is(#main,#modal) .contracts-ui .kb-order-progress b{font-size:24px}:is(#main,#modal) .contracts-ui .kb-order-conditions{padding:12px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kb-order-conditions>p{margin:4px 0 0}:is(#main,#modal) .contracts-ui .kb-reward-caption{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:16px}:is(#main,#modal) .contracts-ui .kb-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);margin:12px 0}:is(#main,#modal) .contracts-ui .kb-terms>div{text-align:center;min-width:0}:is(#main,#modal) .contracts-ui .kb-terms small{display:block;font-size:12px;line-height:16px}:is(#main,#modal) .contracts-ui .kb-terms b{display:block;font-size:28px;line-height:36px}:is(#main,#modal) .contracts-ui .kb-terms>div+div{border-left:1px solid var(--kg-gold)}:is(#main,#modal) .contracts-ui .kb-growth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;padding:8px 0}:is(#main,#modal) .contracts-ui .kb-growth b{font-size:20px;font-weight:400;white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-risk{margin:12px 0;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .contracts-ui .kb-risk>strong{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .kb-risk .kg-icon{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kb-risk p{font-size:13px;line-height:19px}:is(#main,#modal) .contracts-ui .kb-balance{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:0 0 12px}:is(#main,#modal) .contracts-ui .kb-balance b{white-space:nowrap}:is(#main,#modal) .contracts-ui .kb-result{text-align:center;padding:24px 16px}:is(#main,#modal) .contracts-ui .kb-result>.kg-icon{width:64px;height:64px;margin:0 auto 12px}:is(#main,#modal) .contracts-ui .kb-result h2{font-size:24px;line-height:28px}:is(#main,#modal) .contracts-ui .kb-result .kb-button{margin-top:16px}:is(#main,#modal) .contracts-ui .kb-notice{margin:0;padding:8px;font-size:12px;line-height:18px;color:var(--kg-positive);text-align:center}:is(#main,#modal) .contracts-ui .kb-notice:empty{display:none}:is(#main,#modal) .contracts-ui .kb-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:8px 12px;color:var(--kg-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}:is(#main,#modal) .contracts-ui .kb-link span:last-child{font-size:20px}:is(#main,#modal) .contracts-ui .kb-divider{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kb-divider:before,:is(#main,#modal) .contracts-ui .kb-divider:after{content:'';height:1px;background:var(--kg-gold);flex:1}:is(#main,#modal) .contracts-ui .kb-divider>.kg-icon{width:24px;height:16px}:is(#main,#modal) .contracts-ui .kb-empty{text-align:center;padding:32px 16px}:is(#main,#modal) .contracts-ui .kb-empty>.ks-section-icon{width:96px;height:96px;margin:0 auto 16px}:is(#main,#modal) .contracts-ui .kb-empty p{margin:12px 0 20px}:is(#main,#modal) .contracts-ui .kb-rules a{color:var(--kg-ink);text-underline-offset:3px}:is(#main,#modal) .contracts-ui .kb-rules details{margin-top:12px;border-top:1px solid var(--kg-gold);padding-top:12px}:is(#main,#modal) .contracts-ui .kb-rules summary{cursor:pointer;font-size:14px}
:is(#main,#modal) .contracts-ui .kg-round{background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0}:is(#main,#modal) .contracts-ui .kb-round-help{background-image:var(--kg-round-help)}:is(#main,#modal) .contracts-ui .kb-round-back{background-image:var(--kg-round-back)}:is(#main,#modal) .contracts-ui .kg-round:active{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kg-frame>img{max-width:none;filter:none}:is(#main,#modal) .contracts-ui .kb-cover:not(:has(>.kb-art)){background-image:none}:is(#main,#modal) .contracts-ui .kb-cover>.kg-surface{z-index:0}:is(#main,#modal) .contracts-ui .kb-paper>.kb-button{margin-top:12px}:is(#main,#modal) .contracts-ui .kb-card-name>.kb-eyebrow{display:block}:is(#main,#modal) .contracts-ui .kb-paper details{margin:12px 0}:is(#main,#modal) .contracts-ui .kb-paper a{color:var(--kg-ink)}


:is(#main,#modal) .contracts-ui .kc-checkbox{pointer-events:none}:is(#main,#modal) .contracts-ui .kc-envelope,:is(#main,#modal) .contracts-ui .kc-patron,:is(#main,#modal) .contracts-ui .kc-mail,:is(#main,#modal) .contracts-ui .kc-tabs>button,:is(#main,#modal) .contracts-ui .kc-checkbox{position:relative;isolation:isolate}:is(#main,#modal) .contracts-ui .kc-art{display:block;width:32px;height:32px;object-fit:contain;flex:none}:is(#main,#modal) .contracts-ui .kc-positive{color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kc-negative{color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .kc-stamp{font-size:11px;line-height:16px;text-transform:uppercase;letter-spacing:.5px;color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-stamp[data-tone=positive]{color:var(--kg-positive);font-weight:700}:is(#main,#modal) .contracts-ui .kc-stamp[data-tone=negative]{color:var(--kg-negative);font-weight:700}:is(#main,#modal) .contracts-ui .kc-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}:is(#main,#modal) .contracts-ui .kc-rewards>span{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:4px}:is(#main,#modal) .contracts-ui .kc-rewards img{width:28px;height:28px;grid-row:span 2}:is(#main,#modal) .contracts-ui .kc-rewards b{font-size:20px;line-height:24px;font-weight:400;overflow-wrap:anywhere}:is(#main,#modal) .contracts-ui .kc-rewards small{font-size:11px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-rewards-compact{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 0}:is(#main,#modal) .contracts-ui .kc-rewards-compact>span{display:flex;gap:4px}:is(#main,#modal) .contracts-ui .kc-rewards-compact img{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kc-rewards-compact b{font-size:16px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-patron:active>.kg-surface,:is(#main,#modal) .contracts-ui .kc-patron[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kc-patron:disabled{cursor:default}:is(#main,#modal) .contracts-ui .kc-patron:disabled>.kg-surface{filter:grayscale(.7) brightness(.7)}:is(#main,#modal) .contracts-ui .kc-objective{padding:12px 0;border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-objective:first-of-type{padding-top:4px}:is(#main,#modal) .contracts-ui .kc-objective:last-child{border-bottom:0}:is(#main,#modal) .contracts-ui .kc-objective>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:12px}:is(#main,#modal) .contracts-ui .kc-objective b{font-size:14px;line-height:20px;font-weight:400;min-width:0}:is(#main,#modal) .contracts-ui .kc-objective>div>span{font-size:16px;line-height:20px;white-space:nowrap}:is(#main,#modal) .contracts-ui .kc-objective .kg-progress{height:16px;margin-top:8px}:is(#main,#modal) .contracts-ui .kc-patron{width:100%;border:0;background:none;display:grid;grid-template-columns:56px minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center;text-align:left;padding:12px;color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-patron>.kc-art{width:56px;height:56px}:is(#main,#modal) .contracts-ui .kc-patron>span:not(.kg-frame):not(.kg-surface){display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-patron>span:not(.kg-frame):not(.kg-surface)>small{font-size:11px}:is(#main,#modal) .contracts-ui .kc-patron strong{font-size:22px;line-height:28px}:is(#main,#modal) .contracts-ui .kc-patron>b{position:relative;text-align:right;font-size:24px;line-height:28px;padding-right:16px;font-weight:400}:is(#main,#modal) .contracts-ui .kc-patron>b>small{display:block;font-size:11px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-patron>b>span{position:absolute;right:0;top:8px}:is(#main,#modal) .contracts-ui .kc-patron>.kg-progress{grid-column:1/-1;height:12px;padding:3px}:is(#main,#modal) .contracts-ui .kc-consent{display:flex;position:relative;align-items:start;gap:8px;margin:16px 0;font-size:12px;line-height:18px;cursor:pointer}:is(#main,#modal) .contracts-ui .kc-consent>input{position:absolute;opacity:0;width:28px;height:28px;margin:0}:is(#main,#modal) .contracts-ui .kc-checkbox{display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--kg-cream);font-size:19px}:is(#main,#modal) .contracts-ui .kc-checkbox>b{visibility:hidden}:is(#main,#modal) .contracts-ui .kc-consent input:checked+.kc-checkbox>b{visibility:visible}:is(#main,#modal) .contracts-ui .kc-consent input:focus-visible+.kc-checkbox{outline:2px solid var(--kg-gold);outline-offset:2px}
@container(max-width:350px){:is(#main,#modal) .contracts-ui .kc-rewards-compact{gap:8px}:is(#main,#modal) .contracts-ui .kc-patron{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}:is(#main,#modal) .contracts-ui .kc-patron>.kc-art{width:44px;height:44px}:is(#main,#modal) .contracts-ui .kc-patron strong{font-size:20px}:is(#main,#modal) .contracts-ui .kc-objective>div:first-child{gap:8px}:is(#main,#modal) .contracts-ui .kc-objective b{font-size:13px}}:is(#main,#modal) .contracts-ui .kc-envelope{display:block;container-type:inline-size;width:100%;padding:0;margin:4px 0 8px;border:0;background:none;color:var(--kg-ink);text-align:left;cursor:pointer;font:inherit}:is(#main,#modal) .contracts-ui .kc-envelope-kind{position:relative;isolation:isolate;display:flex;align-items:center;width:fit-content;max-width:calc(100% - 24px);gap:8px;min-height:32px;margin:0 0 -4px 12px;padding:4px 12px;color:var(--kg-cream);z-index:2;font-size:12px;line-height:16px;letter-spacing:.3px}:is(#main,#modal) .contracts-ui .kc-envelope-kind>.kc-art{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kc-envelope-kind>span:not(.kg-frame):not(.kg-surface){min-width:0}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="2"] .kc-envelope-kind{color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"] .kc-envelope-kind{font-weight:700;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-envelope-body{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-envelope-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:-1;filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--kg-well) 45%,transparent))}:is(#main,#modal) .contracts-ui .kc-envelope-address{position:absolute;top:11%;left:10%;right:10%;display:flex;flex-direction:column;gap:4px;text-align:center}:is(#main,#modal) .contracts-ui .kc-correspondent{font-size:clamp(10px,3.1cqw,13px);line-height:1.2}:is(#main,#modal) .contracts-ui .kc-envelope-title{display:block;font-weight:700;font-size:clamp(17px,5.1cqw,23px);line-height:1.14;overflow-wrap:break-word}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-envelope-address{top:23%;left:13%;right:13%;gap:2px}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-envelope-title{font-size:clamp(17px,4.8cqw,22px)}:is(#main,#modal) .contracts-ui .kc-envelope-seal{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:17%;height:auto;aspect-ratio:1;filter:drop-shadow(1px 3px 2px color-mix(in srgb,var(--kg-well) 55%,transparent))}:is(#main,#modal) .contracts-ui .kc-envelope .kc-goal-short{position:absolute;left:10%;right:10%;top:60%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(11px,3.1cqw,13px);line-height:1.3;text-align:center}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-goal-short{top:51%;left:13%;right:13%;-webkit-line-clamp:2}:is(#main,#modal) .contracts-ui .kc-envelope .kc-rewards-compact{position:absolute;left:8%;right:8%;top:78%;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin:0}:is(#main,#modal) .contracts-ui .kc-envelope .kc-rewards-compact img{width:clamp(20px,6cqw,28px);height:clamp(20px,6cqw,28px)}:is(#main,#modal) .contracts-ui .kc-envelope .kc-rewards-compact b{font-size:clamp(13px,4cqw,18px);line-height:24px;white-space:nowrap;overflow-wrap:normal}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-rewards-compact{top:82%}:is(#main,#modal) .contracts-ui .kc-envelope .kc-card-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;position:absolute;left:12%;right:12%;top:72%;font-size:10px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-card-progress .kg-progress{height:12px;padding:3px}:is(#main,#modal) .contracts-ui .kc-card-progress>span{white-space:nowrap}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"][data-envelope="sealed"] .kc-envelope-body{color:var(--kg-cream)}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"][data-envelope="open"] :is(.kc-card-progress,.kc-rewards-compact){color:var(--kg-cream)}:is(#main,#modal) .contracts-ui .kc-envelope-footer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;margin:-4px 4px 0;padding:12px;min-height:60px;color:var(--kg-cream);font-size:11px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-envelope-state{font-size:13px;line-height:18px;font-weight:700}:is(#main,#modal) .contracts-ui .kc-envelope-state[data-tone="positive"]{color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-envelope-state[data-tone="negative"]{font-weight:400}:is(#main,#modal) .contracts-ui .kc-envelope-time{text-align:right;font-size:11px;line-height:18px}:is(#main,#modal) .contracts-ui .kc-envelope-terms{font-size:10px;line-height:16px;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-envelope-link{font-size:12px;line-height:16px;align-self:end;text-align:right;white-space:nowrap}:is(#main,#modal) .contracts-ui .kc-envelope:active .kc-envelope-body,:is(#main,#modal) .contracts-ui .kc-envelope[data-state="pressed"] .kc-envelope-body{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kc-envelope:active .kc-envelope-footer>.kg-surface,:is(#main,#modal) .contracts-ui .kc-envelope[data-state="pressed"] .kc-envelope-footer>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .contracts-ui .kc-envelope:disabled{cursor:default}:is(#main,#modal) .contracts-ui .kc-envelope:disabled .kc-envelope-body{filter:grayscale(.7) brightness(.7)}:is(#main,#modal) .contracts-ui .kc-envelope:disabled .kc-envelope-footer>.kg-surface{filter:grayscale(.7) brightness(.62)}
@container(max-width:350px){:is(#main,#modal) .contracts-ui .kc-envelope-kind{font-size:11px}:is(#main,#modal) .contracts-ui .kc-envelope-footer{padding:8px;gap:4px}:is(#main,#modal) .contracts-ui .kc-envelope-state{font-size:12px}:is(#main,#modal) .contracts-ui .kc-envelope-time{font-size:10px}:is(#main,#modal) .contracts-ui .kc-envelope .kc-rewards-compact{gap:8px}:is(#main,#modal) .contracts-ui .kc-envelope .kc-rewards-compact>span{gap:2px}}:is(#main,#modal) .contracts-ui .kc-envelope :is(.kc-envelope-address,.kc-goal-short,.kc-card-progress>span,.kc-rewards-compact b){text-shadow:0 1px 1px var(--kg-paper),0 0 3px var(--kg-paper),0 0 6px color-mix(in srgb,var(--kg-paper) 85%,transparent)}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"][data-envelope="sealed"] :is(.kc-envelope-address,.kc-goal-short,.kc-rewards-compact b),:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"][data-envelope="open"] :is(.kc-card-progress>span,.kc-rewards-compact b){text-shadow:0 1px 2px var(--kg-well),0 0 4px var(--kg-well),0 0 6px var(--kg-well)}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="sealed"] .kc-envelope-address{top:52%;left:8%;right:8%}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="sealed"] .kc-goal-short{top:65%}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="sealed"] .kc-rewards-compact{top:81%}:is(#main,#modal) .contracts-ui .kc-postal-address{position:absolute;left:8%;right:43%;top:18%;height:29%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-items:end;text-align:left;font-size:clamp(10px,3cqw,14px);line-height:1.1;text-shadow:0 1px 1px var(--kg-paper),0 0 3px var(--kg-paper)}:is(#main,#modal) .contracts-ui .kc-postal-address small{font-size:clamp(9px,2.4cqw,11px)}:is(#main,#modal) .contracts-ui .kc-postal-address>span,:is(#main,#modal) .contracts-ui .kc-postal-address>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(#main,#modal) .contracts-ui .kc-envelope[data-grade="3"] .kc-postal-address{text-shadow:0 1px 2px var(--kg-well),0 0 4px var(--kg-well)}:is(#main,#modal) .contracts-ui .kc-postage{position:absolute;display:block;aspect-ratio:1;isolation:isolate;width:23%;top:12%;right:8%;transform:rotate(4deg);filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--kg-well) 40%,transparent));color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-postage>img{display:block;width:100%;height:100%;object-fit:contain}:is(#main,#modal) .contracts-ui .kc-postage>b{position:absolute;top:73%;left:13%;right:13%;font-family:var(--kg-font);text-align:center;font-size:clamp(8px,2.2cqw,11px);line-height:1.1;white-space:nowrap;text-shadow:none}:is(#main,#modal) .contracts-ui .kc-postal-cancel{position:absolute;left:-7%;right:5%;top:40%;height:18%;border-top:1px solid var(--kg-ink);border-bottom:1px solid var(--kg-ink);transform:rotate(-14deg);opacity:.45;pointer-events:none}:is(#main,#modal) .contracts-ui .kc-postal-cancel:after{content:"";position:absolute;inset:45% 0;border-top:1px solid var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-postage{width:20%;top:66%;left:6%;right:auto;transform:rotate(-4deg)}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-postage>b{font-size:clamp(7px,1.9cqw,10px)}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] :is(.kc-card-progress,.kc-rewards-compact){left:29%;right:8%}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-rewards-compact{gap:8px}:is(#main,#modal) .contracts-ui .kc-envelope[data-envelope="open"] .kc-rewards-compact>span{gap:2px}:is(#main,#modal) .contracts-ui .kc-completion-stamp{position:absolute;display:block;left:18%;top:43%;width:64%;height:auto;aspect-ratio:5;transform:rotate(-4deg);color:var(--kg-negative);opacity:.94;overflow:visible;text-shadow:none;pointer-events:none;font-family:var(--kg-font)}:is(#main,#modal) .contracts-ui .kc-envelope[data-phase="ready"] .kc-goal-short,:is(#main,#modal) .contracts-ui .kc-envelope[data-phase="claimed"] .kc-goal-short{top:66%;left:29%;right:8%}:is(#main,#modal) .contracts-ui .kc-envelope .kg-progress .kg-fill,:is(#main,#modal) .contracts-ui .kc-objective .kg-progress .kg-fill,:is(#main,#modal) .contracts-ui .kc-patron .kg-progress .kg-fill{background-color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .kc-envelope .kg-progress .kg-fill img,:is(#main,#modal) .contracts-ui .kc-objective .kg-progress .kg-fill img,:is(#main,#modal) .contracts-ui .kc-patron .kg-progress .kg-fill img{opacity:.3}:is(#main,#modal) .contracts-ui .kc-envelope[data-phase="ready"] .kc-envelope-state{color:var(--kg-cream)}:is(#main,#modal) .contracts-ui .kc-postage-sample{position:relative;width:112px;height:112px}:is(#main,#modal) .contracts-ui .kc-postage-sample .kc-postage{inset:0;width:100%}:is(#main,#modal) .contracts-ui .kc-postage-sample .kc-postage>b{font-size:13px}:is(#main,#modal) .contracts-ui .kc-stamp-sample{position:relative;width:100%;height:84px}:is(#main,#modal) .contracts-ui .kc-stamp-sample .kc-completion-stamp{left:0;top:12px;width:90%;color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .contracts-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 4px 0;font-size:24px;line-height:32px;font-weight:700;position:relative}:is(#main,#modal) .contracts-ui .contracts-title>.ks-section-icon{width:40px;height:40px}:is(#main,#modal) .contracts-ui .contracts-title>.kg-round{width:32px;height:32px;position:absolute;right:0}:is(#main,#modal) .contracts-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}:is(#main,#modal) .contracts-ui .tabs .ks-section-tab{height:72px;padding:4px;font-size:12px}:is(#main,#modal) .contracts-ui .tabs .ks-section-icon{width:40px;height:40px}:is(#main,#modal) .contracts-ui .kc-mail{display:flex;align-items:center;gap:8px;padding:12px;color:var(--kg-cream);min-height:68px}:is(#main,#modal) .contracts-ui .kc-mail>div{flex:1}:is(#main,#modal) .contracts-ui .kc-mail small{display:block;font-size:10px;line-height:16px;color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-mail b{display:block;font-size:16px;line-height:24px;font-weight:400}:is(#main,#modal) .contracts-ui .kc-mail>span:last-child{text-align:right}:is(#main,#modal) .contracts-ui .kc-mail>.kc-art{width:32px;height:32px}:is(#main,#modal) .contracts-ui .kc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}:is(#main,#modal) .contracts-ui .kc-tabs>button{background:none;border:0;min-height:40px;padding:8px;color:var(--kg-cream);font:inherit;font-size:14px;cursor:pointer}:is(#main,#modal) .contracts-ui .kc-tabs>button[aria-current]{color:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-hint{margin:0;font-size:12px;line-height:20px;text-align:center}:is(#main,#modal) .contracts-ui .kc-document-title{display:flex;align-items:center;gap:12px}:is(#main,#modal) .contracts-ui .kc-document-title>.kc-art{width:48px;height:56px}:is(#main,#modal) .contracts-ui .kc-document-title>div{min-width:0}:is(#main,#modal) .contracts-ui .kc-document-title small{font-size:12px;line-height:16px;color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-document-title h2{font-size:24px;line-height:28px;margin-top:4px}:is(#main,#modal) .contracts-ui .kc-byline{display:flex;width:100%;align-items:center;gap:8px;padding:8px 0;margin-top:8px;border:0;border-bottom:1px solid var(--kg-gold);background:none;font:inherit;color:var(--kg-ink);text-align:left;font-size:14px}:is(#main,#modal) .contracts-ui .kc-byline>span:nth-child(2){flex:1}:is(#main,#modal) .contracts-ui .kc-byline>span:last-child{font-size:24px}:is(#main,#modal) .contracts-ui .kc-byline>.kc-art{width:32px;height:32px}:is(#main,#modal) .contracts-ui .kc-deadline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 0;font-size:12px;line-height:18px}:is(#main,#modal) .contracts-ui .kb-paper p.kc-small,:is(#main,#modal) .contracts-ui .kc-small{font-size:12px;line-height:18px}:is(#main,#modal) .contracts-ui .kc-risk{border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:12px}:is(#main,#modal) .contracts-ui .kc-risk strong{display:flex;align-items:center;gap:8px;color:var(--kg-negative);font-size:16px;line-height:24px}:is(#main,#modal) .contracts-ui .kc-risk .kg-icon{width:24px;height:24px}:is(#main,#modal) .contracts-ui .kc-risk p{font-size:13px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-trust{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-trust>b{font-weight:400}:is(#main,#modal) .contracts-ui .kc-trust>span{margin-left:auto}:is(#main,#modal) .contracts-ui .kc-trust>.kc-art{width:28px;height:28px}:is(#main,#modal) .contracts-ui .kc-prize-link{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;width:100%;border:0;border-top:1px solid var(--kg-gold);padding:12px 0;background:none;font:inherit;color:var(--kg-ink);text-align:left}:is(#main,#modal) .contracts-ui .kc-prize-link>span:last-child{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-prize-link small{font-size:12px;line-height:18px}:is(#main,#modal) .contracts-ui .kc-prize-link>span:last-child>span{font-size:12px}:is(#main,#modal) .contracts-ui .kc-effect{display:flex;align-items:center;gap:12px;margin:12px 0}:is(#main,#modal) .contracts-ui .kc-effect>img{width:40px;height:40px}:is(#main,#modal) .contracts-ui .kc-effect>span{display:flex;flex-direction:column;gap:4px;min-width:0}:is(#main,#modal) .contracts-ui .kc-effect b{font-size:16px;line-height:22px}:is(#main,#modal) .contracts-ui .kc-effect small{font-size:12px;line-height:18px}:is(#main,#modal) .contracts-ui .kc-deposit-return{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--kg-gold);padding:12px 0 4px;margin-top:8px;font-size:13px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-deposit-return b{font-size:22px;line-height:24px;white-space:nowrap;color:var(--kg-positive)}:is(#main,#modal) .contracts-ui .kc-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:16px 0;font-size:14px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-summary>b{font-weight:700;text-align:right}:is(#main,#modal) .contracts-ui .kb-paper>.kb-button{margin-top:12px}:is(#main,#modal) .contracts-ui .kc-text-button{display:block;background:none;border:0;font:inherit;font-size:12px;line-height:20px;padding:8px;color:var(--kg-negative);text-decoration:underline;text-underline-offset:4px}:is(#main,#modal) .contracts-ui .kc-selected{display:flex;align-items:center;justify-content:space-between;font-size:20px;line-height:28px}:is(#main,#modal) .contracts-ui .kc-selected+b{font-weight:700}:is(#main,#modal) .contracts-ui .kc-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(#main,#modal) .contracts-ui .kc-item-pick{min-width:0;display:flex;flex-direction:column;gap:8px;background:none;border:0;padding:0;font:inherit;color:var(--kg-ink);cursor:pointer}:is(#main,#modal) .contracts-ui .kc-item-pick>span:not(.equipment-visual){font-size:12px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-item-pick small{font-size:10px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-item-pick[aria-pressed=true]>span:not(.equipment-visual){color:var(--kg-positive);font-weight:700}:is(#main,#modal) .contracts-ui .kc-seal-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:280px;margin:16px auto}:is(#main,#modal) .contracts-ui .kc-patron-intro{display:flex;align-items:center;gap:12px}:is(#main,#modal) .contracts-ui .kc-patron-intro>.kc-art{width:72px;height:72px}:is(#main,#modal) .contracts-ui .kc-patron-intro>div{flex:1;min-width:0}:is(#main,#modal) .contracts-ui .kc-patron-intro small{font-size:12px;line-height:16px}:is(#main,#modal) .contracts-ui .kc-patron-intro h2{font-size:24px;line-height:28px;margin-top:4px}:is(#main,#modal) .contracts-ui .kc-patron-intro p{font-size:12px;line-height:18px}:is(#main,#modal) .contracts-ui .kc-trust-count{display:flex;align-items:center;gap:12px;margin:16px 0 8px}:is(#main,#modal) .contracts-ui .kc-trust-count b{font-size:32px;line-height:36px}:is(#main,#modal) .contracts-ui .kc-trust-count span{font-size:13px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-unlock{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-unlock:last-of-type{border-bottom:0}:is(#main,#modal) .contracts-ui .kc-unlock>div{flex:1;min-width:0}:is(#main,#modal) .contracts-ui .kc-unlock b{display:block;font-size:15px;line-height:20px}:is(#main,#modal) .contracts-ui .kc-unlock small{display:block;font-size:11px;line-height:16px;margin-top:4px}:is(#main,#modal) .contracts-ui .kc-unlock .kc-stamp{font-size:10px;letter-spacing:0}:is(#main,#modal) .contracts-ui .kc-prize-hero{width:160px;margin:8px auto 16px}:is(#main,#modal) .contracts-ui .kc-center{text-align:center}:is(#main,#modal) .contracts-ui .kc-result-title{text-align:center;padding:8px}:is(#main,#modal) .contracts-ui .kc-result-title>.kg-icon{width:64px;height:64px;margin:0 auto 8px}:is(#main,#modal) .contracts-ui .kc-result-title h2{font-size:24px;line-height:28px}:is(#main,#modal) .contracts-ui .kc-empty{text-align:center;padding:12px 4px}:is(#main,#modal) .contracts-ui .kc-empty>.ks-section-icon{width:72px;height:72px;margin:0 auto 12px}:is(#main,#modal) .contracts-ui .kc-empty h2{font-size:24px;line-height:28px}:is(#main,#modal) .contracts-ui .kc-empty .kb-button{margin-top:20px}:is(#main,#modal) .contracts-ui .kc-closed-reason{color:var(--kg-negative)}:is(#main,#modal) .contracts-ui .kc-rules h3{font-size:17px;line-height:24px;margin-top:16px}:is(#main,#modal) .contracts-ui .kc-rules h3:first-child{margin-top:0}:is(#main,#modal) .contracts-ui .kc-rules a{color:var(--kg-ink);text-underline-offset:4px}
@container(max-width:350px){:is(#main,#modal) .contracts-ui .contracts-title{font-size:20px;gap:8px}:is(#main,#modal) .contracts-ui .kc-document-title h2{font-size:22px;line-height:26px}:is(#main,#modal) .contracts-ui .kc-mail{padding:12px 8px;gap:4px}:is(#main,#modal) .contracts-ui .kc-mail b{font-size:14px}:is(#main,#modal) .contracts-ui .kc-mail small{font-size:9px}:is(#main,#modal) .contracts-ui .kc-tabs>button{font-size:12px}:is(#main,#modal) .contracts-ui .kc-patron-intro>.kc-art{width:56px;height:56px}:is(#main,#modal) .contracts-ui .kc-patron-intro h2{font-size:20px;line-height:24px}:is(#main,#modal) .contracts-ui .kc-unlock b{font-size:14px}:is(#main,#modal) .contracts-ui .kc-unlock small{font-size:10px}}

@container(max-width:350px){:is(#main,#modal) .contracts-ui .tabs .ks-section-tab>[data-kg-text]{font-size:11px}}:is(#main,#modal) .contracts-ui .kc-mail-group{display:flex;flex-direction:column;gap:8px;min-width:0}:is(#main,#modal) .contracts-ui .kc-group-title{font-size:16px;line-height:24px;font-weight:400;display:flex;align-items:center;gap:12px;margin:8px 8px 0;padding-bottom:4px;border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .contracts-ui .kc-group-title>b{font-size:13px;font-weight:400;color:var(--kg-ink)}:is(#main,#modal) .contracts-ui .kc-group-title::after{content:"";flex:1}

:is(#main,#modal) .contracts-ui .kg-progress .kg-fill{background-color:var(--kg-negative)}
:is(#main,#modal) .contracts-ui .kc-envelope{font:inherit;text-align:left;letter-spacing:normal}
:is(#main,#modal) .contracts-ui .kc-envelope-title{font-weight:700}
:is(#main,#modal) .contracts-ui .kc-mail b[data-desk-clock]{font-size:12px}
:is(#main,#modal) .contracts-ui #desk-error:empty{display:none}
:is(#main,#modal) .contracts-ui .equipment-visual{width:100%}
:is(#main,#modal) .contracts-ui .kb-paper h2,:is(#main,#modal) .contracts-ui .kb-paper h3{margin-bottom:8px}
:is(#main,#modal) .contracts-ui details{margin:12px 0}
:is(#main,#modal) .contracts-ui .kc-prize-hero .equipment-visual{width:160px}

:is(#main,#modal) .underground-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-font:KrongradChrome,Georgia,serif;font:14px/1.4 var(--kg-font);color:var(--kg-ink);display:flex;flex-direction:column;gap:8px;container-type:inline-size;min-width:0}
:is(#main,#modal) .underground-ui,:is(#main,#modal) .underground-ui *{box-sizing:border-box}:is(#main,#modal) .underground-ui>*{flex:none}:is(#main,#modal) .underground-ui button{font-family:var(--kg-font);text-shadow:none;box-shadow:none;border-radius:0;margin:0;cursor:pointer}:is(#main,#modal) .underground-ui button:disabled{cursor:default}:is(#main,#modal) .underground-ui button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal) .underground-ui p,:is(#main,#modal) .underground-ui summary{color:inherit}:is(#main,#modal) .underground-ui h1,:is(#main,#modal) .underground-ui h2,:is(#main,#modal) .underground-ui h3{color:inherit;padding:0;font-family:var(--kg-font);background:none;text-shadow:none;letter-spacing:normal}:is(#main,#modal) .underground-ui .kg-icon{filter:none}:is(#main,#modal) .underground-ui img{border:0;margin:0}:is(#main,#modal) .underground-ui .kg-button{font-weight:400}
body.game-shell #modal.underground-modal{padding:8px!important;border:0!important;background-color:#E4CEB0!important;background-image:url('/assets/e0e00925849153e306c6.png')!important;background-size:120px 43px;box-shadow:none!important}
:is(#main,#modal) .underground-ui .kg-panel,:is(#main,#modal) .underground-ui .kg-button,:is(#main,#modal) .underground-ui .kg-slot,:is(#main,#modal) .underground-ui .kg-round,:is(#main,#modal) .underground-ui .kg-upgrade,:is(#main,#modal) .underground-ui .kg-progress,:is(#main,#modal) .underground-ui .kg-nav-shell,:is(#main,#modal) .underground-ui .kg-nav-button{position:relative;isolation:isolate}:is(#main,#modal) .underground-ui .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}:is(#main,#modal) .underground-ui .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}:is(#main,#modal) .underground-ui .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}:is(#main,#modal) .underground-ui .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .underground-ui [data-kg-text]{display:block;min-width:0}:is(#main,#modal) .underground-ui .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}:is(#main,#modal) .underground-ui .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}:is(#main,#modal) .underground-ui .kg-button.kg-large{min-height:52px;font-size:20px}:is(#main,#modal) .underground-ui .kg-button.kg-large .kg-icon{width:48px;height:40px}:is(#main,#modal) .underground-ui .kg-button:active>.kg-surface,:is(#main,#modal) .underground-ui .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .underground-ui .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .underground-ui .kg-button:disabled>[data-kg-text],:is(#main,#modal) .underground-ui .kg-button:disabled>.kg-icon{opacity:.5}:is(#main,#modal) .underground-ui .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}:is(#main,#modal) .underground-ui .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}:is(#main,#modal) .underground-ui .kg-round .kg-icon{width:64%;height:64%}:is(#main,#modal) .underground-ui .kg-round:active .kg-base,:is(#main,#modal) .underground-ui .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}:is(#main,#modal) .underground-ui .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}:is(#main,#modal) .underground-ui .kg-round:disabled>[data-kg-text]{opacity:.5}:is(#main,#modal) .underground-ui .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}:is(#main,#modal) .underground-ui .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}:is(#main,#modal) .underground-ui .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}:is(#main,#modal) .underground-ui .kg-progress[data-tone=hp] .kg-fill{background:#972c25}:is(#main,#modal) .underground-ui .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}:is(#main,#modal) .underground-ui .kg-progress[data-tone=xp] .kg-fill{background:#285d89}:is(#main,#modal) .underground-ui .kb-paper,:is(#main,#modal) .underground-ui .kb-business-card,:is(#main,#modal) .underground-ui .kb-cover,:is(#main,#modal) .underground-ui .kb-row,:is(#main,#modal) .underground-ui .kb-window-head,:is(#main,#modal) .underground-ui .kb-level,:is(#main,#modal) .underground-ui .kb-ledger,:is(#main,#modal) .underground-ui .kb-banner{position:relative;isolation:isolate}:is(#main,#modal) .underground-ui .kb-paper{padding:12px;color:var(--kg-ink);min-width:0}:is(#main,#modal) .underground-ui .kb-paper h2,:is(#main,#modal) .underground-ui .kb-paper h3{margin:0;font-size:20px;line-height:24px}:is(#main,#modal) .underground-ui .kb-paper p{margin:8px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .underground-ui .kb-art{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal) .underground-ui .kb-eyebrow{font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:400}:is(#main,#modal) .underground-ui .kb-button{width:100%;min-height:48px;font-size:17px;gap:8px;padding:8px 12px}:is(#main,#modal) .underground-ui .kb-button .kg-icon{width:28px;height:28px}:is(#main,#modal) .underground-ui .kb-button.kb-secondary{min-height:40px;font-size:14px}:is(#main,#modal) .underground-ui .kb-button:disabled>.kg-frame,:is(#main,#modal) .underground-ui .kb-row:disabled>.kg-frame,:is(#main,#modal) .underground-ui .kb-business-card:disabled>.kg-frame{filter:grayscale(.7)}:is(#main,#modal) .underground-ui .kb-business-card{display:block;width:100%;border:0;background:none;color:var(--kg-ink);padding:6px;text-align:left;min-width:0;cursor:pointer}:is(#main,#modal) .underground-ui .kb-cover{overflow:hidden;aspect-ratio:2.3;border-radius:8px;background:var(--kg-well)}:is(#main,#modal) .underground-ui .kb-cover>.kb-art{width:100%;height:100%;object-fit:cover;object-position:center top}:is(#main,#modal) .underground-ui .kb-cover>.kg-frame{z-index:4}:is(#main,#modal) .underground-ui .kb-level{position:absolute;right:12px;top:12px;z-index:5;min-width:44px;padding:4px 8px;color:var(--kg-cream);font-size:12px;text-align:center;line-height:16px}:is(#main,#modal) .underground-ui .kb-cover-compact{aspect-ratio:2.9}:is(#main,#modal) .underground-ui .kb-card-name{position:relative;display:block;padding:8px 28px 4px 8px}:is(#main,#modal) .underground-ui .kb-card-name strong{font-size:20px;line-height:24px;font-weight:700}:is(#main,#modal) .underground-ui .kb-card-name .kb-chevron{position:absolute;right:8px;top:20px}:is(#main,#modal) .underground-ui .kb-card-till{display:flex;align-items:center;gap:4px;padding:0 8px 6px;font-size:12px;line-height:20px}:is(#main,#modal) .underground-ui .kb-card-till>.kg-icon{width:24px;height:24px}:is(#main,#modal) .underground-ui .kb-card-till>b{font-size:18px;white-space:nowrap}:is(#main,#modal) .underground-ui .kb-card-till>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--kg-positive)}:is(#main,#modal) .underground-ui .kb-card-notice{display:flex;align-items:center;gap:4px;margin:0 8px 4px;padding-top:4px;border-top:1px solid var(--kg-gold);font-size:11px;color:var(--kg-positive)}:is(#main,#modal) .underground-ui .kb-card-notice>.kg-icon{width:16px;height:16px}:is(#main,#modal) .underground-ui .kb-row{width:100%;border:0;background:none;color:var(--kg-cream);padding:12px;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;min-width:0}:is(#main,#modal) .underground-ui .kb-row>.kg-icon{width:36px;height:36px}:is(#main,#modal) .underground-ui .kb-row>span:not(.kg-frame):not(.kg-surface){flex:1;min-width:0}:is(#main,#modal) .underground-ui .kb-row strong{font-size:17px;line-height:20px;font-weight:400}:is(#main,#modal) .underground-ui .kb-row small{display:block;color:var(--kg-gold);font-size:12px;line-height:16px;margin-top:4px}:is(#main,#modal) .underground-ui .kb-row-status{font-size:16px;font-weight:400;white-space:nowrap;color:var(--kg-gold)}:is(#main,#modal) .underground-ui .kb-chevron{font-size:24px;line-height:28px;flex:none!important;max-width:16px}:is(#main,#modal) .underground-ui .kb-row:active>.kg-surface,:is(#main,#modal) .underground-ui .kb-row[data-state=pressed]>.kg-surface,:is(#main,#modal) .underground-ui .kb-business-card:active>.kg-surface,:is(#main,#modal) .underground-ui .kb-business-card[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .underground-ui .kb-row:disabled,:is(#main,#modal) .underground-ui .kb-business-card:disabled{cursor:default}:is(#main,#modal) .underground-ui .kb-row:disabled>.kg-surface,:is(#main,#modal) .underground-ui .kb-business-card:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal) .underground-ui .kb-row:disabled>.kg-icon,:is(#main,#modal) .underground-ui .kb-business-card:disabled>.kb-cover{filter:grayscale(.8);opacity:.6}:is(#main,#modal) .underground-ui .kb-window-head{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--kg-cream)}:is(#main,#modal) .underground-ui .kb-window-head h1{font-size:20px;line-height:24px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}:is(#main,#modal) .underground-ui .kb-window-head .kg-round{width:32px;height:32px;flex:none;font-size:24px}:is(#main,#modal) .underground-ui .kb-window-head .kg-round:last-child{font-size:18px}:is(#main,#modal) .underground-ui .kb-section-label{display:flex;align-items:center;gap:8px;min-width:0}:is(#main,#modal) .underground-ui .kb-section-label h2{font-size:16px;line-height:20px;letter-spacing:.7px}:is(#main,#modal) .underground-ui .kb-section-label>.kb-art{width:28px;height:28px}:is(#main,#modal) .underground-ui .kb-till-state{margin-left:auto;font-size:12px;color:var(--kg-positive)}:is(#main,#modal) .underground-ui .kb-cash-number{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}:is(#main,#modal) .underground-ui .kb-cash-number>.kg-icon{width:40px;height:40px}:is(#main,#modal) .underground-ui .kb-cash-number b{font-size:32px;line-height:40px;font-weight:700;white-space:nowrap}:is(#main,#modal) .underground-ui .kb-cash-number small{align-self:end;margin-bottom:6px;font-size:13px;white-space:nowrap}:is(#main,#modal) .underground-ui .kb-cashbox>.kg-progress{height:16px;margin:8px 0 12px}:is(#main,#modal) .underground-ui .kb-center{text-align:center}:is(#main,#modal) .underground-ui .kb-paper p.kb-small,:is(#main,#modal) .underground-ui .kb-small{font-size:12px;line-height:16px}:is(#main,#modal) .underground-ui .kb-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;gap:8px}:is(#main,#modal) .underground-ui .kb-reward>span{display:grid;grid-template-columns:36px auto;align-items:center;column-gap:8px}:is(#main,#modal) .underground-ui .kb-reward .kg-icon,:is(#main,#modal) .underground-ui .kb-reward .kb-art{grid-row:span 2;width:36px;height:36px}:is(#main,#modal) .underground-ui .kb-reward b{font-size:24px;line-height:28px}:is(#main,#modal) .underground-ui .kb-reward small{font-size:12px}:is(#main,#modal) .underground-ui .kb-ledger{padding:12px 16px;display:flex;gap:12px;align-items:center;color:var(--kg-cream);min-width:0}:is(#main,#modal) .underground-ui .kb-ledger>.kg-icon{width:44px;height:44px}:is(#main,#modal) .underground-ui .kb-ledger>div{flex:1}:is(#main,#modal) .underground-ui .kb-ledger small{display:block;font-size:12px;color:var(--kg-gold)}:is(#main,#modal) .underground-ui .kb-ledger b{font-size:28px;line-height:32px;font-weight:400;white-space:nowrap}:is(#main,#modal) .underground-ui .kb-ledger .kb-ledger-note{font-size:12px;text-align:right;line-height:16px}:is(#main,#modal) .underground-ui .kb-banner{padding:12px 16px;display:flex;align-items:center;gap:8px;color:var(--kg-cream);font-size:14px;line-height:20px}:is(#main,#modal) .underground-ui .kb-banner>.kg-icon{width:28px;height:28px}:is(#main,#modal) .underground-ui .kb-positive{color:var(--kg-positive)}:is(#main,#modal) .underground-ui .kb-negative{color:var(--kg-negative)}
@container(max-width:350px){:is(#main,#modal) .underground-ui .kb-card-name strong{font-size:18px}:is(#main,#modal) .underground-ui .kb-card-till{flex-wrap:wrap}:is(#main,#modal) .underground-ui .kb-cover-compact{aspect-ratio:2.5}:is(#main,#modal) .underground-ui .kb-window-head{padding:8px;gap:4px}:is(#main,#modal) .underground-ui .kb-window-head h1{font-size:18px}:is(#main,#modal) .underground-ui .kb-row{padding:12px;gap:8px}:is(#main,#modal) .underground-ui .kb-row strong{font-size:15px}:is(#main,#modal) .underground-ui .kb-row>.kg-icon{width:28px;height:28px}:is(#main,#modal) .underground-ui .kb-row-status{font-size:14px}:is(#main,#modal) .underground-ui .kb-cash-number b{font-size:28px}:is(#main,#modal) .underground-ui .kb-cash-number small{font-size:11px}}:is(#main,#modal) .underground-ui .kb-cover[data-business-status=unopened]>.kb-art{filter:saturate(.5) brightness(.78)}:is(#main,#modal) .underground-ui .kb-cover[data-business-status=locked]>.kb-art{filter:grayscale(.9) brightness(.5)}:is(#main,#modal) .underground-ui .kb-access-badge{position:absolute;isolation:isolate;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--kg-cream);font-size:18px;line-height:24px;font-weight:700}:is(#main,#modal) .underground-ui .kb-access-badge>.kg-icon{width:24px;height:24px}:is(#main,#modal) .underground-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art)){aspect-ratio:4.5}:is(#main,#modal) .underground-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art))>.kb-access-badge{position:relative;left:auto;bottom:auto;margin:12px;width:fit-content}:is(#main,#modal) .underground-ui .kb-access-reason{display:block;padding:0 8px 8px;font-size:14px;line-height:20px;color:var(--kg-negative)}:is(#main,#modal) .underground-ui .kb-access-action{display:block;margin:0 8px 4px;padding-top:8px;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px;font-weight:700}:is(#main,#modal) .underground-ui .kb-business-card[data-business-status=locked] .kb-card-name strong{font-size:18px;line-height:24px}:is(#main,#modal) .underground-ui .kb-business-card[data-business-status=locked] .kb-cover .kg-surface{background-size:10px 58px}:is(#main,#modal) .underground-ui .business-title{display:flex;align-items:center;gap:8px;padding:4px;font-size:22px;line-height:28px;margin:0;letter-spacing:.5px}:is(#main,#modal) .underground-ui .business-title>.ks-section-icon{width:32px;height:32px}:is(#main,#modal) .underground-ui .business-title>.kg-round{width:32px;height:32px;font-size:14px;margin-left:auto}:is(#main,#modal) .underground-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}:is(#main,#modal) .underground-ui .kb-office-district{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;line-height:20px}:is(#main,#modal) .underground-ui .kb-office-district>span:last-child{color:var(--kg-positive)}:is(#main,#modal) .underground-ui .income-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}:is(#main,#modal) .underground-ui .income-strip>div,:is(#main,#modal) .underground-ui .income-strip>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;min-width:0}:is(#main,#modal) .underground-ui .income-strip>button{border:0;border-left:1px solid var(--kg-gold);background:none;color:var(--kg-ink);font-family:var(--kg-font);cursor:pointer}:is(#main,#modal) .underground-ui .income-strip b{font-size:20px;line-height:24px}:is(#main,#modal) .underground-ui .income-strip small{font-size:12px}:is(#main,#modal) .underground-ui .income-strip .kg-icon,:is(#main,#modal) .underground-ui .income-strip .kb-art{width:24px;height:24px}:is(#main,#modal) .underground-ui .income-caption{grid-column:1/-1!important;display:block!important;font-size:11px!important;text-align:center;line-height:16px;margin-top:4px}:is(#main,#modal) .underground-ui .kb-bonus-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:8px;font-size:13px;line-height:18px}:is(#main,#modal) .underground-ui .kb-bonus-line .kg-icon,:is(#main,#modal) .underground-ui .kb-bonus-line .kb-art{width:28px;height:28px}:is(#main,#modal) .underground-ui .kb-bonus-line>div{flex:1}:is(#main,#modal) .underground-ui .kb-bonus-line b,:is(#main,#modal) .underground-ui .kb-bonus-line small{display:block;font-weight:400}:is(#main,#modal) .underground-ui .kb-bonus-line small{font-size:11px}:is(#main,#modal) .underground-ui .kb-order-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);margin-bottom:12px}:is(#main,#modal) .underground-ui .kb-order-head .ks-section-icon{width:52px;height:52px}:is(#main,#modal) .underground-ui .kb-order-head>div{min-width:0;flex:1}:is(#main,#modal) .underground-ui .kb-order-head h2{font-size:23px;line-height:28px;margin:4px 0 0}:is(#main,#modal) .underground-ui .kb-order-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:14px}:is(#main,#modal) .underground-ui .kb-order-progress b{font-size:24px}:is(#main,#modal) .underground-ui .kb-order-conditions{padding:12px 0 0;font-size:14px;line-height:20px}:is(#main,#modal) .underground-ui .kb-order-conditions>p{margin:4px 0 0}:is(#main,#modal) .underground-ui .kb-reward-caption{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:16px}:is(#main,#modal) .underground-ui .kb-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);margin:12px 0}:is(#main,#modal) .underground-ui .kb-terms>div{text-align:center;min-width:0}:is(#main,#modal) .underground-ui .kb-terms small{display:block;font-size:12px;line-height:16px}:is(#main,#modal) .underground-ui .kb-terms b{display:block;font-size:28px;line-height:36px}:is(#main,#modal) .underground-ui .kb-terms>div+div{border-left:1px solid var(--kg-gold)}:is(#main,#modal) .underground-ui .kb-growth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;padding:8px 0}:is(#main,#modal) .underground-ui .kb-growth b{font-size:20px;font-weight:400;white-space:nowrap}:is(#main,#modal) .underground-ui .kb-risk{margin:12px 0;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold)}:is(#main,#modal) .underground-ui .kb-risk>strong{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--kg-negative)}:is(#main,#modal) .underground-ui .kb-risk .kg-icon{width:24px;height:24px}:is(#main,#modal) .underground-ui .kb-risk p{font-size:13px;line-height:19px}:is(#main,#modal) .underground-ui .kb-balance{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:0 0 12px}:is(#main,#modal) .underground-ui .kb-balance b{white-space:nowrap}:is(#main,#modal) .underground-ui .kb-result{text-align:center;padding:24px 16px}:is(#main,#modal) .underground-ui .kb-result>.kg-icon{width:64px;height:64px;margin:0 auto 12px}:is(#main,#modal) .underground-ui .kb-result h2{font-size:24px;line-height:28px}:is(#main,#modal) .underground-ui .kb-result .kb-button{margin-top:16px}:is(#main,#modal) .underground-ui .kb-notice{margin:0;padding:8px;font-size:12px;line-height:18px;color:var(--kg-positive);text-align:center}:is(#main,#modal) .underground-ui .kb-notice:empty{display:none}:is(#main,#modal) .underground-ui .kb-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:8px 12px;color:var(--kg-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}:is(#main,#modal) .underground-ui .kb-link span:last-child{font-size:20px}:is(#main,#modal) .underground-ui .kb-divider{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px;color:var(--kg-gold)}:is(#main,#modal) .underground-ui .kb-divider:before,:is(#main,#modal) .underground-ui .kb-divider:after{content:'';height:1px;background:var(--kg-gold);flex:1}:is(#main,#modal) .underground-ui .kb-divider>.kg-icon{width:24px;height:16px}:is(#main,#modal) .underground-ui .kb-empty{text-align:center;padding:32px 16px}:is(#main,#modal) .underground-ui .kb-empty>.ks-section-icon{width:96px;height:96px;margin:0 auto 16px}:is(#main,#modal) .underground-ui .kb-empty p{margin:12px 0 20px}:is(#main,#modal) .underground-ui .kb-rules a{color:var(--kg-ink);text-underline-offset:3px}:is(#main,#modal) .underground-ui .kb-rules details{margin-top:12px;border-top:1px solid var(--kg-gold);padding-top:12px}:is(#main,#modal) .underground-ui .kb-rules summary{cursor:pointer;font-size:14px}
:is(#main,#modal) .underground-ui .kg-round{background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0}:is(#main,#modal) .underground-ui .kb-round-help{background-image:var(--kg-round-help)}:is(#main,#modal) .underground-ui .kb-round-back{background-image:var(--kg-round-back)}:is(#main,#modal) .underground-ui .kg-round:active{filter:brightness(.68)}:is(#main,#modal) .underground-ui .kg-frame>img{max-width:none;filter:none}:is(#main,#modal) .underground-ui .kb-cover:not(:has(>.kb-art)){background-image:none}:is(#main,#modal) .underground-ui .kb-cover>.kg-surface{z-index:0}:is(#main,#modal) .underground-ui .kb-paper>.kb-button{margin-top:12px}:is(#main,#modal) .underground-ui .kb-card-name>.kb-eyebrow{display:block}:is(#main,#modal) .underground-ui .kb-paper details{margin:12px 0}:is(#main,#modal) .underground-ui .kb-paper a{color:var(--kg-ink)}


.underground-ui .ku-art{display:block;width:40px;height:40px;object-fit:contain;flex:none}.underground-ui .ku-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.underground-ui .ku-door,.underground-ui .ku-door-art,.underground-ui .ku-door-copy,.underground-ui .ku-ticket,.underground-ui .ku-ticket-face,.underground-ui .ku-stop,.underground-ui .ku-stop-number,.underground-ui .ku-plaque{position:relative;isolation:isolate}.underground-ui .ku-door{display:block;width:100%;padding:0;border:0;background:none;color:var(--kg-cream);font:inherit;cursor:pointer;text-align:left}.underground-ui .ku-door-art{display:block;padding:4px}.underground-ui .ku-door-art .ku-scene{border-radius:12px}.underground-ui .ku-door-tag{position:absolute;top:16px;left:16px;isolation:isolate;padding:4px 12px;font-size:12px;color:var(--kg-cream)}.underground-ui .ku-door-copy{display:grid;grid-template-columns:minmax(0,1fr) 24px;padding:12px 16px;gap:4px;margin-top:-4px}.underground-ui .ku-door-copy strong{font-size:24px;line-height:28px}.underground-ui .ku-door-copy small{font-size:12px;line-height:18px}.underground-ui .ku-door-copy>b{grid-column:2;grid-row:1/3;align-self:center;font-size:28px;color:var(--kg-gold)}.underground-ui .ku-door:active .ku-door-copy>.kg-surface,.underground-ui .ku-door[data-state=pressed] .ku-door-copy>.kg-surface,.underground-ui .ku-ticket:active>.kg-surface,.underground-ui .ku-ticket[data-state=pressed]>.kg-surface,.underground-ui .ku-stop:active>.kg-surface,.underground-ui .ku-stop[data-state=pressed]>.kg-surface{filter:brightness(.68)}.underground-ui .ku-door:disabled,.underground-ui .ku-ticket:disabled,.underground-ui .ku-stop:disabled{cursor:default}.underground-ui .ku-door:disabled .ku-scene,.underground-ui .ku-ticket:disabled .ku-ticket-face,.underground-ui .ku-stop:disabled>.ku-art{filter:grayscale(.7);opacity:.5}.underground-ui .ku-resource{display:inline-flex;align-items:center;gap:4px;min-width:0}.underground-ui .ku-resource .kg-icon,.underground-ui .ku-resource>.ku-art{width:24px;height:24px}.underground-ui .ku-resource>b{font-size:18px;line-height:24px;white-space:nowrap;font-weight:400}.underground-ui .ku-resource small{font-size:11px;line-height:16px}.underground-ui .ku-ticket{width:100%;display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px 12px;padding:12px;border:0;background:none;text-align:left;color:var(--kg-ink);font:inherit;cursor:pointer}.underground-ui .ku-ticket-face{display:block;grid-row:1/3;aspect-ratio:3/4;padding:4px}.underground-ui .ku-ticket-face>.ku-art{width:100%;height:100%;object-fit:cover;border-radius:8px}.underground-ui .ku-ticket-face>.kg-frame{--kg-corner:12px!important}.underground-ui .ku-ticket-name{display:flex;flex-direction:column;gap:4px}.underground-ui .ku-ticket-name small{font-size:11px;line-height:16px}.underground-ui .ku-ticket-name strong{font-size:24px;line-height:28px}.underground-ui .ku-ticket-name>span{font-size:12px;line-height:18px}.underground-ui .ku-ticket-rule{font-size:12px;line-height:18px;align-self:end}.underground-ui .ku-ticket-money{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);text-align:center}.underground-ui .ku-ticket-money>span+span{border-left:1px solid var(--kg-gold)}.underground-ui .ku-ticket-money small{font-size:12px;display:block}.underground-ui .ku-ticket-money b{font-weight:700;font-size:22px;line-height:28px}.underground-ui .ku-ticket-foot{display:flex;grid-column:1/-1;align-items:center;gap:12px;font-size:12px;line-height:20px}.underground-ui .ku-ticket-foot>span:last-child{margin-left:auto}.underground-ui .ku-stop{border:0;background:none;color:var(--kg-ink);display:flex;align-items:center;gap:8px;width:100%;padding:12px;font:inherit;text-align:left;min-height:80px;cursor:pointer}.underground-ui .ku-stop-number{width:36px;height:36px;display:grid;place-items:center;flex:none;color:var(--kg-cream)}.underground-ui .ku-stop-number>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.underground-ui .ku-stop-number>b{font-size:20px;font-weight:400}.underground-ui .ku-stop>.ku-art{width:48px;height:48px}.underground-ui .ku-stop>span:not(.ku-stop-number){flex:1;min-width:0}.underground-ui .ku-stop strong{display:block;font-size:18px;line-height:24px}.underground-ui .ku-stop small{font-size:11px;line-height:16px;display:block;margin-bottom:4px}.underground-ui .ku-stop[data-status=current]{color:var(--kg-cream)}.underground-ui .ku-stop[data-status=locked] strong{color:var(--kg-ink)}.underground-ui .ku-chevron{font-weight:400;color:var(--kg-gold);font-size:24px}.underground-ui .ku-meter{margin:12px 0}.underground-ui .ku-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;line-height:20px;margin-bottom:4px}.underground-ui .ku-meter .kg-fill{background:var(--kg-negative)}.underground-ui .ku-meter .kg-fill img{opacity:.3}.underground-ui .ku-meter [data-tone=hp] .kg-fill{background:var(--kg-negative)}.underground-ui .ku-plaque{display:flex;align-items:center;gap:12px;padding:12px;color:var(--kg-cream)}.underground-ui .ku-plaque>.ku-art{width:48px;height:48px}.underground-ui .ku-plaque>span{min-width:0;flex:1}.underground-ui .ku-plaque small{font-size:12px;color:var(--kg-gold);display:block}.underground-ui .ku-plaque b{font-size:24px;line-height:32px;font-weight:400;display:block}
@container(max-width:350px){.underground-ui .ku-ticket{padding:12px;grid-template-columns:72px minmax(0,1fr);gap:8px}.underground-ui .ku-ticket-name strong{font-size:22px}.underground-ui .ku-stop{padding:12px 8px;gap:4px}.underground-ui .ku-stop strong{font-size:16px}.underground-ui .ku-stop>.ku-art{width:40px;height:40px}.underground-ui .ku-door-copy strong{font-size:22px}}.underground-ui .underground-title{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 4px 0;font-size:24px;line-height:32px;position:relative;padding-right:28px}.underground-ui .underground-title>.ks-section-icon{width:40px;height:40px}.underground-ui .underground-title>.kg-round{width:32px;height:32px;position:absolute;right:0}.underground-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.underground-ui .tabs .ks-section-tab{height:72px;padding:4px;font-size:12px}.underground-ui .tabs .ks-section-icon{width:40px;height:40px}.underground-ui .ku-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.underground-ui .ku-modes>button{position:relative;isolation:isolate;background:none;border:0;min-height:44px;padding:8px 4px;font:inherit;font-size:14px;color:var(--kg-cream)}.underground-ui .ku-modes>button[aria-current]{color:var(--kg-gold)}.underground-ui .ku-ticket-bank{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;background:none;border:0;padding:12px;color:var(--kg-cream);font:inherit;min-height:76px;text-align:left}.underground-ui .ku-ticket-bank>.ku-art{width:40px;height:44px}.underground-ui .ku-ticket-bank>span{display:grid;gap:4px}.underground-ui .ku-ticket-bank>span:nth-last-child(2){margin-left:auto;text-align:right}.underground-ui .ku-ticket-bank small{font-size:10px;line-height:14px;color:var(--kg-gold)}.underground-ui .ku-ticket-bank b{font-weight:400;font-size:18px;line-height:24px}.underground-ui .ku-mode-cover{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;border-radius:8px;padding:8px;display:flex;align-items:end}.underground-ui .ku-mode-cover>.ku-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2}.underground-ui .ku-mode-cover>div{position:relative;isolation:isolate;padding:8px 12px;color:var(--kg-cream);width:100%}.underground-ui .ku-mode-cover h2{font-size:24px;line-height:28px;margin:0 0 4px}.underground-ui .ku-mode-cover p{font-size:12px;line-height:18px;margin:0;color:var(--kg-gold)}.underground-ui .ku-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0;font-size:14px;line-height:20px}.underground-ui .ku-line>b{white-space:nowrap}.underground-ui .ku-small,.underground-ui .kb-paper p.ku-small{font-size:12px;line-height:18px}.underground-ui .ku-negative{color:var(--kg-negative)}.underground-ui .ku-center{text-align:center}.underground-ui .ku-cost{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 0}.underground-ui .kb-paper p{margin:8px 0}.underground-ui .kb-paper h3{margin:0 0 8px;font-size:18px;line-height:24px}.underground-ui .kb-paper h2{margin:0 0 8px;font-size:22px;line-height:28px}.underground-ui .ku-double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.underground-ui .ku-double .kb-button{font-size:14px;padding:12px;min-height:52px}.underground-ui .ku-rank-board{position:relative;isolation:isolate;padding:16px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;color:var(--kg-cream)}.underground-ui .ku-rank-board>.ku-art{width:80px;height:80px}.underground-ui .ku-rank-board>div{display:grid;align-content:center;gap:4px}.underground-ui .ku-rank-board small{color:var(--kg-gold);font-size:13px;line-height:20px}.underground-ui .ku-rank-board>div:not(.ku-meter)>b{font-size:32px;line-height:36px;font-weight:400}.underground-ui .ku-rank-board>div:not(.ku-meter)>b>span{font-size:14px;margin-left:8px}.underground-ui .ku-rank-board>.ku-meter,.underground-ui .ku-rank-board>button{grid-column:1/-1}.underground-ui .ku-rank-board>button{border:0;border-top:1px solid var(--kg-gold);background:none;color:var(--kg-cream);font:inherit;font-size:14px;padding:12px 0 0;text-align:left}.underground-ui .ku-rival,.underground-ui .ku-fight-dossier{position:relative;isolation:isolate;padding:12px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;border:0;background:none;text-align:left;color:var(--kg-ink);font:inherit}.underground-ui .ku-rival h2,.underground-ui .ku-fight-dossier h2{font-size:24px;line-height:28px;margin:4px 0 8px}.underground-ui .ku-rival p,.underground-ui .ku-fight-dossier p{font-size:13px;line-height:20px;margin:4px 0 8px}.underground-ui .ku-rival small,.underground-ui .ku-fight-dossier small{font-size:10px;line-height:16px;letter-spacing:1px}.underground-ui .ku-rival-portrait,.underground-ui .ku-photo{position:relative;aspect-ratio:3/4;padding:4px}.underground-ui .ku-rival-portrait>.ku-art,.underground-ui .ku-photo>.ku-art{width:100%;height:100%;object-fit:contain;background:var(--kg-well)}.underground-ui .ku-comparison{display:grid;grid-template-columns:minmax(0,1fr) 68px 76px;gap:8px;padding:8px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}.underground-ui .ku-comparison>b,.underground-ui .ku-comparison>small{text-align:right}.underground-ui .ku-choice{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 8px;padding:12px;margin:8px 0;width:100%;border:0;background:none;text-align:left;color:var(--kg-ink);font:inherit}.underground-ui .ku-choice>b{font-size:16px;line-height:24px}.underground-ui .ku-choice>span{font-size:12px;line-height:20px;grid-column:1}.underground-ui .ku-choice>i{grid-column:2;grid-row:1/3;align-self:center;text-align:center;font-size:24px;font-style:normal}.underground-ui .ku-choice[aria-pressed=true]{color:var(--kg-cream)}.underground-ui .ku-tier-hero{display:flex;align-items:center;gap:16px;padding:8px 12px}.underground-ui .ku-tier-hero>.ku-art{width:92px;height:104px}.underground-ui .ku-tier-hero h2{font-size:28px;line-height:32px;margin:0 0 8px}.underground-ui .ku-tier-hero p{font-size:14px;line-height:20px;margin:0}.underground-ui .ku-consent{display:flex;gap:12px;align-items:start;font-size:14px;line-height:22px;margin-top:16px;border-top:1px solid var(--kg-gold);padding:16px 0 0}.underground-ui .ku-consent input{accent-color:var(--kg-negative);width:24px;height:24px;flex:none;margin:0}.underground-ui .ku-path{position:relative;display:grid;gap:8px}.underground-ui .ku-path::before{content:"";position:absolute;left:28px;top:24px;bottom:24px;width:2px;background:var(--kg-gold)}.underground-ui .ku-path .ku-stop{width:100%}.underground-ui .ku-fund{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:0;background:none;color:var(--kg-cream);font:inherit;min-height:96px}.underground-ui .ku-fund>.kg-icon{width:56px;height:56px}.underground-ui .ku-fund>span{display:grid;gap:4px;flex:1}.underground-ui .ku-fund small{font-size:11px;line-height:16px;color:var(--kg-gold)}.underground-ui .ku-fund b{font-size:24px;line-height:28px;font-weight:400}.underground-ui .ku-loot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.underground-ui .ku-loot>button{border:0;background:none;padding:0;font:inherit;font-size:12px;line-height:18px;color:var(--kg-ink);min-width:0}.underground-ui .ku-loot .equipment-visual{width:100%}.underground-ui .ku-loot small{display:block;padding:4px 0}.underground-ui .ku-prize{width:160px;margin:0 auto 16px}.underground-ui .ku-prize .equipment-visual{width:100%}.underground-ui .ku-result-title{text-align:center}.underground-ui .ku-result-title>.ku-art{display:block;width:104px;height:104px;margin:0 auto 8px}.underground-ui .ku-result-title h2{font-size:28px;line-height:32px}.underground-ui .ku-result-title p{font-size:14px;line-height:20px}.underground-ui .ku-duel{position:relative;isolation:isolate;padding:24px 12px;overflow:hidden;border-radius:8px}.underground-ui .ku-duel>.ku-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35);z-index:-2}.underground-ui .ku-versus{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center;color:var(--kg-cream)}.underground-ui .ku-versus figure{margin:0;min-width:0;position:relative;isolation:isolate;padding:8px}.underground-ui .ku-versus figure>.ku-art{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.underground-ui .ku-versus figcaption{font-size:14px;line-height:20px;text-align:center;margin-top:8px;overflow-wrap:anywhere}.underground-ui .ku-versus>span{text-align:center;font-size:24px;color:var(--kg-gold)}.underground-ui .ku-round-label{text-align:center;font-size:20px;line-height:28px;margin-bottom:12px}.underground-ui .ku-round-events{list-style:none;padding:0;margin:8px 0}.underground-ui .ku-round-events li{border-bottom:1px solid var(--kg-gold);padding:8px 0;font-size:13px;line-height:20px}.underground-ui button{cursor:pointer}.underground-ui button:disabled{cursor:default}.underground-ui button:focus-visible,.underground-ui a:focus-visible,.underground-ui input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}.underground-ui button:active:not(:disabled)>.kg-surface{filter:brightness(.8)}
@container(max-width:350px){.underground-ui .underground-title{font-size:20px;gap:4px}.underground-ui .underground-title>.ks-section-icon{width:32px;height:32px}.underground-ui .ku-rival,.underground-ui .ku-fight-dossier{grid-template-columns:88px minmax(0,1fr);gap:8px}.underground-ui .ku-rival h2,.underground-ui .ku-fight-dossier h2{font-size:20px;line-height:24px}.underground-ui .ku-modes>button{font-size:12px}.underground-ui .ku-comparison{grid-template-columns:minmax(0,1fr) 56px 64px;font-size:12px}.underground-ui .ku-ticket-bank{padding:12px 8px;gap:4px}.underground-ui .ku-ticket-bank>.ku-art{width:32px}.underground-ui .ku-ticket-bank b{font-size:16px}.underground-ui .ku-loot{grid-template-columns:repeat(2,minmax(0,1fr))}.underground-ui .ku-tier-hero{gap:8px;padding:8px}.underground-ui .ku-tier-hero h2{font-size:24px}}

/* Runtime scope: independent approved textures, native text, no preview chrome. */
#modal.underground-modal{padding:8px!important}
:is(#main,#modal) .underground-ui{display:grid;gap:8px;min-width:0;color:var(--kg-ink);font-family:var(--kg-font)}
:is(#main,#modal) .underground-ui .kg-fill{background:#7d2021!important}
:is(#main,#modal) .underground-ui .kg-fill>img{mix-blend-mode:luminosity;opacity:.5}
:is(#main,#modal) .underground-ui .ku-art{max-width:100%;object-fit:contain;filter:none}
:is(#main,#modal) .underground-ui .ku-stop-number>img{width:100%;height:100%}
:is(#main,#modal) .underground-ui button{max-width:100%}
:is(#main,#modal) .underground-ui h1,:is(#main,#modal) .underground-ui h2{overflow-wrap:anywhere}
:is(#main,#modal) .underground-ui .ku-line>span{min-width:0}
:is(#main,#modal) .underground-ui #ug-error:empty{display:none}
:is(#main,#modal) .underground-ui .kb-paper{position:relative;isolation:isolate}
:is(#main,#modal) .underground-ui .ku-series-prize{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;margin:8px 0}
:is(#main,#modal) .common-result .victory-banner{background:transparent;border:0;box-shadow:none;color:var(--kg-ink);padding:20px 16px}
:is(#main,#modal) .common-result .victory-banner h2{color:var(--kg-ink);font:700 28px/32px var(--kg-font);letter-spacing:0;text-shadow:none}
:is(#main,#modal) .common-result .victory-symbol{width:auto;height:auto;display:block}
:is(#main,#modal) .common-result .reward-coins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
:is(#main,#modal) .common-result .currency-reward{background:none;border:0;box-shadow:none;color:var(--kg-ink);animation:none;padding:8px 0}
:is(#main,#modal) .common-result .currency-reward b{color:var(--kg-ink);font-size:20px}
:is(#main,#modal) .common-result .reward-loot{animation:none;background:transparent;border:0;color:var(--kg-ink)}
:is(#main,#modal) .common-result .report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(#main,#modal) .common-result .report-grid>div{padding:8px;border:1px solid var(--kg-gold);background:none}
:is(#main,#modal) .common-result .report-grid b{color:var(--kg-ink)}
:is(#main,#modal) .common-result .log{max-height:none;background:transparent;color:var(--kg-ink)}
:is(#main,#modal) .common-battle .ku-duel{border:0;min-height:0}
:is(#main,#modal) .common-battle .ku-versus figure>.ku-art{max-height:none;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
:is(#main,#modal) .common-battle .kb-button{position:relative;isolation:isolate;white-space:normal}
:is(#main,#modal) .common-battle .city-replay-log li{margin:8px 0;font-size:13px;line-height:20px;overflow-wrap:anywhere}

:is(#main,#modal) .common-result>.kb-paper{border:0;box-shadow:none;background:none;color:var(--kg-ink);padding:16px}
:is(#main,#modal) .common-result .currency-reward small,:is(#main,#modal) .common-result .eyebrow{color:var(--kg-ink)}
:is(#main,#modal) .common-result .reward-loot{box-shadow:none;border:0;background:none}
:is(#main,#modal) .common-result .reward-loot small,:is(#main,#modal) .common-result .reward-loot em,:is(#main,#modal) .common-result .loot-properties{color:var(--kg-ink)}
:is(#main,#modal) .common-result .reward-loot strong{color:var(--kg-ink)}
:is(#main,#modal) .common-result .victory-banner .eyebrow{font-size:12px;line-height:20px}

/* Shared leather call to action inside the single clickable opponent card. */
.underground-ui .ku-ticket-foot{flex-wrap:wrap;gap:8px}
.underground-ui .ku-ticket-foot>.ku-prepare-action,.underground-ui .ku-rival>div:last-child>.ku-prepare-action{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:0;padding:8px 12px;color:var(--kg-cream);font:700 16px/24px KrongradChrome,'PT Serif',Georgia,serif;text-shadow:0 1px 2px var(--kg-ink)}
.underground-ui .ku-ticket-foot>.ku-prepare-action{margin-left:auto;flex:1 1 168px}
.underground-ui .ku-rival>div:last-child>.ku-prepare-action{margin-top:8px}
.underground-ui [data-offer]:active .ku-prepare-action>.kg-surface{filter:brightness(.68)}
.underground-ui [data-offer]:disabled .ku-prepare-action{color:var(--kg-gold)}
.underground-ui [data-offer]:disabled .ku-prepare-action>.kg-surface{filter:grayscale(.7) brightness(.62)}

/* Permanent Underground leagues · approved Hero R3 surfaces and independent art. */
:is(#main,#modal) .underground-ui .uc-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;min-height:240px;padding:22px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:#EEE1C9}
.underground-ui .uc-hero>.ku-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.underground-ui .uc-hero-shade{position:absolute;inset:0;background:linear-gradient(#241A12a8,#241A12c9 55%,#381B13);z-index:-2}
.underground-ui .uc-art{display:block;max-width:100%;height:auto;object-fit:contain}.underground-ui .uc-badge{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 4px 5px #241A12)}.underground-ui .uc-hero .uc-badge{width:104px;height:104px}.underground-ui .uc-hero h2{font-size:26px;line-height:1.2;margin:2px 0;color:#EEE1C9}.underground-ui .uc-hero p{margin:0;color:#EEE1C9;font-size:15px}.underground-ui .uc-kicker{color:#E4CEB0;letter-spacing:2px;font-size:10px}.underground-ui .uc-assurance{color:#245A29!important;font-size:12px}.underground-ui .uc-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.underground-ui .uc-heading small{font-size:10px;letter-spacing:1px}.underground-ui .uc-heading h3{margin:4px 0 0}.underground-ui .uc-heading>b{font-size:24px;white-space:nowrap;color:#7D2021}
:is(#main,#modal) .underground-ui .uc-chest-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(105px,.9fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:12px;background:none;border:0;width:100%;font:inherit;text-align:left;color:#241A12}
.underground-ui .uc-chest-image{position:relative;padding:3px;border-radius:7px;overflow:hidden}.underground-ui .uc-chest-image .uc-art{width:100%;aspect-ratio:1.5;object-fit:contain;background:#241A12}.underground-ui .uc-chest-copy{display:grid;gap:4px}.underground-ui .uc-chest-copy small{font-size:9px;letter-spacing:.5px;line-height:1.5;color:#7D2021}.underground-ui .uc-chest-copy strong{font-size:18px;line-height:1.25}.underground-ui .uc-chest-copy span{font-size:12px}.underground-ui .uc-chest-copy>b{font-size:12px;color:#7D2021;line-height:1.4;margin-top:4px}
.underground-ui .uc-wins{display:flex;justify-content:center;gap:12px;margin:12px 0}.underground-ui .uc-wins>span{border:2px solid #AC8B59;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#EEE1C9;color:#241A12;box-shadow:inset 0 2px 3px #241A1233;font-weight:bold}.underground-ui .uc-wins>span[data-won=true]{background:#7D2021;color:#EEE1C9;box-shadow:inset 0 2px 3px #EEE1C933}
.underground-ui .uc-leagues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.underground-ui .uc-league{position:relative;isolation:isolate;border:0;background:none;padding:14px 10px;color:#241A12;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:inherit;min-width:0;min-height:220px}.underground-ui .uc-league[aria-current]{color:#EEE1C9}.underground-ui .uc-league-number{position:absolute;top:12px;left:14px;font-size:11px}.underground-ui .uc-league strong{font-size:16px;line-height:1.3;min-height:42px;display:flex;align-items:center}.underground-ui .uc-league>span:not(.kg-surface):not(.kg-frame):not(.uc-league-number){font-size:12px}.underground-ui .uc-league small{font-size:9px;line-height:1.3;letter-spacing:.4px}.underground-ui .uc-league[data-earned=false]>.uc-badge{filter:saturate(.7) drop-shadow(0 3px 3px #241A1266)}
.underground-ui .uc-showcase{position:relative;isolation:isolate;overflow:hidden;max-width:460px;margin:12px auto;border-radius:8px;padding:4px;background:#241A12}.underground-ui .uc-showcase>.uc-art{width:100%;aspect-ratio:1.5;object-fit:contain}.underground-ui .uc-wallet{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #AC8B59}.underground-ui .uc-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:14px 0}.underground-ui .uc-item .equipment-visual{width:100%;max-height:150px}.underground-ui .uc-item h3{font-size:17px;line-height:1.3}.underground-ui .uc-item p{font-size:12px;line-height:1.5}.underground-ui .uc-item details{font-size:12px;overflow-wrap:anywhere}.underground-ui .uc-item summary{cursor:pointer;color:#7D2021}.underground-ui .uc-link{position:relative;isolation:isolate;border:2px solid #AC8B59!important;background:#381B13!important;color:#EEE1C9!important;min-height:44px;width:100%;font:inherit;padding:10px}
.uc-public-title{display:flex;align-items:center;gap:6px;color:#7D2021;font-size:12px;line-height:1.3}.uc-public-title>img{width:26px;height:26px;object-fit:contain}.hg-page .uc-hero-title{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;border:0;background:none;color:#EEE1C9;text-align:left;font:inherit}.uc-hero-title>img{width:38px;height:38px;object-fit:contain}.uc-hero-title>span:last-child{font-size:12px}.uc-hero-title strong{display:block;font-size:14px}
@container(max-width:350px){.underground-ui .uc-hero h2{font-size:23px}.underground-ui .uc-chest-card{gap:8px;padding:10px;grid-template-columns:100px minmax(0,1fr)}.underground-ui .uc-chest-copy strong{font-size:16px}.underground-ui .uc-item{grid-template-columns:90px minmax(0,1fr);gap:8px}.underground-ui .uc-league strong{font-size:14px}.underground-ui .uc-league{padding:12px 8px}.underground-ui .uc-badge{width:82px;height:82px}}
@media(prefers-reduced-motion:no-preference){.underground-ui .uc-chest-card:hover .uc-art{transform:translateY(-2px);transition:transform .15s}.underground-ui .uc-chest-card:active .uc-art{transform:translateY(1px)}}

.chat-hero-identity .uc-public-title{color:#E4CEB0}.chat-hero-identity .uc-public-title>img{width:24px;height:24px}

/* Reward items open the shared item card; ranked opponents wear the club frame. */
.underground-ui .uc-item-open{display:flex;flex-direction:column;align-items:center;gap:8px;background:none!important;border:0!important;padding:0!important;color:#7D2021;font:700 12px/1.4 KrongradChrome,'PT Serif',Georgia,serif;cursor:pointer;min-width:0;align-self:start}
.underground-ui .uc-item-open:focus-visible{outline:2px solid #7D2021;outline-offset:4px;border-radius:6px}.underground-ui .uc-item-open:active{transform:translateY(1px)}
.underground-ui .uc-item-card{min-width:0}.underground-ui .uc-item-card>section{margin:12px 0}.underground-ui .uc-item-card .item-heading{margin-top:0}
:is(#main,#modal) .underground-ui .uc-ranked-rival{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(96px,.8fr) minmax(0,1.2fr);gap:14px;padding:16px 18px 20px;color:#EEE1C9;overflow:visible;background:none;border:0;text-align:left;font:inherit;width:100%}
.underground-ui .uc-rival-banner{position:relative;isolation:isolate;grid-column:1/-1;display:block;padding:12px 8px;text-align:center;color:#E4CEB0;font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:1.5}
.underground-ui .uc-ranked-portrait{position:relative;isolation:isolate;align-self:start;min-width:0;padding:5px;margin:0;background:#241A12;border-radius:7px;box-shadow:0 5px 8px #241A12}
.underground-ui .uc-ranked-portrait>.ku-art{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:5px}.underground-ui .uc-ranked-portrait>.kg-frame{filter:sepia(.35)}
.underground-ui .uc-rival-copy{min-width:0}.underground-ui .uc-rival-copy>small{color:#AC8B59;font-size:10px;letter-spacing:1px}.underground-ui .uc-rival-copy h2{color:#EEE1C9;font-size:23px;line-height:1.2;margin:5px 0;overflow-wrap:anywhere}.underground-ui .uc-rival-copy p{color:#E4CEB0;font-size:13px;line-height:1.4;margin:6px 0}
.underground-ui .uc-rival-rating{display:block;margin:8px 0;padding:7px 0;border-block:1px solid #AC8B5977}.underground-ui .uc-rival-rating .ku-resource{color:#EEE1C9;flex-wrap:wrap;font-size:14px}.underground-ui .uc-rival-rating .ku-resource small{color:#E4CEB0}
.underground-ui .uc-rival-stakes{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12px;color:#E4CEB0}.underground-ui .uc-rival-stakes b{white-space:nowrap;color:#EEE1C9}
.underground-ui .uc-ranked-dossier{color:#EEE1C9;padding:18px;align-items:center}.underground-ui .uc-ranked-dossier h2,.underground-ui .uc-ranked-dossier p,.underground-ui .uc-ranked-dossier small{color:#EEE1C9}.underground-ui .uc-ranked-rival:focus-visible{outline:2px solid #AC8B59;outline-offset:3px}.underground-ui .uc-ranked-rival:active>.kg-surface{filter:brightness(.8)}
@container(max-width:350px){:is(#main,#modal) .underground-ui .uc-ranked-rival{grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr);gap:10px;padding:12px 12px 18px}.underground-ui .uc-rival-banner{font-size:10px;letter-spacing:.5px}.underground-ui .uc-rival-copy h2{font-size:20px}.underground-ui .uc-rival-copy p{font-size:12px}.underground-ui .uc-rival-copy>.ku-prepare-action{font-size:14px!important;padding:8px!important}}

/* Cash bout prices explicitly show their currency. */
:is(#main,#modal) .underground-ui .ku-ticket-money b{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
:is(#main,#modal) .underground-ui .ku-ticket-money .ku-money-icon{width:20px;height:20px;object-fit:contain;flex:none}

/* Series rewards are visible before entry, using the existing paper and item kit. */
.underground-ui .uc-series-choice{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;min-width:0}
.underground-ui .uc-series-reward>small{font-size:10px;letter-spacing:.5px}.underground-ui .uc-series-reward h3{margin:8px 0}
.underground-ui .uc-series-totals{display:flex;flex-wrap:wrap;gap:10px 16px;margin:12px 0}.underground-ui .uc-series-totals .ku-resource{gap:5px;flex-wrap:wrap}
.underground-ui .uc-series-profit{border-block:1px solid #AC8B5977;padding:10px 0}.underground-ui .uc-series-profit .ku-resource{flex-wrap:wrap}
.underground-ui .uc-series-loot{display:grid;gap:12px;margin:14px 0}.underground-ui .uc-series-trophy{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding-top:12px;border-top:1px solid #AC8B5977}.underground-ui .uc-series-trophy h4{font-size:16px;margin:6px 0}.underground-ui .uc-series-trophy p{font-size:13px;margin:5px 0}.underground-ui .uc-series-trophy small{font-size:11px}.underground-ui .uc-series-trophy .equipment-visual{width:100%}

:is(#main,#modal,#help-modal) .service-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-font:KrongradChrome,Georgia,serif;font:14px/1.4 var(--kg-font);color:var(--kg-ink);display:flex;flex-direction:column;gap:8px;container-type:inline-size;min-width:0}
:is(#main,#modal,#help-modal) .service-ui,:is(#main,#modal,#help-modal) .service-ui *{box-sizing:border-box}:is(#main,#modal,#help-modal) .service-ui>*{flex:none}:is(#main,#modal,#help-modal) .service-ui button{font-family:var(--kg-font);text-shadow:none;box-shadow:none;border-radius:0;margin:0;cursor:pointer}:is(#main,#modal,#help-modal) .service-ui button:disabled{cursor:default}:is(#main,#modal,#help-modal) .service-ui button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal,#help-modal) .service-ui p,:is(#main,#modal,#help-modal) .service-ui summary{color:inherit}:is(#main,#modal,#help-modal) .service-ui h1,:is(#main,#modal,#help-modal) .service-ui h2,:is(#main,#modal,#help-modal) .service-ui h3{color:inherit;padding:0;font-family:var(--kg-font);background:none;text-shadow:none;letter-spacing:normal}:is(#main,#modal,#help-modal) .service-ui .kg-icon{filter:none}:is(#main,#modal,#help-modal) .service-ui img{border:0;margin:0}:is(#main,#modal,#help-modal) .service-ui .kg-button{font-weight:400}
body.game-shell #modal.service-modal{padding:8px!important;border:0!important;background-color:#E4CEB0!important;background-image:url('/assets/e0e00925849153e306c6.png')!important;background-size:120px 43px;box-shadow:none!important}
:is(#main,#modal,#help-modal) .service-ui .kg-panel,:is(#main,#modal,#help-modal) .service-ui .kg-button,:is(#main,#modal,#help-modal) .service-ui .kg-slot,:is(#main,#modal,#help-modal) .service-ui .kg-round,:is(#main,#modal,#help-modal) .service-ui .kg-upgrade,:is(#main,#modal,#help-modal) .service-ui .kg-progress,:is(#main,#modal,#help-modal) .service-ui .kg-nav-shell,:is(#main,#modal,#help-modal) .service-ui .kg-nav-button{position:relative;isolation:isolate}:is(#main,#modal,#help-modal) .service-ui .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}:is(#main,#modal,#help-modal) .service-ui .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}:is(#main,#modal,#help-modal) .service-ui .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}:is(#main,#modal,#help-modal) .service-ui .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal,#help-modal) .service-ui [data-kg-text]{display:block;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}:is(#main,#modal,#help-modal) .service-ui .kg-button.kg-large{min-height:52px;font-size:20px}:is(#main,#modal,#help-modal) .service-ui .kg-button.kg-large .kg-icon{width:48px;height:40px}:is(#main,#modal,#help-modal) .service-ui .kg-button:active>.kg-surface,:is(#main,#modal,#help-modal) .service-ui .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal,#help-modal) .service-ui .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal,#help-modal) .service-ui .kg-button:disabled>[data-kg-text],:is(#main,#modal,#help-modal) .service-ui .kg-button:disabled>.kg-icon{opacity:.5}:is(#main,#modal,#help-modal) .service-ui .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}:is(#main,#modal,#help-modal) .service-ui .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}:is(#main,#modal,#help-modal) .service-ui .kg-round .kg-icon{width:64%;height:64%}:is(#main,#modal,#help-modal) .service-ui .kg-round:active .kg-base,:is(#main,#modal,#help-modal) .service-ui .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}:is(#main,#modal,#help-modal) .service-ui .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}:is(#main,#modal,#help-modal) .service-ui .kg-round:disabled>[data-kg-text]{opacity:.5}:is(#main,#modal,#help-modal) .service-ui .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}:is(#main,#modal,#help-modal) .service-ui .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}:is(#main,#modal,#help-modal) .service-ui .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}:is(#main,#modal,#help-modal) .service-ui .kg-progress[data-tone=hp] .kg-fill{background:#972c25}:is(#main,#modal,#help-modal) .service-ui .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}:is(#main,#modal,#help-modal) .service-ui .kg-progress[data-tone=xp] .kg-fill{background:#285d89}:is(#main,#modal,#help-modal) .service-ui .kb-paper,:is(#main,#modal,#help-modal) .service-ui .kb-business-card,:is(#main,#modal,#help-modal) .service-ui .kb-cover,:is(#main,#modal,#help-modal) .service-ui .kb-row,:is(#main,#modal,#help-modal) .service-ui .kb-window-head,:is(#main,#modal,#help-modal) .service-ui .kb-level,:is(#main,#modal,#help-modal) .service-ui .kb-ledger,:is(#main,#modal,#help-modal) .service-ui .kb-banner{position:relative;isolation:isolate}:is(#main,#modal,#help-modal) .service-ui .kb-paper{padding:12px;color:var(--kg-ink);min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-paper h2,:is(#main,#modal,#help-modal) .service-ui .kb-paper h3{margin:0;font-size:20px;line-height:24px}:is(#main,#modal,#help-modal) .service-ui .kb-paper p{margin:8px 0 0;font-size:14px;line-height:20px}:is(#main,#modal,#help-modal) .service-ui .kb-art{display:block;object-fit:contain;width:32px;height:32px;flex:none}:is(#main,#modal,#help-modal) .service-ui .kb-eyebrow{font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:400}:is(#main,#modal,#help-modal) .service-ui .kb-button{width:100%;min-height:48px;font-size:17px;gap:8px;padding:8px 12px}:is(#main,#modal,#help-modal) .service-ui .kb-button .kg-icon{width:28px;height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-button.kb-secondary{min-height:40px;font-size:14px}:is(#main,#modal,#help-modal) .service-ui .kb-button:disabled>.kg-frame,:is(#main,#modal,#help-modal) .service-ui .kb-row:disabled>.kg-frame,:is(#main,#modal,#help-modal) .service-ui .kb-business-card:disabled>.kg-frame{filter:grayscale(.7)}:is(#main,#modal,#help-modal) .service-ui .kb-business-card{display:block;width:100%;border:0;background:none;color:var(--kg-ink);padding:6px;text-align:left;min-width:0;cursor:pointer}:is(#main,#modal,#help-modal) .service-ui .kb-cover{overflow:hidden;aspect-ratio:2.3;border-radius:8px;background:var(--kg-well)}:is(#main,#modal,#help-modal) .service-ui .kb-cover>.kb-art{width:100%;height:100%;object-fit:cover;object-position:center top}:is(#main,#modal,#help-modal) .service-ui .kb-cover>.kg-frame{z-index:4}:is(#main,#modal,#help-modal) .service-ui .kb-level{position:absolute;right:12px;top:12px;z-index:5;min-width:44px;padding:4px 8px;color:var(--kg-cream);font-size:12px;text-align:center;line-height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-cover-compact{aspect-ratio:2.9}:is(#main,#modal,#help-modal) .service-ui .kb-card-name{position:relative;display:block;padding:8px 28px 4px 8px}:is(#main,#modal,#help-modal) .service-ui .kb-card-name strong{font-size:20px;line-height:24px;font-weight:700}:is(#main,#modal,#help-modal) .service-ui .kb-card-name .kb-chevron{position:absolute;right:8px;top:20px}:is(#main,#modal,#help-modal) .service-ui .kb-card-till{display:flex;align-items:center;gap:4px;padding:0 8px 6px;font-size:12px;line-height:20px}:is(#main,#modal,#help-modal) .service-ui .kb-card-till>.kg-icon{width:24px;height:24px}:is(#main,#modal,#help-modal) .service-ui .kb-card-till>b{font-size:18px;white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-card-till>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--kg-positive)}:is(#main,#modal,#help-modal) .service-ui .kb-card-notice{display:flex;align-items:center;gap:4px;margin:0 8px 4px;padding-top:4px;border-top:1px solid var(--kg-gold);font-size:11px;color:var(--kg-positive)}:is(#main,#modal,#help-modal) .service-ui .kb-card-notice>.kg-icon{width:16px;height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-row{width:100%;border:0;background:none;color:var(--kg-cream);padding:12px;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-row>.kg-icon{width:36px;height:36px}:is(#main,#modal,#help-modal) .service-ui .kb-row>span:not(.kg-frame):not(.kg-surface){flex:1;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-row strong{font-size:17px;line-height:20px;font-weight:400}:is(#main,#modal,#help-modal) .service-ui .kb-row small{display:block;color:var(--kg-gold);font-size:12px;line-height:16px;margin-top:4px}:is(#main,#modal,#help-modal) .service-ui .kb-row-status{font-size:16px;font-weight:400;white-space:nowrap;color:var(--kg-gold)}:is(#main,#modal,#help-modal) .service-ui .kb-chevron{font-size:24px;line-height:28px;flex:none!important;max-width:16px}:is(#main,#modal,#help-modal) .service-ui .kb-row:active>.kg-surface,:is(#main,#modal,#help-modal) .service-ui .kb-row[data-state=pressed]>.kg-surface,:is(#main,#modal,#help-modal) .service-ui .kb-business-card:active>.kg-surface,:is(#main,#modal,#help-modal) .service-ui .kb-business-card[data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal,#help-modal) .service-ui .kb-row:disabled,:is(#main,#modal,#help-modal) .service-ui .kb-business-card:disabled{cursor:default}:is(#main,#modal,#help-modal) .service-ui .kb-row:disabled>.kg-surface,:is(#main,#modal,#help-modal) .service-ui .kb-business-card:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}:is(#main,#modal,#help-modal) .service-ui .kb-row:disabled>.kg-icon,:is(#main,#modal,#help-modal) .service-ui .kb-business-card:disabled>.kb-cover{filter:grayscale(.8);opacity:.6}:is(#main,#modal,#help-modal) .service-ui .kb-window-head{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--kg-cream)}:is(#main,#modal,#help-modal) .service-ui .kb-window-head h1{font-size:20px;line-height:24px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}:is(#main,#modal,#help-modal) .service-ui .kb-window-head .kg-round{width:32px;height:32px;flex:none;font-size:24px}:is(#main,#modal,#help-modal) .service-ui .kb-window-head .kg-round:last-child{font-size:18px}:is(#main,#modal,#help-modal) .service-ui .kb-section-label{display:flex;align-items:center;gap:8px;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-section-label h2{font-size:16px;line-height:20px;letter-spacing:.7px}:is(#main,#modal,#help-modal) .service-ui .kb-section-label>.kb-art{width:28px;height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-till-state{margin-left:auto;font-size:12px;color:var(--kg-positive)}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number>.kg-icon{width:40px;height:40px}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number b{font-size:32px;line-height:40px;font-weight:700;white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number small{align-self:end;margin-bottom:6px;font-size:13px;white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-cashbox>.kg-progress{height:16px;margin:8px 0 12px}:is(#main,#modal,#help-modal) .service-ui .kb-center{text-align:center}:is(#main,#modal,#help-modal) .service-ui .kb-paper p.kb-small,:is(#main,#modal,#help-modal) .service-ui .kb-small{font-size:12px;line-height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;gap:8px}:is(#main,#modal,#help-modal) .service-ui .kb-reward>span{display:grid;grid-template-columns:36px auto;align-items:center;column-gap:8px}:is(#main,#modal,#help-modal) .service-ui .kb-reward .kg-icon,:is(#main,#modal,#help-modal) .service-ui .kb-reward .kb-art{grid-row:span 2;width:36px;height:36px}:is(#main,#modal,#help-modal) .service-ui .kb-reward b{font-size:24px;line-height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-reward small{font-size:12px}:is(#main,#modal,#help-modal) .service-ui .kb-ledger{padding:12px 16px;display:flex;gap:12px;align-items:center;color:var(--kg-cream);min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-ledger>.kg-icon{width:44px;height:44px}:is(#main,#modal,#help-modal) .service-ui .kb-ledger>div{flex:1}:is(#main,#modal,#help-modal) .service-ui .kb-ledger small{display:block;font-size:12px;color:var(--kg-gold)}:is(#main,#modal,#help-modal) .service-ui .kb-ledger b{font-size:28px;line-height:32px;font-weight:400;white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-ledger .kb-ledger-note{font-size:12px;text-align:right;line-height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-banner{padding:12px 16px;display:flex;align-items:center;gap:8px;color:var(--kg-cream);font-size:14px;line-height:20px}:is(#main,#modal,#help-modal) .service-ui .kb-banner>.kg-icon{width:28px;height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-positive{color:var(--kg-positive)}:is(#main,#modal,#help-modal) .service-ui .kb-negative{color:var(--kg-negative)}
@container(max-width:350px){:is(#main,#modal,#help-modal) .service-ui .kb-card-name strong{font-size:18px}:is(#main,#modal,#help-modal) .service-ui .kb-card-till{flex-wrap:wrap}:is(#main,#modal,#help-modal) .service-ui .kb-cover-compact{aspect-ratio:2.5}:is(#main,#modal,#help-modal) .service-ui .kb-window-head{padding:8px;gap:4px}:is(#main,#modal,#help-modal) .service-ui .kb-window-head h1{font-size:18px}:is(#main,#modal,#help-modal) .service-ui .kb-row{padding:12px;gap:8px}:is(#main,#modal,#help-modal) .service-ui .kb-row strong{font-size:15px}:is(#main,#modal,#help-modal) .service-ui .kb-row>.kg-icon{width:28px;height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-row-status{font-size:14px}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number b{font-size:28px}:is(#main,#modal,#help-modal) .service-ui .kb-cash-number small{font-size:11px}}:is(#main,#modal,#help-modal) .service-ui .kb-cover[data-business-status=unopened]>.kb-art{filter:saturate(.5) brightness(.78)}:is(#main,#modal,#help-modal) .service-ui .kb-cover[data-business-status=locked]>.kb-art{filter:grayscale(.9) brightness(.5)}:is(#main,#modal,#help-modal) .service-ui .kb-access-badge{position:absolute;isolation:isolate;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--kg-cream);font-size:18px;line-height:24px;font-weight:700}:is(#main,#modal,#help-modal) .service-ui .kb-access-badge>.kg-icon{width:24px;height:24px}:is(#main,#modal,#help-modal) .service-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art)){aspect-ratio:4.5}:is(#main,#modal,#help-modal) .service-ui .kb-cover[data-business-status=locked]:not(:has(>.kb-art))>.kb-access-badge{position:relative;left:auto;bottom:auto;margin:12px;width:fit-content}:is(#main,#modal,#help-modal) .service-ui .kb-access-reason{display:block;padding:0 8px 8px;font-size:14px;line-height:20px;color:var(--kg-negative)}:is(#main,#modal,#help-modal) .service-ui .kb-access-action{display:block;margin:0 8px 4px;padding-top:8px;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px;font-weight:700}:is(#main,#modal,#help-modal) .service-ui .kb-business-card[data-business-status=locked] .kb-card-name strong{font-size:18px;line-height:24px}:is(#main,#modal,#help-modal) .service-ui .kb-business-card[data-business-status=locked] .kb-cover .kg-surface{background-size:10px 58px}:is(#main,#modal,#help-modal) .service-ui .business-title{display:flex;align-items:center;gap:8px;padding:4px;font-size:22px;line-height:28px;margin:0;letter-spacing:.5px}:is(#main,#modal,#help-modal) .service-ui .business-title>.ks-section-icon{width:32px;height:32px}:is(#main,#modal,#help-modal) .service-ui .business-title>.kg-round{width:32px;height:32px;font-size:14px;margin-left:auto}:is(#main,#modal,#help-modal) .service-ui .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}:is(#main,#modal,#help-modal) .service-ui .kb-office-district{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;line-height:20px}:is(#main,#modal,#help-modal) .service-ui .kb-office-district>span:last-child{color:var(--kg-positive)}:is(#main,#modal,#help-modal) .service-ui .income-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}:is(#main,#modal,#help-modal) .service-ui .income-strip>div,:is(#main,#modal,#help-modal) .service-ui .income-strip>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;min-width:0}:is(#main,#modal,#help-modal) .service-ui .income-strip>button{border:0;border-left:1px solid var(--kg-gold);background:none;color:var(--kg-ink);font-family:var(--kg-font);cursor:pointer}:is(#main,#modal,#help-modal) .service-ui .income-strip b{font-size:20px;line-height:24px}:is(#main,#modal,#help-modal) .service-ui .income-strip small{font-size:12px}:is(#main,#modal,#help-modal) .service-ui .income-strip .kg-icon,:is(#main,#modal,#help-modal) .service-ui .income-strip .kb-art{width:24px;height:24px}:is(#main,#modal,#help-modal) .service-ui .income-caption{grid-column:1/-1!important;display:block!important;font-size:11px!important;text-align:center;line-height:16px;margin-top:4px}:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:8px;font-size:13px;line-height:18px}:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line .kg-icon,:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line .kb-art{width:28px;height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line>div{flex:1}:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line b,:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line small{display:block;font-weight:400}:is(#main,#modal,#help-modal) .service-ui .kb-bonus-line small{font-size:11px}:is(#main,#modal,#help-modal) .service-ui .kb-order-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);margin-bottom:12px}:is(#main,#modal,#help-modal) .service-ui .kb-order-head .ks-section-icon{width:52px;height:52px}:is(#main,#modal,#help-modal) .service-ui .kb-order-head>div{min-width:0;flex:1}:is(#main,#modal,#help-modal) .service-ui .kb-order-head h2{font-size:23px;line-height:28px;margin:4px 0 0}:is(#main,#modal,#help-modal) .service-ui .kb-order-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:14px}:is(#main,#modal,#help-modal) .service-ui .kb-order-progress b{font-size:24px}:is(#main,#modal,#help-modal) .service-ui .kb-order-conditions{padding:12px 0 0;font-size:14px;line-height:20px}:is(#main,#modal,#help-modal) .service-ui .kb-order-conditions>p{margin:4px 0 0}:is(#main,#modal,#help-modal) .service-ui .kb-reward-caption{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:16px}:is(#main,#modal,#help-modal) .service-ui .kb-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);margin:12px 0}:is(#main,#modal,#help-modal) .service-ui .kb-terms>div{text-align:center;min-width:0}:is(#main,#modal,#help-modal) .service-ui .kb-terms small{display:block;font-size:12px;line-height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-terms b{display:block;font-size:28px;line-height:36px}:is(#main,#modal,#help-modal) .service-ui .kb-terms>div+div{border-left:1px solid var(--kg-gold)}:is(#main,#modal,#help-modal) .service-ui .kb-growth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;padding:8px 0}:is(#main,#modal,#help-modal) .service-ui .kb-growth b{font-size:20px;font-weight:400;white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-risk{margin:12px 0;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold)}:is(#main,#modal,#help-modal) .service-ui .kb-risk>strong{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--kg-negative)}:is(#main,#modal,#help-modal) .service-ui .kb-risk .kg-icon{width:24px;height:24px}:is(#main,#modal,#help-modal) .service-ui .kb-risk p{font-size:13px;line-height:19px}:is(#main,#modal,#help-modal) .service-ui .kb-balance{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:0 0 12px}:is(#main,#modal,#help-modal) .service-ui .kb-balance b{white-space:nowrap}:is(#main,#modal,#help-modal) .service-ui .kb-result{text-align:center;padding:24px 16px}:is(#main,#modal,#help-modal) .service-ui .kb-result>.kg-icon{width:64px;height:64px;margin:0 auto 12px}:is(#main,#modal,#help-modal) .service-ui .kb-result h2{font-size:24px;line-height:28px}:is(#main,#modal,#help-modal) .service-ui .kb-result .kb-button{margin-top:16px}:is(#main,#modal,#help-modal) .service-ui .kb-notice{margin:0;padding:8px;font-size:12px;line-height:18px;color:var(--kg-positive);text-align:center}:is(#main,#modal,#help-modal) .service-ui .kb-notice:empty{display:none}:is(#main,#modal,#help-modal) .service-ui .kb-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:8px 12px;color:var(--kg-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}:is(#main,#modal,#help-modal) .service-ui .kb-link span:last-child{font-size:20px}:is(#main,#modal,#help-modal) .service-ui .kb-divider{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px;color:var(--kg-gold)}:is(#main,#modal,#help-modal) .service-ui .kb-divider:before,:is(#main,#modal,#help-modal) .service-ui .kb-divider:after{content:'';height:1px;background:var(--kg-gold);flex:1}:is(#main,#modal,#help-modal) .service-ui .kb-divider>.kg-icon{width:24px;height:16px}:is(#main,#modal,#help-modal) .service-ui .kb-empty{text-align:center;padding:32px 16px}:is(#main,#modal,#help-modal) .service-ui .kb-empty>.ks-section-icon{width:96px;height:96px;margin:0 auto 16px}:is(#main,#modal,#help-modal) .service-ui .kb-empty p{margin:12px 0 20px}:is(#main,#modal,#help-modal) .service-ui .kb-rules a{color:var(--kg-ink);text-underline-offset:3px}:is(#main,#modal,#help-modal) .service-ui .kb-rules details{margin-top:12px;border-top:1px solid var(--kg-gold);padding-top:12px}:is(#main,#modal,#help-modal) .service-ui .kb-rules summary{cursor:pointer;font-size:14px}
:is(#main,#modal,#help-modal) .service-ui .kg-round{background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0}:is(#main,#modal,#help-modal) .service-ui .kb-round-help{background-image:var(--kg-round-help)}:is(#main,#modal,#help-modal) .service-ui .kb-round-back{background-image:var(--kg-round-back)}:is(#main,#modal,#help-modal) .service-ui .kg-round:active{filter:brightness(.68)}:is(#main,#modal,#help-modal) .service-ui .kg-frame>img{max-width:none;filter:none}:is(#main,#modal,#help-modal) .service-ui .kb-cover:not(:has(>.kb-art)){background-image:none}:is(#main,#modal,#help-modal) .service-ui .kb-cover>.kg-surface{z-index:0}:is(#main,#modal,#help-modal) .service-ui .kb-paper>.kb-button{margin-top:12px}:is(#main,#modal,#help-modal) .service-ui .kb-card-name>.kb-eyebrow{display:block}:is(#main,#modal,#help-modal) .service-ui .kb-paper details{margin:12px 0}:is(#main,#modal,#help-modal) .service-ui .kb-paper a{color:var(--kg-ink)}


:is(#modal,#help-modal) .service-ui .sw-head,:is(#modal,#help-modal) .service-ui .sw-panel,:is(#modal,#help-modal) .service-ui .sw-help-heading,:is(#modal,#help-modal) .service-ui .sw-choice,:is(#modal,#help-modal) .service-ui .sw-tabs>button{position:relative;isolation:isolate}:is(#modal,#help-modal) .service-ui .sw-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px;padding:8px;min-height:64px;color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-head h2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px;line-height:28px;font-weight:400;min-width:0}:is(#modal,#help-modal) .service-ui .sw-head h2>.kg-icon{width:36px;height:36px}:is(#modal,#help-modal) .service-ui .sw-head .kg-round,:is(#modal,#help-modal) .service-ui .sw-help-heading .kg-round{width:40px;height:40px;min-width:40px}:is(#modal,#help-modal) .service-ui .sw-panel{padding:16px;color:var(--kg-ink);min-width:0}:is(#modal,#help-modal) .service-ui .sw-dark{color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-panel h2{margin:0 0 12px;font-size:20px;line-height:24px}:is(#modal,#help-modal) .service-ui .sw-panel h3{margin:0 0 8px;font-size:18px;line-height:24px}:is(#modal,#help-modal) .service-ui .sw-panel p{margin:8px 0;font-size:14px;line-height:22px}:is(#modal,#help-modal) .service-ui .sw-panel p:first-child{margin-top:0}:is(#modal,#help-modal) .service-ui .sw-panel p:last-child{margin-bottom:0}:is(#modal,#help-modal) .service-ui .sw-panel>.kg-button{width:100%;margin-top:12px}:is(#modal,#help-modal) .service-ui .sw-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 0;width:100%;color:inherit;font:inherit;border:0;border-bottom:1px solid var(--kg-gold);background:none;text-align:left}:is(#modal,#help-modal) .service-ui .sw-row:last-child{border-bottom:0}:is(#modal,#help-modal) .service-ui .sw-row>span{flex:1;min-width:0}:is(#modal,#help-modal) .service-ui .sw-row b{font-size:15px;line-height:20px;font-weight:400}:is(#modal,#help-modal) .service-ui .sw-row strong{font-size:18px;line-height:24px;font-weight:400;white-space:nowrap}:is(#modal,#help-modal) .service-ui .sw-row small{display:block;font-size:12px;line-height:18px;margin-top:4px}:is(#modal,#help-modal) .service-ui .sw-row>i{font-size:24px;color:var(--kg-gold);font-style:normal}:is(#modal,#help-modal) .service-ui .sw-row>.kg-icon{width:28px;height:28px}:is(#modal,#help-modal) .service-ui .sw-balance{display:flex;gap:16px;align-items:center;min-height:96px;padding:4px 8px}:is(#modal,#help-modal) .service-ui .sw-balance>.kg-icon{width:72px;height:72px}:is(#modal,#help-modal) .service-ui .sw-balance>div{min-width:0}:is(#modal,#help-modal) .service-ui .sw-balance small{display:block;font-size:12px;line-height:20px;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-balance strong{display:block;font-size:32px;line-height:40px;font-weight:400;font-variant-numeric:tabular-nums}:is(#modal,#help-modal) .service-ui .sw-balance p{font-size:12px;line-height:20px;margin:0}:is(#modal,#help-modal) .service-ui .sw-meter{padding:8px 0}:is(#modal,#help-modal) .service-ui .sw-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;margin-bottom:4px}:is(#modal,#help-modal) .service-ui .sw-meter b{font-weight:400}:is(#modal,#help-modal) .service-ui .sw-meter .kg-progress{height:16px}:is(#modal,#help-modal) .service-ui .sw-meter .kg-fill{background:var(--kg-negative);filter:none}:is(#modal,#help-modal) .service-ui .sw-meter .kg-fill img{opacity:.65;filter:none}:is(#modal,#help-modal) .service-ui .sw-tabs{display:grid;grid-template-columns:repeat(var(--tabs,2),minmax(0,1fr));gap:4px}:is(#modal,#help-modal) .service-ui .sw-tabs>button{border:0;background:none;color:var(--kg-cream);font:inherit;font-size:14px;line-height:20px;min-height:44px;padding:8px 4px}:is(#modal,#help-modal) .service-ui .sw-tabs>button[aria-current]{color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-help{display:grid;gap:8px}:is(#modal,#help-modal) .service-ui .sw-help-heading{display:flex;align-items:center;gap:8px;padding:12px;color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-help-heading h2{flex:1;margin:0;font-size:22px;line-height:28px}:is(#modal,#help-modal) .service-ui .sw-help-heading>.kg-icon{width:36px;height:36px}:is(#modal,#help-modal) .service-ui .sw-help .sw-panel{padding:20px}:is(#modal,#help-modal) .service-ui .sw-help .sw-panel p{font-size:16px;line-height:24px;margin-bottom:16px}:is(#modal,#help-modal) .service-ui .sw-formula{border-top:1px solid var(--kg-gold);margin-top:16px;padding-top:16px;font-size:18px;line-height:28px}:is(#modal,#help-modal) .service-ui .sw-help>.kg-button{width:100%}:is(#modal,#help-modal) .service-ui .sw-choice{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:16px;color:var(--kg-ink);text-align:left;font:inherit;min-height:72px}:is(#modal,#help-modal) .service-ui .sw-choice>span{flex:1}:is(#modal,#help-modal) .service-ui .sw-choice b{display:block;font-size:16px;line-height:24px}:is(#modal,#help-modal) .service-ui .sw-choice small{display:block;font-size:12px;line-height:20px;margin-top:4px}:is(#modal,#help-modal) .service-ui .sw-choice>i{font-size:24px;font-style:normal;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-choice[aria-pressed=true]{color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-choice:disabled{filter:saturate(.3);opacity:.65}:is(#modal,#help-modal) .service-ui .sw-field{display:grid;gap:8px;margin:12px 0;font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-field input,:is(#modal,#help-modal) .service-ui .sw-field textarea,:is(#modal,#help-modal) .service-ui .sw-field select,:is(#modal,#help-modal) .service-ui .sw-select{width:100%;min-height:48px;border:1px solid var(--kg-gold);border-radius:4px;padding:12px;color:var(--kg-ink);background:var(--kg-paper);box-shadow:inset 0 2px 4px #241A1233;font:inherit;font-size:16px;line-height:24px}:is(#modal,#help-modal) .service-ui .sw-field textarea{min-height:128px;resize:vertical}:is(#modal,#help-modal) .service-ui .sw-field input:focus,:is(#modal,#help-modal) .service-ui .sw-field textarea:focus,:is(#modal,#help-modal) .service-ui .sw-field select:focus,:is(#modal,#help-modal) .service-ui .sw-select:focus{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#modal,#help-modal) .service-ui .sw-check{display:flex;gap:12px;align-items:start;min-height:52px;padding:12px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-check:last-child{border:0}:is(#modal,#help-modal) .service-ui .sw-check input{width:24px;height:24px;flex:none;accent-color:var(--kg-negative);margin:0}:is(#modal,#help-modal) .service-ui .sw-check small{display:block;font-size:12px;line-height:18px;margin-top:4px}:is(#modal,#help-modal) .service-ui .sw-error{color:var(--kg-negative);font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-positive{color:var(--kg-positive)}:is(#modal,#help-modal) .service-ui [data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#modal,#help-modal) .service-ui .sw-choice[data-state=pressed]{transform:translateY(1px)}
@container(max-width:350px){:is(#modal,#help-modal) .service-ui .sw-head h2{font-size:20px;line-height:24px;gap:4px}:is(#modal,#help-modal) .service-ui .sw-head h2>.kg-icon{width:28px;height:28px}:is(#modal,#help-modal) .service-ui .sw-panel{padding:12px}:is(#modal,#help-modal) .service-ui .sw-balance{gap:12px;padding:4px}:is(#modal,#help-modal) .service-ui .sw-balance>.kg-icon{width:56px;height:56px}:is(#modal,#help-modal) .service-ui .sw-balance strong{font-size:28px;line-height:36px}:is(#modal,#help-modal) .service-ui .sw-row b{font-size:14px}:is(#modal,#help-modal) .service-ui .sw-row strong{font-size:16px}:is(#modal,#help-modal) .service-ui .sw-tabs>button{font-size:12px}}:is(#modal,#help-modal) .service-ui .sw-field input,:is(#modal,#help-modal) .service-ui .sw-field textarea,:is(#modal,#help-modal) .service-ui .sw-field select,:is(#modal,#help-modal) .service-ui .sw-select{background-image:url('/assets/e0e00925849153e306c6.png');background-size:120px 43px}:is(#modal,#help-modal) .service-ui .sw-check input{appearance:none;border:0;position:relative;background:url('/assets/4e3ae59a497541e83cc8.png') center/contain no-repeat;min-width:28px;width:28px;height:28px;cursor:pointer}:is(#modal,#help-modal) .service-ui .sw-check input:checked::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--kg-ink);font:700 18px/28px var(--kg-font)}:is(#modal,#help-modal) .service-ui .sw-check input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px;border-radius:50%}:is(#modal,#help-modal) .service-ui .sw-stack{display:grid;gap:8px}:is(#modal,#help-modal) .service-ui .sw-section-title{font-size:18px;line-height:24px;font-weight:400;margin:8px 8px 0}:is(#modal,#help-modal) .service-ui .sw-caption{font-size:12px;line-height:20px;margin:4px 8px}:is(#modal,#help-modal) .service-ui .sw-center{text-align:center}:is(#modal,#help-modal) .service-ui .sw-note{border-top:1px solid var(--kg-gold);padding-top:12px}:is(#modal,#help-modal) .service-ui .sw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:is(#modal,#help-modal) .service-ui .sw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(#modal,#help-modal) .service-ui .sw-two>.kg-button{width:100%}:is(#modal,#help-modal) .service-ui .sw-head h2 .kg-icon{flex:none}:is(#modal,#help-modal) .service-ui .sw-head h2 span{overflow-wrap:normal}:is(#modal,#help-modal) .service-ui .sw-cartridges{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:2px;margin:16px 0 12px}:is(#modal,#help-modal) .service-ui .sw-cartridges i{height:28px;border:1px solid var(--kg-gold);border-radius:2px;background:var(--kg-well)}:is(#modal,#help-modal) .service-ui .sw-cartridges .loaded{background:var(--kg-negative) url('/assets/2b28a6baef33572d917e.png') center/126px 14px}:is(#modal,#help-modal) .service-ui .sw-cartridges .reserved{background:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-pack{position:relative;isolation:isolate;border:0;background:none;padding:12px 8px;color:var(--kg-cream);font:inherit;display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}:is(#modal,#help-modal) .service-ui .sw-pack .kg-icon{width:52px;height:56px}:is(#modal,#help-modal) .service-ui .sw-pack strong{font-size:24px;font-weight:400}:is(#modal,#help-modal) .service-ui .sw-pack small{font-size:12px;line-height:18px;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-pack b{font-size:12px;font-weight:400;margin-top:4px}:is(#modal,#help-modal) .service-ui .sw-pass{position:relative;isolation:isolate;padding:24px 20px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 16px;color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-pass>.kg-icon{width:72px;height:80px;grid-row:1/3;align-self:center}:is(#modal,#help-modal) .service-ui .sw-pass small{font-size:12px;line-height:20px;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-pass h2{font-size:28px;line-height:32px;letter-spacing:2px;margin:4px 0}:is(#modal,#help-modal) .service-ui .sw-pass p{font-size:14px;line-height:20px;margin:0}:is(#modal,#help-modal) .service-ui .sw-pass .serial{grid-column:1/-1;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:8px;display:flex;justify-content:space-between;font-size:12px;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-ledger{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-ledger:last-child{border-bottom:0}:is(#modal,#help-modal) .service-ui .sw-ledger small{font-size:12px}:is(#modal,#help-modal) .service-ui .sw-ledger strong{grid-row:1/3;grid-column:2;align-self:center;font-size:18px;font-weight:400}:is(#modal,#help-modal) .service-ui .sw-medal-line{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center}:is(#modal,#help-modal) .service-ui .sw-medal-line img{width:80px;height:88px;object-fit:contain}:is(#modal,#help-modal) .service-ui .sw-medal-line h2{font-size:18px;line-height:24px;margin:0 0 4px}:is(#modal,#help-modal) .service-ui .sw-medal-line p{font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-medal-line small{font-size:12px;line-height:18px;display:block}:is(#modal,#help-modal) .service-ui .sw-medal-detail{display:grid;place-items:center;width:160px;max-width:60%;height:auto;aspect-ratio:1;margin:0 auto 8px}:is(#modal,#help-modal) .service-ui .sw-achievement{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}:is(#modal,#help-modal) .service-ui .sw-achievement>.kg-icon{width:64px;height:72px}:is(#modal,#help-modal) .service-ui .sw-achievement h2{font-size:18px;margin-bottom:4px}:is(#modal,#help-modal) .service-ui .sw-achievement p{font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-achievement .sw-meter{grid-column:1/-1;padding:0}:is(#modal,#help-modal) .service-ui .sw-achievement .kg-button{grid-column:1/-1;margin-top:0;width:100%}:is(#modal,#help-modal) .service-ui .sw-status{font-size:12px;line-height:20px;color:var(--kg-negative)}:is(#modal,#help-modal) .service-ui .sw-prize{display:flex;gap:16px;font-size:16px;align-items:center;margin:8px 0}:is(#modal,#help-modal) .service-ui .sw-prize span{display:flex;gap:4px;align-items:center}:is(#modal,#help-modal) .service-ui .sw-prize .kg-icon{width:24px;height:24px}:is(#modal,#help-modal) .service-ui .sw-cover{position:relative;isolation:isolate;min-height:224px;padding:128px 16px 16px;overflow:hidden;border-radius:8px;color:var(--kg-cream)}:is(#modal,#help-modal) .service-ui .sw-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}:is(#modal,#help-modal) .service-ui .sw-cover:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,var(--kg-well));z-index:-2}:is(#modal,#help-modal) .service-ui .sw-cover h2{font-size:26px;line-height:32px;font-weight:400;margin:0 0 4px}:is(#modal,#help-modal) .service-ui .sw-cover small{font-size:12px;line-height:20px;color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-story-copy p{font-size:16px;line-height:26px}:is(#modal,#help-modal) .service-ui .sw-story-copy .sw-prose::first-letter{font-size:36px;float:left;padding:6px 8px 0 0;line-height:32px}:is(#modal,#help-modal) .service-ui .sw-story-locked{color:var(--kg-ink);opacity:.7}:is(#modal,#help-modal) .service-ui .sw-story-locked .kg-icon{width:24px;height:24px}:is(#modal,#help-modal) .service-ui .sw-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:is(#modal,#help-modal) .service-ui .sw-portrait{position:relative;isolation:isolate;border:0;background:none;color:var(--kg-cream);padding:8px;font:inherit}:is(#modal,#help-modal) .service-ui .sw-portrait img{width:100%;height:168px;object-fit:contain}:is(#modal,#help-modal) .service-ui .sw-portrait span{display:block;font-size:12px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-portrait[aria-pressed=true] span{color:var(--kg-gold)}:is(#modal,#help-modal) .service-ui .sw-version{font-size:12px;line-height:20px;text-align:center;margin:8px}:is(#modal,#help-modal) .service-ui .sw-form-actions .kg-button{width:100%}:is(#modal,#help-modal) .service-ui .sw-panel form>.kg-button{width:100%;margin-top:8px}:is(#modal,#help-modal) .service-ui .sw-confirm-icon{width:72px!important;height:72px!important;margin:4px auto 16px}:is(#modal,#help-modal) .service-ui .sw-number-list{padding-left:20px;font-size:14px;line-height:22px}:is(#modal,#help-modal) .service-ui .sw-number-list li{margin:8px 0}:is(#modal,#help-modal) .service-ui .sw-inline-success{padding:12px;border-top:1px solid var(--kg-gold);color:var(--kg-positive);font-size:14px;line-height:20px}:is(#modal,#help-modal) .service-ui .sw-accordion{border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:12px}:is(#modal,#help-modal) .service-ui .sw-accordion summary{font-size:14px;line-height:22px;cursor:pointer}:is(#modal,#help-modal) .service-ui .sw-accordion p{font-size:14px;line-height:22px}:is(#modal,#help-modal) .service-ui .sw-placeholder-number{letter-spacing:2px}
@container(max-width:350px){:is(#modal,#help-modal) .service-ui .identity:not(.has-vip){grid-template-columns:56px minmax(0,1fr)}:is(#modal,#help-modal) .service-ui .sw-pass{gap:8px;padding:20px 16px;grid-template-columns:56px minmax(0,1fr)}:is(#modal,#help-modal) .service-ui .sw-pass>.kg-icon{width:56px}:is(#modal,#help-modal) .service-ui .sw-pass h2{font-size:24px}:is(#modal,#help-modal) .service-ui .sw-medal-line{grid-template-columns:64px minmax(0,1fr);gap:8px}:is(#modal,#help-modal) .service-ui .sw-medal-line img{width:64px;height:80px}:is(#modal,#help-modal) .service-ui .sw-pack{padding:12px 4px}:is(#modal,#help-modal) .service-ui .sw-pack .kg-icon{width:44px}:is(#modal,#help-modal) .service-ui .sw-pack strong{font-size:20px}:is(#modal,#help-modal) .service-ui .sw-pack small{font-size:11px}:is(#modal,#help-modal) .service-ui .sw-achievement{grid-template-columns:48px minmax(0,1fr);gap:8px}:is(#modal,#help-modal) .service-ui .sw-achievement>.kg-icon{width:48px;height:56px}:is(#modal,#help-modal) .service-ui .sw-cover{min-height:200px;padding-top:100px}}

body.game-shell :is(#modal,#help-modal).service-modal{padding:8px!important;border:0!important;background-color:#E4CEB0!important;background-image:url('/assets/e0e00925849153e306c6.png')!important;background-size:120px 43px;box-shadow:none!important}
:is(#modal,#help-modal) .service-ui .sw-head h2{margin:0;border:0;line-height:28px;font-size:22px;font-weight:400}
:is(#modal,#help-modal) .service-ui .sw-head h2 .kg-icon{width:36px;height:36px;flex:none}
:is(#modal,#help-modal) .service-ui .sw-help-heading h2{flex:1;margin:0;font-weight:400;font-size:22px;line-height:28px;border:0}
:is(#modal,#help-modal) .service-ui .sw-close{flex:none;font-size:28px}
:is(#modal,#help-modal) .service-ui .sw-row{background:none;box-shadow:none;text-shadow:none}
/* Scale the nested emblem, not only its image; the shared icon wrapper is otherwise 64x70. */
:is(#modal,#help-modal) .service-ui .sw-medal-detail>.medal-emblem{display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;margin:0}
:is(#modal,#help-modal) .service-ui .sw-medal-detail img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
:is(#modal,#help-modal) .service-ui .sw-medal-detail+.sw-center{margin:4px 0 12px}
:is(#modal,#help-modal) .service-ui .kg-frame img{max-width:none;filter:none}
:is(#modal,#help-modal) .service-ui .kg-button{width:100%;min-height:48px}
:is(#modal,#help-modal) .service-ui .sw-error:empty{display:none}
:is(#modal,#help-modal) .service-ui .help-copy{white-space:pre-line}
:is(#modal,#help-modal) .service-ui .settings-panel{padding:0;background:none;border:0;box-shadow:none;color:var(--kg-ink);display:grid;gap:8px}
:is(#modal,#help-modal) .service-ui .settings-section{margin:0;border:0;border-radius:0;box-shadow:none;background:none;padding:16px}
:is(#modal,#help-modal) .service-ui .settings-tabs{padding:0;margin:0;background:none;border:0}
:is(#modal,#help-modal) .service-ui .settings-tabs button{background:none;color:var(--kg-cream);font-weight:400;min-width:0;box-shadow:none;border:0}
:is(#modal,#help-modal) .service-ui .settings-tabs button[aria-selected=true]{color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui :is(.settings-row,.settings-action){font-size:14px;color:var(--kg-ink);border-color:var(--kg-gold);background:none}
:is(#modal,#help-modal) .service-ui .settings-action>span{flex:0 0 auto;margin-left:auto;color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui .settings-row small{color:var(--kg-ink)}
:is(#modal,#help-modal) .service-ui :is(input:not([type=checkbox]),textarea,select){font:16px/24px var(--kg-font);color:var(--kg-ink);min-height:48px;width:100%;min-width:0;padding:8px;border:1px solid var(--kg-gold);border-radius:4px;background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png');box-shadow:inset 0 2px 4px #241A1233}
:is(#modal,#help-modal) .service-ui .settings-row select{width:auto;max-width:50%}
:is(#modal,#help-modal) .service-ui input[type=checkbox]{accent-color:var(--kg-negative);width:24px;height:24px;flex:none}
:is(#modal,#help-modal) .service-ui .support-card{color:var(--kg-ink);background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png');border-color:var(--kg-gold);box-shadow:inset 0 1px #EEE1C9;padding:12px}
:is(#modal,#help-modal) .service-ui .support-reply{background:none;color:var(--kg-ink);border-color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui .account-monogram{background:var(--kg-leather);color:var(--kg-gold);border-color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui .settings-footer{font-size:12px;margin:8px;text-align:center;color:var(--kg-ink)}
:is(#modal,#help-modal) .service-ui .power-breakdown{background:none;color:var(--kg-ink);border:0;padding:0;box-shadow:none}
:is(#modal,#help-modal) .service-ui .kg-portrait-choice{position:relative;isolation:isolate;color:var(--kg-cream);padding:8px}
body.game-shell #game-header .gc-identity{grid-template-columns:64px minmax(0,1fr)}
@container(max-width:350px){body.game-shell #game-header .gc-identity{grid-template-columns:56px minmax(0,1fr)}:is(#modal,#help-modal) .service-ui .sw-head h2{font-size:20px;line-height:24px}:is(#modal,#help-modal) .service-ui .sw-head h2 .kg-icon{width:28px;height:28px}:is(#modal,#help-modal) .service-ui .settings-section{padding:12px}}

:is(#modal,#help-modal) .service-ui .settings-language-note{color:var(--kg-ink)!important;font-size:12px!important;line-height:20px;opacity:1}

/* Native labels and checkboxes use the same parchment contrast and round preset. */
:is(#modal,#help-modal) .service-ui :is(.label,.muted,.note,.settings-language-note){color:var(--kg-ink)}
:is(#modal,#help-modal) .service-ui input[type=checkbox]{appearance:none;border:0;position:relative;background:url('/assets/4e3ae59a497541e83cc8.png') center/contain no-repeat;min-width:28px;width:28px;height:28px;cursor:pointer;padding:0;box-shadow:none}
:is(#modal,#help-modal) .service-ui input[type=checkbox]:checked::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--kg-ink);font:700 18px/28px var(--kg-font)}
:is(#modal,#help-modal) .service-ui input[type=checkbox]:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px;border-radius:50%}

/* Round controls are physical squares: legacy buttons have a 48px minimum. */
:is(#modal,#help-modal) .service-ui .kg-round{--sw-round-size:40px;box-sizing:border-box;width:var(--sw-round-size);height:var(--sw-round-size);min-width:var(--sw-round-size);min-height:var(--sw-round-size);max-width:var(--sw-round-size);max-height:var(--sw-round-size);aspect-ratio:1;flex:0 0 var(--sw-round-size);align-self:center;justify-self:center;padding:0;line-height:1}
:is(#modal,#help-modal) .service-ui .kg-round>.kg-base{object-fit:contain}
:is(#modal,#help-modal) .service-ui .sw-medal-rack{width:min(100%,216px);margin:8px auto 0}

:is(#modal,#help-modal) .service-ui :is(.settings-row small,.account-card small,.support-meta,.support-meta time,.settings-form-success){font-size:12px;line-height:20px;opacity:1}
:is(#modal,#help-modal) .service-ui .settings-form-success{color:var(--kg-positive)}
:is(#modal,#help-modal) .service-ui .sw-districts{display:grid;gap:8px}
:is(#modal,#help-modal) .service-ui .sw-district{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:8px;width:100%;padding:16px;border:0;background:none;color:var(--kg-cream);text-align:left;box-shadow:none;font:inherit}
:is(#modal,#help-modal) .service-ui .sw-district>.kg-icon{width:40px;height:40px}
:is(#modal,#help-modal) .service-ui .sw-district strong{display:block;font-size:20px;line-height:28px;font-weight:400;overflow-wrap:anywhere}
:is(#modal,#help-modal) .service-ui .sw-district small{display:block;font-size:12px;line-height:20px;color:var(--kg-cream)}
:is(#modal,#help-modal) .service-ui .sw-district small:first-child{color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui .sw-district-mark{font-size:24px;line-height:28px;text-align:center;color:var(--kg-gold)}
:is(#modal,#help-modal) .service-ui .sw-district:active>.kg-surface{filter:brightness(.68)}

:is(#modal,#help-modal) .service-ui :is(.account-card small,.support-meta,.support-meta time,.text-button),:is(#modal,#help-modal) .service-settings>.eyebrow{color:var(--kg-ink)}
:is(#modal,#help-modal) .service-ui .text-button{text-decoration:underline;text-underline-offset:3px;font-size:12px}
:is(#modal,#help-modal) .service-ui .settings-form-error{color:var(--kg-negative)}
:is(#modal,#help-modal) .service-ui :is(input,textarea)::placeholder{color:var(--kg-ink);opacity:.8}

/* Power119: the breakdown sits on paper, including its expandable explanation. */
.service-ui [data-power-breakdown]{color:#302318;text-shadow:none}
.service-ui [data-power-breakdown] :is(.note,.power-total,.power-sources dt,.power-sources dd,.power-sources dt small,.power-explanation summary,.power-explanation p,.power-explanation b){color:#302318;text-shadow:none;opacity:1}
.service-ui [data-power-breakdown] :is(.power-total strong,.power-sources dd){color:#6b3914}
.service-ui [data-power-breakdown] :is(.power-sources>div,.power-explanation){border-color:#ad8b5666}

/* Player help176: compact screens retain readable text and reachable close controls. */
#help-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#help-modal .service-ui{min-width:0}#help-modal .sw-help-copy,#help-modal .help-copy{color:#30251c;font-size:16px;line-height:1.5;overflow-wrap:anywhere}#help-modal .sw-help-heading{align-items:center;gap:10px}#help-modal .sw-help-heading h2{min-width:0;overflow-wrap:anywhere}#help-modal .sw-close{flex:0 0 40px}#help-modal .sw-accordion summary{font-size:16px;line-height:1.5;color:#46301f;padding:8px 0}#help-modal .sw-accordion p{font-size:16px;line-height:1.5}

.arrival-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-step:4px;--kg-font:Krongrad,"PT Serif",serif;--kg-nav-icon:40px;--kg-nav-text:12px}.arrival-ui{font-family:var(--kg-font);color:var(--kg-ink);container-type:inline-size}.arrival-ui *{box-sizing:border-box}.arrival-ui button{font:inherit;cursor:pointer}.arrival-ui button:disabled{cursor:default}.arrival-ui button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}.arrival-ui .kg-panel,.arrival-ui .kg-button,.arrival-ui .kg-slot,.arrival-ui .kg-round,.arrival-ui .kg-upgrade,.arrival-ui .kg-progress,.arrival-ui .kg-nav-shell,.arrival-ui .kg-nav-button{position:relative;isolation:isolate}.arrival-ui .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}.arrival-ui .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}.arrival-ui .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}.arrival-ui .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}.arrival-ui [data-kg-text]{display:block;min-width:0}.arrival-ui .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}.arrival-ui .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}.arrival-ui .kg-button.kg-large{min-height:52px;font-size:20px}.arrival-ui .kg-button.kg-large .kg-icon{width:48px;height:40px}.arrival-ui .kg-button:active>.kg-surface,.arrival-ui .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}.arrival-ui .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}.arrival-ui .kg-button:disabled>[data-kg-text],.arrival-ui .kg-button:disabled>.kg-icon{opacity:.5}.arrival-ui .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}.arrival-ui .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.arrival-ui .kg-round .kg-icon{width:64%;height:64%}.arrival-ui .kg-round:active .kg-base,.arrival-ui .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}.arrival-ui .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}.arrival-ui .kg-round:disabled>[data-kg-text]{opacity:.5}.arrival-ui .kg-slot{border:0;background:none;color:var(--kg-cream);width:120px;aspect-ratio:1/1.055;display:grid;grid-template-rows:18px minmax(0,1fr) 18px;min-width:0;min-height:0;padding:4px;overflow:hidden;border-radius:8px}.arrival-ui .kg-slot-meta{display:flex;justify-content:space-between;align-items:start;gap:2px;padding:2px 4px 0;font-size:12px;line-height:1;z-index:4}.arrival-ui .kg-upgrade{display:grid;place-items:center;min-width:26px;height:16px;padding:0 4px;color:#e7cc94}.arrival-ui .kg-upgrade>.kg-frame{z-index:-1}.arrival-ui .kg-slot-art{min-width:0;min-height:0;position:relative;overflow:hidden}.arrival-ui .kg-slot-art .kg-icon{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.arrival-ui .kg-slot-name{align-self:center;white-space:nowrap;text-align:center;font-size:12px;letter-spacing:-.6px;line-height:16px;z-index:4}.arrival-ui .kg-slot[data-state=empty] .kg-slot-art{opacity:.18}.arrival-ui .kg-slot[data-state=empty] .kg-upgrade{visibility:hidden}.arrival-ui .kg-slot[data-state=locked] .kg-slot-art{opacity:.3;filter:grayscale(1)}.arrival-ui .kg-slot[data-state=locked]>.kg-slot-name{opacity:.5}.arrival-ui .kg-locked{position:absolute;inset:0;z-index:4;display:grid;place-items:center}.arrival-ui .kg-equipped{position:absolute;right:8px;bottom:24px;z-index:4;color:#dae8bf;font-size:20px}.arrival-ui .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}.arrival-ui .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}.arrival-ui .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}.arrival-ui .kg-progress[data-tone=hp] .kg-fill{background:#972c25}.arrival-ui .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}.arrival-ui .kg-progress[data-tone=xp] .kg-fill{background:#285d89}.arrival-ui .kg-nav-shell{padding:12px 6px 8px}.arrival-ui .kg-nav{display:grid;grid-template-columns:repeat(5,minmax(0,2fr)) minmax(0,1fr);gap:2px}.arrival-ui .kg-nav-button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;min-width:0;height:64px;color:var(--kg-cream)}.arrival-ui .kg-nav-button>.kg-icon{width:40px;height:40px;flex-basis:40px}.arrival-ui .kg-nav-button>[data-kg-text]{font-size:12px;line-height:14px;letter-spacing:-.45px;text-align:center;hyphens:manual}.arrival-ui .kg-nav-button.kg-chat>.kg-icon{width:30px;height:30px;flex-basis:30px;margin:5px 0}.arrival-ui .kg-nav-button:active>.kg-surface,.arrival-ui .kg-nav-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}.arrival-ui .kg-nav-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}.arrival-ui .kg-nav-button:disabled>.kg-icon,.arrival-ui .kg-nav-button:disabled>[data-kg-text]{opacity:.5}.arrival-ui .kg-resource{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;font-variant-numeric:tabular-nums}.arrival-ui .kg-resource>.kg-icon{width:28px;height:28px}
@container(max-width:350px){.arrival-ui .kg-nav-button{height:72px;justify-content:flex-start;padding-top:4px}.arrival-ui .kg-nav-button.kg-chat>.kg-icon{width:26px;height:26px;flex-basis:26px;margin:7px 0}}.arrival-ui .kg-round-generated{border-radius:50%;flex-shrink:0;touch-action:manipulation}.arrival-ui .kg-round-generated .kg-base{object-fit:contain;pointer-events:none}.arrival-ui .kg-round-generated:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}.arrival-ui *{box-sizing:border-box}.arrival-ui{scroll-behavior:smooth;scrollbar-width:none}.arrival-ui::-webkit-scrollbar{display:none}.arrival-ui{margin:0;background:var(--kg-well);color:var(--kg-cream);font:16px/1.55 var(--kg-font)}.arrival-ui button,.arrival-ui input,.arrival-ui select{font:inherit}.arrival-ui button,.arrival-ui a{touch-action:manipulation}.arrival-ui button{cursor:pointer}.arrival-ui a{color:inherit;text-decoration:none}.arrival-ui img{max-width:100%}.arrival-ui button{text-shadow:none}.arrival-ui h1,.arrival-ui h2,.arrival-ui h3,.arrival-ui p{margin:0}.arrival-ui h1,.arrival-ui h2,.arrival-ui h3{font-weight:400;line-height:1.16}.arrival-ui h1{font-size:48px}.arrival-ui h2{font-size:36px}.arrival-ui h3{font-size:24px}.arrival-ui p{line-height:1.6}.arrival-ui button:disabled{cursor:default}.arrival-ui button:focus-visible,.arrival-ui a:focus-visible,.arrival-ui input:focus-visible,.arrival-ui summary:focus-visible{outline:2px solid var(--kg-gold);outline-offset:4px}.arrival-ui .content-width{width:calc(100% - 80px);max-width:1160px;margin-inline:auto}.arrival-ui .eyebrow{font-size:12px;letter-spacing:2px;line-height:1.6;color:var(--kg-gold)}.arrival-ui .centered{text-align:center}.arrival-ui .dark{color:var(--kg-ink)!important}.arrival-ui .review-bar{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--kg-paper);color:var(--kg-ink);min-height:36px;padding:4px 16px;font:12px/20px var(--kg-font)}.arrival-ui .review-bar select{font:12px var(--kg-font);border:1px solid var(--kg-gold);background:transparent;color:var(--kg-ink);padding:4px}.arrival-ui .clean .review-bar{display:none}.arrival-ui .review-bar a{text-decoration:underline}.arrival-ui .kg-round{box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;aspect-ratio:1;flex:0 0 40px;padding:0!important;place-items:center;line-height:1}.arrival-ui .kg-round>.kg-base{object-fit:contain}.arrival-ui .kg-button{font-size:17px;min-height:52px;padding:12px 24px;gap:8px;line-height:24px;text-shadow:0 1px 2px var(--kg-well)}.arrival-ui .kg-button .kg-icon{width:32px;height:32px}.arrival-ui .kg-button:active>.kg-surface{filter:brightness(.68)}.arrival-ui .kg-button:disabled{opacity:.62}.arrival-ui .paper-panel{position:relative;isolation:isolate;padding:24px;color:var(--kg-ink)}.arrival-ui .paper-panel h2{font-size:24px;margin-bottom:16px}.arrival-ui .paper-panel p+p{margin-top:12px}.arrival-ui .text-link{border:0;background:none;padding:8px;font-size:14px;color:var(--kg-gold);text-decoration:underline;text-underline-offset:4px}.arrival-ui .section-heading{text-align:center;max-width:720px;margin:0 auto 40px}.arrival-ui .section-heading h2{font-size:44px;margin:16px 0 20px}.arrival-ui .section-heading p{font-size:17px;max-width:620px;margin:auto}.arrival-ui .section-heading .eyebrow:before,.arrival-ui .section-heading .eyebrow:after{content:'—';padding:0 12px}.arrival-ui .site-header{position:relative;isolation:isolate;padding:12px 24px;z-index:10;color:var(--kg-cream)}.arrival-ui .header-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:56px}.arrival-ui .brand{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--kg-gold);text-align:left;padding:0;white-space:nowrap}.arrival-ui .brand>.kg-icon{width:36px;height:44px}.arrival-ui .brand>span{font-size:24px;letter-spacing:2px;line-height:1.1}.arrival-ui .brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px}.arrival-ui .site-links{display:flex;gap:36px;margin-left:auto;font-size:15px}.arrival-ui .site-links a{padding:8px 0;border-bottom:1px solid transparent}.arrival-ui .site-links a:hover{color:var(--kg-gold);border-bottom-color:var(--kg-gold)}.arrival-ui .header-actions .sign-in{min-width:124px}.arrival-ui .site-footer{position:relative;isolation:isolate;min-height:100px;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--kg-gold);font-size:13px}.arrival-ui .site-footer .brand small{display:none}.arrival-ui .site-footer .brand>span{font-size:21px}.arrival-ui .site-footer .brand>.kg-icon{width:32px;height:36px}.arrival-ui .landing-hero{position:relative;min-height:720px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.arrival-ui .arrival-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 48%;z-index:-3}.arrival-ui .hero-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171310a6,transparent 65%),linear-gradient(0deg,var(--kg-well),transparent 26%)}.arrival-ui .hero-copy{width:calc(100% - 112px);max-width:1160px;margin:0 auto 32px}.arrival-ui .hero-copy h1{font-size:clamp(44px,4.8vw,70px);line-height:1.13;max-width:670px;text-shadow:0 3px 12px var(--kg-well);margin:24px 0}.arrival-ui .hero-copy h1 em{font-style:normal;color:var(--kg-gold)}.arrival-ui .hero-copy>p{max-width:380px;font-size:18px;text-shadow:0 2px 6px var(--kg-well)}.arrival-ui .hero-actions{display:flex;align-items:center;gap:24px;margin:36px 0 12px}.arrival-ui .hero-cta{font-size:20px;min-height:64px;min-width:296px;box-shadow:0 12px 36px #17131099}.arrival-ui .hero-cta .kg-frame{--kg-corner:12px!important}.arrival-ui .film-link{display:flex;align-items:center;gap:12px;color:var(--kg-cream);background:none;border:0;font-size:14px;padding:8px}.arrival-ui .film-link span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--kg-gold);border-radius:50%;font-size:20px}.arrival-ui .hero-note{font-size:12px;letter-spacing:1px;max-width:296px;text-align:center;color:var(--kg-gold)}.arrival-ui .hero-bottom{position:absolute;bottom:20px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--kg-gold)}.arrival-ui .arrival-facts{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;width:calc(100% - 80px);margin:-4px auto 0;min-height:108px;padding:24px 32px;gap:24px}.arrival-ui .arrival-facts>div{display:flex;align-items:center;justify-content:center;gap:16px}.arrival-ui .arrival-facts>div+div{border-left:1px solid #AC8B594D}.arrival-ui .arrival-facts .kg-icon{width:40px;height:44px}.arrival-ui .arrival-facts b{display:block;font-size:28px;font-weight:400;line-height:1}.arrival-ui .arrival-facts small{font-size:13px;color:var(--kg-gold)}.arrival-ui .world-section{padding:80px 0}.arrival-ui .world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.arrival-ui .world-card{position:relative;isolation:isolate;padding:8px;overflow:hidden;border-radius:12px}.arrival-ui .world-image{position:relative;aspect-ratio:1.45;overflow:hidden;border-radius:6px}.arrival-ui .world-image>img{width:100%;height:100%;object-fit:cover}.arrival-ui .world-card:first-child .world-image>img{object-position:25% center}.arrival-ui .chapter-number{position:absolute;bottom:12px;left:16px;color:var(--kg-cream);font-size:36px;text-shadow:0 2px 8px var(--kg-well)}.arrival-ui .world-copy{padding:24px 16px 20px}.arrival-ui .world-copy>.kg-icon{width:36px;height:40px;margin-bottom:12px}.arrival-ui .world-copy h3{font-size:23px;margin-bottom:12px}.arrival-ui .world-copy p{font-size:15px;line-height:1.65;color:var(--kg-cream)}.arrival-ui .paths-section{position:relative;isolation:isolate;padding:72px 0;color:var(--kg-ink)}.arrival-ui .paths-section .eyebrow{color:var(--kg-ink)}.arrival-ui .archetypes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.arrival-ui .archetype{position:relative;isolation:isolate;overflow:hidden;border:0;padding:0;background:none;aspect-ratio:.69;color:var(--kg-cream);border-radius:8px}.arrival-ui .archetype:after{content:'';position:absolute;inset:48% 6px 6px;background:linear-gradient(transparent,var(--kg-well));z-index:-1}.arrival-ui .archetype-scene{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;opacity:.45;z-index:-3}.arrival-ui .archetype-person{position:absolute;inset:20px 16px 0;width:calc(100% - 32px);height:calc(100% - 16px);object-fit:contain;object-position:center top;z-index:-2;transition:transform .3s}.arrival-ui .archetype:hover .archetype-person{transform:translateY(-4px)}.arrival-ui .archetype-copy{position:absolute;bottom:24px;left:12px;right:12px;text-align:center}.arrival-ui .archetype-copy img{width:36px;height:36px;object-fit:contain;margin:0 auto 8px}.arrival-ui .archetype-copy h3{font-size:23px}.arrival-ui .archetype-copy p{font-size:12px;color:var(--kg-gold);margin-top:8px}.arrival-ui .paths-note{max-width:720px;margin:32px auto 0;text-align:center;font-size:14px}.arrival-ui .screens-section{padding:80px 0}.arrival-ui .screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:960px;margin:0 auto}.arrival-ui .screens-grid figure{margin:0;min-width:0}.arrival-ui .screen-preview{border:0;border-radius:12px;padding:0;display:block;overflow:hidden;background:var(--kg-well);width:100%;box-shadow:0 16px 32px #17131080}.arrival-ui .screen-preview>img{display:block;width:100%;height:auto}.arrival-ui .screens-grid figcaption{text-align:center;margin-top:20px}.arrival-ui .screens-grid h3{font-size:23px}.arrival-ui .screens-grid p{font-size:13px;color:var(--kg-gold);margin-top:8px}.arrival-ui .entry-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:384px;display:flex;align-items:center;margin-bottom:80px}.arrival-ui .entry-banner>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:left 58%;z-index:-2}.arrival-ui .entry-banner:after{content:'';position:absolute;inset:8px;z-index:-1;background:linear-gradient(90deg,transparent 5%,#171310E6 68%)}.arrival-ui .entry-banner>div{margin-left:50%;padding:40px}.arrival-ui .entry-banner h2{font-size:38px;margin:16px 0}.arrival-ui .entry-banner p{font-size:16px;max-width:400px}.arrival-ui .entry-banner .kg-button{margin-top:24px}.arrival-ui .questions{padding-bottom:80px}.arrival-ui .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.arrival-ui .faq-grid article{position:relative;isolation:isolate;color:var(--kg-ink)}.arrival-ui .faq-grid details{padding:20px 24px}.arrival-ui summary{cursor:pointer;list-style:none}.arrival-ui summary::-webkit-details-marker{display:none}.arrival-ui .faq-grid summary{display:flex;justify-content:space-between;gap:16px;font-size:17px}.arrival-ui .faq-grid summary span{font-size:24px;line-height:24px}.arrival-ui .faq-grid details[open] summary span{transform:rotate(45deg)}.arrival-ui .faq-grid p{font-size:15px;margin-top:16px}.arrival-ui .auth-stage{position:relative;isolation:isolate;min-height:850px;padding:56px 0 64px;display:flex;align-items:center}.arrival-ui .auth-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;z-index:-3}.arrival-ui .auth-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17131030,#17131055),linear-gradient(0deg,var(--kg-well),transparent 25%);z-index:-2}.arrival-ui .auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center}.arrival-ui .auth-intro{align-self:start;padding-top:80px;text-shadow:0 2px 8px var(--kg-well)}.arrival-ui .auth-intro h1{font-size:44px;line-height:1.18;margin:16px 0 12px}.arrival-ui .auth-intro p{font-size:18px}.arrival-ui .invitation-quote{max-width:440px;font-size:18px;margin-top:184px;color:var(--kg-cream)}.arrival-ui .invitation-quote b{display:block;font-size:12px;letter-spacing:.5px;color:var(--kg-gold);margin-top:12px}.arrival-ui .auth-folder{max-width:488px;width:100%;box-shadow:0 20px 72px #17131099;border-radius:12px;isolation:isolate}.arrival-ui .folder-heading{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;padding:20px 24px;min-height:100px}.arrival-ui .folder-heading>.kg-icon{width:44px;height:52px}.arrival-ui .folder-heading>div{flex:1}.arrival-ui .folder-heading h2{font-size:27px}.arrival-ui .folder-heading small{font-size:10px;letter-spacing:2px;color:var(--kg-gold)}.arrival-ui .auth-paper{position:relative;isolation:isolate;color:var(--kg-ink);padding:24px 32px}.arrival-ui .auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--kg-gold);margin:0 0 20px}.arrival-ui .auth-tabs button{padding:8px 0 12px;border:0;background:none;color:var(--kg-ink);font-size:16px;position:relative}.arrival-ui .auth-tabs button[aria-selected=true]{font-weight:700}.arrival-ui .auth-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;height:3px;bottom:-2px;background:var(--kg-leather)}.arrival-ui label{display:block;font-size:14px;line-height:20px;margin:16px 0 8px}.arrival-ui input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid var(--kg-gold);border-radius:4px;background:#E4CEB066;color:var(--kg-ink);font-size:16px;line-height:24px;box-shadow:inset 0 2px 5px #241A1230}.arrival-ui input::placeholder{color:#241A12A6;opacity:1}.arrival-ui input[aria-invalid=true]{border:2px solid var(--kg-negative);padding:11px}.arrival-ui input:disabled{opacity:.5}.arrival-ui form small,.arrival-ui .paper-panel>small{display:block;font-size:12px;line-height:18px;margin-top:8px}.arrival-ui .password-field{position:relative}.arrival-ui .password-field input{padding-right:52px}.arrival-ui .password-field>button{position:absolute;right:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;padding:8px}.arrival-ui .password-field .kg-icon{width:24px;height:24px}.arrival-ui .form-error{color:var(--kg-negative);font-size:13px;line-height:20px;min-height:0;margin-top:8px}.arrival-ui .form-error:empty{display:none}.arrival-ui .auth-submit{width:100%;margin-top:24px}.arrival-ui .next-note{font-size:12px;line-height:20px;text-align:center;margin-top:16px}.arrival-ui .folder-foot{position:relative;isolation:isolate;text-align:center;padding:12px;font-size:10px;letter-spacing:2px;color:var(--kg-gold)}.arrival-ui .route-steps{list-style:none;display:flex;align-items:center;justify-content:center;gap:48px;padding:0;margin:0 0 32px}.arrival-ui .route-steps li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--kg-gold)}.arrival-ui .route-steps li>span{width:28px;height:28px;border:1px solid var(--kg-gold);border-radius:50%;display:grid;place-items:center;font-size:12px}.arrival-ui .route-steps li.current{color:var(--kg-cream)}.arrival-ui .route-steps li.current>span{background:var(--kg-leather);box-shadow:0 0 0 3px #AC8B5926}.arrival-ui .route-steps li.done>span{background:var(--kg-gold);color:var(--kg-well)}.arrival-ui .creation{padding:40px 0 64px;max-width:1060px}.arrival-ui .creation-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.arrival-ui .creation-title h1{font-size:40px;margin-top:8px}.arrival-ui .creation-dossier{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}.arrival-ui .creation-portrait{position:sticky;top:20px}.arrival-ui .character-stage{position:relative;isolation:isolate;height:540px;overflow:hidden;border-radius:8px}.arrival-ui .character-stage:after{content:'';position:absolute;inset:70% 8px 8px;background:linear-gradient(transparent,#17131099);pointer-events:none}.arrival-ui .character-street{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:center}.arrival-ui .character-art{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 8px #17131099)}.arrival-ui .portrait-corner{position:absolute;left:28px;top:28px;color:var(--kg-cream);font-size:9px;letter-spacing:2px;text-shadow:0 2px 3px var(--kg-well);z-index:2}.arrival-ui .look-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.arrival-ui .look-strip>button{position:relative;isolation:isolate;padding:4px 4px 0;height:104px;border:0;background:none;color:var(--kg-cream)}.arrival-ui .look-strip>button>img{height:90px;width:100%;object-fit:contain;object-position:center top}.arrival-ui .look-strip>button>span:last-child{position:absolute;bottom:4px;right:8px;font-size:10px;color:var(--kg-cream)}.arrival-ui .look-strip button[aria-pressed=true]:after{content:'✓';position:absolute;left:8px;bottom:4px;font-size:12px;color:var(--kg-gold)}.arrival-ui .look-note{font-size:12px;line-height:20px;margin:12px 4px;color:var(--kg-gold)}.arrival-ui .creation-content{display:flex;flex-direction:column;gap:16px}.arrival-ui .creation-section-label{display:flex;align-items:center;gap:12px;margin-bottom:20px}.arrival-ui .creation-section-label>span{font-size:22px;color:var(--kg-negative)}.arrival-ui .creation-section-label h2{margin:0;font-size:25px}.arrival-ui .class-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.arrival-ui .class-picker button{position:relative;isolation:isolate;background:none;border:0;display:flex;align-items:center;gap:8px;padding:12px;min-height:64px;color:var(--kg-cream);font-size:16px}.arrival-ui .class-picker button>img{width:36px;height:36px;object-fit:contain}.arrival-ui .class-picker [aria-pressed=true]{color:var(--kg-gold)}.arrival-ui .class-description{padding:20px 0 0}.arrival-ui .class-description h3{font-size:26px;margin-bottom:8px}.arrival-ui .class-description>p{font-size:15px}.arrival-ui .class-equipment{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;line-height:20px}.arrival-ui .class-equipment .kg-icon{width:28px;height:28px}.arrival-ui .passive-line{border-top:1px solid #AC8B5980;padding-top:12px;margin-top:12px}.arrival-ui .skills-fold{margin-top:16px;border-top:1px solid #AC8B5980;padding-top:12px}.arrival-ui .skills-fold summary{display:flex;justify-content:space-between;font-size:14px}.arrival-ui .skills-fold summary>span{font-size:20px}.arrival-ui .skills-fold[open] summary>span{transform:rotate(45deg)}.arrival-ui .skills-fold article{padding:12px 0;border-bottom:1px solid #AC8B594D}.arrival-ui .skills-fold strong{font-size:15px}.arrival-ui .skills-fold small{display:block;font-size:12px}.arrival-ui .skills-fold p{font-size:13px;line-height:20px;margin-top:4px}.arrival-ui .nickname-field{position:relative}.arrival-ui .nickname-field input{padding-right:70px}.arrival-ui .nickname-field>span{position:absolute;right:12px;top:14px;color:var(--kg-ink);font-size:12px}.arrival-ui .starter-kit{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--kg-gold);padding-top:16px;margin-top:20px;font-size:12px}.arrival-ui .starter-kit>span{display:flex;align-items:center;gap:6px}.arrival-ui .starter-kit .kg-icon{width:24px;height:24px}.arrival-ui .starter-kit b{font-size:15px;font-weight:400}.arrival-ui .creation-decision{text-align:center}.arrival-ui .creation-decision>span{display:block;font-size:12px;color:var(--kg-gold);margin:0 0 8px}.arrival-ui .creation-decision .kg-button{width:100%;font-size:18px}.arrival-ui .confirmation{max-width:960px;padding:48px 0 64px}.arrival-ui .confirmed-folder{position:relative;isolation:isolate;padding:32px;color:var(--kg-ink)}.arrival-ui .confirmed-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.arrival-ui .confirmed-heading>.eyebrow{color:var(--kg-ink)}.arrival-ui .rubber-stamp{border:2px solid var(--kg-negative);padding:0 8px;transform:rotate(-8deg);font-size:18px;letter-spacing:4px;color:var(--kg-negative)}.arrival-ui .confirmed-content{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}.arrival-ui .confirmed-content .character-stage{height:424px}.arrival-ui .confirmed-content h1{font-size:42px;overflow-wrap:anywhere}.arrival-ui .confirmed-role{margin:12px 0 24px}.arrival-ui .confirmed-content h2{font-size:24px}.arrival-ui .starting-list{padding:0;list-style:none;margin:16px 0}.arrival-ui .starting-list li{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:16px}.arrival-ui .starting-list .kg-icon{width:28px;height:28px}.arrival-ui .confirmed-content .kg-button{width:100%;margin-top:24px}.arrival-ui .confirmed-content .text-link{display:block;margin:12px auto 0}.arrival-ui .in-game{height:100dvh;overflow:hidden}.arrival-ui .tutorial-shell{height:100dvh;max-width:480px;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--kg-paper);background-image:url('../krongrad-ui-v1/assets/reference/materials/paper@2x.png');background-size:120px 43px;color:var(--kg-ink)}.arrival-ui .in-game:not(.clean) .tutorial-shell{height:calc(100dvh - 36px)}.arrival-ui .game-header,.arrival-ui .game-footer{position:relative;isolation:isolate}.arrival-ui .game-header{padding:4px 8px 8px;color:var(--kg-cream);z-index:5}.arrival-ui .game-wallet{display:grid;grid-template-columns:1.15fr .6fr 1fr 32px;align-items:center;gap:4px;min-height:40px;padding:0 4px}.arrival-ui .game-wallet>span{display:flex;align-items:center;gap:4px;font-size:18px;white-space:nowrap}.arrival-ui .game-wallet .kg-icon{width:24px;height:28px}.arrival-ui .game-wallet>.kg-round{--sw-round-size:28px;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;flex-basis:28px}.arrival-ui .game-identity{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 4px}.arrival-ui .game-identity>b{font-size:24px;line-height:1.15;text-transform:uppercase;overflow-wrap:anywhere;font-weight:400}.arrival-ui .level-mark{display:flex;align-items:center;gap:4px}.arrival-ui .level-mark .kg-round{font-size:24px}.arrival-ui .level-mark>small{font-size:12px}.arrival-ui .game-combat{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr .8fr 1fr 1.2fr;align-items:center;color:var(--kg-ink);padding:4px;min-height:36px;gap:4px}.arrival-ui .game-combat>span:not(.kg-surface):not(.kg-frame){display:flex;gap:4px;align-items:center;justify-content:center;font-size:15px;white-space:nowrap}.arrival-ui .game-combat .kg-icon{width:24px;height:24px}.arrival-ui .game-combat .combat-power{font-size:13px!important}.arrival-ui .game-combat .combat-power .kg-icon{width:20px}.arrival-ui .tutorial-middle{position:relative;min-height:0;overflow:hidden;isolation:isolate}.arrival-ui .tutorial-middle>.kg-frame{position:absolute;inset:0;z-index:8;--kg-corner:12px!important}.arrival-ui .tutorial-scroll{height:100%;overflow-y:auto;scrollbar-width:none;padding:12px;overscroll-behavior:contain}.arrival-ui .tutorial-scroll::-webkit-scrollbar{display:none}.arrival-ui .tutorial-scroll>*+*{margin-top:12px}.arrival-ui .lesson-track{position:relative;isolation:isolate;color:var(--kg-cream);padding:12px 16px}.arrival-ui .lesson-cap{display:block;font-size:9px;letter-spacing:2px;color:var(--kg-gold);margin-bottom:8px}.arrival-ui .lesson-track ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:8px;margin:0}.arrival-ui .lesson-track li{display:flex;gap:4px;align-items:center;font-size:10px;color:var(--kg-gold)}.arrival-ui .lesson-track li i{font-style:normal;border:1px solid var(--kg-gold);border-radius:50%;width:20px;height:20px;flex:none;text-align:center;line-height:18px}.arrival-ui .lesson-track li.current{color:var(--kg-cream)}.arrival-ui .lesson-track .current i{background:var(--kg-leather);color:var(--kg-cream)}.arrival-ui .lesson-track .done i{background:var(--kg-gold);color:var(--kg-ink)}.arrival-ui .lesson-scene{position:relative;isolation:isolate;height:272px;overflow:hidden;border-radius:8px}.arrival-ui .lesson-scene>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:35% center}.arrival-ui .lesson-scene:after{content:'';position:absolute;inset:40% 8px 8px;background:linear-gradient(transparent,var(--kg-well))}.arrival-ui .scene-caption{position:absolute;bottom:24px;left:24px;right:24px;color:var(--kg-cream);z-index:1}.arrival-ui .scene-caption small{font-size:9px;letter-spacing:2px;color:var(--kg-gold)}.arrival-ui .scene-caption h1{font-size:28px;line-height:1.15;margin-top:8px}.arrival-ui .guide-note{position:relative;isolation:isolate;padding:16px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;color:var(--kg-ink)}.arrival-ui .guide-initial .kg-icon{width:32px;height:36px}.arrival-ui .guide-note b{font-size:16px}.arrival-ui .guide-note p{font-size:14px;line-height:21px;margin-top:4px}.arrival-ui .mission-ticket{position:relative;isolation:isolate;padding:16px}.arrival-ui .ticket-title{display:flex;align-items:center;gap:8px}.arrival-ui .ticket-title>.kg-icon{width:28px;height:32px}.arrival-ui .ticket-title h2{font-size:22px}.arrival-ui .ticket-title small{font-size:8px;letter-spacing:1px}.arrival-ui .free-badge{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--kg-positive)}.arrival-ui .mission-ticket p{font-size:13px;line-height:20px;margin-top:12px}.arrival-ui .lesson-primary{width:100%;min-height:56px;font-size:17px;padding:12px 16px}.arrival-ui .tutorial-scroll>.text-link{display:block;margin-inline:auto}.arrival-ui .game-footer .kg-nav-shell{padding:6px}.arrival-ui .game-footer .kg-nav{gap:2px}.arrival-ui .game-footer .kg-nav-button{padding:4px 1px;min-height:64px}.arrival-ui .game-footer .kg-nav-button .kg-icon{width:32px;height:32px}.arrival-ui .game-footer .kg-nav-button [data-kg-text]{font-size:10px;line-height:14px}.arrival-ui .game-footer .kg-chat .kg-icon{width:28px}.arrival-ui .game-brand{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:8px;min-height:28px;color:var(--kg-gold);font-size:12px;letter-spacing:2px}.arrival-ui .game-brand .kg-icon{width:20px;height:20px}.arrival-ui .combat-heading{position:relative;isolation:isolate;display:flex;align-items:center;padding:12px;gap:12px;color:var(--kg-cream)}.arrival-ui .combat-heading h1{flex:1;text-align:center;font-size:24px}.arrival-ui .versus{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}.arrival-ui .combatant{position:relative;isolation:isolate;height:248px;overflow:hidden;border-radius:8px;color:var(--kg-cream)}.arrival-ui .combatant>img{position:absolute;inset:16px 8px 0;width:calc(100% - 16px);height:calc(100% - 20px);object-fit:contain;object-position:center top}.arrival-ui .combatant>div{position:absolute;bottom:12px;left:12px;right:12px;background:linear-gradient(transparent,var(--kg-well) 40%);padding-top:36px;text-align:center}.arrival-ui .combatant h2{font-size:16px}.arrival-ui .combatant>div>span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:16px;margin-top:8px}.arrival-ui .combatant .kg-icon{width:24px;height:24px}.arrival-ui .vs{position:absolute;left:50%;top:40%;transform:translateX(-50%);z-index:4;color:var(--kg-gold);text-shadow:0 2px 8px var(--kg-well);font-size:28px}.arrival-ui .tutorial-scroll .paper-panel{padding:16px}.arrival-ui .lesson-rewards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;font-size:13px}.arrival-ui .lesson-rewards>span{display:flex;align-items:center;gap:4px}.arrival-ui .lesson-rewards img{width:28px;height:28px;object-fit:contain}.arrival-ui .lesson-rewards+p{margin-top:8px;font-size:13px}.arrival-ui .combat-note{font-size:13px;line-height:20px}.arrival-ui .victory-heading{text-align:center;padding:20px 12px 8px}.arrival-ui .victory-heading>.kg-icon{width:64px;height:64px;margin:0 auto 12px}.arrival-ui .victory-heading h1{font-size:32px;margin:12px 0}.arrival-ui .victory-heading p{font-size:14px}.arrival-ui .victory-heading .eyebrow{color:var(--kg-ink)}.arrival-ui .reward-item{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:16px}.arrival-ui .reward-item h3{font-size:22px}.arrival-ui .reward-item p{font-size:13px;margin-top:4px}.arrival-ui .unlock-note{display:flex;justify-content:center;gap:8px;align-items:center;font-size:13px}.arrival-ui .unlock-note .kg-icon{width:24px;height:24px}.arrival-ui .lesson-title{display:flex;justify-content:space-between;align-items:center;padding:4px}.arrival-ui .lesson-title h1{font-size:26px}.arrival-ui .tutorial-equipment{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.arrival-ui .tutorial-mini-hero .character-stage{height:276px}.arrival-ui .tutorial-mini-hero .portrait-corner{display:none}.arrival-ui .equip-target{text-align:center}.arrival-ui .equip-target>small{font-size:10px;letter-spacing:1px}.arrival-ui .item-target{display:block;width:120px;margin:12px auto;border:0;background:none;padding:0;border-radius:6px}.arrival-ui .target-tip{font-size:12px}.arrival-ui .spotlight{outline:2px solid var(--kg-gold);outline-offset:6px;box-shadow:0 0 0 10px #AC8B5926}.arrival-ui .compare-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;border-bottom:1px solid #AC8B5980;padding-bottom:12px;margin-bottom:12px}.arrival-ui .compare-row b{font-size:20px;white-space:nowrap;font-weight:400}.arrival-ui .compare-row strong{color:var(--kg-positive)}.arrival-ui .compare-row .arrow{margin:0 8px}.arrival-ui .compare-row+p{font-size:13px}.arrival-ui .workbench{position:relative;isolation:isolate;display:flex;justify-content:center;gap:32px;padding:24px;color:var(--kg-cream)}.arrival-ui .bench-item{width:128px}.arrival-ui .workbench-tools{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.arrival-ui .workbench-tools .kg-icon{width:52px;height:52px}.arrival-ui .workbench-tools b{font-size:28px;font-weight:400}.arrival-ui .workbench-tools>span{font-size:10px;letter-spacing:1px;color:var(--kg-gold)}.arrival-ui .finish-cover{position:relative;isolation:isolate;height:312px;overflow:hidden;border-radius:8px}.arrival-ui .finish-cover>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:80% center}.arrival-ui .finish-cover:after{content:'';position:absolute;inset:8px;background:linear-gradient(transparent,var(--kg-well))}.arrival-ui .finish-cover>div{position:absolute;z-index:1;bottom:24px;left:24px;right:24px;color:var(--kg-cream);text-align:center}.arrival-ui .finish-cover .kg-icon{width:48px;height:48px;margin:0 auto 12px}.arrival-ui .finish-cover h1{font-size:36px;margin-top:12px}.arrival-ui .finish-cover .eyebrow{font-size:9px;letter-spacing:1px}.arrival-ui .finished-list{padding:0;margin:0;list-style:none;font-size:14px}.arrival-ui .finished-list li{display:flex;gap:12px;margin:12px 0}.arrival-ui .finished-list li>span{color:var(--kg-positive)}.arrival-ui .skills-unlock{display:flex;align-items:center;gap:12px;border-top:1px solid var(--kg-gold);padding-top:16px;margin-top:16px}.arrival-ui .skills-unlock>img{width:40px;height:40px;object-fit:contain}.arrival-ui .skills-unlock b{font-size:16px}.arrival-ui .skills-unlock p{font-size:13px;line-height:20px;margin-top:4px}.arrival-ui .equipment-art img{width:100%;height:100%;object-fit:contain}.arrival-ui #dialog{color:var(--kg-ink);border:0;background:transparent;max-width:calc(100% - 24px);width:440px;padding:0;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:none;font-family:var(--kg-font)}.arrival-ui #dialog::backdrop{background:#171310CC;backdrop-filter:blur(3px)}.arrival-ui .popup-heading{position:relative;isolation:isolate;color:var(--kg-cream);padding:16px;display:flex;align-items:center;gap:12px}.arrival-ui .popup-heading h2{font-size:24px;flex:1}.arrival-ui .popup-item{width:140px;margin:0 auto 16px}.arrival-ui .popup-item+p{text-align:center}.arrival-ui .popup-item~.kg-button{width:100%;margin-top:16px}.arrival-ui .full-screenshot{display:block;width:100%;height:auto}.arrival-ui #toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%,16px);z-index:40;max-width:calc(100% - 32px);padding:12px 20px;border:1px solid var(--kg-gold);background:var(--kg-leather);color:var(--kg-cream);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.arrival-ui #toast.show{opacity:1;transform:translate(-50%,0)}.arrival-ui .kit{padding:48px 0}.arrival-ui .kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.arrival-ui .kit-grid .kg-button{width:100%}.arrival-ui .kit-round{display:flex;gap:12px;justify-content:center;margin-top:20px}.arrival-ui .kit>.paper-panel,.arrival-ui .kit>.guide-note,.arrival-ui .kit>.lesson-track{margin-top:20px}.arrival-ui .kit>.lesson-track{max-width:480px}.arrival-ui .kit>p{margin-top:24px}
@media(min-width:1500px){.arrival-ui .landing-hero{min-height:820px}.arrival-ui .arrival-art{object-position:center 46%}.arrival-ui .hero-copy{margin-bottom:20px}.arrival-ui .hero-copy h1{font-size:76px}}
@media(max-width:1000px){.arrival-ui .content-width{width:calc(100% - 48px)}.arrival-ui .site-links{gap:20px}.arrival-ui .header-inner{gap:24px}.arrival-ui .hero-copy{width:calc(100% - 64px)}.arrival-ui .hero-copy h1{font-size:54px}.arrival-ui .hero-copy>p{max-width:320px}.arrival-ui .hero-actions{flex-direction:column;align-items:flex-start;gap:8px}.arrival-ui .film-link{margin-left:16px}.arrival-ui .hero-note{text-align:left;padding-left:24px}.arrival-ui .world-grid{gap:12px}.arrival-ui .world-copy{padding:20px 12px}.arrival-ui .world-copy h3{font-size:20px}.arrival-ui .auth-layout{gap:32px;grid-template-columns:1fr 1fr}.arrival-ui .auth-intro h1{font-size:36px}.arrival-ui .auth-paper{padding:20px 24px}.arrival-ui .folder-heading{padding:20px}.arrival-ui .folder-heading h2{font-size:24px}.arrival-ui .creation-dossier{gap:16px}.arrival-ui .creation-content .paper-panel{padding:20px}.arrival-ui .class-picker button{font-size:14px;padding:8px;gap:4px}.arrival-ui .archetype-copy h3{font-size:20px}.arrival-ui .archetype-copy p{font-size:11px}.arrival-ui .archetypes{gap:12px}.arrival-ui .screens-grid{gap:24px}.arrival-ui .entry-banner>div{padding:32px;margin-left:45%}.arrival-ui .entry-banner h2{font-size:34px}.arrival-ui .site-footer>span:not(.kg-surface):not(.kg-frame){display:none}}
@media(max-width:700px){.arrival-ui .content-width{width:calc(100% - 32px)}.arrival-ui .review-bar{gap:12px;justify-content:space-between;height:36px;min-height:36px;padding:4px 8px}.arrival-ui .review-bar>span{display:none}.arrival-ui .site-header{padding:8px 16px}.arrival-ui .header-inner{min-height:48px;gap:12px}.arrival-ui .brand>span{font-size:21px;letter-spacing:1.5px}.arrival-ui .brand>.kg-icon{width:30px;height:36px}.arrival-ui .brand small{font-size:8px;letter-spacing:2px;margin-top:4px}.arrival-ui .site-links{display:none}.arrival-ui .header-actions .sign-in{min-width:80px;min-height:40px;padding:8px 16px;font-size:14px}.arrival-ui .site-footer{flex-direction:column;gap:12px;padding:24px 16px}.arrival-ui .site-footer .text-link{font-size:12px}.arrival-ui .landing-hero{min-height:688px;align-items:flex-end}.arrival-ui .arrival-art{height:100%;object-position:70% top}.arrival-ui .hero-scrim{background:linear-gradient(0deg,var(--kg-well) 0%,#171310EE 12%,#171310C9 35%,transparent 74%)}.arrival-ui .hero-copy{width:calc(100% - 40px);margin:0 auto 48px}.arrival-ui .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.5px}.arrival-ui .hero-copy h1{font-size:38px;line-height:1.13;margin:16px 0;max-width:380px}.arrival-ui .hero-copy>p{font-size:15px;line-height:24px;max-width:320px}.arrival-ui .hero-actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:24px;margin-bottom:8px;align-items:center}.arrival-ui .hero-cta{font-size:18px;min-height:56px;min-width:0;width:100%;max-width:352px}.arrival-ui .hero-actions .film-link{margin:0 auto;font-size:12px;padding:4px;gap:8px}.arrival-ui .film-link span{width:24px;height:24px;font-size:16px}.arrival-ui .hero-note{font-size:10px;padding:0;text-align:center;max-width:352px;margin:auto}.arrival-ui .hero-bottom{left:20px;right:20px;bottom:12px;font-size:8px;letter-spacing:1px}.arrival-ui .hero-bottom>span:last-child{display:none}.arrival-ui .arrival-facts{width:calc(100% - 24px);padding:20px 8px;gap:0;min-height:88px}.arrival-ui .arrival-facts>div{gap:8px}.arrival-ui .arrival-facts .kg-icon{width:24px;height:32px}.arrival-ui .arrival-facts b{font-size:22px}.arrival-ui .arrival-facts small{font-size:10px}.arrival-ui .world-section,.arrival-ui .screens-section{padding:48px 0}.arrival-ui .section-heading{margin-bottom:28px}.arrival-ui .section-heading h2{font-size:32px;margin:12px 0 16px}.arrival-ui .section-heading p{font-size:15px;line-height:24px}.arrival-ui .section-heading .eyebrow{font-size:9px;letter-spacing:1.5px}.arrival-ui .section-heading .eyebrow:before,.arrival-ui .section-heading .eyebrow:after{padding:0 6px}.arrival-ui .world-grid{grid-template-columns:1fr;gap:16px}.arrival-ui .world-card{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:228px;padding:8px;gap:0}.arrival-ui .world-image{aspect-ratio:auto;height:100%;border-radius:6px 0 0 6px}.arrival-ui .world-image>img{position:absolute;inset:0;object-position:center}.arrival-ui .world-card:first-child .world-image>img{object-position:20% center}.arrival-ui .world-copy{padding:16px 12px}.arrival-ui .world-copy>.kg-icon{width:28px;height:28px;margin-bottom:8px}.arrival-ui .world-copy h3{font-size:21px;margin-bottom:8px}.arrival-ui .world-copy p{font-size:13px;line-height:21px}.arrival-ui .chapter-number{font-size:28px;left:12px}.arrival-ui .paths-section{padding:48px 0}.arrival-ui .archetypes{grid-template-columns:1fr 1fr;gap:12px}.arrival-ui .archetype{aspect-ratio:.68}.arrival-ui .archetype-person{inset:16px 8px 0;width:calc(100% - 16px);height:calc(100% - 12px)}.arrival-ui .archetype-copy{bottom:16px;left:8px;right:8px}.arrival-ui .archetype-copy img{width:28px;height:28px;margin-bottom:4px}.arrival-ui .archetype-copy h3{font-size:20px}.arrival-ui .archetype-copy p{font-size:10px;margin-top:4px}.arrival-ui .paths-note{font-size:13px;line-height:21px;margin-top:24px}.arrival-ui .screens-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8px 12px;margin:0 -8px}.arrival-ui .screens-grid figure{flex:0 0 72%;scroll-snap-align:center}.arrival-ui .screens-grid h3{font-size:22px}.arrival-ui .screens-grid p{font-size:12px}.arrival-ui .entry-banner{min-height:500px;margin-bottom:48px;align-items:flex-end}.arrival-ui .entry-banner>img{object-position:23% top}.arrival-ui .entry-banner:after{background:linear-gradient(0deg,var(--kg-well) 2%,#171310E6 35%,transparent 85%)}.arrival-ui .entry-banner>div{margin:0;padding:32px 24px}.arrival-ui .entry-banner .eyebrow{font-size:9px}.arrival-ui .entry-banner h2{font-size:32px}.arrival-ui .entry-banner p{font-size:14px;max-width:260px}.arrival-ui .entry-banner .kg-button{width:100%;margin-top:20px}.arrival-ui .questions{padding-bottom:48px}.arrival-ui .faq-grid{grid-template-columns:1fr;gap:12px}.arrival-ui .faq-grid details{padding:20px}.arrival-ui .faq-grid summary{font-size:15px}.arrival-ui .faq-grid p{font-size:14px}.arrival-ui .auth-stage{display:block;min-height:0;padding:0 0 32px}.arrival-ui .auth-backdrop{height:480px;object-position:15% top}.arrival-ui .auth-stage:after{background:linear-gradient(0deg,var(--kg-well) calc(100% - 420px),transparent calc(100% - 120px))}.arrival-ui .auth-layout{display:flex;flex-direction:column;gap:0}.arrival-ui .auth-intro{padding:24px 8px 0;width:100%;min-height:208px}.arrival-ui .auth-intro h1{font-size:32px;margin:12px 0}.arrival-ui .auth-intro>.eyebrow{font-size:9px}.arrival-ui .auth-intro>p{font-size:15px}.arrival-ui .invitation-quote{display:none}.arrival-ui .auth-folder{max-width:460px}.arrival-ui .folder-heading{padding:16px;gap:12px;min-height:88px}.arrival-ui .folder-heading>.kg-icon{width:36px;height:44px}.arrival-ui .folder-heading h2{font-size:25px}.arrival-ui .auth-paper{padding:20px 24px}.arrival-ui .auth-tabs button{font-size:15px}.arrival-ui .route-steps{gap:24px;margin-bottom:24px}.arrival-ui .route-steps li{gap:8px;font-size:11px}.arrival-ui .route-steps li>span{width:24px;height:24px;font-size:10px}.arrival-ui .creation{padding:24px 0 40px}.arrival-ui .creation-title{gap:12px;margin-bottom:20px}.arrival-ui .creation-title h1{font-size:31px}.arrival-ui .creation-title .eyebrow{font-size:9px}.arrival-ui .creation-dossier{display:flex;flex-direction:column;gap:16px}.arrival-ui .creation-portrait{position:static;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:12px}.arrival-ui .creation-portrait .character-stage{height:348px}.arrival-ui .look-strip{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:8px;margin:0}.arrival-ui .look-strip>button{height:81px;padding:4px}.arrival-ui .look-strip>button>img{height:72px}.arrival-ui .look-note{grid-column:1/-1;margin:0;text-align:center;font-size:11px}.arrival-ui .creation-content{width:100%}.arrival-ui .creation-section-label h2{font-size:23px}.arrival-ui .creation-section-label{gap:8px;margin-bottom:16px}.arrival-ui .creation-section-label>span{font-size:20px}.arrival-ui .class-picker button{min-height:56px;font-size:14px;padding:8px;gap:8px}.arrival-ui .class-picker button>img{width:28px;height:28px}.arrival-ui .creation-content .paper-panel{padding:20px}.arrival-ui .class-description{padding-top:16px}.arrival-ui .class-description h3{font-size:24px}.arrival-ui .class-description>p{font-size:14px}.arrival-ui .creation-decision .kg-button{font-size:17px}.arrival-ui .confirmation{padding:24px 0 40px}.arrival-ui .confirmed-folder{padding:24px}.arrival-ui .confirmed-heading>.eyebrow{font-size:9px;letter-spacing:1px}.arrival-ui .rubber-stamp{font-size:12px;letter-spacing:2px}.arrival-ui .confirmed-content{grid-template-columns:1fr;gap:24px}.arrival-ui .confirmed-content .character-stage{height:332px;max-width:248px;width:100%;margin:auto}.arrival-ui .confirmed-content h1{font-size:34px;text-align:center}.arrival-ui .confirmed-role{text-align:center;font-size:15px;margin:8px 0 24px}.arrival-ui .confirmed-content h2{font-size:24px}.arrival-ui .confirmed-content .kg-button{margin-top:20px}.arrival-ui .kit{padding:32px 0}.arrival-ui .kit-grid{grid-template-columns:1fr}.arrival-ui .kit-grid .paper-panel{padding:24px}.arrival-ui .popup-heading h2{font-size:22px}.arrival-ui #dialog .paper-panel{padding:20px}.arrival-ui .tutorial-shell{max-width:none}.arrival-ui .tutorial-scroll{padding:12px}.arrival-ui .tutorial-scroll .paper-panel h2{font-size:23px}.arrival-ui .lesson-track{padding:12px}.arrival-ui .game-identity>b{font-size:22px}}
@media(max-width:350px){.arrival-ui .content-width{width:calc(100% - 24px)}.arrival-ui .hero-copy{width:calc(100% - 32px)}.arrival-ui .hero-copy h1{font-size:33px}.arrival-ui .hero-copy>p{font-size:14px}.arrival-ui .hero-cta{font-size:16px}.arrival-ui .landing-hero{min-height:672px}.arrival-ui .arrival-art{object-position:69% center}.arrival-ui .world-card{grid-template-columns:35% minmax(0,1fr)}.arrival-ui .world-copy{padding:16px 12px}.arrival-ui .world-copy h3{font-size:19px}.arrival-ui .world-copy p{font-size:12px;line-height:20px}.arrival-ui .archetype-copy h3{font-size:17px}.arrival-ui .archetype-copy p{font-size:9px}.arrival-ui .section-heading h2{font-size:29px}.arrival-ui .auth-intro h1{font-size:29px}.arrival-ui .auth-paper{padding:20px}.arrival-ui .folder-heading h2{font-size:22px}.arrival-ui .creation-title h1{font-size:27px}.arrival-ui .creation-content .paper-panel{padding:16px}.arrival-ui .creation-section-label h2{font-size:21px}.arrival-ui .class-picker button{font-size:12px;gap:4px}.arrival-ui .class-picker button>img{width:24px;height:24px}.arrival-ui .route-steps{gap:12px}.arrival-ui .creation-portrait .character-stage{height:316px}.arrival-ui .look-strip>button{height:73px}.arrival-ui .look-strip>button>img{height:64px}.arrival-ui .creation-decision .kg-button{font-size:15px}.arrival-ui .game-wallet>span{font-size:16px}.arrival-ui .game-wallet .kg-icon{width:22px}.arrival-ui .game-combat .kg-icon{width:20px}.arrival-ui .game-combat>span:not(.kg-surface):not(.kg-frame){font-size:13px}.arrival-ui .game-combat .combat-power{font-size:11px!important}.arrival-ui .game-combat .combat-power .kg-icon{width:18px}.arrival-ui .game-footer .kg-nav-button .kg-icon{width:28px;height:30px}.arrival-ui .game-footer .kg-nav-button [data-kg-text]{font-size:9px}.arrival-ui .lesson-track li{font-size:9px;gap:3px}.arrival-ui .lesson-track li i{width:16px;height:16px;line-height:14px}.arrival-ui .lesson-scene{height:236px}.arrival-ui .scene-caption h1{font-size:25px}.arrival-ui .guide-note{padding:16px 12px;gap:8px}.arrival-ui .guide-note p{font-size:13px;line-height:20px}.arrival-ui .combatant{height:224px}.arrival-ui .combat-heading{padding:12px 8px;gap:4px}.arrival-ui .combat-heading h1{font-size:22px}.arrival-ui .ticket-title h2{font-size:20px}.arrival-ui .free-badge{font-size:10px}.arrival-ui .lesson-primary{font-size:15px}.arrival-ui .tutorial-equipment{gap:16px}.arrival-ui .item-target{width:104px}.arrival-ui .workbench{padding:20px;gap:24px}.arrival-ui .bench-item{width:112px}.arrival-ui .scene-caption{left:20px}.arrival-ui .confirmed-folder{padding:20px}.arrival-ui .reward-item{grid-template-columns:88px minmax(0,1fr);gap:12px}.arrival-ui .reward-item h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.arrival-ui{scroll-behavior:auto}.arrival-ui *,.arrival-ui *:before,.arrival-ui *:after{animation:none!important;transition:none!important}}.arrival-ui .game-footer .kg-nav-button .kg-icon{width:40px;height:40px}.arrival-ui .game-footer .kg-nav-button [data-kg-text]{font-size:12px}.arrival-ui .game-footer .kg-nav-button{min-width:0}.arrival-ui{color:var(--kg-cream)}.arrival-ui .kg-surface{z-index:-5}.arrival-ui .level-mark .kg-round{color:var(--kg-cream);text-shadow:0 1px 2px var(--kg-well)}.arrival-ui .tutorial-middle{display:flex;flex-direction:column;min-height:0}.arrival-ui .tutorial-scroll{flex:1;min-height:0}.arrival-ui .tutorial-actions{position:relative;isolation:isolate;padding:8px 12px 12px;flex:none;border-top:1px solid #AC8B5959;box-shadow:0 -6px 12px #241A121f}.arrival-ui .tutorial-actions>.kg-button{width:100%;margin:0;min-height:48px}.arrival-ui .tutorial-actions>.text-link{display:block;margin:4px auto 0;font-size:12px;padding:2px}.arrival-ui .game-identity{min-height:40px}.arrival-ui .game-wallet{min-height:36px}.arrival-ui .game-identity .level-mark .kg-round{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px;font-size:20px}.arrival-ui .game-combat{min-height:32px}.arrival-ui .game-footer .kg-chat .kg-icon{width:30px;height:30px}.arrival-ui .game-footer .kg-nav-button{height:64px}.arrival-ui .game-footer .kg-nav-button:not(.kg-chat){padding-inline:1px}.arrival-ui .game-footer .kg-nav-button[data-locked]{filter:grayscale(1);opacity:.55}.arrival-ui .class-picker button:disabled{opacity:.5;filter:grayscale(1)}.arrival-ui .confirmed-content h1,.arrival-ui .scene-caption h1{overflow-wrap:anywhere}.arrival-ui[data-long-name=true] .confirmed-content h1{font-size:clamp(22px,4vw,36px)}.arrival-ui[data-long-name=true] .scene-caption h1{font-size:24px}.arrival-ui .invitation-quote,.arrival-ui .invitation-quote b{text-shadow:0 2px 4px var(--kg-well),0 0 8px var(--kg-well)}.arrival-ui .invitation-quote b{color:var(--kg-cream)}

/* Public pages escape the game-sized viewport; gameplay still uses its fixed chrome. */
body.arrival-public{height:auto!important;min-height:100dvh;overflow:auto!important;background:#171310}
body.arrival-public .layout,body.arrival-public .phone{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;background:none!important}
body.arrival-public .command-desk,body.arrival-public .gc-middle-frame,body.arrival-public .status{display:none!important}
body.arrival-public #game-content{display:block!important;position:relative!important;flex:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
body.arrival-public #main{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;background:transparent!important}
.arrival-ui{--kg-font:KrongradChrome,'PT Serif',serif;font:16px/1.55 var(--kg-font);color:var(--kg-cream);text-align:left}
.arrival-ui h1,.arrival-ui h2,.arrival-ui h3{color:inherit;text-shadow:none;letter-spacing:normal}.arrival-ui button{box-shadow:none}.arrival-ui .brand{font-family:var(--kg-font)}.arrival-ui input{width:100%;min-height:48px;box-shadow:inset 0 2px 5px #241A1226}
.arrival-ui .kg-frame,.arrival-ui .kg-surface{pointer-events:none}.arrival-ui .kg-icon{width:32px;height:32px;flex:none;object-fit:contain}.arrival-ui .kg-frame img{object-fit:fill!important}.arrival-ui .kg-round{font:28px/1 var(--kg-font)!important}
.arrival-ui .kg-art{max-width:100%;object-fit:contain}.arrival-ui .combatant>img{width:calc(100% - 16px);height:calc(100% - 20px)}.arrival-ui .character-stage>.character-art{width:calc(100% - 32px);height:calc(100% - 32px)}
body.game-shell #modal.arrival-modal{padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;background:none!important;border:0!important}
#modal.arrival-modal .arrival-lesson{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--kg-ink)}
#modal.arrival-modal .tutorial-middle{flex:1;min-height:0;height:100%}#modal.arrival-modal .tutorial-scroll{overflow:auto;scrollbar-width:none;flex:1;min-height:0;padding:12px}#modal.arrival-modal .tutorial-actions{flex:none;padding:8px 12px 12px}
.arrival-ui .tutorial-actions .kg-button{width:100%;min-height:48px}.arrival-ui .lesson-primary{margin:0}.arrival-ui .finish-cover{min-height:260px}
.arrival-ui .world-card h3,.arrival-ui .archetype h3{color:var(--kg-cream)}.arrival-ui .form-error{color:var(--kg-negative)}.arrival-ui .auth-social{display:flex;flex-wrap:wrap;gap:12px}
.arrival-ui .full-screenshot{display:block;width:100%;max-width:440px;height:auto;margin:auto}.arrival-ui .auth-folder .kg-round{margin-left:auto}

.arrival-ui p,.arrival-ui small,.arrival-ui summary,.arrival-ui label,.arrival-ui li{color:inherit}.arrival-ui .paper-panel,.arrival-ui .guide-note,.arrival-ui .auth-paper,.arrival-ui .faq-grid details,.arrival-ui .paths-section{color:var(--kg-ink)}.arrival-ui .guide-note p{color:var(--kg-ink)}

.arrival-ui .tutorial-middle{position:relative;isolation:isolate}.arrival-ui .combat-heading{color:var(--kg-cream)}.arrival-ui .confirmed-folder{color:var(--kg-ink)}.arrival-ui .screen-preview>img{height:auto;aspect-ratio:390/844}
/* UX137 — five illustrated quests, contained art and persistent visible controls. */
.intro137-modal:has(.intro137){width:min(580px,calc(100vw - 16px))!important;max-width:580px!important;max-height:calc(100dvh - 20px)!important;padding:0!important;overflow:hidden!important;border-radius:9px!important;background:#2b1710!important}
.arrival-ui.intro137{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);color:#352418;overflow:hidden;isolation:isolate;text-align:left}
.intro137>header.intro137-top{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 17px;background:#2a1711;color:#f4dfba;border:0;font:11px/1.3 Georgia,serif;letter-spacing:1px}
.intro137-top>span,.intro137-top>button{position:relative;z-index:1}.intro137-top b{display:inline-block;margin-left:7px;font-size:14px;letter-spacing:0}
.intro137 .intro137-off{padding:7px 0;min-height:32px;border:0;background:none;box-shadow:none;font:12px/1.2 Georgia,serif;color:#e6cfaa;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.intro137-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a27d4c #e4cfaa}
.intro137-scene{position:relative;margin:0;background:#211812;overflow:hidden;aspect-ratio:3/2}
.intro137-scene>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:intro137-reveal .6s ease-out both}
.intro137[data-intro-step="1"] .intro137-scene>img{object-position:35% 45%}
.intro137-scene>figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 20px 12px;background:linear-gradient(transparent,rgba(16,10,7,.92));color:#f1dcaf;font:10px/1.4 Georgia,serif;letter-spacing:1.8px}
.intro137-copy{position:relative;isolation:isolate;padding:16px 26px 22px;background:#ead7b6}
.intro137-copy>*:not(.kg-surface){position:relative;z-index:1}.intro137-copy h1{font:600 30px/1.12 Georgia,serif;color:#332116;margin:15px 0 18px;letter-spacing:-.5px}
.intro137-copy>p{font:15px/1.6 Georgia,serif;margin:15px 0;color:#4e3827}
.intro137-progress{display:flex;gap:0;list-style:none;padding:0;margin:0 auto;width:176px;align-items:center;justify-content:space-between}
.intro137-progress li{display:grid;place-items:center;border:1px solid #af9061;border-radius:50%;width:25px;height:25px;font:12px Georgia,serif;color:#765b3e;position:relative;background:#e3cfab}
.intro137-progress li+li:before{content:'';position:absolute;width:12px;left:-13px;top:11px;height:1px;background:#ad8e5c}
.intro137-progress li.current{background:#6b2e1b;color:#fff0c9;border-color:#854b29}.intro137-progress li.done{background:#786244;color:#fff1d2}
.intro137-copy blockquote{margin:0 0 15px;padding:0 0 0 14px;border-left:2px solid #a88653;font:italic 17px/1.45 Georgia,serif;color:#54341e}
.intro137-copy cite{display:block;margin-top:7px;font:11px/1.4 Georgia,serif;color:#806344;letter-spacing:.5px}
.intro137-goal{border-top:1px solid #b99b6c;margin-top:17px;padding-top:13px}.intro137-goal>span{font:10px Georgia,serif;letter-spacing:1.8px;color:#86633b}.intro137-goal>p{margin:5px 0 0;font:600 15px/1.45 Georgia,serif;color:#412b1a}
.intro137>footer.intro137-actions{position:relative;isolation:isolate;flex:none;padding:12px 20px 10px;border-top:1px solid #b29160;background:#e9d5b2;display:grid;gap:5px;margin:0;max-width:none;color:#4a301e}
.intro137-actions>button,.intro137-actions>div:not(.kg-surface){position:relative;z-index:1}.intro137-actions>.kg-button{width:100%;min-height:48px!important;margin:0!important;font-size:17px!important;line-height:1.2!important;padding:10px 14px!important;white-space:normal!important}
.intro137 .intro137-later,.intro137 .intro137-choices button{border:0;box-shadow:none;background:none;min-height:32px;font:13px Georgia,serif;color:#68492c;padding:7px 3px}
.intro137-choices{display:flex;gap:12px;justify-content:center}.intro137-choices button{flex:1}
.intro137-price,.intro137-earned{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#5f3b1c;font-size:15px;margin:13px 0}.intro137-price img,.intro137-price svg,.intro137-earned img,.intro137-earned svg{width:25px!important;height:25px!important;object-fit:contain}.intro137-price span{font-size:12px;margin-left:5px}
.intro137 .intro137-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin:16px 0}.intro137-item h3{font:600 17px/1.2 Georgia,serif;margin:0 0 8px}.intro137-item p{margin:5px 0;font-size:14px}.intro137 .intro137-gear{position:relative;width:76px;height:100px;padding:0!important;border:0;background:transparent;overflow:hidden}.intro137-gear>.equipment-visual{width:100%!important;height:100%!important}
.intro137-copy p.intro137-small{font:12px/1.5 Georgia,serif;color:#765b3f}.intro137-copy p.intro137-notice{padding:10px 12px;border-left:2px solid #8d4c2e;background:#d9bc8e;color:#5d2d19;font:14px/1.4 Georgia,serif}
.intro137-facts{padding:0;margin:15px 0;list-style:none}.intro137-facts li{padding:7px 0;border-bottom:1px solid #ba9d7260;font:14px Georgia,serif}.intro137-facts li:before{content:'—';color:#977044;margin-right:9px}
.intro137-note .intro137-number{font:22px Georgia,serif;color:#8d673a;flex:none}.intro137-note small{display:block;font-size:9px;letter-spacing:1px}.intro137-note .tutorial107-copy b{font:15px/1.2 Georgia,serif}.intro137-note .kg-button{min-width:0!important;font-size:12px!important}
@keyframes intro137-reveal{from{opacity:.25}to{opacity:1}}
@media(max-width:430px){.intro137-copy{padding:14px 18px 17px}.intro137-copy h1{font-size:25px;margin:12px 0 14px}.intro137-copy>p{font-size:14px;line-height:1.5}.intro137-copy blockquote{font-size:16px}.intro137>header.intro137-top{padding:8px 12px;letter-spacing:.3px;font-size:9px}.intro137 .intro137-off{font-size:11px}.intro137>footer.intro137-actions{padding:9px 13px 7px}.intro137-actions>.kg-button{font-size:15px!important;min-height:44px!important}.intro137-scene>figcaption{padding:25px 16px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro137-scene>img{animation:none}}.reduce-motion .intro137-scene>img{animation:none}
/* While reading the five-chapter prologue, give the story the entire game viewport. */
body.game-shell:has(#modal[open] .intro137) :is(#game-header,#game-footer){display:none!important}
body.game-shell #modal.intro137-modal:has(.intro137){max-height:100%!important;height:100%!important}
#modal .arrival-ui.intro137{height:100%;max-height:100%;width:100%}
.intro137-scroll{flex:1;min-height:0}
.intro137 .intro137-scene{max-height:36vh;min-height:160px}

/* Explicit opt-out: no defer control or rewards after declining. */
#modal .intro137-exit{position:relative;isolation:isolate;padding:24px 20px;color:#322315;width:100%;box-sizing:border-box}
.intro137-exit>*:not(.kg-surface){position:relative}
.intro137-exit h2{font:700 27px/1.15 Georgia;margin:12px 0 18px;color:#3c2415}
.intro137-exit p{font:16px/1.5 Georgia;color:#412d1d;margin:12px 0}
.intro137-exit .intro137-small{font-size:13px;color:#715437}
.intro137-exit .kg-button,.intro137-exit .game-button{width:100%;min-height:48px}
.intro137-exit-confirm{display:block;position:relative;width:100%;min-height:44px;margin:12px 0 0;border:1px solid #8e6443;background:#ead7b2;color:#532919;border-radius:5px;font:700 15px Georgia}

/* UX145: skills are visible before committing to a specialization. */
.arrival-ui .creation-skills145{margin-top:16px;border-top:1px solid #ac8b5970}
.arrival-ui .creation-skills145 h4{margin:16px 0 6px;font:600 18px Georgia;color:#402a1b}
.arrival-ui .creation-skills145 article{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px;padding:15px 0;border-bottom:1px solid #ac8b5950}
.arrival-ui .creation-skill-art145{display:grid;place-items:center;aspect-ratio:1;background:#70513213;border:1px solid #a3814d70;border-radius:8px;padding:5px}
.arrival-ui .creation-skill-art145 :is(img,svg){width:46px!important;height:46px!important;object-fit:contain}
.arrival-ui .creation-skills145 strong{display:block;font:600 18px/1.2 Georgia;color:#332216}
.arrival-ui .creation-skills145 small{display:block;color:#765132;font-size:12px;margin:4px 0 6px}
.arrival-ui .creation-skills145 p{font-size:14px;line-height:1.45;color:#493526}
/* Hiding the two outer grid rows must also remove their tracks. Otherwise
   Safari places the story in an auto-height first row and leaves the rest blank. */
body.game-shell:has(#modal[open] .intro137) .phone{grid-template-rows:minmax(0,1fr)}
body.game-shell #modal.intro137-modal:has(.intro137){padding:0!important;overflow:hidden!important}
#modal .arrival-ui.intro137{min-height:0;box-sizing:border-box}
#modal .intro137-scroll{flex:1 1 0;min-height:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#modal .intro137-scene{max-height:28dvh;min-height:120px}

#modal .intro137-scene{aspect-ratio:auto;height:min(28dvh,280px);width:100%}
#modal .intro137-scene>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}

/* Public language choice is shown only on the home page. */
.arrival-ui .public-language191{max-width:1280px;margin:6px auto 0;display:flex;justify-content:flex-end;gap:4px}.arrival-ui .public-language191 button{min-width:38px;min-height:32px;padding:4px 8px;border:1px solid #a88751;border-radius:5px;background:#211911;color:#ead8b5;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}.arrival-ui .public-language191 button[aria-pressed="true"]{background:#d6b77a;color:#271a10}.arrival-ui .public-language191 button:focus-visible{outline:2px solid #f4dfac;outline-offset:3px}

/* City74. Original Hero R3 material pieces; scope leaves other pages intact. */
#modal.metropolis-modal{padding:0!important;overflow:hidden!important;background:transparent!important;display:block}
#modal.metropolis-modal>.metro-ui{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden}
.metro-ui{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-paper:#E4CEB0;--kg-leather:#381B13;--kg-gold:#AC8B59;--kg-well:#171310;--kg-negative:#7D2021;--kg-positive:#245A29;color:var(--kg-ink);font-family:KrongradChrome,Georgia,serif;min-width:0}
.metro-ui,.metro-ui *{box-sizing:border-box}
.metro-ui [hidden]{display:none!important}
.metro-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;padding:8px 12px 16px;min-height:0}
.metro-scroll::-webkit-scrollbar{display:none}
.metro-body,.metro-home{display:flex;flex-direction:column;gap:8px;min-width:0}
.metro-ui .kg-frame,.metro-ui .kg-surface{pointer-events:none}
.metro-ui .metro-head{margin:0 0 8px;padding:8px;min-height:56px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;color:var(--kg-cream);position:relative;isolation:isolate}
#modal .metro-ui .metro-head h2{font-size:20px;line-height:24px;color:var(--kg-cream);text-align:center;margin:0;font-weight:400;word-break:normal}
.metro-ui .kg-round{height:40px!important;width:40px!important;min-height:40px!important;min-width:40px!important;max-height:40px!important;max-width:40px!important;padding:0!important;flex:0 0 40px}
.metro-ui .kg-button{position:relative;isolation:isolate;min-width:0;min-height:44px;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;text-shadow:0 1px 2px #171310;color:var(--kg-cream)!important;font:400 16px/20px KrongradChrome,Georgia,serif;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;margin:0;white-space:normal;overflow-wrap:anywhere}
.metro-ui .kg-button::before,.metro-ui .kg-button::after{display:none!important}
.metro-ui .kg-button .kg-icon{width:28px;height:28px;object-fit:contain;flex:none}
.metro-ui .kg-button:disabled{opacity:.6;filter:grayscale(.8) brightness(.75);cursor:default}
.metro-ui .kg-button:active:not(:disabled){filter:brightness(.7)}
.metro-ui button:focus-visible,.metro-ui select:focus-visible,.metro-ui input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}
.metro-ui .metro-paper{padding:16px;position:relative;isolation:isolate;box-shadow:none!important;border:0!important;background:none!important;border-radius:0;color:var(--kg-ink)!important;margin:0;min-width:0}
.metro-ui .metro-paper:before,.metro-ui .metro-paper:after{display:none!important}
.metro-ui .metro-paper .metro-paper{margin:8px 0}
.metro-ui h2,.metro-ui h3,.metro-ui h4{font-family:KrongradChrome,Georgia,serif;letter-spacing:0;color:var(--kg-ink);text-shadow:none}
.metro-ui h3{font-size:20px;line-height:24px;margin:0 0 8px}
.metro-ui h4{font-size:17px;line-height:22px;margin:4px 0 8px}
.metro-ui p{font-size:14px;line-height:21px;margin:8px 0;color:inherit;overflow-wrap:anywhere}
.metro-ui p:first-child{margin-top:0}.metro-ui p:last-child{margin-bottom:0}
.metro-ui small,.metro-ui .note{font-size:12px;line-height:18px;color:inherit;opacity:1}
.metro-ui .error,.metro-ui .city-alert{color:var(--kg-negative)}
.metro-ui .field,.metro-ui input:not([type=checkbox]):not([type=radio]),.metro-ui select,.metro-ui textarea{font:16px/22px KrongradChrome,Georgia,serif!important;color:var(--kg-ink)!important;background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png') center/120px 43px;border:1px solid var(--kg-gold);box-shadow:inset 0 2px 4px #241A1228;min-width:0;width:100%;min-height:44px;padding:8px;border-radius:4px;margin:4px 0 8px}
.metro-ui label{display:block;font-size:14px;line-height:20px;color:var(--kg-ink)}
.metro-ui input[type=checkbox],.metro-ui input[type=radio]{accent-color:var(--kg-negative);width:20px;height:20px;vertical-align:middle}
.metro-ui details{padding:8px 0;border-top:1px solid var(--kg-gold);color:var(--kg-ink)}
.metro-ui summary{min-height:36px;cursor:pointer;font-size:14px;line-height:22px}
.metro-ui li{font-size:14px;line-height:22px;margin:8px 0;overflow-wrap:anywhere}
.metro-ui dl{margin:8px 0}.metro-ui .metro-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;font-size:14px;border:0;background:none;padding:0}
.metro-ui .metro-facts dt{color:var(--kg-ink);font-size:14px;font-weight:400}.metro-ui .metro-facts dd{margin:0;text-align:right;overflow-wrap:anywhere;font-size:16px;color:var(--kg-ink)}
.metro-ui .city-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.metro-ui .city-stats>div{padding:4px;text-align:center;border:0;border-right:1px solid var(--kg-gold);background:none}.metro-ui .city-stats dd{font-size:22px;color:var(--kg-ink)}
.metro-metrics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;text-align:center;margin:4px 0}
.metro-metrics>div{display:grid;justify-items:center;align-content:center;border-right:1px solid var(--kg-gold);min-width:0}.metro-metrics>div:last-child{border:0}.metro-metrics strong{font-size:22px;font-weight:400}.metro-metrics .kg-icon{height:28px;width:28px}
.metro-scene{position:relative;isolation:isolate;aspect-ratio:1.8;overflow:hidden;border-radius:8px;padding:4px!important;min-width:0;background:var(--kg-well)!important;color:var(--kg-cream)!important;flex-shrink:0}
.metro-scene>img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;border-radius:4px}
.metro-scene>.kg-frame{z-index:3;--kg-corner:16px!important}
.metro-scene>div{position:absolute;inset:auto 4px 4px;padding:32px 16px 12px;background:linear-gradient(transparent,#171310e8 44%);color:var(--kg-cream)}
.metro-ui .metro-scene h3{font-size:24px;line-height:28px;color:var(--kg-cream);text-shadow:0 2px 3px #171310;margin:0}
.metro-ui .metro-scene p{font-size:13px;line-height:18px;margin:4px 0 0;color:var(--kg-cream);text-shadow:0 2px 3px #171310}
.metro-ui[data-help-scope=playerMarket] .metro-scene{aspect-ratio:2.65}
.metro-ui .city-service-links,.metro-ui .clan-tabs,.metro-ui .market-tabs,.metro-local-tabs,.metro-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 8px;padding:0;border:0}
.metro-ui .clan-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.metro-ui :is(.city-service-links,.clan-tabs,.market-tabs,.metro-local-tabs,.metro-tabs) .kg-button{font-size:12px;line-height:16px;padding:8px 4px;min-height:44px}
.metro-ui button[aria-pressed=true]{color:var(--kg-gold)!important}.metro-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.metro-dock{position:relative;isolation:isolate;padding:8px 12px 12px;z-index:8;border-top:1px solid #AC8B5960}
.metro-dock .kg-button{width:100%;min-height:48px}
.metro-progress .kg-fill{background:var(--kg-negative)}.metro-progress .kg-fill img{filter:hue-rotate(310deg);opacity:.65}
.metro-ui .city-kit-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metro-kit-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0 16px}.metro-kit-art .equipment-visual{width:100%}.metro-kit-art .equipment-visual .eq-label{font-size:10px}
.metro-ui .city-series-rounds>article{margin:8px 0}.metro-ui .city-score{color:var(--kg-ink);display:flex;justify-content:space-around;font-size:22px}
.metro-ui .metro-member{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center}.metro-member .clan-roster-portrait{grid-row:span 3;width:72px;height:96px;min-height:0;margin:0}.metro-member>button{grid-column:1/-1}
.metro-ui .metro-lots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.metro-ui .metro-lot{border:0;padding:0;background:none;box-shadow:none;min-width:0}
.metro-ui .market-item{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0;padding:0;border:0;background:none;color:var(--kg-ink);width:100%;text-align:center;font:14px/20px KrongradChrome,Georgia,serif}
.metro-ui .market-icon{width:100%;height:auto;display:block}.metro-ui .market-icon>.equipment-visual{width:100%}.metro-ui .market-item>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.metro-ui .market-item strong{font-size:15px;line-height:20px;color:var(--kg-ink)}.metro-ui .market-item small{font-size:11px}.metro-ui .market-item b{font-size:20px;color:var(--kg-ink)}
.metro-ui .market-pages{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:8px}.metro-ui .market-pages>span{font-size:12px}.metro-ui .market-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#main>.metro-ui{padding:8px 4px 16px;gap:8px}.metro-season{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:18px;padding:0 4px}.metro-season>span{flex:1}
.metro-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.metro-tile{position:relative;isolation:isolate;aspect-ratio:1.32;min-width:0;overflow:hidden;padding:4px;border:0;background:var(--kg-well);color:var(--kg-cream);font:inherit;border-radius:8px;text-align:left}
.metro-tile>img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover}.metro-tile>.kg-frame{--kg-corner:10px!important;z-index:3}
.metro-tile>span:not(.kg-frame){position:absolute;inset:auto 4px 4px;padding:28px 8px 8px;background:linear-gradient(transparent,#171310eb 35%);display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 6px;text-shadow:0 1px 3px #171310}.metro-tile .kg-icon{width:28px;height:28px;grid-row:span 2}.metro-tile b{font-size:17px;font-weight:400;line-height:20px}.metro-tile small{font-size:11px;line-height:16px}
.metro-tile.is-locked>img{filter:saturate(.25) brightness(.7)}.metro-tile>em{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;font-size:11px;font-style:normal;background:#171310d9;border:1px solid var(--kg-gold);padding:4px}.metro-tile>em .kg-icon{width:16px;height:16px}
.metro-ui .city-map{height:auto;min-height:0;aspect-ratio:1;border:0;box-shadow:none;border-radius:8px;background:var(--kg-well);margin:0}
.metro-ui .city-map>.kg-frame{z-index:5;--kg-corner:12px!important;pointer-events:none}
.metro-ui .city-map-toolbar{margin:0;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px}.metro-ui .city-map-toolbar button{min-width:40px}.metro-ui .city-map-toolbar .kg-round{font-size:22px}
.metro-ui #city-zoom{font-size:12px;color:var(--kg-ink)}
.metro-ui .city-pin{background:url('/assets/4e3ae59a497541e83cc8.png') center/contain no-repeat!important;border:0!important;box-shadow:none!important;color:var(--kg-ink)!important;border-radius:50%;width:32px;height:32px;min-height:32px;min-width:32px;padding:0;font:400 14px/32px KrongradChrome,Georgia,serif}
.metro-ui .city-pin.closed{opacity:.65}.metro-ui .city-pin.owned{filter:drop-shadow(0 0 3px #AC8B59)}.metro-ui .city-pin-name{background:var(--kg-well);border:1px solid var(--kg-gold);border-radius:2px;color:var(--kg-cream);font:11px/16px KrongradChrome,Georgia,serif;box-shadow:0 2px 4px #171310;padding:0 4px}
.metro-ui .city-map-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.metro-ui .city-map-key button{font-size:12px;text-align:left;min-height:40px;border:0;border-bottom:1px solid var(--kg-gold);background:none;color:var(--kg-ink)}
.metro-ui .city-building-row{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:8px;align-items:center;padding:16px 12px;background:none;border:0;box-shadow:none;color:var(--kg-ink);width:100%;margin-bottom:8px;text-align:left;font-family:KrongradChrome,Georgia,serif}
.metro-ui .city-building-row small{display:block;color:var(--kg-ink);font-size:12px;line-height:18px}.metro-ui .city-building-row b{font-size:18px;line-height:22px}.metro-ui .city-rank{font-size:26px;color:var(--kg-gold);width:40px}
.metro-ui .city-district-card{position:relative;isolation:isolate;padding:16px;border:0;background:none;box-shadow:none}.metro-ui .city-district-card small{display:block;margin:8px 0}
.metro-ui .city-object-list{padding:0;border:0;background:none}.metro-ui .city-list-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.metro-ui .city-list-title h3{font-size:18px}.metro-ui #city-list-count{font-size:12px}
@container(max-width:350px){.metro-scroll{padding:8px 8px 12px}.metro-ui .metro-paper{padding:12px}.metro-ui .kg-button{font-size:14px;padding:10px 8px}.metro-ui .metro-head h2{font-size:18px!important}.metro-ui .metro-scene h3{font-size:22px}.metro-ui .city-stats dd{font-size:19px}.metro-ui .metro-facts dd{font-size:14px}.metro-ui .clan-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.metro-tile b{font-size:15px}}

/* Keep legacy atlas badge fills and modal typography from covering the reviewed materials. */
:is(#main,#modal) .metro-ui .city-pin b{background:none!important;border:0!important;box-shadow:none!important;color:var(--kg-ink);font:400 13px/32px KrongradChrome,Georgia,serif;width:32px;height:32px}
:is(#main,#modal) .metro-ui .city-service-links .kg-button,:is(#main,#modal) .metro-ui .clan-tabs .kg-button,:is(#main,#modal) .metro-ui .market-tabs .kg-button,:is(#main,#modal) .metro-ui .metro-local-tabs .kg-button{font-size:12px!important;font-weight:400!important;line-height:16px!important;padding:8px 4px!important;word-break:normal!important;overflow-wrap:normal!important;min-width:0}
:is(#main,#modal) .metro-ui .kg-button>span:not(.kg-frame):not(.kg-surface){font-weight:400;word-break:normal;overflow-wrap:normal}
:is(#main,#modal) .metro-ui .metro-paper{box-shadow:none!important;border:0!important}
.metro-ui .city-map-toolbar .kg-round{position:relative;isolation:isolate;background:none;border:0;color:var(--kg-ink);font:20px/40px KrongradChrome;display:grid;place-items:center}.metro-ui .city-map-toolbar .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}

/* Shop75: approved original materials, native text and real equipment slots. */
body.game-shell.shop-page #main{padding:0!important;overflow:hidden!important;height:100%}
body.game-shell #modal.shop-modal{padding:0!important;overflow:hidden!important;background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png') center/120px 43px!important}
:is(#main,#modal) .shop-ui{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;overflow:hidden}
.shop-ui [hidden]{display:none!important}
.shop-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:none;padding:8px 12px 16px}
.shop-scroll::-webkit-scrollbar{display:none}
.shop-content,.ray-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.shop-content>*{flex-shrink:0}
.shop-content>.kg-button,.ray-body>.kg-button{width:100%}
.shop-dock{position:relative;isolation:isolate;padding:12px 16px 16px;display:grid;gap:8px;z-index:4}
:is(#main,#modal) .shop-ui .shop-dock>.kg-button{min-height:48px;width:100%;font-size:16px}
:is(#main,#modal) .shop-ui .kg-button{box-shadow:none!important;background:none!important;border:0!important;line-height:20px;font-weight:400;text-shadow:0 1px 2px #171310}
:is(#main,#modal) .shop-ui .kg-button::before,:is(#main,#modal) .shop-ui .kg-button::after{display:none!important}
:is(#main,#modal) .shop-ui .sw-head h2{color:var(--kg-cream);text-align:center;display:block;font-weight:400;margin:0;font-size:20px;line-height:24px}
:is(#main,#modal) .shop-ui .sw-head{gap:4px}
:is(#main,#modal) .shop-ui .sw-row{color:inherit}
.shop-error,#shop-error{margin:0;color:#7D2021;font-size:14px;line-height:20px;overflow-wrap:anywhere}
.shop-error:empty,#shop-error:empty{display:none}
:is(#main,#modal) .shop-ui .sw-head,:is(#main,#modal) .shop-ui .sw-panel,:is(#main,#modal) .shop-ui .sw-help-heading,:is(#main,#modal) .shop-ui .sw-choice,:is(#main,#modal) .shop-ui .sw-tabs>button{position:relative;isolation:isolate}:is(#main,#modal) .shop-ui .sw-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px;padding:8px;min-height:64px;color:var(--kg-cream)}:is(#main,#modal) .shop-ui .sw-head h2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px;line-height:28px;font-weight:400;min-width:0}:is(#main,#modal) .shop-ui .sw-head h2>.kg-icon{width:36px;height:36px}:is(#main,#modal) .shop-ui .sw-head .kg-round,:is(#main,#modal) .shop-ui .sw-help-heading .kg-round{width:40px;height:40px;min-width:40px}:is(#main,#modal) .shop-ui .sw-panel{padding:16px;color:var(--kg-ink);min-width:0}:is(#main,#modal) .shop-ui .sw-dark{color:var(--kg-cream)}:is(#main,#modal) .shop-ui .sw-panel h2{margin:0 0 12px;font-size:20px;line-height:24px}:is(#main,#modal) .shop-ui .sw-panel h3{margin:0 0 8px;font-size:18px;line-height:24px}:is(#main,#modal) .shop-ui .sw-panel p{margin:8px 0;font-size:14px;line-height:22px}:is(#main,#modal) .shop-ui .sw-panel p:first-child{margin-top:0}:is(#main,#modal) .shop-ui .sw-panel p:last-child{margin-bottom:0}:is(#main,#modal) .shop-ui .sw-panel>.kg-button{width:100%;margin-top:12px}:is(#main,#modal) .shop-ui .sw-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 0;width:100%;color:inherit;font:inherit;border:0;border-bottom:1px solid var(--kg-gold);background:none;text-align:left}:is(#main,#modal) .shop-ui .sw-row:last-child{border-bottom:0}:is(#main,#modal) .shop-ui .sw-row>span{flex:1;min-width:0}:is(#main,#modal) .shop-ui .sw-row b{font-size:15px;line-height:20px;font-weight:400}:is(#main,#modal) .shop-ui .sw-row strong{font-size:18px;line-height:24px;font-weight:400;white-space:nowrap}:is(#main,#modal) .shop-ui .sw-row small{display:block;font-size:12px;line-height:18px;margin-top:4px}:is(#main,#modal) .shop-ui .sw-row>i{font-size:24px;color:var(--kg-gold);font-style:normal}:is(#main,#modal) .shop-ui .sw-row>.kg-icon{width:28px;height:28px}:is(#main,#modal) .shop-ui .sw-balance{display:flex;gap:16px;align-items:center;min-height:96px;padding:4px 8px}:is(#main,#modal) .shop-ui .sw-balance>.kg-icon{width:72px;height:72px}:is(#main,#modal) .shop-ui .sw-balance>div{min-width:0}:is(#main,#modal) .shop-ui .sw-balance small{display:block;font-size:12px;line-height:20px;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .sw-balance strong{display:block;font-size:32px;line-height:40px;font-weight:400;font-variant-numeric:tabular-nums}:is(#main,#modal) .shop-ui .sw-balance p{font-size:12px;line-height:20px;margin:0}:is(#main,#modal) .shop-ui .sw-meter{padding:8px 0}:is(#main,#modal) .shop-ui .sw-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;margin-bottom:4px}:is(#main,#modal) .shop-ui .sw-meter b{font-weight:400}:is(#main,#modal) .shop-ui .sw-meter .kg-progress{height:16px}:is(#main,#modal) .shop-ui .sw-meter .kg-fill{background:var(--kg-negative);filter:none}:is(#main,#modal) .shop-ui .sw-meter .kg-fill img{opacity:.65;filter:none}:is(#main,#modal) .shop-ui .sw-tabs{display:grid;grid-template-columns:repeat(var(--tabs,2),minmax(0,1fr));gap:4px}:is(#main,#modal) .shop-ui .sw-tabs>button{border:0;background:none;color:var(--kg-cream);font:inherit;font-size:14px;line-height:20px;min-height:44px;padding:8px 4px}:is(#main,#modal) .shop-ui .sw-tabs>button[aria-current]{color:var(--kg-gold)}:is(#main,#modal) .shop-ui .sw-help{display:grid;gap:8px}:is(#main,#modal) .shop-ui .sw-help-heading{display:flex;align-items:center;gap:8px;padding:12px;color:var(--kg-cream)}:is(#main,#modal) .shop-ui .sw-help-heading h2{flex:1;margin:0;font-size:22px;line-height:28px}:is(#main,#modal) .shop-ui .sw-help-heading>.kg-icon{width:36px;height:36px}:is(#main,#modal) .shop-ui .sw-help .sw-panel{padding:20px}:is(#main,#modal) .shop-ui .sw-help .sw-panel p{font-size:16px;line-height:24px;margin-bottom:16px}:is(#main,#modal) .shop-ui .sw-formula{border-top:1px solid var(--kg-gold);margin-top:16px;padding-top:16px;font-size:18px;line-height:28px}:is(#main,#modal) .shop-ui .sw-help>.kg-button{width:100%}:is(#main,#modal) .shop-ui .sw-choice{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:16px;color:var(--kg-ink);text-align:left;font:inherit;min-height:72px}:is(#main,#modal) .shop-ui .sw-choice>span{flex:1}:is(#main,#modal) .shop-ui .sw-choice b{display:block;font-size:16px;line-height:24px}:is(#main,#modal) .shop-ui .sw-choice small{display:block;font-size:12px;line-height:20px;margin-top:4px}:is(#main,#modal) .shop-ui .sw-choice>i{font-size:24px;font-style:normal;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .sw-choice[aria-pressed=true]{color:var(--kg-cream)}:is(#main,#modal) .shop-ui .sw-choice:disabled{filter:saturate(.3);opacity:.65}:is(#main,#modal) .shop-ui .sw-field{display:grid;gap:8px;margin:12px 0;font-size:14px;line-height:20px}:is(#main,#modal) .shop-ui .sw-field input,:is(#main,#modal) .shop-ui .sw-field textarea,:is(#main,#modal) .shop-ui .sw-field select,:is(#main,#modal) .shop-ui .sw-select{width:100%;min-height:48px;border:1px solid var(--kg-gold);border-radius:4px;padding:12px;color:var(--kg-ink);background:var(--kg-paper);box-shadow:inset 0 2px 4px #241A1233;font:inherit;font-size:16px;line-height:24px}:is(#main,#modal) .shop-ui .sw-field textarea{min-height:128px;resize:vertical}:is(#main,#modal) .shop-ui .sw-field input:focus,:is(#main,#modal) .shop-ui .sw-field textarea:focus,:is(#main,#modal) .shop-ui .sw-field select:focus,:is(#main,#modal) .shop-ui .sw-select:focus{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal) .shop-ui .sw-check{display:flex;gap:12px;align-items:start;min-height:52px;padding:12px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}:is(#main,#modal) .shop-ui .sw-check:last-child{border:0}:is(#main,#modal) .shop-ui .sw-check input{width:24px;height:24px;flex:none;accent-color:var(--kg-negative);margin:0}:is(#main,#modal) .shop-ui .sw-check small{display:block;font-size:12px;line-height:18px;margin-top:4px}:is(#main,#modal) .shop-ui .sw-error{color:var(--kg-negative);font-size:14px;line-height:20px}:is(#main,#modal) .shop-ui .sw-positive{color:var(--kg-positive)}:is(#main,#modal) .shop-ui [data-state=pressed]>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .shop-ui .sw-choice[data-state=pressed]{transform:translateY(1px)}@container(max-width:350px){:is(#main,#modal) .shop-ui .sw-head h2{font-size:20px;line-height:24px;gap:4px}:is(#main,#modal) .shop-ui .sw-head h2>.kg-icon{width:28px;height:28px}:is(#main,#modal) .shop-ui .sw-panel{padding:12px}:is(#main,#modal) .shop-ui .sw-balance{gap:12px;padding:4px}:is(#main,#modal) .shop-ui .sw-balance>.kg-icon{width:56px;height:56px}:is(#main,#modal) .shop-ui .sw-balance strong{font-size:28px;line-height:36px}:is(#main,#modal) .shop-ui .sw-row b{font-size:14px}:is(#main,#modal) .shop-ui .sw-row strong{font-size:16px}:is(#main,#modal) .shop-ui .sw-tabs>button{font-size:12px}}:is(#main,#modal) .shop-ui .sw-field input,:is(#main,#modal) .shop-ui .sw-field textarea,:is(#main,#modal) .shop-ui .sw-field select,:is(#main,#modal) .shop-ui .sw-select{background-image:url('../assets/reference/materials/paper@2x.png');background-size:120px 43px}:is(#main,#modal) .shop-ui .sw-check input{appearance:none;border:0;position:relative;background:url('../assets/frames/round@3x.png') center/contain no-repeat;min-width:28px;width:28px;height:28px;cursor:pointer}:is(#main,#modal) .shop-ui .sw-check input:checked::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--kg-ink);font:700 18px/28px var(--kg-font)}:is(#main,#modal) .shop-ui .sw-check input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px;border-radius:50%}
:is(#main,#modal) .shop-ui .sw-head{padding:8px;min-height:56px}:is(#main,#modal) .shop-ui .sw-head h2{font-size:20px;line-height:24px}:is(#main,#modal) .shop-ui .sw-head h2>.kg-icon{display:none}:is(#main,#modal) .shop-ui .sw-head .kg-round,:is(#main,#modal) .shop-ui .sw-help-heading .kg-round{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;flex:0 0 40px}:is(#main,#modal) .shop-ui .sw-panel{padding:16px}:is(#main,#modal) .shop-ui .sw-panel h2{font-size:20px;line-height:24px;margin:0 0 8px}:is(#main,#modal) .shop-ui .sw-panel h3{font-size:16px;line-height:24px;margin:0 0 8px}:is(#main,#modal) .shop-ui .sw-panel p{font-size:14px;line-height:20px;margin:0 0 8px}:is(#main,#modal) .shop-ui .sw-panel p:last-child{margin-bottom:0}:is(#main,#modal) .shop-ui .sw-tabs{gap:4px;grid-template-columns:repeat(4,minmax(0,1fr))}:is(#main,#modal) .shop-ui .sw-tabs>button{font-size:12px;line-height:16px;min-height:48px;word-break:normal;overflow-wrap:normal;padding:8px 4px}:is(#main,#modal) .shop-ui .sw-row{padding:8px 0;min-height:48px}:is(#main,#modal) .shop-ui .sw-row b{font-size:14px}:is(#main,#modal) .shop-ui .sw-row small{font-size:12px;line-height:16px}:is(#main,#modal) .shop-ui .sw-row .kg-icon{width:28px;height:28px;flex:0 0 28px}:is(#main,#modal) .shop-ui .sw-field input,:is(#main,#modal) .shop-ui .sw-field select{font-size:16px;min-width:0}:is(#main,#modal) .shop-ui .sw-help-heading h2{font-size:20px;line-height:24px}:is(#main,#modal) .shop-ui .sw-help p{font-size:16px;line-height:24px}:is(#main,#modal) .shop-ui .kg-button{cursor:pointer;font-size:16px}:is(#main,#modal) .shop-ui .kg-button:disabled{cursor:default}:is(#main,#modal) .shop-ui .kg-icon{object-fit:contain}:is(#main,#modal) .shop-ui button:focus-visible,:is(#main,#modal) .shop-ui a:focus-visible,:is(#main,#modal) .shop-ui select:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}:is(#main,#modal) .shop-ui button[data-state=pressed]>.kg-surface,:is(#main,#modal) .shop-ui button:active:not(:disabled)>.kg-surface{filter:brightness(.68)}:is(#main,#modal) .shop-ui button[data-state=disabled]>.kg-surface{filter:saturate(.3) brightness(.62)}:is(#main,#modal) .shop-ui .shop-scene{position:relative;isolation:isolate;aspect-ratio:1.78;overflow:hidden;background:var(--kg-well);color:var(--kg-cream);border-radius:8px}:is(#main,#modal) .shop-ui .shop-scene>.shop-art{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover}:is(#main,#modal) .shop-ui .shop-scene>div{position:absolute;bottom:4px;left:4px;right:4px;padding:32px 16px 12px;background:linear-gradient(transparent,#171310ee);text-shadow:0 2px 3px var(--kg-well)}:is(#main,#modal) .shop-ui .shop-scene h2{font-size:24px;line-height:28px;margin:0}:is(#main,#modal) .shop-ui .shop-scene p{font-size:13px;line-height:18px;margin:4px 0 0}:is(#main,#modal) .shop-ui .shop-scene.compact{aspect-ratio:2.65}:is(#main,#modal) .shop-ui .shop-scene.compact h2{font-size:22px}:is(#main,#modal) .shop-ui .shop-scene>.kg-frame{--kg-corner:16px!important}:is(#main,#modal) .shop-ui .shop-departments{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(#main,#modal) .shop-ui .shop-department{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:68px auto;gap:4px;position:relative;isolation:isolate;border:0;padding:12px;background:none;color:var(--kg-cream);font:inherit;text-align:left;min-width:0;cursor:pointer}:is(#main,#modal) .shop-ui .shop-department>.shop-art{width:100%;height:68px;object-fit:contain;grid-column:1/-1;filter:drop-shadow(0 3px 2px #171310)}:is(#main,#modal) .shop-ui .shop-department.photo>.shop-art{object-fit:cover;border-radius:4px;object-position:70% 50%}:is(#main,#modal) .shop-ui .shop-department b{display:block;font-size:17px;line-height:20px}:is(#main,#modal) .shop-ui .shop-department small{display:block;font-size:12px;line-height:16px;color:var(--kg-gold);margin-top:4px}:is(#main,#modal) .shop-ui .shop-department>.kg-icon{position:absolute;top:12px;right:12px;width:24px;height:24px}:is(#main,#modal) .shop-ui .shop-department>i{align-self:center;font-style:normal;color:var(--kg-gold);font-size:24px}:is(#main,#modal) .shop-ui .shop-department:disabled{opacity:.65}:is(#main,#modal) .shop-ui .shop-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px}:is(#main,#modal) .shop-ui .shop-heading h2{font-size:20px;line-height:24px;margin:4px 0}:is(#main,#modal) .shop-ui .shop-heading small{font-size:12px;text-align:right}:is(#main,#modal) .shop-ui .shop-price{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}:is(#main,#modal) .shop-ui .shop-price>.kg-icon{width:24px;height:24px}:is(#main,#modal) .shop-ui .shop-price b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}:is(#main,#modal) .shop-ui .shop-price small{font-size:12px;font-weight:400}:is(#main,#modal) .shop-ui .shop-counter{display:flex;align-items:center;gap:8px;justify-content:space-between}:is(#main,#modal) .shop-ui .shop-counter-panel{padding:12px 16px}:is(#main,#modal) .shop-ui .shop-counter b{display:block;font-size:14px;font-weight:400;line-height:20px}:is(#main,#modal) .shop-ui .shop-counter small{display:block;font-size:12px;line-height:16px;margin-top:4px}:is(#main,#modal) .shop-ui .shop-counter .kg-button{font-size:13px;min-height:44px;flex:0 0 116px;padding:8px}:is(#main,#modal) .shop-ui .shop-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px}:is(#main,#modal) .shop-ui .shop-filters label{font-size:12px;display:grid;gap:4px}:is(#main,#modal) .shop-ui .shop-filters select{:is(#main,#modal) .shop-ui width:100%;min-width:0;height:44px;font:inherit;font-size:14px;color:var(--kg-ink);border:1px solid var(--kg-gold);border-radius:4px;background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png') center/120px 43px;padding:8px}:is(#main,#modal) .shop-ui .shop-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}:is(#main,#modal) .shop-ui .shop-offer{min-width:0;display:grid;grid-template-rows:1fr auto;gap:4px}:is(#main,#modal) .shop-ui .offer-inspect{display:flex;flex-direction:column;gap:4px;min-width:0;border:0;padding:0;background:none;font:inherit;color:var(--kg-ink);cursor:pointer;text-align:center}:is(#main,#modal) .shop-ui .offer-name{font-size:15px;line-height:20px;min-height:40px;display:grid;place-items:center;padding:0 4px}:is(#main,#modal) .shop-ui .offer-power{font-size:12px;line-height:16px}:is(#main,#modal) .shop-ui .offer-price{position:relative;isolation:isolate;border:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;color:var(--kg-ink);font:inherit;cursor:pointer}:is(#main,#modal) .shop-ui .offer-price>i{font-style:normal;font-size:20px;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .offer-price .shop-price b{font-size:18px}:is(#main,#modal) .shop-ui .offer-price .shop-price small{display:none}:is(#main,#modal) .shop-ui .sold .equipment-art{opacity:.45}:is(#main,#modal) .shop-ui .sold-label{color:var(--kg-negative);font-size:14px;letter-spacing:1px}:is(#main,#modal) .shop-ui .shop-note{padding:12px 16px}:is(#main,#modal) .shop-ui .shop-note.warn{color:var(--kg-negative)}:is(#main,#modal) .shop-ui .shop-note p{font-size:14px;margin:0}:is(#main,#modal) .shop-ui .shop-notice{text-align:center;padding:16px 4px}:is(#main,#modal) .shop-ui .shop-notice>.kg-icon{width:64px;height:64px;margin-bottom:8px}:is(#main,#modal) .shop-ui .shop-notice p{font-size:16px;line-height:24px}:is(#main,#modal) .shop-ui .item-summary{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}:is(#main,#modal) .shop-ui .item-summary>section{min-width:0}:is(#main,#modal) .shop-ui .item-summary small{font-size:12px}:is(#main,#modal) .shop-ui .item-summary h2{margin:4px 0 12px;font-size:22px;line-height:26px}:is(#main,#modal) .shop-ui .item-summary strong{display:block;font-size:16px;margin-bottom:12px}:is(#main,#modal) .shop-ui .item-summary .shop-price{justify-content:flex-start}:is(#main,#modal) .shop-ui .shop-stat-rows{margin:0}:is(#main,#modal) .shop-ui .shop-stat-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}:is(#main,#modal) .shop-ui .shop-stat-rows>div:last-child{border-bottom:0}:is(#main,#modal) .shop-ui .shop-stat-rows dt{min-width:0}:is(#main,#modal) .shop-ui .shop-stat-rows dd{margin:0;font-size:18px;text-align:right;white-space:nowrap}:is(#main,#modal) .shop-ui .positive{color:var(--kg-positive)}:is(#main,#modal) .shop-ui .negative{color:var(--kg-negative)}:is(#main,#modal) .shop-ui .shop-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}:is(#main,#modal) .shop-ui .shop-comparison>div{min-width:0}:is(#main,#modal) .shop-ui .shop-comparison .equipment-visual{max-width:120px;margin:8px auto!important}:is(#main,#modal) .shop-ui .shop-comparison small{display:block;font-size:12px}:is(#main,#modal) .shop-ui .shop-comparison p{font-size:14px}:is(#main,#modal) .shop-ui .effect-locks{display:flex;gap:8px;align-items:center;margin:12px 0}:is(#main,#modal) .shop-ui .effect-locks>span{display:grid;place-items:center;width:40px;height:40px;position:relative;isolation:isolate}:is(#main,#modal) .shop-ui .effect-locks .kg-icon{width:24px;height:24px}:is(#main,#modal) .shop-ui .quote-heading{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--kg-gold);margin-bottom:4px}:is(#main,#modal) .shop-ui .quote-heading>.kg-icon{width:32px;height:32px}:is(#main,#modal) .shop-ui .quote-heading h2{margin:0}:is(#main,#modal) .shop-ui .shop-icon-product{display:grid;grid-template-columns:88px minmax(0,1fr) 12px;gap:12px;align-items:center;position:relative;isolation:isolate;border:0;background:none;padding:16px;color:var(--kg-ink);font:inherit;text-align:left;cursor:pointer;width:100%}:is(#main,#modal) .shop-ui .shop-icon-product>.shop-art{display:block;width:88px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 3px #241A1255)}:is(#main,#modal) .shop-ui .shop-icon-product b{font-size:19px;line-height:24px;display:block}:is(#main,#modal) .shop-ui .shop-icon-product small{font-size:14px;line-height:20px;display:block;margin:4px 0}:is(#main,#modal) .shop-ui .shop-icon-product em{font-size:12px;font-style:normal;display:block;margin:4px 0}:is(#main,#modal) .shop-ui .shop-icon-product>.kg-frame{z-index:2}:is(#main,#modal) .shop-ui .shop-icon-product>i{font-size:24px;font-style:normal;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .shop-icon-product .shop-price b{font-size:20px}:is(#main,#modal) .shop-ui .shop-icon-product .shop-price small{font-size:12px}:is(#main,#modal) .shop-ui .shop-object-detail{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px}:is(#main,#modal) .shop-ui .shop-object-detail>.shop-art{width:96px;height:136px;object-fit:contain;filter:drop-shadow(0 4px 4px #241A1255)}:is(#main,#modal) .shop-ui .shop-object-detail h2{font-size:22px}:is(#main,#modal) .shop-ui .shop-object-detail strong{font-size:20px;display:block;margin:8px 0}:is(#main,#modal) .shop-ui .quantity-picker{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;min-height:56px;position:relative;isolation:isolate;padding:4px;color:var(--kg-cream);max-width:280px;margin:12px auto 8px}:is(#main,#modal) .shop-ui .quantity-picker .kg-button{min-width:0;height:48px;padding:4px;font-size:28px}:is(#main,#modal) .shop-ui .quantity-picker output{display:grid;place-items:center;font-size:24px}:is(#main,#modal) .shop-ui .quantity-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin:0 auto}:is(#main,#modal) .shop-ui .quantity-presets button{position:relative;isolation:isolate;border:0;background:none;font:inherit;color:var(--kg-cream);min-height:40px;cursor:pointer}:is(#main,#modal) .shop-ui .shop-medals{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(#main,#modal) .shop-ui .shop-medal-card{display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;border:0;background:none;padding:12px;color:var(--kg-ink);text-align:center;font:inherit;cursor:pointer}:is(#main,#modal) .shop-ui .shop-medal-card .shop-medal{height:88px;width:88px;object-fit:contain;filter:drop-shadow(0 3px 2px #241A1255);margin-bottom:8px}:is(#main,#modal) .shop-ui .shop-medal-card strong{font-size:16px;line-height:20px;min-height:40px;display:grid;place-items:center}:is(#main,#modal) .shop-ui .shop-medal-card>span:not(.kg-surface):not(.kg-frame){font-size:13px;line-height:18px;margin:4px 0}:is(#main,#modal) .shop-ui .shop-medal-card>small{font-size:11px;line-height:16px;margin:4px 0 8px}:is(#main,#modal) .shop-ui .shop-medal-card .shop-price{margin-top:auto!important}:is(#main,#modal) .shop-ui .medal-large{display:block;width:140px;height:140px;margin:0 auto 12px;object-fit:contain;filter:drop-shadow(0 5px 3px #241A1244)}:is(#main,#modal) .shop-ui .grade-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}:is(#main,#modal) .shop-ui .grade-tabs button{position:relative;isolation:isolate;border:0;background:none;font:inherit;color:var(--kg-cream);padding:8px;min-height:48px;cursor:pointer}:is(#main,#modal) .shop-ui .grade-tabs small{display:block;font-size:12px;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .medal-status{text-align:center}:is(#main,#modal) .shop-ui .medal-status h2{font-size:24px}:is(#main,#modal) .shop-ui .medal-rack{display:flex;gap:12px;justify-content:center;margin:12px 0}:is(#main,#modal) .shop-ui .medal-rack>button{position:relative;isolation:isolate;border:0;background:none;padding:0;width:72px;height:72px;cursor:pointer}:is(#main,#modal) .shop-ui .medal-rack img{width:100%;height:100%;object-fit:contain}:is(#main,#modal) .shop-ui .medal-rack span{position:absolute;inset:0;display:grid;place-items:center;font-size:32px}:is(#main,#modal) .shop-ui .sale-row{display:grid;grid-template-columns:76px minmax(0,1fr) 24px;gap:12px;align-items:center;position:relative;isolation:isolate;border:0;padding:12px;background:none;font:inherit;color:var(--kg-ink);text-align:left;cursor:pointer;min-width:0}:is(#main,#modal) .shop-ui .sale-row>span:not(.kg-frame):not(.kg-surface){min-width:0}:is(#main,#modal) .shop-ui .sale-row b{font-size:16px;line-height:20px;display:block}:is(#main,#modal) .shop-ui .sale-row small{font-size:12px;line-height:16px;display:block;margin:4px 0}:is(#main,#modal) .shop-ui .sale-row .shop-price b{font-size:18px}:is(#main,#modal) .shop-ui .sale-row i{font-size:24px;font-style:normal;color:var(--kg-gold)}:is(#main,#modal) .shop-ui .sale-row[aria-pressed=true] i{color:var(--kg-positive)}:is(#main,#modal) .shop-ui .sale-row[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--kg-gold)}:is(#main,#modal) .shop-ui .sale-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(#main,#modal) .shop-ui .sale-controls .kg-button{font-size:13px;min-height:44px}:is(#main,#modal) .shop-ui .receipt-seal{font-size:20px;color:var(--kg-positive);border:3px double var(--kg-positive);padding:8px 12px;display:inline-block;transform:rotate(-3deg);margin:12px 0}:is(#main,#modal) .shop-ui .quote-clock{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}:is(#main,#modal) .shop-ui .quote-clock .kg-icon{width:24px;height:24px}:is(#main,#modal) .shop-ui .shop-mini-summary{display:flex;align-items:center;gap:12px}:is(#main,#modal) .shop-ui .shop-mini-summary>img{width:72px;height:88px;object-fit:contain}:is(#main,#modal) .shop-ui .shop-mini-summary b{display:block;font-size:18px}:is(#main,#modal) .shop-ui .shop-mini-summary small{font-size:12px;display:block}:is(#main,#modal) .shop-ui .shop-mini-summary>div{min-width:0}:is(#main,#modal) .shop-ui .centered{text-align:center}:is(#main,#modal) .shop-ui details>summary{cursor:pointer;font-size:14px}:is(#main,#modal) .shop-ui details p{margin-top:12px!important}:is(#main,#modal) .shop-ui .energy-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}:is(#main,#modal) .shop-ui .energy-prices>div{position:relative;isolation:isolate;padding:12px 4px;text-align:center;color:var(--kg-cream)}:is(#main,#modal) .shop-ui .energy-prices strong{display:block;font-size:22px}:is(#main,#modal) .shop-ui .energy-prices small{display:block;font-size:12px;color:var(--kg-gold)}@container(max-width:350px){:is(#main,#modal) .shop-ui .shop-content{padding:8px 10px 12px}:is(#main,#modal) .shop-ui .sw-panel{padding:12px}:is(#main,#modal) .shop-ui .shop-department{padding:12px 8px}:is(#main,#modal) .shop-ui .shop-department b{font-size:16px}:is(#main,#modal) .shop-ui .shop-department small{font-size:11px}:is(#main,#modal) .shop-ui .shop-icon-product{grid-template-columns:64px minmax(0,1fr) 8px;padding:12px;gap:8px}:is(#main,#modal) .shop-ui .shop-icon-product>.shop-art{width:64px;height:92px}:is(#main,#modal) .shop-ui .shop-icon-product b{font-size:17px}:is(#main,#modal) .shop-ui .shop-icon-product small{font-size:13px}:is(#main,#modal) .shop-ui .item-summary{grid-template-columns:92px minmax(0,1fr);gap:12px}:is(#main,#modal) .shop-ui .item-summary h2{font-size:20px;line-height:24px}:is(#main,#modal) .shop-ui .sale-row{grid-template-columns:68px minmax(0,1fr) 20px;gap:8px}:is(#main,#modal) .shop-ui .offer-name{font-size:14px}:is(#main,#modal) .shop-ui .offer-power{font-size:11px}:is(#main,#modal) .shop-ui .sw-tabs>button{font-size:11px}:is(#main,#modal) .shop-ui .shop-counter .kg-button{flex-basis:100px}:is(#main,#modal) .shop-ui .shop-object-detail{grid-template-columns:84px minmax(0,1fr);gap:12px}:is(#main,#modal) .shop-ui .shop-object-detail>.shop-art{width:84px;height:120px}}:is(#main,#modal) .shop-ui .shop-filters input{min-width:0;width:100%;height:44px;border:1px solid var(--kg-gold);background:var(--kg-paper);color:var(--kg-ink);font:inherit;font-size:16px;padding:8px}:is(#main,#modal) .shop-ui .shop-offer[data-state=disabled]{opacity:.6}:is(#main,#modal) .shop-ui .shop-offer[data-state=pressed] .equipment-visual{filter:brightness(.8)}

:is(#main,#modal) .shop-ui .kg-icon{object-fit:contain}
:is(#main,#modal) .shop-ui .shop-scene>.shop-art{margin:0}
:is(#main,#modal) .shop-ui .sw-head>.kg-round{border-radius:50%!important}
:is(#main,#modal) .shop-ui .shop-scene>.kg-frame{z-index:3}
:is(#main,#modal) .shop-ui .shop-stat-rows dd{max-width:60%;white-space:normal;overflow-wrap:anywhere}
:is(#main,#modal) .shop-ui .ray-body>p{font-size:14px;line-height:20px;margin:8px 4px}
:is(#main,#modal) .shop-ui .sale-row input{width:24px;height:24px;min-height:24px;accent-color:var(--kg-leather);padding:0;margin:0}
:is(#main,#modal) .shop-ui .sale-row:has(input:checked){box-shadow:inset 0 0 0 2px var(--kg-gold)}
:is(#main,#modal) .shop-ui .ray-quote-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;position:relative;isolation:isolate;padding:12px}
:is(#main,#modal) .shop-ui .ray-quote-row small{display:block;margin:4px 0}
:is(#main,#modal) .shop-ui .ray-filter-panel{padding:12px;border:1px solid var(--kg-gold);border-radius:4px}
:is(#main,#modal) .shop-ui .market-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
:is(#main,#modal) .shop-ui .market-filter-grid label{font-size:12px}
:is(#main,#modal) .shop-ui .market-filter-grid .field{width:100%;min-width:0;color:var(--kg-ink);background:var(--kg-paper);font:16px KrongradChrome,Georgia,serif;border:1px solid var(--kg-gold);padding:8px;min-height:44px}


/* Workshop77 — reviewed composition, shared Hero R3 frames and native data. */
body.game-shell #main:has(>.workshop-ui){padding:0!important;overflow:hidden!important;height:100%}
.workshop-ui .work-dock small{font-size:12px;line-height:16px;text-align:center}
.workshop-ui button:not(.kg-button):not(.kg-round){box-shadow:none;background:none}
.workshop-ui .kg-round{width:40px!important;height:40px!important;min-height:40px!important;flex:none}
.workshop-ui .work-content .kg-icon{object-fit:contain}
.workshop-ui .kg-progress .kg-fill{background:#591F1C;filter:none}.workshop-ui .kg-progress .kg-fill img{opacity:.45;filter:none}
.workshop-ui .review{gap:16px}.workshop-ui .review select{max-width:190px}.workshop-ui .work-art{object-fit:contain}.workshop-ui .kg-icon{object-fit:contain}.workshop-ui .identity{grid-template-columns:64px minmax(0,1fr)}.workshop-ui .work-scene{position:relative;isolation:isolate;aspect-ratio:1.65;border-radius:8px;overflow:hidden;color:var(--kg-cream);background:var(--kg-well)}.workshop-ui .work-scene>.work-art{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover}.workshop-ui .work-scene>.kg-frame{--kg-corner:16px!important}.workshop-ui .work-scene>div{position:absolute;left:4px;right:4px;bottom:4px;padding:36px 16px 12px;background:linear-gradient(transparent,#171310ee);text-shadow:0 2px 3px var(--kg-well)}.workshop-ui .work-scene h2{font-size:24px;line-height:28px;margin:0}.workshop-ui .work-scene p{font-size:14px;line-height:20px;margin:4px 0 0}.workshop-ui .work-scene.compact{aspect-ratio:3.1}.workshop-ui .work-scene.compact h2{font-size:20px;line-height:24px}.workshop-ui .stock-bar{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 12px;gap:4px;align-items:center;padding:12px;color:var(--kg-cream);font:inherit;background:none;border:0;text-align:left;cursor:pointer}.workshop-ui .stock-count{display:grid;grid-template-columns:28px 1fr;grid-template-rows:20px 16px;column-gap:4px;align-items:center}.workshop-ui .stock-count>img{grid-row:1/3;width:28px;height:36px;object-fit:contain}.workshop-ui .stock-count b{font-size:18px;line-height:20px}.workshop-ui .stock-count small{font-size:11px;line-height:16px;color:var(--kg-gold)}.workshop-ui i{font-style:normal}.workshop-ui .department{position:relative;isolation:isolate;display:grid;grid-template-columns:64px minmax(0,1fr) 12px;gap:12px;align-items:center;padding:12px 16px;color:var(--kg-cream);border:0;background:none;font:inherit;text-align:left;cursor:pointer;min-height:96px}.workshop-ui .department>.work-art{width:64px;height:64px;filter:drop-shadow(0 3px 2px var(--kg-well))}.workshop-ui .department b{display:block;font-size:21px;line-height:24px}.workshop-ui .department small{display:block;font-size:13px;line-height:18px;color:var(--kg-cream);margin-top:4px}.workshop-ui .department i{font-size:24px;color:var(--kg-gold)}.workshop-ui .department:disabled{opacity:.55}.workshop-ui .selected-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center}.workshop-ui .selected-item section{min-width:0}.workshop-ui .selected-item small{display:block;font-size:12px}.workshop-ui .selected-item h2{font-size:21px;line-height:24px;margin:4px 0 8px}.workshop-ui .selected-item strong{font-size:16px;font-weight:400;display:block}.workshop-ui .text-action{font:inherit;font-size:14px;color:var(--kg-ink);text-decoration:underline;text-underline-offset:4px;border:0;background:none;padding:8px 0;cursor:pointer;text-align:left}.workshop-ui .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.workshop-ui .steps>button{position:relative;isolation:isolate;background:none;border:0;color:var(--kg-cream);padding:8px 2px;min-height:60px;cursor:pointer;font:inherit}.workshop-ui .steps b{font-size:22px;font-weight:400;display:block}.workshop-ui .steps small{font-size:10px;line-height:14px;display:block;min-height:14px;color:var(--kg-gold)}.workshop-ui .steps button[aria-pressed=true]{color:var(--kg-cream)}.workshop-ui .steps button[aria-pressed=true]:after{content:'';position:absolute;bottom:4px;left:30%;right:30%;height:2px;background:var(--kg-gold)}.workshop-ui .ledger{margin:0}.workshop-ui .ledger>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline;border-bottom:1px solid #AC8B5955;padding:8px 0;font-size:14px;line-height:20px}.workshop-ui .ledger>div:last-child{border-bottom:0}.workshop-ui .ledger dd{margin:0;text-align:right;font-size:18px;font-variant-numeric:tabular-nums}.workshop-ui .ledger dt{min-width:0}.workshop-ui .positive{color:var(--kg-positive)}.workshop-ui .negative{color:var(--kg-negative)}.workshop-ui .muted{font-size:12px!important;line-height:18px!important}.workshop-ui .small-heading{font-size:16px;margin:4px 0}.workshop-ui .notice{text-align:center;padding:12px 4px}.workshop-ui .notice>.kg-icon{width:56px;height:56px;margin:0 auto 12px}.workshop-ui .notice h2{font-size:22px}.workshop-ui .notice p{font-size:15px;line-height:22px}.workshop-ui .inline-warning{color:var(--kg-negative);font-size:14px;line-height:20px;margin:0}.workshop-ui .work-receipt{text-align:center}.workshop-ui .result-mark{color:var(--kg-positive);font-size:19px;border:3px double currentColor;padding:8px 12px;display:inline-block;transform:rotate(-2deg);margin:8px 0 16px}.workshop-ui .result-mark.failed{color:var(--kg-negative)}.workshop-ui .comparison{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;text-align:center;align-items:center}.workshop-ui .comparison>div{min-width:0}.workshop-ui .comparison .equipment-visual{max-width:120px;margin:8px auto!important}.workshop-ui .comparison small{font-size:12px;display:block;line-height:18px}.workshop-ui .comparison strong{display:block;font-size:16px}.workshop-ui .comparison>i{font-size:24px;color:var(--kg-gold)}.workshop-ui .effect-slot{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;position:relative;isolation:isolate;padding:12px;color:var(--kg-ink);font:inherit;background:none;border:0;text-align:left;cursor:pointer;min-height:76px}.workshop-ui .effect-slot>.kg-icon{width:36px;height:36px}.workshop-ui .effect-slot b{font-size:15px;line-height:20px;display:block}.workshop-ui .effect-slot small{display:block;font-size:11px;line-height:16px;margin-top:4px}.workshop-ui .effect-slot strong{font-size:22px;color:var(--kg-positive)}.workshop-ui .effect-slot.sealed strong{color:var(--kg-gold)}.workshop-ui .effect-slot[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--kg-gold);border-radius:6px}.workshop-ui .effect-slot:disabled{opacity:.55}.workshop-ui .sw-tabs{grid-template-columns:1fr 1fr}.workshop-ui .sw-tabs>button{font-size:14px;min-height:44px}.workshop-ui .item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.workshop-ui .pick-item{border:0;background:none;padding:0;font:inherit;min-width:0;cursor:pointer;color:var(--kg-ink)}.workshop-ui .pick-item>b{display:block;font-size:12px;line-height:16px;margin-top:4px;min-height:32px}.workshop-ui .pick-item>small{font-size:11px;display:block;margin-top:4px}.workshop-ui .pick-item[aria-pressed=true]>.equipment-visual{outline:2px solid var(--kg-gold);outline-offset:2px}.workshop-ui .material-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}.workshop-ui .material-row>img{width:56px;height:64px;object-fit:contain}.workshop-ui .material-row h2{font-size:19px}.workshop-ui .material-row p{font-size:13px;line-height:18px}.workshop-ui .material-row>strong{font-size:24px}.workshop-ui .minor-link{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:12px 4px;cursor:pointer;background:none;border:0;font-family:inherit;color:var(--kg-ink);text-align:left}.workshop-ui .minor-link>.kg-icon{width:24px;height:24px;margin-right:8px}.workshop-ui .minor-link span{flex:1}.workshop-ui .quote-heading{display:flex;align-items:center;gap:8px}.workshop-ui .quote-heading>img{width:36px;height:36px}.workshop-ui .quote-heading h2{margin:0}.workshop-ui .sw-help .kg-button{width:100%}.workshop-ui .work-action-note{font-size:12px;text-align:center;margin:0}.workshop-ui .sw-panel details summary{font-size:14px;cursor:pointer}.workshop-ui .sw-panel details p{font-size:13px;margin-top:8px}
@container(max-width:350px){.workshop-ui .department{padding:12px;gap:8px;grid-template-columns:56px 1fr 8px}.workshop-ui .department>.work-art{width:56px;height:56px}.workshop-ui .department b{font-size:19px}.workshop-ui .department small{font-size:12px}.workshop-ui .selected-item{grid-template-columns:88px minmax(0,1fr);gap:12px}.workshop-ui .selected-item h2{font-size:18px}.workshop-ui .sw-head h2{font-size:18px}.workshop-ui .effect-slot{padding:12px 8px;grid-template-columns:28px 1fr auto}.workshop-ui .effect-slot>.kg-icon{width:28px;height:28px}.workshop-ui .effect-slot b{font-size:14px}.workshop-ui .effect-slot strong{font-size:18px}.workshop-ui .stock-bar{padding:12px 8px}.workshop-ui .stock-count{grid-template-columns:24px 1fr}.workshop-ui .stock-count>img{width:24px}.workshop-ui .stock-count small{font-size:10px}.workshop-ui .comparison{gap:8px}}
@media(max-width:680px){.workshop-ui .review{gap:8px;min-height:48px}.workshop-ui .review span{display:none}.workshop-ui .review a{font-size:11px}.workshop-ui .review select{max-width:145px}}.workshop-ui .steps>button:disabled{opacity:.5;cursor:default}.workshop-ui .step-transition{display:grid;grid-template-columns:1fr 24px 1fr 36px;gap:8px;align-items:center;text-align:center;padding:4px 0 12px;border-bottom:1px solid #AC8B5955}.workshop-ui .step-transition small{font-size:12px;display:block}.workshop-ui .step-transition b{font-size:36px;line-height:44px;font-weight:400}.workshop-ui .step-transition>div:nth-child(3) b{color:var(--kg-positive)}.workshop-ui .step-transition>i{font-size:24px;color:var(--kg-gold)}.workshop-ui .step-transition>span{font-size:11px;color:var(--kg-ink);border-left:1px solid var(--kg-gold);padding-left:8px}.workshop-ui .odds{padding-top:12px}.workshop-ui .odds>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.workshop-ui .odds span{font-size:14px}.workshop-ui .odds strong{font-size:28px;line-height:32px}.workshop-ui .odds>small{font-size:12px;display:block;margin-top:8px}.workshop-ui .odds .kg-progress{width:100%}.workshop-ui .boost-choices{display:grid;gap:8px}.workshop-ui .boost-choices>button{display:grid;grid-template-columns:32px minmax(0,1fr) auto 16px;gap:8px;align-items:center;position:relative;isolation:isolate;background:none;border:0;color:var(--kg-ink);font:inherit;text-align:left;padding:12px;min-height:72px;cursor:pointer}.workshop-ui .boost-choices>button[aria-pressed=true]{color:var(--kg-cream)}.workshop-ui .boost-choices>button>.kg-icon{width:32px;height:32px}.workshop-ui .boost-choices b{font-size:16px;display:block;line-height:20px}.workshop-ui .boost-choices small{font-size:12px;line-height:16px;display:block;margin-top:4px}.workshop-ui .boost-choices strong{font-size:22px;font-weight:400}.workshop-ui .boost-choices>button:disabled{opacity:.5;cursor:default}.workshop-ui .kit-sample .step-transition{max-width:400px;margin:auto}.workshop-ui .boost-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.workshop-ui .boost-choices>button{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:116px;text-align:center;padding:12px 4px 8px}.workshop-ui .boost-choices>button>.kg-icon{width:24px;height:24px}.workshop-ui .boost-choices b{font-size:12px;line-height:16px;min-height:32px}.workshop-ui .boost-choices small{font-size:11px;line-height:16px;margin-top:0}.workshop-ui .boost-choices strong{font-size:18px;line-height:20px;order:-1}.workshop-ui .boost-choices>button>i{position:absolute;right:6px;top:6px;font-size:12px}.workshop-ui .boost-choices>button>.kg-icon{display:none}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .selected-item{grid-template-columns:76px minmax(0,1fr);gap:12px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .item-panel{padding:12px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .selected-item h2{font-size:18px;line-height:22px;margin:2px 0 4px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .selected-item .text-action{padding:4px 0;font-size:12px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .next-step{padding:12px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .step-transition{padding-bottom:8px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .step-transition b{font-size:28px;line-height:32px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .odds{padding-top:8px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .odds strong{font-size:24px;line-height:28px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .odds>small{font-size:11px;line-height:16px;margin-top:4px}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .ledger>div{padding:8px 0 0}.workshop-ui .work-content[data-dept=sharpen][data-view=work] .small-heading{margin:0;font-size:14px}

#main .workshop-ui .boost-choices>button>.kg-icon{display:none!important}
#main .workshop-ui .sw-panel .selected-item h2{font-size:18px;line-height:22px;margin:2px 0 4px}
#main .workshop-ui .work-content[data-dept=sharpen][data-view=work] .sw-panel.item-panel,#main .workshop-ui .work-content[data-dept=sharpen][data-view=work] .next-step{padding:12px}

.workshop-ui .work-craft-cost{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:14px 0;color:#2a2116}.workshop-ui .work-craft-cost>span{display:inline-flex;align-items:center;gap:6px}.workshop-ui .work-craft-cost .kg-icon{width:28px;height:28px;object-fit:contain;display:inline-block;flex:none}

/* Compact material descriptions stay readable at 320px. */
@media(max-width:480px){
 .workshop-ui .material-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 10px;align-items:center}
 .workshop-ui .material-row>div{display:contents}
 .workshop-ui .material-row>div>h2{grid-column:2;grid-row:1;margin:0;min-width:0}
 .workshop-ui .material-row>div>p{grid-column:1/-1;grid-row:2;margin:2px 0 0}
 .workshop-ui .material-row>strong{grid-column:3;grid-row:1;font-size:22px;white-space:nowrap}
 .workshop-ui .material-row>.kg-icon,.workshop-ui .material-row>.work-art{grid-column:1;grid-row:1;width:44px;height:52px;object-fit:contain}
}
.shop-ui .shop-stat-rows dd .kg-icon{width:24px;height:24px;vertical-align:middle;margin-right:4px}

.shop-ui .shop-stat-rows dd.resource-value{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}
.shop-ui .shop-stat-rows dd.resource-value .kg-icon{flex-shrink:0;margin-right:0}
.work-changes194{margin:12px 0}.work-changes194 .ic-property{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid #a57f4d45}.work-changes194 dt{display:flex;align-items:center;gap:6px;min-width:0}.work-changes194 dt .kg-icon{width:24px;height:24px;object-fit:contain}.work-changes194 dd{margin:0;white-space:nowrap;font-weight:700}.work-changes194 dd small{margin-left:6px}

#chat-panel.chat79{--kg-ink:#241A12;--kg-cream:#EEE1C9;--kg-leather:#381B13;--kg-paper:#E4CEB0;--kg-gold:#AC8B59;--kg-well:#171310;--kg-positive:#245A29;--kg-negative:#7D2021;--kg-common:#A9A49A;--kg-improved:#348955;--kg-rare:#2875BE;--kg-epic:#8A40BF;--kg-legendary:#CE9C40;--kg-font:KrongradChrome,Georgia,serif;font:14px/1.4 var(--kg-font);color:var(--kg-ink);display:flex;flex-direction:column;gap:8px;container-type:inline-size;min-width:0}
#chat-panel.chat79,#chat-panel.chat79 *{box-sizing:border-box}#chat-panel.chat79>*{flex:none}#chat-panel.chat79 button{font-family:var(--kg-font);text-shadow:none;box-shadow:none;border-radius:0;margin:0;cursor:pointer}#chat-panel.chat79 button:disabled{cursor:default}#chat-panel.chat79 button:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}#chat-panel.chat79 p,#chat-panel.chat79 summary{color:inherit}#chat-panel.chat79 h1,#chat-panel.chat79 h2,#chat-panel.chat79 h3{color:inherit;padding:0;font-family:var(--kg-font);background:none;text-shadow:none;letter-spacing:normal}#chat-panel.chat79 .kg-icon{filter:none}#chat-panel.chat79 img{border:0;margin:0}#chat-panel.chat79 .kg-button{font-weight:400}
#chat-panel.chat79 .kg-panel,#chat-panel.chat79 .kg-button,#chat-panel.chat79 .kg-slot,#chat-panel.chat79 .kg-round,#chat-panel.chat79 .kg-upgrade,#chat-panel.chat79 .kg-progress,#chat-panel.chat79 .kg-nav-shell,#chat-panel.chat79 .kg-nav-button{position:relative;isolation:isolate}#chat-panel.chat79 .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:8px}#chat-panel.chat79 .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}#chat-panel.chat79 .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0}#chat-panel.chat79 .kg-icon{display:block;object-fit:contain;width:32px;height:32px;flex:none}#chat-panel.chat79 [data-kg-text]{display:block;min-width:0}#chat-panel.chat79 .kg-button{border:0;background:none;color:var(--kg-cream);display:inline-flex;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:16px;line-height:1.15;min-width:0}#chat-panel.chat79 .kg-button.kg-small{min-height:32px;padding:4px 12px;font-size:14px}#chat-panel.chat79 .kg-button.kg-large{min-height:52px;font-size:20px}#chat-panel.chat79 .kg-button.kg-large .kg-icon{width:48px;height:40px}#chat-panel.chat79 .kg-button:active>.kg-surface,#chat-panel.chat79 .kg-button[data-state=pressed]>.kg-surface{filter:brightness(.68)}#chat-panel.chat79 .kg-button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}#chat-panel.chat79 .kg-button:disabled>[data-kg-text],#chat-panel.chat79 .kg-button:disabled>.kg-icon{opacity:.5}#chat-panel.chat79 .kg-round{border:0;background:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;font-size:28px;color:var(--kg-ink);vertical-align:middle}#chat-panel.chat79 .kg-base{position:absolute;inset:0;width:100%;height:100%;z-index:-1}#chat-panel.chat79 .kg-round .kg-icon{width:64%;height:64%}#chat-panel.chat79 .kg-round:active .kg-base,#chat-panel.chat79 .kg-round[data-state=pressed] .kg-base{filter:brightness(.68)}#chat-panel.chat79 .kg-round:disabled .kg-base{filter:grayscale(.8) brightness(.6)}#chat-panel.chat79 .kg-round:disabled>[data-kg-text]{opacity:.5}#chat-panel.chat79 .kg-progress{height:20px;padding:4px;overflow:hidden;border-radius:6px}#chat-panel.chat79 .kg-fill{height:100%;position:relative;display:block;background:#28692a;overflow:hidden}#chat-panel.chat79 .kg-fill img{width:100%;height:100%;object-fit:cover;opacity:.35}#chat-panel.chat79 .kg-progress[data-tone=hp] .kg-fill{background:#972c25}#chat-panel.chat79 .kg-progress[data-tone=energy] .kg-fill{background:#bd8a20}#chat-panel.chat79 .kg-progress[data-tone=xp] .kg-fill{background:#285d89}#chat-panel.chat79 .kb-paper,#chat-panel.chat79 .kb-business-card,#chat-panel.chat79 .kb-cover,#chat-panel.chat79 .kb-row,#chat-panel.chat79 .kb-window-head,#chat-panel.chat79 .kb-level,#chat-panel.chat79 .kb-ledger,#chat-panel.chat79 .kb-banner{position:relative;isolation:isolate}#chat-panel.chat79 .kb-paper{padding:12px;color:var(--kg-ink);min-width:0}#chat-panel.chat79 .kb-paper h2,#chat-panel.chat79 .kb-paper h3{margin:0;font-size:20px;line-height:24px}#chat-panel.chat79 .kb-paper p{margin:8px 0 0;font-size:14px;line-height:20px}#chat-panel.chat79 .kb-art{display:block;object-fit:contain;width:32px;height:32px;flex:none}#chat-panel.chat79 .kb-eyebrow{font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:400}#chat-panel.chat79 .kb-button{width:100%;min-height:48px;font-size:17px;gap:8px;padding:8px 12px}#chat-panel.chat79 .kb-button .kg-icon{width:28px;height:28px}#chat-panel.chat79 .kb-button.kb-secondary{min-height:40px;font-size:14px}#chat-panel.chat79 .kb-button:disabled>.kg-frame,#chat-panel.chat79 .kb-row:disabled>.kg-frame,#chat-panel.chat79 .kb-business-card:disabled>.kg-frame{filter:grayscale(.7)}#chat-panel.chat79 .kb-business-card{display:block;width:100%;border:0;background:none;color:var(--kg-ink);padding:6px;text-align:left;min-width:0;cursor:pointer}#chat-panel.chat79 .kb-cover{overflow:hidden;aspect-ratio:2.3;border-radius:8px;background:var(--kg-well)}#chat-panel.chat79 .kb-cover>.kb-art{width:100%;height:100%;object-fit:cover;object-position:center top}#chat-panel.chat79 .kb-cover>.kg-frame{z-index:4}#chat-panel.chat79 .kb-level{position:absolute;right:12px;top:12px;z-index:5;min-width:44px;padding:4px 8px;color:var(--kg-cream);font-size:12px;text-align:center;line-height:16px}#chat-panel.chat79 .kb-cover-compact{aspect-ratio:2.9}#chat-panel.chat79 .kb-card-name{position:relative;display:block;padding:8px 28px 4px 8px}#chat-panel.chat79 .kb-card-name strong{font-size:20px;line-height:24px;font-weight:700}#chat-panel.chat79 .kb-card-name .kb-chevron{position:absolute;right:8px;top:20px}#chat-panel.chat79 .kb-card-till{display:flex;align-items:center;gap:4px;padding:0 8px 6px;font-size:12px;line-height:20px}#chat-panel.chat79 .kb-card-till>.kg-icon{width:24px;height:24px}#chat-panel.chat79 .kb-card-till>b{font-size:18px;white-space:nowrap}#chat-panel.chat79 .kb-card-till>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--kg-positive)}#chat-panel.chat79 .kb-card-notice{display:flex;align-items:center;gap:4px;margin:0 8px 4px;padding-top:4px;border-top:1px solid var(--kg-gold);font-size:11px;color:var(--kg-positive)}#chat-panel.chat79 .kb-card-notice>.kg-icon{width:16px;height:16px}#chat-panel.chat79 .kb-row{width:100%;border:0;background:none;color:var(--kg-cream);padding:12px;display:flex;align-items:center;gap:8px;text-align:left;min-height:68px;min-width:0}#chat-panel.chat79 .kb-row>.kg-icon{width:36px;height:36px}#chat-panel.chat79 .kb-row>span:not(.kg-frame):not(.kg-surface){flex:1;min-width:0}#chat-panel.chat79 .kb-row strong{font-size:17px;line-height:20px;font-weight:400}#chat-panel.chat79 .kb-row small{display:block;color:var(--kg-gold);font-size:12px;line-height:16px;margin-top:4px}#chat-panel.chat79 .kb-row-status{font-size:16px;font-weight:400;white-space:nowrap;color:var(--kg-gold)}#chat-panel.chat79 .kb-chevron{font-size:24px;line-height:28px;flex:none!important;max-width:16px}#chat-panel.chat79 .kb-row:active>.kg-surface,#chat-panel.chat79 .kb-row[data-state=pressed]>.kg-surface,#chat-panel.chat79 .kb-business-card:active>.kg-surface,#chat-panel.chat79 .kb-business-card[data-state=pressed]>.kg-surface{filter:brightness(.68)}#chat-panel.chat79 .kb-row:disabled,#chat-panel.chat79 .kb-business-card:disabled{cursor:default}#chat-panel.chat79 .kb-row:disabled>.kg-surface,#chat-panel.chat79 .kb-business-card:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}#chat-panel.chat79 .kb-row:disabled>.kg-icon,#chat-panel.chat79 .kb-business-card:disabled>.kb-cover{filter:grayscale(.8);opacity:.6}#chat-panel.chat79 .kb-window-head{min-height:56px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--kg-cream)}#chat-panel.chat79 .kb-window-head h1{font-size:20px;line-height:24px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}#chat-panel.chat79 .kb-window-head .kg-round{width:32px;height:32px;flex:none;font-size:24px}#chat-panel.chat79 .kb-window-head .kg-round:last-child{font-size:18px}#chat-panel.chat79 .kb-section-label{display:flex;align-items:center;gap:8px;min-width:0}#chat-panel.chat79 .kb-section-label h2{font-size:16px;line-height:20px;letter-spacing:.7px}#chat-panel.chat79 .kb-section-label>.kb-art{width:28px;height:28px}#chat-panel.chat79 .kb-till-state{margin-left:auto;font-size:12px;color:var(--kg-positive)}#chat-panel.chat79 .kb-cash-number{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0}#chat-panel.chat79 .kb-cash-number>.kg-icon{width:40px;height:40px}#chat-panel.chat79 .kb-cash-number b{font-size:32px;line-height:40px;font-weight:700;white-space:nowrap}#chat-panel.chat79 .kb-cash-number small{align-self:end;margin-bottom:6px;font-size:13px;white-space:nowrap}#chat-panel.chat79 .kb-cashbox>.kg-progress{height:16px;margin:8px 0 12px}#chat-panel.chat79 .kb-center{text-align:center}#chat-panel.chat79 .kb-paper p.kb-small,#chat-panel.chat79 .kb-small{font-size:12px;line-height:16px}#chat-panel.chat79 .kb-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0;gap:8px}#chat-panel.chat79 .kb-reward>span{display:grid;grid-template-columns:36px auto;align-items:center;column-gap:8px}#chat-panel.chat79 .kb-reward .kg-icon,#chat-panel.chat79 .kb-reward .kb-art{grid-row:span 2;width:36px;height:36px}#chat-panel.chat79 .kb-reward b{font-size:24px;line-height:28px}#chat-panel.chat79 .kb-reward small{font-size:12px}#chat-panel.chat79 .kb-ledger{padding:12px 16px;display:flex;gap:12px;align-items:center;color:var(--kg-cream);min-width:0}#chat-panel.chat79 .kb-ledger>.kg-icon{width:44px;height:44px}#chat-panel.chat79 .kb-ledger>div{flex:1}#chat-panel.chat79 .kb-ledger small{display:block;font-size:12px;color:var(--kg-gold)}#chat-panel.chat79 .kb-ledger b{font-size:28px;line-height:32px;font-weight:400;white-space:nowrap}#chat-panel.chat79 .kb-ledger .kb-ledger-note{font-size:12px;text-align:right;line-height:16px}#chat-panel.chat79 .kb-banner{padding:12px 16px;display:flex;align-items:center;gap:8px;color:var(--kg-cream);font-size:14px;line-height:20px}#chat-panel.chat79 .kb-banner>.kg-icon{width:28px;height:28px}#chat-panel.chat79 .kb-positive{color:var(--kg-positive)}#chat-panel.chat79 .kb-negative{color:var(--kg-negative)}
@container(max-width:350px){#chat-panel.chat79 .kb-card-name strong{font-size:18px}#chat-panel.chat79 .kb-card-till{flex-wrap:wrap}#chat-panel.chat79 .kb-cover-compact{aspect-ratio:2.5}#chat-panel.chat79 .kb-window-head{padding:8px;gap:4px}#chat-panel.chat79 .kb-window-head h1{font-size:18px}#chat-panel.chat79 .kb-row{padding:12px;gap:8px}#chat-panel.chat79 .kb-row strong{font-size:15px}#chat-panel.chat79 .kb-row>.kg-icon{width:28px;height:28px}#chat-panel.chat79 .kb-row-status{font-size:14px}#chat-panel.chat79 .kb-cash-number b{font-size:28px}#chat-panel.chat79 .kb-cash-number small{font-size:11px}}#chat-panel.chat79 .kb-cover[data-business-status=unopened]>.kb-art{filter:saturate(.5) brightness(.78)}#chat-panel.chat79 .kb-cover[data-business-status=locked]>.kb-art{filter:grayscale(.9) brightness(.5)}#chat-panel.chat79 .kb-access-badge{position:absolute;isolation:isolate;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--kg-cream);font-size:18px;line-height:24px;font-weight:700}#chat-panel.chat79 .kb-access-badge>.kg-icon{width:24px;height:24px}#chat-panel.chat79 .kb-cover[data-business-status=locked]:not(:has(>.kb-art)){aspect-ratio:4.5}#chat-panel.chat79 .kb-cover[data-business-status=locked]:not(:has(>.kb-art))>.kb-access-badge{position:relative;left:auto;bottom:auto;margin:12px;width:fit-content}#chat-panel.chat79 .kb-access-reason{display:block;padding:0 8px 8px;font-size:14px;line-height:20px;color:var(--kg-negative)}#chat-panel.chat79 .kb-access-action{display:block;margin:0 8px 4px;padding-top:8px;border-top:1px solid var(--kg-gold);font-size:14px;line-height:20px;font-weight:700}#chat-panel.chat79 .kb-business-card[data-business-status=locked] .kb-card-name strong{font-size:18px;line-height:24px}#chat-panel.chat79 .kb-business-card[data-business-status=locked] .kb-cover .kg-surface{background-size:10px 58px}#chat-panel.chat79 .business-title{display:flex;align-items:center;gap:8px;padding:4px;font-size:22px;line-height:28px;margin:0;letter-spacing:.5px}#chat-panel.chat79 .business-title>.ks-section-icon{width:32px;height:32px}#chat-panel.chat79 .business-title>.kg-round{width:32px;height:32px;font-size:14px;margin-left:auto}#chat-panel.chat79 .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#chat-panel.chat79 .kb-office-district{display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:12px;line-height:20px}#chat-panel.chat79 .kb-office-district>span:last-child{color:var(--kg-positive)}#chat-panel.chat79 .income-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}#chat-panel.chat79 .income-strip>div,#chat-panel.chat79 .income-strip>button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;min-width:0}#chat-panel.chat79 .income-strip>button{border:0;border-left:1px solid var(--kg-gold);background:none;color:var(--kg-ink);font-family:var(--kg-font);cursor:pointer}#chat-panel.chat79 .income-strip b{font-size:20px;line-height:24px}#chat-panel.chat79 .income-strip small{font-size:12px}#chat-panel.chat79 .income-strip .kg-icon,#chat-panel.chat79 .income-strip .kb-art{width:24px;height:24px}#chat-panel.chat79 .income-caption{grid-column:1/-1!important;display:block!important;font-size:11px!important;text-align:center;line-height:16px;margin-top:4px}#chat-panel.chat79 .kb-bonus-line{display:flex;align-items:center;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:8px;font-size:13px;line-height:18px}#chat-panel.chat79 .kb-bonus-line .kg-icon,#chat-panel.chat79 .kb-bonus-line .kb-art{width:28px;height:28px}#chat-panel.chat79 .kb-bonus-line>div{flex:1}#chat-panel.chat79 .kb-bonus-line b,#chat-panel.chat79 .kb-bonus-line small{display:block;font-weight:400}#chat-panel.chat79 .kb-bonus-line small{font-size:11px}#chat-panel.chat79 .kb-order-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);margin-bottom:12px}#chat-panel.chat79 .kb-order-head .ks-section-icon{width:52px;height:52px}#chat-panel.chat79 .kb-order-head>div{min-width:0;flex:1}#chat-panel.chat79 .kb-order-head h2{font-size:23px;line-height:28px;margin:4px 0 0}#chat-panel.chat79 .kb-order-progress{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px;font-size:14px}#chat-panel.chat79 .kb-order-progress b{font-size:24px}#chat-panel.chat79 .kb-order-conditions{padding:12px 0 0;font-size:14px;line-height:20px}#chat-panel.chat79 .kb-order-conditions>p{margin:4px 0 0}#chat-panel.chat79 .kb-reward-caption{font-size:12px;text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:16px}#chat-panel.chat79 .kb-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold);margin:12px 0}#chat-panel.chat79 .kb-terms>div{text-align:center;min-width:0}#chat-panel.chat79 .kb-terms small{display:block;font-size:12px;line-height:16px}#chat-panel.chat79 .kb-terms b{display:block;font-size:28px;line-height:36px}#chat-panel.chat79 .kb-terms>div+div{border-left:1px solid var(--kg-gold)}#chat-panel.chat79 .kb-growth{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;padding:8px 0}#chat-panel.chat79 .kb-growth b{font-size:20px;font-weight:400;white-space:nowrap}#chat-panel.chat79 .kb-risk{margin:12px 0;padding:12px 0;border-top:1px solid var(--kg-gold);border-bottom:1px solid var(--kg-gold)}#chat-panel.chat79 .kb-risk>strong{display:flex;gap:8px;align-items:center;font-size:16px;color:var(--kg-negative)}#chat-panel.chat79 .kb-risk .kg-icon{width:24px;height:24px}#chat-panel.chat79 .kb-risk p{font-size:13px;line-height:19px}#chat-panel.chat79 .kb-balance{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:0 0 12px}#chat-panel.chat79 .kb-balance b{white-space:nowrap}#chat-panel.chat79 .kb-result{text-align:center;padding:24px 16px}#chat-panel.chat79 .kb-result>.kg-icon{width:64px;height:64px;margin:0 auto 12px}#chat-panel.chat79 .kb-result h2{font-size:24px;line-height:28px}#chat-panel.chat79 .kb-result .kb-button{margin-top:16px}#chat-panel.chat79 .kb-notice{margin:0;padding:8px;font-size:12px;line-height:18px;color:var(--kg-positive);text-align:center}#chat-panel.chat79 .kb-notice:empty{display:none}#chat-panel.chat79 .kb-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:8px 12px;color:var(--kg-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}#chat-panel.chat79 .kb-link span:last-child{font-size:20px}#chat-panel.chat79 .kb-divider{display:flex;align-items:center;gap:8px;justify-content:center;padding:4px;color:var(--kg-gold)}#chat-panel.chat79 .kb-divider:before,#chat-panel.chat79 .kb-divider:after{content:'';height:1px;background:var(--kg-gold);flex:1}#chat-panel.chat79 .kb-divider>.kg-icon{width:24px;height:16px}#chat-panel.chat79 .kb-empty{text-align:center;padding:32px 16px}#chat-panel.chat79 .kb-empty>.ks-section-icon{width:96px;height:96px;margin:0 auto 16px}#chat-panel.chat79 .kb-empty p{margin:12px 0 20px}#chat-panel.chat79 .kb-rules a{color:var(--kg-ink);text-underline-offset:3px}#chat-panel.chat79 .kb-rules details{margin-top:12px;border-top:1px solid var(--kg-gold);padding-top:12px}#chat-panel.chat79 .kb-rules summary{cursor:pointer;font-size:14px}
#chat-panel.chat79 .kg-round{background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;flex-shrink:0}#chat-panel.chat79 .kb-round-help{background-image:var(--kg-round-help)}#chat-panel.chat79 .kb-round-back{background-image:var(--kg-round-back)}#chat-panel.chat79 .kg-round:active{filter:brightness(.68)}#chat-panel.chat79 .kg-frame>img{max-width:none;filter:none}#chat-panel.chat79 .kb-cover:not(:has(>.kb-art)){background-image:none}#chat-panel.chat79 .kb-cover>.kg-surface{z-index:0}#chat-panel.chat79 .kb-paper>.kb-button{margin-top:12px}#chat-panel.chat79 .kb-card-name>.kb-eyebrow{display:block}#chat-panel.chat79 .kb-paper details{margin:12px 0}#chat-panel.chat79 .kb-paper a{color:var(--kg-ink)}
#chat-panel.chat79 .sw-head,#chat-panel.chat79 .sw-panel,#chat-panel.chat79 .sw-help-heading,#chat-panel.chat79 .sw-choice,#chat-panel.chat79 .sw-tabs>button{position:relative;isolation:isolate}#chat-panel.chat79 .sw-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:4px;padding:8px;min-height:64px;color:var(--kg-cream)}#chat-panel.chat79 .sw-head h2{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:22px;line-height:28px;font-weight:400;min-width:0}#chat-panel.chat79 .sw-head h2>.kg-icon{width:36px;height:36px}#chat-panel.chat79 .sw-head .kg-round,#chat-panel.chat79 .sw-help-heading .kg-round{width:40px;height:40px;min-width:40px}#chat-panel.chat79 .sw-panel{padding:16px;color:var(--kg-ink);min-width:0}#chat-panel.chat79 .sw-dark{color:var(--kg-cream)}#chat-panel.chat79 .sw-panel h2{margin:0 0 12px;font-size:20px;line-height:24px}#chat-panel.chat79 .sw-panel h3{margin:0 0 8px;font-size:18px;line-height:24px}#chat-panel.chat79 .sw-panel p{margin:8px 0;font-size:14px;line-height:22px}#chat-panel.chat79 .sw-panel p:first-child{margin-top:0}#chat-panel.chat79 .sw-panel p:last-child{margin-bottom:0}#chat-panel.chat79 .sw-panel>.kg-button{width:100%;margin-top:12px}#chat-panel.chat79 .sw-row{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 0;width:100%;color:inherit;font:inherit;border:0;border-bottom:1px solid var(--kg-gold);background:none;text-align:left}#chat-panel.chat79 .sw-row:last-child{border-bottom:0}#chat-panel.chat79 .sw-row>span{flex:1;min-width:0}#chat-panel.chat79 .sw-row b{font-size:15px;line-height:20px;font-weight:400}#chat-panel.chat79 .sw-row strong{font-size:18px;line-height:24px;font-weight:400;white-space:nowrap}#chat-panel.chat79 .sw-row small{display:block;font-size:12px;line-height:18px;margin-top:4px}#chat-panel.chat79 .sw-row>i{font-size:24px;color:var(--kg-gold);font-style:normal}#chat-panel.chat79 .sw-row>.kg-icon{width:28px;height:28px}#chat-panel.chat79 .sw-balance{display:flex;gap:16px;align-items:center;min-height:96px;padding:4px 8px}#chat-panel.chat79 .sw-balance>.kg-icon{width:72px;height:72px}#chat-panel.chat79 .sw-balance>div{min-width:0}#chat-panel.chat79 .sw-balance small{display:block;font-size:12px;line-height:20px;color:var(--kg-gold)}#chat-panel.chat79 .sw-balance strong{display:block;font-size:32px;line-height:40px;font-weight:400;font-variant-numeric:tabular-nums}#chat-panel.chat79 .sw-balance p{font-size:12px;line-height:20px;margin:0}#chat-panel.chat79 .sw-meter{padding:8px 0}#chat-panel.chat79 .sw-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;margin-bottom:4px}#chat-panel.chat79 .sw-meter b{font-weight:400}#chat-panel.chat79 .sw-meter .kg-progress{height:16px}#chat-panel.chat79 .sw-meter .kg-fill{background:var(--kg-negative);filter:none}#chat-panel.chat79 .sw-meter .kg-fill img{opacity:.65;filter:none}#chat-panel.chat79 .sw-tabs{display:grid;grid-template-columns:repeat(var(--tabs,2),minmax(0,1fr));gap:4px}#chat-panel.chat79 .sw-tabs>button{border:0;background:none;color:var(--kg-cream);font:inherit;font-size:14px;line-height:20px;min-height:44px;padding:8px 4px}#chat-panel.chat79 .sw-tabs>button[aria-current]{color:var(--kg-gold)}#chat-panel.chat79 .sw-help{display:grid;gap:8px}#chat-panel.chat79 .sw-help-heading{display:flex;align-items:center;gap:8px;padding:12px;color:var(--kg-cream)}#chat-panel.chat79 .sw-help-heading h2{flex:1;margin:0;font-size:22px;line-height:28px}#chat-panel.chat79 .sw-help-heading>.kg-icon{width:36px;height:36px}#chat-panel.chat79 .sw-help .sw-panel{padding:20px}#chat-panel.chat79 .sw-help .sw-panel p{font-size:16px;line-height:24px;margin-bottom:16px}#chat-panel.chat79 .sw-formula{border-top:1px solid var(--kg-gold);margin-top:16px;padding-top:16px;font-size:18px;line-height:28px}#chat-panel.chat79 .sw-help>.kg-button{width:100%}#chat-panel.chat79 .sw-choice{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:16px;color:var(--kg-ink);text-align:left;font:inherit;min-height:72px}#chat-panel.chat79 .sw-choice>span{flex:1}#chat-panel.chat79 .sw-choice b{display:block;font-size:16px;line-height:24px}#chat-panel.chat79 .sw-choice small{display:block;font-size:12px;line-height:20px;margin-top:4px}#chat-panel.chat79 .sw-choice>i{font-size:24px;font-style:normal;color:var(--kg-gold)}#chat-panel.chat79 .sw-choice[aria-pressed=true]{color:var(--kg-cream)}#chat-panel.chat79 .sw-choice:disabled{filter:saturate(.3);opacity:.65}#chat-panel.chat79 .sw-field{display:grid;gap:8px;margin:12px 0;font-size:14px;line-height:20px}#chat-panel.chat79 .sw-field input,#chat-panel.chat79 .sw-field textarea,#chat-panel.chat79 .sw-field select,#chat-panel.chat79 .sw-select{width:100%;min-height:48px;border:1px solid var(--kg-gold);border-radius:4px;padding:12px;color:var(--kg-ink);background:var(--kg-paper);box-shadow:inset 0 2px 4px #241A1233;font:inherit;font-size:16px;line-height:24px}#chat-panel.chat79 .sw-field textarea{min-height:128px;resize:vertical}#chat-panel.chat79 .sw-field input:focus,#chat-panel.chat79 .sw-field textarea:focus,#chat-panel.chat79 .sw-field select:focus,#chat-panel.chat79 .sw-select:focus{outline:2px solid var(--kg-gold);outline-offset:2px}#chat-panel.chat79 .sw-check{display:flex;gap:12px;align-items:start;min-height:52px;padding:12px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}#chat-panel.chat79 .sw-check:last-child{border:0}#chat-panel.chat79 .sw-check input{width:24px;height:24px;flex:none;accent-color:var(--kg-negative);margin:0}#chat-panel.chat79 .sw-check small{display:block;font-size:12px;line-height:18px;margin-top:4px}#chat-panel.chat79 .sw-error{color:var(--kg-negative);font-size:14px;line-height:20px}#chat-panel.chat79 .sw-positive{color:var(--kg-positive)}#chat-panel.chat79 [data-state=pressed]>.kg-surface{filter:brightness(.68)}#chat-panel.chat79 .sw-choice[data-state=pressed]{transform:translateY(1px)}
@container(max-width:350px){#chat-panel.chat79 .sw-head h2{font-size:20px;line-height:24px;gap:4px}#chat-panel.chat79 .sw-head h2>.kg-icon{width:28px;height:28px}#chat-panel.chat79 .sw-panel{padding:12px}#chat-panel.chat79 .sw-balance{gap:12px;padding:4px}#chat-panel.chat79 .sw-balance>.kg-icon{width:56px;height:56px}#chat-panel.chat79 .sw-balance strong{font-size:28px;line-height:36px}#chat-panel.chat79 .sw-row b{font-size:14px}#chat-panel.chat79 .sw-row strong{font-size:16px}#chat-panel.chat79 .sw-tabs>button{font-size:12px}}#chat-panel.chat79 .sw-field input,#chat-panel.chat79 .sw-field textarea,#chat-panel.chat79 .sw-field select,#chat-panel.chat79 .sw-select{background-image:url('/assets/e0e00925849153e306c6.png');background-size:120px 43px}#chat-panel.chat79 .sw-check input{appearance:none;border:0;position:relative;background:url('/assets/4e3ae59a497541e83cc8.png') center/contain no-repeat;min-width:28px;width:28px;height:28px;cursor:pointer}#chat-panel.chat79 .sw-check input:checked::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--kg-ink);font:700 18px/28px var(--kg-font)}#chat-panel.chat79 .sw-check input:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px;border-radius:50%}#chat-panel.chat79 .sw-stack{display:grid;gap:8px}#chat-panel.chat79 .sw-section-title{font-size:18px;line-height:24px;font-weight:400;margin:8px 8px 0}#chat-panel.chat79 .sw-caption{font-size:12px;line-height:20px;margin:4px 8px}#chat-panel.chat79 .sw-center{text-align:center}#chat-panel.chat79 .sw-note{border-top:1px solid var(--kg-gold);padding-top:12px}#chat-panel.chat79 .sw-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#chat-panel.chat79 .sw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#chat-panel.chat79 .sw-two>.kg-button{width:100%}#chat-panel.chat79 .sw-head h2 .kg-icon{flex:none}#chat-panel.chat79 .sw-head h2 span{overflow-wrap:normal}#chat-panel.chat79 .sw-cartridges{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:2px;margin:16px 0 12px}#chat-panel.chat79 .sw-cartridges i{height:28px;border:1px solid var(--kg-gold);border-radius:2px;background:var(--kg-well)}#chat-panel.chat79 .sw-cartridges .loaded{background:var(--kg-negative) url('/assets/2b28a6baef33572d917e.png') center/126px 14px}#chat-panel.chat79 .sw-cartridges .reserved{background:var(--kg-gold)}#chat-panel.chat79 .sw-pack{position:relative;isolation:isolate;border:0;background:none;padding:12px 8px;color:var(--kg-cream);font:inherit;display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}#chat-panel.chat79 .sw-pack .kg-icon{width:52px;height:56px}#chat-panel.chat79 .sw-pack strong{font-size:24px;font-weight:400}#chat-panel.chat79 .sw-pack small{font-size:12px;line-height:18px;color:var(--kg-gold)}#chat-panel.chat79 .sw-pack b{font-size:12px;font-weight:400;margin-top:4px}#chat-panel.chat79 .sw-pass{position:relative;isolation:isolate;padding:24px 20px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 16px;color:var(--kg-cream)}#chat-panel.chat79 .sw-pass>.kg-icon{width:72px;height:80px;grid-row:1/3;align-self:center}#chat-panel.chat79 .sw-pass small{font-size:12px;line-height:20px;color:var(--kg-gold)}#chat-panel.chat79 .sw-pass h2{font-size:28px;line-height:32px;letter-spacing:2px;margin:4px 0}#chat-panel.chat79 .sw-pass p{font-size:14px;line-height:20px;margin:0}#chat-panel.chat79 .sw-pass .serial{grid-column:1/-1;border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:8px;display:flex;justify-content:space-between;font-size:12px;color:var(--kg-gold)}#chat-panel.chat79 .sw-ledger{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 0;border-bottom:1px solid var(--kg-gold);font-size:14px;line-height:20px}#chat-panel.chat79 .sw-ledger:last-child{border-bottom:0}#chat-panel.chat79 .sw-ledger small{font-size:12px}#chat-panel.chat79 .sw-ledger strong{grid-row:1/3;grid-column:2;align-self:center;font-size:18px;font-weight:400}#chat-panel.chat79 .sw-medal-line{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:center}#chat-panel.chat79 .sw-medal-line img{width:80px;height:88px;object-fit:contain}#chat-panel.chat79 .sw-medal-line h2{font-size:18px;line-height:24px;margin:0 0 4px}#chat-panel.chat79 .sw-medal-line p{font-size:14px;line-height:20px}#chat-panel.chat79 .sw-medal-line small{font-size:12px;line-height:18px;display:block}#chat-panel.chat79 .sw-medal-detail{display:block;width:144px;height:144px;object-fit:contain;margin:0 auto 12px}#chat-panel.chat79 .sw-achievement{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}#chat-panel.chat79 .sw-achievement>.kg-icon{width:64px;height:72px}#chat-panel.chat79 .sw-achievement h2{font-size:18px;margin-bottom:4px}#chat-panel.chat79 .sw-achievement p{font-size:14px;line-height:20px}#chat-panel.chat79 .sw-achievement .sw-meter{grid-column:1/-1;padding:0}#chat-panel.chat79 .sw-achievement .kg-button{grid-column:1/-1;margin-top:0;width:100%}#chat-panel.chat79 .sw-status{font-size:12px;line-height:20px;color:var(--kg-negative)}#chat-panel.chat79 .sw-prize{display:flex;gap:16px;font-size:16px;align-items:center;margin:8px 0}#chat-panel.chat79 .sw-prize span{display:flex;gap:4px;align-items:center}#chat-panel.chat79 .sw-prize .kg-icon{width:24px;height:24px}#chat-panel.chat79 .sw-cover{position:relative;isolation:isolate;min-height:224px;padding:128px 16px 16px;overflow:hidden;border-radius:8px;color:var(--kg-cream)}#chat-panel.chat79 .sw-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}#chat-panel.chat79 .sw-cover:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,var(--kg-well));z-index:-2}#chat-panel.chat79 .sw-cover h2{font-size:26px;line-height:32px;font-weight:400;margin:0 0 4px}#chat-panel.chat79 .sw-cover small{font-size:12px;line-height:20px;color:var(--kg-gold)}#chat-panel.chat79 .sw-story-copy p{font-size:16px;line-height:26px}#chat-panel.chat79 .sw-story-copy .sw-prose::first-letter{font-size:36px;float:left;padding:6px 8px 0 0;line-height:32px}#chat-panel.chat79 .sw-story-locked{color:var(--kg-ink);opacity:.7}#chat-panel.chat79 .sw-story-locked .kg-icon{width:24px;height:24px}#chat-panel.chat79 .sw-portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#chat-panel.chat79 .sw-portrait{position:relative;isolation:isolate;border:0;background:none;color:var(--kg-cream);padding:8px;font:inherit}#chat-panel.chat79 .sw-portrait img{width:100%;height:168px;object-fit:contain}#chat-panel.chat79 .sw-portrait span{display:block;font-size:12px;line-height:20px}#chat-panel.chat79 .sw-portrait[aria-pressed=true] span{color:var(--kg-gold)}#chat-panel.chat79 .sw-version{font-size:12px;line-height:20px;text-align:center;margin:8px}#chat-panel.chat79 .sw-form-actions .kg-button{width:100%}#chat-panel.chat79 .sw-panel form>.kg-button{width:100%;margin-top:8px}#chat-panel.chat79 .sw-confirm-icon{width:72px!important;height:72px!important;margin:4px auto 16px}#chat-panel.chat79 .sw-number-list{padding-left:20px;font-size:14px;line-height:22px}#chat-panel.chat79 .sw-number-list li{margin:8px 0}#chat-panel.chat79 .sw-inline-success{padding:12px;border-top:1px solid var(--kg-gold);color:var(--kg-positive);font-size:14px;line-height:20px}#chat-panel.chat79 .sw-accordion{border-top:1px solid var(--kg-gold);padding-top:12px;margin-top:12px}#chat-panel.chat79 .sw-accordion summary{font-size:14px;line-height:22px;cursor:pointer}#chat-panel.chat79 .sw-accordion p{font-size:14px;line-height:22px}#chat-panel.chat79 .sw-placeholder-number{letter-spacing:2px}
@container(max-width:350px){#chat-panel.chat79 .identity:not(.has-vip){grid-template-columns:56px minmax(0,1fr)}#chat-panel.chat79 .sw-pass{gap:8px;padding:20px 16px;grid-template-columns:56px minmax(0,1fr)}#chat-panel.chat79 .sw-pass>.kg-icon{width:56px}#chat-panel.chat79 .sw-pass h2{font-size:24px}#chat-panel.chat79 .sw-medal-line{grid-template-columns:64px minmax(0,1fr);gap:8px}#chat-panel.chat79 .sw-medal-line img{width:64px;height:80px}#chat-panel.chat79 .sw-pack{padding:12px 4px}#chat-panel.chat79 .sw-pack .kg-icon{width:44px}#chat-panel.chat79 .sw-pack strong{font-size:20px}#chat-panel.chat79 .sw-pack small{font-size:11px}#chat-panel.chat79 .sw-achievement{grid-template-columns:48px minmax(0,1fr);gap:8px}#chat-panel.chat79 .sw-achievement>.kg-icon{width:48px;height:56px}#chat-panel.chat79 .sw-cover{min-height:200px;padding-top:100px}}
#chat-panel.chat79 .sw-head h2{margin:0;border:0;line-height:28px;font-size:22px;font-weight:400}
#chat-panel.chat79 .sw-head h2 .kg-icon{width:36px;height:36px;flex:none}
#chat-panel.chat79 .sw-help-heading h2{flex:1;margin:0;font-weight:400;font-size:22px;line-height:28px;border:0}
#chat-panel.chat79 .sw-close{flex:none;font-size:28px}
#chat-panel.chat79 .sw-row{background:none;box-shadow:none;text-shadow:none}
#chat-panel.chat79 .sw-medal-detail img{width:100%;height:100%;object-fit:contain}
#chat-panel.chat79 .kg-frame img{max-width:none;filter:none}
#chat-panel.chat79 .kg-button{width:100%;min-height:48px}
#chat-panel.chat79 .sw-error:empty{display:none}
#chat-panel.chat79 .help-copy{white-space:pre-line}
#chat-panel.chat79 .settings-panel{padding:0;background:none;border:0;box-shadow:none;color:var(--kg-ink);display:grid;gap:8px}
#chat-panel.chat79 .settings-section{margin:0;border:0;border-radius:0;box-shadow:none;background:none;padding:16px}
#chat-panel.chat79 .settings-tabs{padding:0;margin:0;background:none;border:0}
#chat-panel.chat79 .settings-tabs button{background:none;color:var(--kg-cream);font-weight:400;min-width:0;box-shadow:none;border:0}
#chat-panel.chat79 .settings-tabs button[aria-selected=true]{color:var(--kg-gold)}
#chat-panel.chat79 :is(.settings-row,.settings-action){font-size:14px;color:var(--kg-ink);border-color:var(--kg-gold);background:none}
#chat-panel.chat79 .settings-action>span{flex:0 0 auto;margin-left:auto;color:var(--kg-gold)}
#chat-panel.chat79 .settings-row small{color:var(--kg-ink)}
#chat-panel.chat79 :is(input:not([type=checkbox]),textarea,select){font:16px/24px var(--kg-font);color:var(--kg-ink);min-height:48px;width:100%;min-width:0;padding:8px;border:1px solid var(--kg-gold);border-radius:4px;background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png');box-shadow:inset 0 2px 4px #241A1233}
#chat-panel.chat79 .settings-row select{width:auto;max-width:50%}
#chat-panel.chat79 input[type=checkbox]{accent-color:var(--kg-negative);width:24px;height:24px;flex:none}
#chat-panel.chat79 .support-card{color:var(--kg-ink);background:var(--kg-paper) url('/assets/e0e00925849153e306c6.png');border-color:var(--kg-gold);box-shadow:inset 0 1px #EEE1C9;padding:12px}
#chat-panel.chat79 .support-reply{background:none;color:var(--kg-ink);border-color:var(--kg-gold)}
#chat-panel.chat79 .account-monogram{background:var(--kg-leather);color:var(--kg-gold);border-color:var(--kg-gold)}
#chat-panel.chat79 .settings-footer{font-size:12px;margin:8px;text-align:center;color:var(--kg-ink)}
#chat-panel.chat79 .power-breakdown{background:none;color:var(--kg-ink);border:0;padding:0;box-shadow:none}
#chat-panel.chat79 .kg-portrait-choice{position:relative;isolation:isolate;color:var(--kg-cream);padding:8px}
@container(max-width:350px){body.game-shell #game-header .gc-identity{grid-template-columns:56px minmax(0,1fr)}#chat-panel.chat79 .sw-head h2{font-size:20px;line-height:24px}#chat-panel.chat79 .sw-head h2 .kg-icon{width:28px;height:28px}#chat-panel.chat79 .settings-section{padding:12px}}
#chat-panel.chat79 .settings-language-note{color:var(--kg-ink)!important;font-size:12px!important;line-height:20px;opacity:1}
#chat-panel.chat79 :is(.label,.muted,.note,.settings-language-note){color:var(--kg-ink)}
#chat-panel.chat79 input[type=checkbox]{appearance:none;border:0;position:relative;background:url('/assets/4e3ae59a497541e83cc8.png') center/contain no-repeat;min-width:28px;width:28px;height:28px;cursor:pointer;padding:0;box-shadow:none}
#chat-panel.chat79 input[type=checkbox]:checked::after{content:'✓';display:grid;place-items:center;position:absolute;inset:0;color:var(--kg-ink);font:700 18px/28px var(--kg-font)}
#chat-panel.chat79 input[type=checkbox]:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px;border-radius:50%}
#chat-panel.chat79 .kg-round{--sw-round-size:40px;box-sizing:border-box;width:var(--sw-round-size);height:var(--sw-round-size);min-width:var(--sw-round-size);min-height:var(--sw-round-size);max-width:var(--sw-round-size);max-height:var(--sw-round-size);aspect-ratio:1;flex:0 0 var(--sw-round-size);align-self:center;justify-self:center;padding:0;line-height:1}
#chat-panel.chat79 .kg-round>.kg-base{object-fit:contain}
#chat-panel.chat79 .sw-medal-rack{width:min(100%,216px);margin:8px auto 0}
#chat-panel.chat79 :is(.settings-row small,.account-card small,.support-meta,.support-meta time,.settings-form-success){font-size:12px;line-height:20px;opacity:1}
#chat-panel.chat79 .settings-form-success{color:var(--kg-positive)}
#chat-panel.chat79 .sw-districts{display:grid;gap:8px}
#chat-panel.chat79 .sw-district{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:8px;width:100%;padding:16px;border:0;background:none;color:var(--kg-cream);text-align:left;box-shadow:none;font:inherit}
#chat-panel.chat79 .sw-district>.kg-icon{width:40px;height:40px}
#chat-panel.chat79 .sw-district strong{display:block;font-size:20px;line-height:28px;font-weight:400;overflow-wrap:anywhere}
#chat-panel.chat79 .sw-district small{display:block;font-size:12px;line-height:20px;color:var(--kg-cream)}
#chat-panel.chat79 .sw-district small:first-child{color:var(--kg-gold)}
#chat-panel.chat79 .sw-district-mark{font-size:24px;line-height:28px;text-align:center;color:var(--kg-gold)}
#chat-panel.chat79 .sw-district:active>.kg-surface{filter:brightness(.68)}
#chat-panel.chat79 :is(.account-card small,.support-meta,.support-meta time,.text-button),:is(#modal,#help-modal) .service-settings>.eyebrow{color:var(--kg-ink)}
#chat-panel.chat79 .text-button{text-decoration:underline;text-underline-offset:3px;font-size:12px}
#chat-panel.chat79 .settings-form-error{color:var(--kg-negative)}
#chat-panel.chat79 :is(input,textarea)::placeholder{color:var(--kg-ink);opacity:.8}
:root{--ic-ink:var(--kg-ink);--ic-gold:var(--kg-gold);--ic-good:#245a29;--ic-bad:#7d2021}:where(.ic-ui,.ic-detail,.chat79) button,:where(.ic-ui,.ic-detail,.chat79) input,:where(.ic-ui,.ic-detail,.chat79) textarea,:where(.ic-ui,.ic-detail,.chat79) select{font-family:var(--kg-font)}:where(.ic-ui,.ic-detail,.chat79) button{cursor:pointer}:where(.ic-ui,.ic-detail,.chat79) button:disabled{cursor:default}:where(.ic-ui,.ic-detail,.chat79) a,:where(.ic-ui,.ic-detail,.chat79) button{-webkit-tap-highlight-color:transparent}:where(.ic-ui,.ic-detail,.chat79) .positive{color:var(--ic-good)}:where(.ic-ui,.ic-detail,.chat79) .negative{color:var(--ic-bad)}:where(.ic-ui,.ic-detail,.chat79) .kg-round .kg-icon{position:relative;width:24px;height:24px;object-fit:contain}:where(.ic-ui,.ic-detail,.chat79) .kg-round [data-kg-text]{line-height:1}:where(.ic-ui,.ic-detail,.chat79) .sw-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}:where(.ic-ui,.ic-detail,.chat79) .sw-tabs:has(>button:nth-child(2):last-child){grid-template-columns:1fr 1fr}:where(.ic-ui,.ic-detail,.chat79) .sw-panel{margin:0}:where(.ic-ui,.ic-detail,.chat79) .sw-panel p,:where(.ic-ui,.ic-detail,.chat79) .fine-note{color:var(--kg-ink)}:where(.ic-ui,.ic-detail,.chat79) .fine-note{font-size:12px;line-height:16px;margin:0 4px}:where(.ic-ui,.ic-detail,.chat79) .item-heading{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;position:relative;isolation:isolate;padding:12px}:where(.ic-ui,.ic-detail,.chat79) .item-portrait{min-width:0}:where(.ic-ui,.ic-detail,.chat79) .item-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .item-summary h2{font-size:22px;line-height:26px;margin:0;overflow-wrap:anywhere}:where(.ic-ui,.ic-detail,.chat79) .item-quality{font-size:12px;line-height:16px}:where(.ic-ui,.ic-detail,.chat79) .item-location{font-size:12px;line-height:16px}:where(.ic-ui,.ic-detail,.chat79) .item-power{display:flex;align-items:center;gap:4px;isolation:isolate;position:relative;color:var(--kg-cream);padding:4px 8px;min-height:36px}:where(.ic-ui,.ic-detail,.chat79) .item-power .kg-icon{width:24px;height:28px}:where(.ic-ui,.ic-detail,.chat79) .item-power small{font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .item-power b{font-size:20px;line-height:24px;white-space:nowrap}:where(.ic-ui,.ic-detail,.chat79) .section-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}:where(.ic-ui,.ic-detail,.chat79) .section-caption h3{margin:0}:where(.ic-ui,.ic-detail,.chat79) .section-caption small{font-size:12px;white-space:nowrap}:where(.ic-ui,.ic-detail,.chat79) .property-list{margin:0}:where(.ic-ui,.ic-detail,.chat79) .property-list>div{display:flex;gap:8px;justify-content:space-between;align-items:center;min-height:36px;border-bottom:1px solid #ac8b594d;padding:4px 0}:where(.ic-ui,.ic-detail,.chat79) .property-list>div:last-child{border:0}:where(.ic-ui,.ic-detail,.chat79) .property-list dt{display:flex;gap:8px;align-items:center;font-size:14px;line-height:20px}:where(.ic-ui,.ic-detail,.chat79) .property-list dt .kg-icon{width:28px;height:28px;flex-shrink:0}:where(.ic-ui,.ic-detail,.chat79) .property-list dd{margin:0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}:where(.ic-ui,.ic-detail,.chat79) .property-list .major{min-height:40px}:where(.ic-ui,.ic-detail,.chat79) .property-list .major dd{font-size:24px}:where(.ic-ui,.ic-detail,.chat79) .hidden-effect{display:flex;align-items:center;gap:8px;padding:12px 0 0;background:none;border:0;width:100%;color:var(--kg-ink);font-size:13px;text-align:left}:where(.ic-ui,.ic-detail,.chat79) .hidden-effect .kg-icon{width:24px;height:24px}:where(.ic-ui,.ic-detail,.chat79) .hidden-effect i{margin-left:auto;font-style:normal;border:1px solid var(--kg-gold);border-radius:50%;width:20px;height:20px;text-align:center}:where(.ic-ui,.ic-detail,.chat79) .comparison-panel{padding:12px 16px}:where(.ic-ui,.ic-detail,.chat79) .comparison-link{display:grid;grid-template-columns:1fr auto;gap:4px 8px;width:100%;background:none;border:0;padding:0;text-align:left;color:var(--kg-ink);font-size:13px}:where(.ic-ui,.ic-detail,.chat79) .comparison-link b{grid-row:2;font-size:16px}:where(.ic-ui,.ic-detail,.chat79) .comparison-link i{grid-column:2;grid-row:1/3;align-self:center;font-size:28px;font-style:normal}:where(.ic-ui,.ic-detail,.chat79) .requirements{display:flex;gap:8px;align-items:center;font-size:13px;line-height:20px}:where(.ic-ui,.ic-detail,.chat79) .requirements>.kg-icon{width:28px;height:28px}:where(.ic-ui,.ic-detail,.chat79) .requirements small{display:block;font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .bound-note{display:flex;align-items:center;gap:8px;margin-top:8px!important;font-size:12px!important}:where(.ic-ui,.ic-detail,.chat79) .bound-note .kg-icon{width:20px;height:20px}:where(.ic-ui,.ic-detail,.chat79) .item-story{border-top:1px solid #ac8b5955;margin-top:12px;padding-top:8px;font-size:13px}:where(.ic-ui,.ic-detail,.chat79) .item-story summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:28px;list-style:none}:where(.ic-ui,.ic-detail,.chat79) .item-story summary::-webkit-details-marker{display:none}:where(.ic-ui,.ic-detail,.chat79) .item-story p{margin-top:8px!important;font-size:13px!important}:where(.ic-ui,.ic-detail,.chat79) .item-story dl{margin:8px 0 0}:where(.ic-ui,.ic-detail,.chat79) .item-story dl>div{display:flex;justify-content:space-between}:where(.ic-ui,.ic-detail,.chat79) .item-story dd{margin:0}:where(.ic-ui,.ic-detail,.chat79) .action-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}:where(.ic-ui,.ic-detail,.chat79) .action-pair .kg-button{font-size:14px;padding:8px;min-width:0;min-height:48px}:where(.ic-ui,.ic-detail,.chat79) .action-pair .kg-icon{width:24px;height:28px}:where(.ic-ui,.ic-detail,.chat79) .item-dock{display:flex;gap:8px;align-items:center}:where(.ic-ui,.ic-detail,.chat79) .item-dock>.kg-button{flex:1;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .item-dock>.kg-round{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px}:where(.ic-ui,.ic-detail,.chat79) .snapshot-note{display:flex;gap:8px;align-items:center;font-size:12px;line-height:16px;margin:0 8px}:where(.ic-ui,.ic-detail,.chat79) .snapshot-note .kg-icon{width:20px;height:20px}:where(.ic-ui,.ic-detail,.chat79) .shop-price{display:flex;align-items:center;gap:8px}:where(.ic-ui,.ic-detail,.chat79) .shop-price .kg-icon{width:32px;height:32px}:where(.ic-ui,.ic-detail,.chat79) .shop-price span{font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .shop-price strong{margin-left:auto;font-size:24px}:where(.ic-ui,.ic-detail,.chat79) .compare-items{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:8px;padding:4px 16px}:where(.ic-ui,.ic-detail,.chat79) .compare-items>section{display:grid;gap:8px;text-align:center;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .compare-items>section>small{font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .compare-items>section>b{font-size:14px;line-height:20px;min-height:40px}:where(.ic-ui,.ic-detail,.chat79) .compare-items>i{font-style:normal;text-align:center;font-size:24px}:where(.ic-ui,.ic-detail,.chat79) .compare-list{margin:0}:where(.ic-ui,.ic-detail,.chat79) .compare-list>div{padding:8px 0;border-bottom:1px solid #ac8b5966}:where(.ic-ui,.ic-detail,.chat79) .compare-list>div:last-child{border:0}:where(.ic-ui,.ic-detail,.chat79) .compare-list dt{display:flex;gap:8px;align-items:center;font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .compare-list dt .kg-icon{width:24px;height:24px}:where(.ic-ui,.ic-detail,.chat79) .compare-list dd{margin:4px 0 0 32px;display:flex;gap:8px;align-items:center;font-size:18px;font-variant-numeric:tabular-nums;flex-wrap:wrap}:where(.ic-ui,.ic-detail,.chat79) .compare-list dd i{font-style:normal;font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .compare-list dd small{font-size:12px;margin-left:auto}:where(.ic-ui,.ic-detail,.chat79) .confirm-reward{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}:where(.ic-ui,.ic-detail,.chat79) .confirm-reward .kg-icon{width:40px;height:40px}:where(.ic-ui,.ic-detail,.chat79) .confirm-reward b{font-size:28px}:where(.ic-ui,.ic-detail,.chat79) .confirm-reward span{font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .chat-head{grid-template-columns:40px minmax(0,1fr) 40px 40px;gap:4px}:where(.ic-ui,.ic-detail,.chat79) .chat-head h1{letter-spacing:2px}:where(.ic-ui,.ic-detail,.chat79) .chat-head .kg-round{width:40px;height:40px}:where(.ic-ui,.ic-detail,.chat79) .message-feed{padding:0 4px 8px}:where(.ic-ui,.ic-detail,.chat79) .feed-date{display:flex;align-items:center;gap:8px;justify-content:center;margin:4px 0 8px;color:var(--kg-ink);font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .feed-date:before,:where(.ic-ui,.ic-detail,.chat79) .feed-date:after{content:'';height:1px;flex:1;background:#ac8b5966}:where(.ic-ui,.ic-detail,.chat79) .message{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:12px 4px;border-bottom:1px solid #ac8b5970}:where(.ic-ui,.ic-detail,.chat79) .message.own{background:#ac8b5914;border-left:2px solid var(--kg-gold);padding-left:8px;grid-template-columns:40px minmax(0,1fr)}:where(.ic-ui,.ic-detail,.chat79) .avatar-button,:where(.ic-ui,.ic-detail,.chat79) .author-button,:where(.ic-ui,.ic-detail,.chat79) .message-menu{padding:0;border:0;background:none;color:var(--kg-ink);text-align:left;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .avatar-button{align-self:start}:where(.ic-ui,.ic-detail,.chat79) .person-portrait{display:block;position:relative;isolation:isolate;width:44px;height:52px;padding:2px;flex-shrink:0}:where(.ic-ui,.ic-detail,.chat79) .person-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}:where(.ic-ui,.ic-detail,.chat79) .person-portrait .kg-frame{--kg-corner:8px!important}:where(.ic-ui,.ic-detail,.chat79) .person-level{position:absolute;right:-2px;bottom:-2px;min-width:22px;height:20px;padding:0 4px;display:grid;place-items:center;background:var(--kg-well);border:1px solid var(--kg-gold);color:var(--kg-cream);font-size:12px;font-weight:700;line-height:16px;border-radius:3px}:where(.ic-ui,.ic-detail,.chat79) .person-id{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}:where(.ic-ui,.ic-detail,.chat79) .person-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .person-top>b{font-size:15px;line-height:20px;overflow-wrap:anywhere}:where(.ic-ui,.ic-detail,.chat79) .person-vip{display:inline-flex;align-items:center;gap:1px;color:var(--kg-ink);font-size:10px;font-weight:700;line-height:16px;white-space:nowrap}:where(.ic-ui,.ic-detail,.chat79) .person-vip>.kg-icon{width:20px;height:16px}:where(.ic-ui,.ic-detail,.chat79) .person-clan{font-size:11px;line-height:16px;color:var(--kg-ink);overflow-wrap:anywhere}:where(.ic-ui,.ic-detail,.chat79) .message-heading{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px;align-items:start}:where(.ic-ui,.ic-detail,.chat79) .message-menu{font-size:24px;line-height:20px;letter-spacing:-2px;min-height:28px;text-align:center}:where(.ic-ui,.ic-detail,.chat79) .message-main{min-width:0}:where(.ic-ui,.ic-detail,.chat79) .message-main>p{font-size:15px;line-height:21px;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}:where(.ic-ui,.ic-detail,.chat79) .message-time{display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:11px;line-height:16px;color:var(--kg-ink)}:where(.ic-ui,.ic-detail,.chat79) .message-time button{border:0;background:none;padding:0;text-decoration:underline;color:var(--ic-bad);font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .failed .message-time{color:var(--ic-bad)}:where(.ic-ui,.ic-detail,.chat79) .message-attachment{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;width:100%;padding:8px;margin:8px 0;isolation:isolate;position:relative;text-align:left;border:0;background:none;color:var(--kg-ink)}:where(.ic-ui,.ic-detail,.chat79) .attachment-art{width:64px}:where(.ic-ui,.ic-detail,.chat79) .message-attachment>span:last-child{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .message-attachment b{font-size:15px;line-height:19px;overflow-wrap:anywhere}:where(.ic-ui,.ic-detail,.chat79) .message-attachment small{font-size:11px;line-height:14px}:where(.ic-ui,.ic-detail,.chat79) .message-attachment em{font-size:12px;line-height:16px;font-style:normal}:where(.ic-ui,.ic-detail,.chat79) .message-attachment .equipment-meta{font-size:9px!important}:where(.ic-ui,.ic-detail,.chat79) .message-attachment .equipment-label{font-size:9px!important}:where(.ic-ui,.ic-detail,.chat79) .chat-composer{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:8px;align-items:end}:where(.ic-ui,.ic-detail,.chat79) .chat-composer textarea{resize:none;display:block;background:#e4ceb077;border:1px solid #ac8b59;border-radius:4px;color:var(--kg-ink);font-size:16px;line-height:20px;padding:10px 8px;min-height:44px;max-height:104px;width:100%;min-width:0;outline-offset:1px}:where(.ic-ui,.ic-detail,.chat79) .chat-composer textarea::placeholder{color:var(--kg-ink)}:where(.ic-ui,.ic-detail,.chat79) .chat-composer .kg-round{width:40px!important;height:44px!important;min-width:40px!important;min-height:44px!important}:where(.ic-ui,.ic-detail,.chat79) .chat-composer .send-button{width:44px!important;height:44px!important;min-width:44px!important}:where(.ic-ui,.ic-detail,.chat79) .chat-composer .kg-round .kg-icon{width:30px;height:30px}:where(.ic-ui,.ic-detail,.chat79) .composer-foot{display:flex;justify-content:flex-end;font-size:11px;line-height:14px;margin-top:4px;min-height:14px}:where(.ic-ui,.ic-detail,.chat79) .composer-preview{display:flex;gap:8px;align-items:center;font-size:12px;padding:0 0 8px}:where(.ic-ui,.ic-detail,.chat79) .composer-preview .kg-icon{width:24px;height:24px}:where(.ic-ui,.ic-detail,.chat79) .composer-preview span{flex:1;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .composer-preview button{background:none;border:0;color:var(--kg-ink);font-size:20px;width:28px;height:28px;padding:0}:where(.ic-ui,.ic-detail,.chat79) .connection-note{display:flex;gap:8px;align-items:center;font-size:12px;line-height:16px;color:var(--ic-bad);padding:4px 8px}:where(.ic-ui,.ic-detail,.chat79) .connection-note .kg-icon{width:20px;height:20px}:where(.ic-ui,.ic-detail,.chat79) .clan-context{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px;font-size:13px}:where(.ic-ui,.ic-detail,.chat79) .clan-context button{background:none;border:0;color:var(--kg-ink);font-size:11px;text-align:right;padding:0}:where(.ic-ui,.ic-detail,.chat79) .dm-person{display:flex;gap:8px;align-items:center;background:none;border:0;padding:0 4px 8px;color:var(--kg-ink);text-align:left;min-width:0;border-bottom:1px solid #ac8b5966}:where(.ic-ui,.ic-detail,.chat79) .dm-person>.person-id{flex:1}:where(.ic-ui,.ic-detail,.chat79) .dm-person>i{font-style:normal;font-size:24px}:where(.ic-ui,.ic-detail,.chat79) .dm-person>.person-portrait{width:36px;height:42px}:where(.ic-ui,.ic-detail,.chat79) .dialogue-row{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:8px;width:100%;padding:16px 4px;border:0;border-bottom:1px solid #ac8b5970;background:none;color:var(--kg-ink);text-align:left}:where(.ic-ui,.ic-detail,.chat79) .dialogue-row>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}:where(.ic-ui,.ic-detail,.chat79) .dialogue-row>span>small{font-size:13px;line-height:18px}:where(.ic-ui,.ic-detail,.chat79) .dialogue-end{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px}:where(.ic-ui,.ic-detail,.chat79) .dialogue-end b{border-radius:50%;width:22px;height:22px;background:var(--kg-leather);color:var(--kg-cream);text-align:center;line-height:22px}:where(.ic-ui,.ic-detail,.chat79) .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 12px;gap:12px}:where(.ic-ui,.ic-detail,.chat79) .empty-state>.kg-icon{width:56px;height:56px}:where(.ic-ui,.ic-detail,.chat79) .empty-state h2{font-size:22px;margin:0}:where(.ic-ui,.ic-detail,.chat79) .empty-state p{font-size:14px;line-height:20px;margin:0;max-width:270px}:where(.ic-ui,.ic-detail,.chat79) .empty-state .kg-button{width:100%;margin-top:8px}:where(.ic-ui,.ic-detail,.chat79) .attach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}:where(.ic-ui,.ic-detail,.chat79) .attach-item{padding:0;border:0;background:none;min-width:0;color:var(--kg-ink);display:grid;gap:4px}:where(.ic-ui,.ic-detail,.chat79) .attach-item>small{font-size:12px}:where(.ic-ui,.ic-detail,.chat79) .attach-item.selected{outline:2px solid var(--kg-gold);outline-offset:3px}:where(.ic-ui,.ic-detail,.chat79) .profile-card{display:flex;align-items:center;flex-direction:column;gap:12px;padding:12px}:where(.ic-ui,.ic-detail,.chat79) .profile-card .person-portrait{width:96px;height:112px}:where(.ic-ui,.ic-detail,.chat79) .profile-card .person-level{font-size:16px;min-width:32px;height:28px}:where(.ic-ui,.ic-detail,.chat79) .profile-card .person-id{align-items:center}:where(.ic-ui,.ic-detail,.chat79) .profile-card .person-top>b{font-size:22px;line-height:28px}:where(.ic-ui,.ic-detail,.chat79) .profile-card>span:last-child{font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .profile-card .person-clan{font-size:13px}:where(.ic-ui,.ic-detail,.chat79) .quote-author{display:flex;gap:12px;align-items:center}:where(.ic-ui,.ic-detail,.chat79) .sw-panel blockquote{padding:12px 0 0;margin:8px 0 0;border-top:1px solid #ac8b5955;font-size:15px;line-height:22px}:where(.ic-ui,.ic-detail,.chat79) .setting-toggle{width:100%;display:flex;gap:16px;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #ac8b5955;padding:12px 0;color:var(--kg-ink);font-size:14px;text-align:left}:where(.ic-ui,.ic-detail,.chat79) .setting-toggle>i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--kg-gold);border-radius:50%;background:var(--kg-well);color:var(--kg-cream);font-style:normal;font-size:18px;flex-shrink:0}:where(.ic-ui,.ic-detail,.chat79) .setting-toggle[aria-checked=true]>i{background:var(--kg-leather);color:var(--kg-gold)}:where(.ic-ui,.ic-detail,.chat79) .chat-pref{display:flex;flex-direction:column;gap:8px;font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .chat-pref select{background:var(--kg-paper);color:var(--kg-ink);border:1px solid var(--kg-gold);font-size:16px;padding:8px;min-width:0;width:100%}:where(.ic-ui,.ic-detail,.chat79) .request-note{font-size:13px;line-height:18px;margin:0;text-align:center}:where(.ic-ui,.ic-detail,.chat79) .dock-note{font-size:13px;line-height:18px;text-align:center;margin:0}@container(max-width:350px){:where(.ic-ui,.ic-detail,.chat79) .item-heading{grid-template-columns:112px minmax(0,1fr);gap:8px;padding:12px}:where(.ic-ui,.ic-detail,.chat79) .item-summary h2{font-size:19px;line-height:23px}:where(.ic-ui,.ic-detail,.chat79) .item-summary{gap:6px}:where(.ic-ui,.ic-detail,.chat79) .item-power b{font-size:18px}:where(.ic-ui,.ic-detail,.chat79) .action-pair .kg-button{font-size:12px;gap:4px}:where(.ic-ui,.ic-detail,.chat79) .action-pair .kg-icon{width:20px}:where(.ic-ui,.ic-detail,.chat79) .person-top{gap:4px}:where(.ic-ui,.ic-detail,.chat79) .person-top>b{font-size:14px}:where(.ic-ui,.ic-detail,.chat79) .message{gap:6px;padding-left:0;padding-right:0}:where(.ic-ui,.ic-detail,.chat79) .message.own{padding-left:4px}:where(.ic-ui,.ic-detail,.chat79) .person-clan{font-size:11px}:where(.ic-ui,.ic-detail,.chat79) .message-main>p{font-size:14px;line-height:20px}:where(.ic-ui,.ic-detail,.chat79) .message-attachment{grid-template-columns:56px minmax(0,1fr);gap:6px}:where(.ic-ui,.ic-detail,.chat79) .attachment-art{width:56px}:where(.ic-ui,.ic-detail,.chat79) .message-attachment b{font-size:13px;line-height:17px}:where(.ic-ui,.ic-detail,.chat79) .message-attachment em{font-size:11px}:where(.ic-ui,.ic-detail,.chat79) .chat-composer{gap:4px}:where(.ic-ui,.ic-detail,.chat79) .compare-items{padding:4px 8px}:where(.ic-ui,.ic-detail,.chat79) .compare-list dd{gap:6px}:where(.ic-ui,.ic-detail,.chat79) .compare-list dd small{font-size:11px}}:where(.ic-ui,.ic-detail,.chat79) .portrait-crop{position:absolute;inset:2px;display:block;overflow:hidden;isolation:isolate;background:var(--kg-well)}:where(.ic-ui,.ic-detail,.chat79) .portrait-crop>img{position:absolute;max-width:none;width:350%;height:auto;left:50%;top:-4%;transform:translateX(-50%)}:where(.ic-ui,.ic-detail,.chat79) .message-heading{grid-template-columns:minmax(0,1fr) 28px}:where(.ic-ui,.ic-detail,.chat79) .message-menu{font-size:22px;letter-spacing:0;line-height:28px;width:28px;height:32px}:where(.ic-ui,.ic-detail,.chat79) .chat-composer{grid-template-columns:44px minmax(0,1fr) 44px}:where(.ic-ui,.ic-detail,.chat79) .chat-composer .kg-round{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}:where(.ic-ui,.ic-detail,.chat79) .chat-composer .kg-round:disabled{opacity:.6}:where(.ic-ui,.ic-detail,.chat79) .portrait-crop>.kg-surface{z-index:-1}
.ic-ui{display:flex!important;flex-direction:column;min-height:0;height:100%;padding:0!important;gap:0!important}.ic-scroll{flex:1;min-height:0;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}.ic-scroll>*{flex-shrink:0}.ic-scroll::-webkit-scrollbar{display:none}.ic-dock{position:relative;isolation:isolate;padding:8px;flex-shrink:0}.ic-dock>.kg-button{width:100%}.ic-detail{display:flex;flex-direction:column;gap:8px}.ic-options,.ic-comparison{margin:0;padding:8px;color:var(--kg-ink)}.ic-options summary,.ic-comparison summary{font-size:15px;display:flex;justify-content:space-between;cursor:pointer;list-style:none;min-height:36px;align-items:center}.ic-options .kg-button{width:100%;margin:4px 0}.ic-detail .item-heading,.ic-ui .item-heading{margin:0}.ic-ui select{font-size:16px;width:100%;color:var(--kg-ink)}
/* The shared game shell owns dimensions, inset and perimeter. */
body.game-shell #game-content>#chat-panel.chat79{padding:8px!important;display:flex;flex-direction:column;gap:8px;color:var(--kg-ink);font-family:var(--kg-font);container-type:inline-size;overflow:hidden}
#chat-panel.chat79 .chat-head{flex-shrink:0;display:grid;grid-template-columns:40px minmax(0,1fr) 40px 40px;padding:8px;min-height:64px;margin:0}
#chat-panel.chat79 .chat-head h2{font-size:24px;margin:0;text-align:center;letter-spacing:2px;color:var(--kg-cream)}
#chat-panel.chat79 .chat-head .kg-round{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important}
#chat-panel.chat79 .chat-tabs{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;flex-shrink:0}
#chat-panel.chat79 .chat-tabs button{position:relative;isolation:isolate;border:0;background:none;color:var(--kg-cream);padding:8px 4px;font-size:14px;min-height:40px;min-width:0}
#chat-panel.chat79 .chat-body{gap:4px;overflow:hidden;min-height:0}#chat-panel.chat79 .chat-status{color:#7d2021;padding:0 4px}
#chat-panel.chat79 .chat-search-panel{font-size:12px;flex-shrink:0}.chat79 .chat-search-panel summary{cursor:pointer;padding:0 4px}.chat79 .chat-toolbar{padding:4px 0}.chat79 .chat-toolbar input{background:#e4ceb0;color:var(--kg-ink);font-size:16px}.chat79 .chat-toolbar button{font-size:12px}
#chat-panel.chat79 .chat-history{padding:0 4px 8px;min-height:0;flex:1;scrollbar-width:none;overflow:auto}.chat79 .chat-history::-webkit-scrollbar{display:none}
#chat-panel.chat79 #chat-compose{flex-shrink:0;margin:0;padding:8px 0 0;border-top:1px solid #ac8b5966;background:none}
#chat-panel.chat79 #chat-context{max-height:30%;overflow:auto;font-size:12px;flex-shrink:0}#chat-panel.chat79 #chat-context:empty{display:none}
#chat-panel.chat79 .chat-scroll{padding:4px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;flex:1;overflow:auto;color:var(--kg-ink)}.chat79 .chat-scroll>*{flex-shrink:0}.chat79 .chat-empty{color:var(--kg-ink)}
#chat-panel.chat79 .chat-dialogue{display:flex;gap:8px;align-items:center;border:0;border-bottom:1px solid #ac8b5970;background:none;border-radius:0;text-align:left;padding:12px 4px;color:var(--kg-ink)}.chat79 .chat-dialogue>span:last-child{display:grid;gap:4px;min-width:0}.chat79 .chat-dialogue small{color:var(--kg-ink)}
#chat-panel.chat79 .message-main>p{color:var(--kg-ink)}#chat-panel.chat79 .message-time{color:var(--kg-ink)}.chat79 .chat-badge{color:#7d2021;font-size:11px}
#chat-panel.chat79 .chat-scroll .full:not(.chat-dialogue){position:relative;isolation:isolate;background:none;border:0;color:var(--kg-cream);padding:12px;font-family:var(--kg-font);font-size:15px;min-height:44px}.chat79 .chat-scroll .field{background:#e4ceb0;color:var(--kg-ink);font-size:16px}.chat79 .chat-check{color:var(--kg-ink);display:flex;gap:8px;align-items:center;padding:12px 0}.chat79 #chat-pending{max-height:90px;overflow:auto;color:#7d2021}.chat79 #chat-pending:empty{display:none}.chat79 .chat-delivery{margin:4px;font-size:12px}.chat79 .chat-delivery small{display:block}

#modal .ic-ui>.ic-scroll{flex:1 1 0;min-height:0}#modal .ic-ui>.ic-dock{flex:0 0 auto}body.game-shell #modal:has(>.ic-ui){overflow:hidden!important}#modal .ic-ui{height:100%}

#chat-panel.chat79 .chat-body{flex:1 1 0!important;min-height:0}#chat-panel.chat79{background-color:#e4ceb0!important;isolation:isolate}#chat-panel.chat79 .chat-scroll>.sw-head{flex-shrink:0}#chat-panel.chat79 #chat-compose{margin-top:auto}#chat-panel.chat79 .message-feed{background:transparent}#chat-panel.chat79 .chat-body>*{flex-shrink:0}#chat-panel.chat79 .chat-body>.chat-history{flex:1 1 0;min-height:0}#chat-panel.chat79 .chat-body>.chat-scroll{flex:1 1 0;min-height:0}

:is(#main,#modal,#chat-panel) .ic-detail .item-summary,:is(#main,#modal) .ic-ui .item-summary{display:flex;flex-direction:column;grid-template-columns:none;align-items:flex-start;justify-content:center;gap:8px;min-width:0;padding:0;background:none;border:0}
:is(#main,#modal,#chat-panel) .ic-detail .item-summary h2{font-size:22px;line-height:26px;margin:0;overflow-wrap:anywhere}
:is(#main,#modal,#chat-panel) .ic-detail .item-power{display:flex;align-items:center;gap:4px;padding:4px 8px;min-height:36px}.ic-detail .item-power b{white-space:nowrap}
#chat-panel.chat79 #chat-body .field{background:#e4ceb0!important;color:#241a12!important;border:1px solid #ac8b59;font-size:16px}
#chat-panel.chat79[data-subview]>.chat-head,#chat-panel.chat79[data-subview]>.chat-tabs{display:none!important}

#chat-panel.chat79 select.field{appearance:none!important;-webkit-appearance:none!important;color-scheme:light;background:#e4ceb0!important;background-image:none!important;color:#241a12!important;-webkit-text-fill-color:#241a12!important;padding:12px;min-height:44px}#chat-panel.chat79 .chat-quote{background:#ac8b5922;color:#241a12}

#chat-panel.chat79 .chat-status{flex:0 1 auto;max-height:40px;min-height:0;overflow:auto}#chat-panel.chat79 #chat-pending{flex:0 1 auto;min-height:0;max-height:64px}#chat-panel.chat79 #chat-pending .chat-delivery{padding:4px;margin:0 4px;line-height:16px}#chat-panel.chat79 #chat-pending .chat-delivery>small{font-size:11px}#chat-panel.chat79 #chat-pending button{min-height:28px;padding:4px 8px}
@media(max-height:650px){#chat-panel.chat79 .chat-head{min-height:48px;padding:4px 8px}#chat-panel.chat79 .chat-tabs button{min-height:32px;padding:4px}#chat-panel.chat79 .chat-status{max-height:28px}#chat-panel.chat79 #chat-pending{max-height:52px}}


/* Chat81: parchment text, native recipient lookup, read-only Hero composition. */
#chat-panel.chat79 :is(.chat-scroll,.chat-peer,.chat-empty,.chat-announcement,.chat-recipient,.chat-check,.composer-foot){color:var(--kg-ink)}
#chat-panel.chat79 :is(.chat-scroll,.chat-empty) :is(p,label,small,h3,h4,summary){color:var(--kg-ink)}
#chat-panel.chat79 .chat-scroll>.sw-head h2{color:var(--kg-cream)}
#chat-panel.chat79 :is(.chat-empty,.chat-recipient) .kg-button{width:100%;margin-top:12px;color:var(--kg-cream)}
#chat-panel.chat79 .chat-dialogues-back{background:none;border:0;box-shadow:none;text-align:left;color:var(--kg-ink);padding:8px;min-height:36px}
#chat-panel.chat79 .chat-recipient-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 4px;border:0;border-bottom:1px solid #ac8b5970;border-radius:0;box-shadow:none;background:none;text-align:left;color:var(--kg-ink)}
#chat-panel.chat79 .chat-recipient-card .person-id{flex:1;min-width:0}#chat-panel.chat79 .chat-recipient-found{font-size:12px;max-width:60px;color:#365030}
#chat-panel.chat79 .chat-hero-identity{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--kg-cream)}
#chat-panel.chat79 .chat-hero-identity :is(b,span){color:var(--kg-cream)}
#chat-panel.chat79 .chat-hero-combat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px 0}
#chat-panel.chat79 .chat-hero-combat>span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;min-width:0}
#chat-panel.chat79 .chat-hero-combat img{width:24px;height:24px;object-fit:contain}
#chat-panel.chat79 .chat-hero .hg-equipment{padding:0;display:block;aspect-ratio:.91}#chat-panel.chat79 .chat-hero .hg-equipment:disabled{opacity:1}
#chat-panel.chat79 .chat-hero .hg-secondary{grid-template-columns:1fr 1fr}#chat-panel.chat79 .chat-hero .hg-secondary .kg-button{color:var(--kg-cream)}
.account-id{overflow-wrap:anywhere}

/* 174 item-card action hierarchy; all owned-item contexts share this block. */
.service-ui .item-rarity{font-weight:700}.service-ui .item-rarity.rarity-0{color:#675e50}.service-ui .item-rarity.rarity-1{color:#286c3d}.service-ui .item-rarity.rarity-2{color:#245e93}.service-ui .item-rarity.rarity-3{color:#70418a}
.service-ui .item-heading .equipment-up:not(.enhanced){display:none}
.service-ui.ic-ui .ic-actions174{padding:12px 14px;margin:8px 0}
.service-ui.ic-ui .ic-utility-row{display:flex;align-items:stretch;gap:8px;min-width:0}
.service-ui.ic-ui :is(.ic-workshop-link,.ic-utility-action,.ic-dispose-action){margin:0;box-shadow:none;text-shadow:none;background:none;color:#332316;border:0;border-radius:4px;font-family:inherit;cursor:pointer;min-width:0}
.service-ui.ic-ui .ic-workshop-link{flex:1;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 4px;font-size:17px;line-height:1.2}
.service-ui.ic-ui .ic-workshop-link .kg-icon{width:32px;height:32px;flex:none;object-fit:contain}.service-ui.ic-ui .ic-workshop-link i{margin-left:auto;font-style:normal;font-size:24px;color:#8d6a3f}
.service-ui.ic-ui .ic-utility-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:52px;padding:4px;font-size:12px;line-height:1.2}
.service-ui.ic-ui .ic-utility-action .kg-icon{width:26px;height:26px;object-fit:contain}.service-ui.ic-ui .ic-utility-action small{font-size:11px;color:#655039}
.service-ui.ic-ui .ic-utility-action[aria-pressed=true]{background:#d4b77155;outline:1px solid #a17c3f}
.service-ui.ic-ui .ic-dispose-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;border-top:1px solid #ad8c5d70;margin-top:10px;padding-top:12px}
.service-ui.ic-ui .ic-dispose-action{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:4px 5px;min-height:76px;font-size:14px;line-height:1.2;text-align:center}
.service-ui.ic-ui .ic-dispose-action+.ic-dispose-action{border-left:1px solid #ad8c5d55;border-radius:0}.service-ui.ic-ui .ic-dispose-action .kg-icon{width:28px;height:28px;object-fit:contain}.service-ui.ic-ui .ic-dispose-action small{font-size:12px;color:#76502a}
.service-ui.ic-ui :is(.ic-utility-action,.ic-workshop-link,.ic-dispose-action):hover:not(:disabled){background:#b18d4c22}.service-ui.ic-ui :is(.ic-utility-action,.ic-workshop-link,.ic-dispose-action):focus-visible{outline:2px solid #997336;outline-offset:2px}.service-ui.ic-ui .ic-dispose-action:disabled{opacity:.45;cursor:default}
.service-ui.ic-ui .ic-comparison-panel174{padding:8px 16px}.service-ui.ic-ui .ic-comparison-panel174 .ic-comparison{margin:0}.service-ui.ic-ui .ic-comparison-panel174 .ic-comparison>summary{padding:8px 0;min-height:44px;font-size:16px}
.service-ui.ic-ui #item-error:empty{display:none}.service-ui.ic-ui .ic-dock{padding:8px 12px}.service-ui.ic-ui .ic-dock>.kg-button{min-height:48px;font-size:18px}

.service-ui .ic-requirements174 h3{margin:0 0 10px;font-size:18px}.service-ui .ic-requirements174 dl{margin:0;display:grid;gap:0}.service-ui .ic-requirements174 dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0}.service-ui .ic-requirements174 dl>div+div{border-top:1px solid #ad8c5d45}.service-ui .ic-requirements174 dt{font-size:16px}.service-ui .ic-requirements174 dd{margin:0;font-weight:700;font-size:18px}.service-ui .ic-requirement-note{font-size:13px;margin:8px 0 0}

:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 0;font-size:16px;cursor:pointer;list-style:none}:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174::-webkit-details-marker{display:none}:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174 .kg-icon{width:28px;height:28px;object-fit:contain;flex:none}:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174>span{flex:1}:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174>i{font-style:normal;color:#88643d}
:is(#modal,#main) .service-ui.ic-ui .ic-comparison-panel174{padding:6px 14px}:is(#modal,#main) .service-ui.ic-ui .ic-dispose-row{border:0;margin:0;padding:0}.service-ui.ic-ui .ic-favorite174 .kg-icon{width:28px;height:28px;position:relative}.service-ui.ic-ui .ic-favorite174[aria-pressed=false] .kg-icon{filter:saturate(.4);opacity:.8}.service-ui.ic-ui .ic-favorite174[aria-pressed=true] .kg-icon{filter:brightness(1.25)}

:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174{display:block;padding:0!important;min-height:0!important;line-height:0}:is(#modal,#main,#chat-panel) .service-ui .ic-compare-art174{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border:0}:is(#modal,#main,#chat-panel) .service-ui .ic-comparison-panel174{padding:0!important;margin:8px 0}:is(#modal,#main,#chat-panel) .service-ui .ic-comparison-panel174>.kg-surface,:is(#modal,#main,#chat-panel) .service-ui .ic-comparison-panel174>.kg-frame{display:none}:is(#modal,#main,#chat-panel) .service-ui .ic-comparison-panel174 .ic-comparison[open]>.compare-items{margin:12px 10px}

/* 174 compact dark comparison plaque, no extra paper enclosure. */
:is(#modal,#main,#chat-panel) .service-ui .ic-comparison-panel174{margin:10px 12px!important}
:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174{min-height:44px!important;display:flex;align-items:center;justify-content:center;border-radius:8px}
:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174:focus-visible{outline:2px solid #997336;outline-offset:3px}
:is(#modal,#main,#chat-panel) .service-ui .ic-compare-button174::after{display:none}

/* 174 shared item-card typography and separate manufacture-quality row. */
:is(#modal,#main,#chat-panel) :where(.ic-ui,.ic-detail,.chat79) .ic-property>dt,
:is(#modal,#main,#chat-panel) :where(.ic-ui,.ic-detail,.chat79) .ic-property>dd{font-size:16px;line-height:22px}
:is(#modal,#main,#chat-panel) :where(.ic-ui,.ic-detail,.chat79) .ic-property>dt{min-width:0;font-weight:400}
:is(#modal,#main,#chat-panel) :where(.ic-ui,.ic-detail,.chat79) .ic-property>dd{font-weight:700}
:is(#modal,#main,#chat-panel) .ic-requirements174 .property-list>.ic-property{align-items:center;gap:8px;min-height:36px;padding:4px 0;border-top:0}
:is(#modal,#main,#chat-panel) .ic-requirements174 dt{display:flex;align-items:center;gap:8px}
:is(#modal,#main,#chat-panel) .ic-requirements174 dt .kg-icon{width:28px;height:28px;object-fit:contain;flex:none}
:is(#modal,#main,#chat-panel) .ic-quality-panel174{padding:10px 16px;min-height:44px;margin:6px 0}
:is(#modal,#main,#chat-panel) .ic-quality174{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:16px;line-height:22px}
:is(#modal,#main,#chat-panel) .ic-quality174>span{min-width:0}
:is(#modal,#main,#chat-panel) .ic-quality174>b{font-size:16px;line-height:22px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Quality percentage uses its own band, independent of item rarity. */
.ic-quality174 .quality-band-0{color:#675e50}
.ic-quality174 .quality-band-1{color:#286c3d}
.ic-quality174 .quality-band-2{color:#245e93}
.ic-quality174 .quality-band-3{color:#70418a}

/* Keep complete specialization names inside the shared narrow item card. */
:is(#modal,#main,#chat-panel) .ic-requirements174 .ic-specialization183{flex-wrap:wrap}
:is(#modal,#main,#chat-panel) .ic-requirements174 .ic-specialization183>dt{flex:1 1 100%}
:is(#modal,#main,#chat-panel) .ic-requirements174 .ic-specialization183>dd{flex:1 1 100%;max-width:100%;min-width:0;text-align:left;white-space:normal;overflow-wrap:anywhere;padding-left:36px;box-sizing:border-box}

/* Shared Hero materials; UI82 only adds layouts and combat motion. */
body.game-shell #modal.preparation-modal{overflow:hidden!important;padding:0!important}
#modal .service-ui.prep-ui{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0}
.prep-scroll{min-height:0;overflow:auto;scrollbar-width:none;padding:8px;display:flex;flex-direction:column;gap:8px}.prep-scroll::-webkit-scrollbar{display:none}
#modal .prep-scroll>*{flex:none}
.prep-title{padding:4px 8px}.prep-title small{font-size:12px;color:var(--kg-ink)}.prep-title h2{font-size:22px!important;line-height:28px;margin:4px 0!important}
.prep-duel{position:relative;isolation:isolate;overflow:hidden;padding:16px 12px;border-radius:8px}.prep-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:brightness(.45)}
.prep-duel>div{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:4px}
.prep-duel figure{position:relative;isolation:isolate;overflow:hidden;padding:6px;margin:0;min-width:0}.prep-duel .prep-person{width:100%;height:172px;object-fit:contain;display:block}
.prep-duel figcaption{padding:4px;color:var(--kg-cream);text-align:center;min-height:48px}.prep-duel figcaption small,.prep-duel figcaption b{display:block;overflow-wrap:anywhere}.prep-duel figcaption small{font-size:11px;color:var(--kg-gold)}.prep-duel figcaption b{font-size:15px;line-height:20px}
.prep-versus{font-size:28px;text-align:center;color:var(--kg-gold);text-shadow:0 2px 4px var(--kg-well)}
.prep-comparison{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.8fr);gap:8px 4px;align-items:center}.prep-comparison>span{display:flex;align-items:center;gap:4px;font-size:13px}.prep-comparison>span img{width:24px;height:24px;object-fit:contain}.prep-comparison>b,.prep-comparison>strong{text-align:right;font-size:14px}
.prep-forecast{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--kg-gold);padding-top:8px;margin-top:12px;font-size:13px}.prep-forecast b{display:block;font-size:20px}
#modal .prep-note{font-size:12px;line-height:18px;margin:8px 0 0;color:var(--kg-ink)}
.prep-fold{position:relative;isolation:isolate;padding:12px;background:none!important;border:0!important;margin:0!important}.prep-fold>summary{font-weight:700;font-size:16px;min-height:24px;cursor:pointer}.prep-fold>div{padding-top:12px}.prep-fold h3{font-size:16px;margin:12px 0 4px}.prep-fold p{margin:8px 0}
.prep-choices{display:grid;gap:8px}.prep-choice{position:relative;isolation:isolate;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:8px;align-items:center;width:100%;padding:12px;border:0;background:none;color:var(--kg-ink);text-align:left}.prep-choice[aria-pressed=true]{color:var(--kg-cream)}.prep-choice span{min-width:0}.prep-choice small{display:block;line-height:18px;font-size:12px;margin-top:4px}.prep-choice b{font-size:16px}.prep-choice>img{width:40px;height:48px;object-fit:contain}.prep-choice i{font-style:normal}
.prep-choice:active>.kg-surface{filter:brightness(.68)}.prep-choice:disabled:not([aria-pressed=true])>.kg-surface{filter:grayscale(.7) brightness(.85)}
.prep-skill{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid var(--kg-gold)}.prep-skill>img{width:48px;height:56px;object-fit:contain}.prep-skill h3{margin:0!important}.prep-skill p{font-size:13px}.prep-skill small{font-size:12px}.prep-skill .kg-progress{margin:8px 0}
.prep-medal-slots{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.prep-medal-slots .hg-medal{width:72px!important;height:72px!important;min-width:72px!important}
.prep-medal-row{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px;align-items:center;margin-top:8px}.prep-medal-row>img{width:48px;height:48px;object-fit:contain}.prep-medal-row.prep-choice{grid-template-columns:48px minmax(0,1fr) 16px}.prep-medal-row small{display:block;font-size:12px}.prep-medal-row p{font-size:13px}
.prep-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prep-rewards>span{display:grid;justify-items:center;gap:4px}.prep-rewards img{width:32px;height:32px;object-fit:contain}.prep-rewards strong{font-size:22px}.prep-rewards small{font-size:12px}
.prep-dock{position:relative;isolation:isolate;padding:12px;display:grid;gap:4px;background:var(--kg-paper)}.prep-dock>small{text-align:center;font-size:12px}.prep-dock #fight-reason{margin:0;font-size:12px;text-align:center;color:var(--kg-negative)}.prep-dock #fight-reason:empty{display:none}
#modal .common-battle [data-fighter]{overflow:visible}.common-battle [data-fighter]>.ku-art{transform-origin:50% 85%}.common-battle [data-fighter="0"]{--strike:12px;--evade:-8px}.common-battle [data-fighter="1"]{--strike:-12px;--evade:8px}
.common-battle .combat-strike>.ku-art{animation:kg-strike .48s ease-in-out}.common-battle .combat-hit>.ku-art{animation:kg-hit .48s ease-out}.common-battle .combat-evade>.ku-art{animation:kg-evade .52s ease-out}.common-battle .combat-skill>.ku-art,.common-battle .combat-heal>.ku-art{animation:kg-skill .7s ease-out}
.common-battle .combat-float{position:absolute;z-index:5;top:32%;left:4px;right:4px;text-align:center;font:700 22px/26px KrongradChrome,Georgia,serif;color:#EEE1C9;text-shadow:0 2px 3px #171310,1px 0 #171310,-1px 0 #171310;pointer-events:none;opacity:0}.common-battle :is(.combat-hit,.combat-evade,.combat-skill,.combat-heal) .combat-float{animation:kg-combat-float .8s ease-out}.common-battle .combat-critical .combat-float{color:#CE9C40}.common-battle .combat-heal .combat-float{color:#E4CEB0}
.common-battle #combat-health .kg-fill{transition:width .5s ease-out}.common-battle #combat-events{min-height:72px}.common-battle [data-action=pause]:disabled{opacity:.55}
@keyframes kg-strike{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(var(--strike)) rotate(2deg)}65%{transform:translateX(0)}}
@keyframes kg-hit{0%,100%{transform:translateX(0);filter:none}25%{transform:translateX(var(--evade)) rotate(-2deg);filter:brightness(1.3) sepia(.25)}60%{transform:translateX(3px)}}
@keyframes kg-evade{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(var(--evade));opacity:.65}}
@keyframes kg-skill{0%,100%{filter:none}45%{filter:brightness(1.4) drop-shadow(0 0 6px #AC8B59)}}
@keyframes kg-combat-float{0%{opacity:0;transform:translateY(10px)}20%,65%{opacity:1}100%{opacity:0;transform:translateY(-28px)}}
body.reduce-motion .common-battle *{animation:none!important;transition:none!important}
.sw-xp{margin:12px 0}.sw-xp-labels{display:flex;justify-content:space-between;gap:8px;margin:8px 0}.sw-xp-total{font-size:24px!important;text-align:center}.service-ui .kg-progress[data-tone=xp] .kg-fill{background:#2875BE}.service-ui .kg-progress[data-tone=xp] .kg-fill img{opacity:.28}
/* Rare legacy dialogs now use real shared surfaces, with native inputs/actions intact. */
.service-ui.ui-standard{gap:8px}.ui-standard .ui-body{display:grid;gap:8px;min-width:0}.ui-standard .ui-body>h2{display:none}.ui-standard .ui-body :is(section,article,details,.tip,.story){background:transparent;border:0;box-shadow:none;color:var(--kg-ink)}
.ui-standard .ui-body .sw-panel{position:relative;isolation:isolate;padding:16px}.ui-standard .ui-body :is(small,.note,.eyebrow,.label,summary){color:var(--kg-ink);text-shadow:none}.ui-standard .ui-body :is(h2,h3,strong,b){color:inherit}.ui-standard .ui-body .kg-button{color:var(--kg-cream)}
.ui-standard .ui-body :is(input,select,textarea){background:var(--kg-paper);color:var(--kg-ink);border:1px solid var(--kg-gold);font:16px/24px KrongradChrome,Georgia,serif;min-width:0;max-width:100%}.ui-standard .ui-body .kg-round{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}
.hero-native .hero-record-facts{color:var(--kg-ink)}.hero-native .hero-record-facts div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--kg-gold);padding:8px 0}.hero-native .hero-record-facts dd{margin:0;font-weight:700}.hero-native .hero-record-facts dt{min-width:0}
@media(max-height:600px){.prep-duel .prep-person{height:136px}.prep-dock{padding:8px 12px}.prep-duel{padding:12px}}

body.game-shell #modal.battle-modal{overflow:hidden!important;padding:8px!important}
#modal [data-common-battle=live]{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}
.common-battle .combat-scroll{overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;min-height:0;display:flex;flex-direction:column;gap:8px}.common-battle .combat-scroll::-webkit-scrollbar{display:none}.common-battle .combat-scroll>*{flex:none}
#modal .common-battle .ku-versus figure>.ku-art{height:auto;aspect-ratio:2/3;object-fit:cover}#modal .common-battle .ku-duel{padding:8px 12px}#modal .common-battle .ku-versus figure{padding:4px}#modal .common-battle .ku-versus figcaption{font-size:14px;line-height:18px;min-height:36px}
#modal .common-battle .kb-paper{padding:12px}#modal .common-battle .ku-round-label{margin:0 0 8px;font-size:17px}#modal .common-battle .ku-meter{margin:4px 0}#modal .common-battle .ku-round-events{font-size:12px;line-height:16px;margin:8px 0 0;min-height:48px;padding:0}
.combat-controls{display:grid;gap:4px}.combat-controls .ku-double{margin:0!important;gap:4px!important}.combat-controls .kg-button{min-height:40px!important;padding:8px!important;font-size:14px!important}
body.game-shell :is(#main,#modal) .underground-ui .kg-round{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px;max-height:40px;padding:0!important;aspect-ratio:1;flex:none}

/* Black List dossier uses the shared paper/leather components and battle renderer. */
.bl167{min-width:0}.bl167-cover{position:relative;margin:0 0 12px;overflow:hidden;border-radius:8px}.bl167-cover>img{display:block;width:100%;height:auto}.bl167-cover figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;background:linear-gradient(transparent,#160d08e8);color:#ffeac4;font-weight:bold;font-size:clamp(14px,3.8vw,20px)}.bl167-top,.bl167-links{display:flex;gap:8px;align-items:center;justify-content:space-between}.bl167-links>*{min-width:0;flex:1}.bl167-targets{display:flex;gap:6px;margin:12px 0}.bl167-targets>span{flex:1;text-align:center;padding:10px 0;border:1px solid #927444;border-radius:6px;color:#4b3621}.bl167-targets .current{background:#50221c;color:#ffdf93}.bl167-targets .done{background:#d7dbc0}.bl167-foe{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start}.bl167-foe>img{width:90px;height:140px;object-fit:contain}.bl167-foe p{margin-top:0}.bl167-foe dl{display:grid;grid-template-columns:1fr auto;gap:6px}.bl167-foe dd{margin:0;font-weight:bold}.bl167-prizes{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;color:#573714}.bl167-prizes>span{display:inline-flex;align-items:center;gap:5px}.bl167-prizes img{object-fit:contain;max-height:24px;max-width:24px}.bl167-rules{margin:14px 0;line-height:1.5}.bl167-rank{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #aa9066}.bl167-rank>span{flex:1}.bl167-rank small{display:block}.bl167-rank.own,.bl167-own{outline:2px solid #98712f;background:#edd8a7}.bl167 h2{overflow-wrap:anywhere}

#modal .common-battle .ku-versus figure>.ku-art.bl167-portrait{object-fit:contain}.bl167-top>b{flex-shrink:0}.bl167-top>.metro-button{min-width:0}

/* Black List168: reuse the original portrait frame; decoration stays inside it. */
.metropolis-modal .metro-ui .p160 .p160-tabs-kind:has([data-social-kind="blacklist"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
.metropolis-modal .metro-ui .p160 .p160-tabs-kind:has([data-social-kind="blacklist"])>.kg-button>[data-kg-text]{font-size:13px!important;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:normal;line-height:1.1;display:block}
.bl167-foe dt{display:flex;gap:5px;align-items:center;min-width:0}.bl167-foe dt img{width:22px;height:22px;object-fit:contain;flex:none}
.bl168-result-portrait{position:relative;isolation:isolate;width:min(190px,78%);aspect-ratio:1/1.7;margin:16px auto;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#76604a,#292019);border-radius:5px}
.bl168-result-portrait>img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;z-index:1}
.bl168-eliminated>img{filter:grayscale(.8) sepia(.3);opacity:.75}.bl168-cross{position:absolute;inset:12px;z-index:2;pointer-events:none;background:linear-gradient(62deg,transparent 48.7%,#8a2824d9 49%,#8a2824d9 50.5%,transparent 50.8%),linear-gradient(-62deg,transparent 48.7%,#8a2824d9 49%,#8a2824d9 50.5%,transparent 50.8%)}
.bl168-stamp{position:absolute;z-index:3;left:6%;right:6%;top:67%;padding:7px 3px;border:3px double #8a2b23;background:#f0d7a8e8;color:#7b211b;text-align:center;text-transform:uppercase;font-size:clamp(13px,3.5vw,18px);letter-spacing:.5px;transform:rotate(-9deg);box-shadow:0 0 0 1px #ebd5a3;pointer-events:none}
.bl168-rank{width:100%;border:0;border-bottom:1px solid #aa9066;background:transparent;color:#352317;font:inherit;text-align:left;cursor:pointer}.p160-tabs-kind:has([data-social-kind="blacklist"]){display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px}.p160-tabs-kind:has([data-social-kind="blacklist"])>button{min-width:0;padding:10px 6px;display:flex;flex-direction:column;justify-content:center;gap:5px}.p160-tabs-kind:has([data-social-kind="blacklist"]) [data-kg-text]{display:flex;flex-direction:column;white-space:normal;line-height:1.15;gap:5px;text-align:center;font-size:14px}.p160-tabs-kind:has([data-social-kind="blacklist"]) .p160-icon{width:23px;height:23px;margin:0;flex:none}.p160-tabs-black-group{grid-template-columns:1fr 1fr}

.bl167-cover{border:1px solid #624124;border-radius:5px;box-shadow:0 3px 7px #2b160d55}.bl167-cover figcaption{top:19%;bottom:auto;left:37%;right:12%;padding:0;background:none;color:#3c291d;text-align:center;transform:rotate(-2deg);text-shadow:none}.bl167-cover figcaption small{display:block;font:700 clamp(8px,2.4vw,12px) Georgia,serif;letter-spacing:1.3px;color:#7f3828}.bl167-cover figcaption strong{display:block;font-size:clamp(22px,6.4vw,34px);line-height:1.05;margin:10px 0}.bl167-cover figcaption i{display:block;font-size:clamp(10px,2.8vw,15px);font-weight:400;line-height:1.3}.bl168-file{position:relative;background:linear-gradient(110deg,#cdbb9680,transparent 12%,#fff0cb20 85%,#ae88623b);border-left:4px solid #7a3a2a;box-shadow:2px 3px 0 #a4865b55,4px 5px 0 #80634033;padding:14px!important}.bl168-file-label{display:flex;justify-content:space-between;align-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid #85694766}.bl168-file-label small{font:700 12px Georgia,serif;letter-spacing:.4px}.bl168-file-label>span{font-size:10px;white-space:nowrap;color:#8b3025;border:1px solid #914839;padding:3px 5px;transform:rotate(3deg)}.bl168-file h2{margin:13px 0;font-size:clamp(24px,6vw,32px)}.bl168-file .bl167-foe{grid-template-columns:minmax(80px,34%) minmax(0,1fr);gap:12px}.bl168-photo{margin:0;position:relative;aspect-ratio:1/1.7;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,#a99576,#4a382a);overflow:hidden;border-radius:4px}.bl168-photo>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;filter:sepia(.25);z-index:1}.bl168-file .bl167-foe p{font-size:clamp(14px,3.7vw,17px);line-height:1.4}.bl168-file .bl167-foe b{font-size:14px}.bl168-file .bl167-foe dl{display:flex;flex-direction:column;gap:3px;margin-bottom:0}.bl168-file .bl167-foe dd{margin:0 0 6px 27px;font-size:20px}.bl168-file>.bl167-prizes{border-top:1px dashed #96734f;padding-top:12px;margin-bottom:0}

.metropolis-modal .metro-ui .p160 .p160-tabs-kind:has([data-social-kind=blacklist])>.kg-button{height:76px!important;min-height:76px!important}

/* Hero R3 materials, native text and shared comparison for gear and enemies. */
.value-comparison{font-size:13px;color:var(--kg-ink);margin:8px 0}.value-comparison dl{margin:0}.comparison-head,.comparison-row{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.85fr));gap:4px;align-items:center}.comparison-head{font-size:11px;padding:4px 0 8px;border-bottom:1px solid #ac8b5980}.comparison-head>span:not(:first-child){text-align:right}.comparison-row{padding:8px 0;border-bottom:1px solid #ac8b5955}.comparison-row dt{display:flex;gap:4px;align-items:center;min-width:0;font-size:12px;line-height:16px}.comparison-row dt .kg-icon{width:24px;height:24px;flex:none}.comparison-row dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.comparison-delta{font-weight:700}.value-comparison .positive{color:#245127}.value-comparison .negative{color:#742526}.value-comparison .neutral{color:#5e513e}
.ic-property-group{margin:12px 0 4px;padding:8px;border:1px solid #ac8b5980;border-radius:4px;box-shadow:inset 0 1px 1px #fff2}.ic-property-group h4{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 4px}.ic-property-group h4 .kg-icon{width:24px;height:24px}.ic-property-group h4 b{margin-left:auto;color:var(--kg-ink)}.ic-property-group.is-revealed{border-left:3px solid #947543;background:#ac8b5917}.ic-property-group.is-hidden{border-style:dashed;background:#4438280c}.ic-property small{display:block;font-size:11px;font-weight:400;line-height:15px;color:#5e513e}.ic-property.revealed dd{color:#245127}.ic-property.hidden dd{color:#5e513e;font-size:20px}.ic-property.hidden dt{color:#5e513e}
.service-ui .ic-options{padding:0}.service-ui .ic-options>summary.ic-actions-toggle{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;min-height:48px;width:100%;padding:12px 16px;margin:0;color:var(--kg-cream);font-size:15px;list-style:none;cursor:pointer}.ic-actions-toggle::-webkit-details-marker{display:none}.ic-actions-toggle>.kg-icon{width:28px;height:28px;flex:none}.ic-actions-toggle>span:not(.kg-surface){flex:1}.ic-actions-toggle>i{font-size:24px;font-style:normal;transition:transform .15s}.ic-options[open]>.ic-actions-toggle>i{transform:rotate(180deg)}.ic-options[open]>.ic-actions-toggle{margin-bottom:8px}.ic-actions-toggle:focus-visible{outline:2px solid var(--kg-gold);outline-offset:2px}
.settings-audio-controls label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:var(--kg-ink)}.settings-audio-controls input[type=range]{width:45%;min-width:96px;accent-color:var(--kg-leather)}.settings-audio-controls output{font-size:12px;min-width:36px;text-align:right}.settings-audio-controls .audio-volume{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,1fr) 36px;font-size:13px}.audio-note{color:var(--kg-ink);font-size:12px;line-height:18px}

/* Battle84: approved R3 materials, full portraits, one result action. */
.combat-title{position:relative;isolation:isolate;padding:12px 16px;text-align:center;color:var(--kg-cream)}
#modal .combat-title h2{font-size:20px;line-height:24px;margin:0;color:inherit}
.prep-stance-cost{font-weight:700;line-height:20px}
#modal .common-battle .ku-versus figure>.ku-art{width:100%;max-height:none;aspect-ratio:2/3;object-fit:cover;object-position:50% 30%}
#modal .common-battle .combat-controls .kg-button{min-height:48px!important;font-size:18px!important}
#modal .common-result{display:flex;flex-direction:column;gap:8px}
#modal .common-result>.victory-banner{order:0;margin:0}
#modal .common-result>[data-result-rewards]{order:1;margin:0}
#modal .common-result>[data-result-continue]{order:2;margin:0}
#modal .common-result>.result-additional{order:3;margin:0}
.result-additional>summary{position:relative;cursor:pointer;font-size:18px;font-weight:700;min-height:32px;padding:8px 4px;color:var(--kg-ink)}
.result-extra-body{display:grid;gap:12px;padding-top:12px}.result-extra-body>.kb-paper{position:relative;isolation:isolate}

/* Keep the result action visible; rewards and details scroll above it. */
body.game-shell #modal:has(.common-result){padding:0!important;overflow:hidden!important}
#modal .common-result{height:100%;min-height:0;overflow:hidden;gap:0}
#modal .common-result>.result-scroll145{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:4px 4px 12px;display:flex;flex-direction:column;gap:8px}
#modal .common-result>[data-result-continue]{flex:none;width:calc(100% - 16px);min-height:48px;margin:5px 8px 8px!important;position:relative;z-index:1}

/* HP belongs to its fighter; existing fight visuals and playback stay intact. */
.common-battle .combat-person{display:grid;grid-template-rows:30px auto;gap:6px;min-width:0}
.common-battle .combat-health{min-width:0;align-self:end;color:var(--kg-cream)}
#modal .common-battle .combat-health .ku-meter{margin:0}
#modal .common-battle .combat-health .ku-meter>div:first-child{display:block;text-align:center;margin:0 0 4px}
.common-battle .combat-health .ku-meter>div>span{display:none}
.common-battle .combat-health .ku-meter>div>b{display:block;font-size:14px;line-height:18px;font-variant-numeric:tabular-nums}
.common-battle .combat-shared-health{display:block;font-size:12px;line-height:16px;text-align:center}
#modal .common-battle .combat-health .kg-progress{height:8px;min-height:0;padding:1px;border:1px solid #49362e;border-radius:2px;background:#1a1210;box-sizing:border-box}
#modal .common-battle .combat-health .kg-progress>.kg-surface,#modal .common-battle .combat-health .kg-fill>img{display:none}
#modal .common-battle .combat-health .kg-fill{border-radius:0;background:linear-gradient(#a0443b,#762620)!important}

/* Level107: own dialog scope; reviewed R3 paper, leather, frames and PT Serif. */
:is(#level-celebration,#award117-celebration){box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:10px;border:0;border-radius:12px;background:#E4CEB0;color:#241A12;isolation:isolate;overflow:hidden;font-family:KrongradChrome,'PT Serif',Georgia,serif;text-align:left;box-shadow:0 16px 64px #241A1280}
:is(#level-celebration,#award117-celebration)[open]{display:flex;flex-direction:column}
:is(#level-celebration,#award117-celebration)::backdrop{background:#241A12cc;backdrop-filter:blur(4px)}
:is(#level-celebration,#award117-celebration) :is(h2,h3,p,article,form,footer,header){margin:0;box-shadow:none}
:is(#level-celebration,#award117-celebration) :is(.kg-surface,.kg-frame){position:absolute;inset:0;pointer-events:none!important;z-index:-1}
:is(#level-celebration,#award117-celebration) .kg-surface{border-radius:inherit}
:is(#level-celebration,#award117-celebration)>.kg-frame{z-index:5}
:is(#level-celebration,#award117-celebration) .level-heading{position:relative;isolation:isolate;flex:none;padding:14px 12px;text-align:center;color:#EEE1C9;background:#381B13;border-radius:8px}
:is(#level-celebration,#award117-celebration) h2{padding:0;border:0;color:#EEE1C9;font:bold 26px/1.2 KrongradChrome,Georgia,serif;text-shadow:0 2px 2px #241A12;text-transform:uppercase;letter-spacing:.5px}
:is(#level-celebration,#award117-celebration) .level-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:none;padding-bottom:4px}
:is(#level-celebration,#award117-celebration) .level-scroll::-webkit-scrollbar{display:none}
:is(#level-celebration,#award117-celebration) .level-art{position:relative;height:204px;margin-top:6px;isolation:isolate;border-radius:6px;overflow:hidden;background:#381B13}
:is(#level-celebration,#award117-celebration) .level-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:none}
:is(#level-celebration,#award117-celebration) .level-badge{position:absolute;right:12px;bottom:12px;isolation:isolate;min-width:84px;padding:10px 12px;text-align:center;color:#EEE1C9;background:#381B13;border-radius:10px;box-shadow:0 4px 14px #241A12}
:is(#level-celebration,#award117-celebration) .level-badge strong{display:block;font-size:46px;line-height:1;color:#EEE1C9}
:is(#level-celebration,#award117-celebration) .level-badge span{display:block;margin-top:4px;font-size:12px;letter-spacing:1px;color:#EEE1C9}
:is(#level-celebration,#award117-celebration) #level-greeting{padding:14px 12px 4px;font-size:18px;line-height:1.4;color:#241A12;text-align:center;overflow-wrap:anywhere;text-shadow:none}
:is(#level-celebration,#award117-celebration) .level-section{padding:12px 8px 4px;background:none;border:0}
:is(#level-celebration,#award117-celebration) h3{font-size:18px;line-height:1.3;color:#241A12;margin-bottom:10px;border:0;padding:0}
:is(#level-celebration,#award117-celebration) .level-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(#level-celebration,#award117-celebration) .level-reward{position:relative;isolation:isolate;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 8px;background:#E4CEB0;color:#241A12;border:0;text-align:left}
:is(#level-celebration,#award117-celebration) .level-icon{display:block;width:36px;height:36px;object-fit:contain;flex:none;margin:0;filter:none;pointer-events:none}
:is(#level-celebration,#award117-celebration) .level-reward strong{font-size:26px;line-height:36px;color:#245A29;white-space:nowrap}
:is(#level-celebration,#award117-celebration) .level-reward b{grid-column:1/-1;font-size:14px;line-height:20px;color:#241A12}
:is(#level-celebration,#award117-celebration) .level-reward small{grid-column:1/-1;font-size:12px;line-height:18px;color:#241A12}
:is(#level-celebration,#award117-celebration) .level-unlocks article{display:flex;gap:10px;border-top:1px solid #AC8B59;padding:10px 0;background:none}
:is(#level-celebration,#award117-celebration) .level-unlocks article>div{min-width:0}
:is(#level-celebration,#award117-celebration) .level-unlocks b{font-size:15px;line-height:21px;color:#241A12}
:is(#level-celebration,#award117-celebration) .level-unlocks p{font-size:13px;line-height:20px;color:#241A12;text-shadow:none;margin-top:3px}
:is(#level-celebration,#award117-celebration) .level-footer{position:relative;flex:none;z-index:6;padding:10px 4px 2px;background:#E4CEB0;border-top:1px solid #AC8B59}
:is(#level-celebration,#award117-celebration) .level-continue{position:relative;isolation:isolate;display:block;box-sizing:border-box;width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:9px;background:#381B13;color:#EEE1C9;font:bold 20px/28px KrongradChrome,Georgia,serif;cursor:pointer;text-align:center;text-shadow:0 2px 2px #241A12;touch-action:manipulation}
:is(#level-celebration,#award117-celebration) .level-continue>span:not(.kg-surface):not(.kg-frame){position:relative;z-index:2;color:#EEE1C9;pointer-events:none}
:is(#level-celebration,#award117-celebration) .level-continue:active{transform:translateY(1px);filter:brightness(.88)}
:is(#level-celebration,#award117-celebration) .level-continue:focus-visible{outline:2px solid #AC8B59;outline-offset:2px}
@media(max-width:360px){:is(#level-celebration,#award117-celebration){padding:8px}:is(#level-celebration,#award117-celebration) h2{font-size:22px}:is(#level-celebration,#award117-celebration) .level-art{height:168px}:is(#level-celebration,#award117-celebration) .level-section{padding:10px 4px 4px}:is(#level-celebration,#award117-celebration) .level-reward{padding:10px 8px}:is(#level-celebration,#award117-celebration) .level-reward b{font-size:13px}}
@media(max-height:480px){:is(#level-celebration,#award117-celebration) .level-heading{padding:10px}:is(#level-celebration,#award117-celebration) .level-art{height:140px}:is(#level-celebration,#award117-celebration) .level-footer{padding-top:6px}}
:is(#level-celebration,#award117-celebration) :is(.level-section,#level-greeting) *{text-shadow:none!important}
:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child{grid-column:1/-1;grid-template-columns:32px 76px minmax(0,1fr);padding:10px 12px}
:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child .level-icon,:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child strong{grid-row:1/3;align-self:center}
:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child b{grid-column:3;grid-row:1}
:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child small{grid-column:3;grid-row:2}

:is(#level-celebration,#award117-celebration) .level-reward:nth-child(3):last-child strong{font-size:21px;white-space:nowrap}

/* Shared Hero R3 materials; no legacy green story blocks. */
#modal .chapter107{color:var(--kg-ink);text-shadow:none}
#modal .chapter107-body{display:grid;gap:16px;padding:12px 4px 4px;min-width:0}
#modal .chapter107-cover{position:relative;isolation:isolate;overflow:hidden;border-radius:8px;min-height:166px;display:flex;align-items:flex-end;padding:20px;color:var(--kg-cream);background:var(--kg-well)}
#modal .chapter107-art{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;object-position:center 62%;z-index:-2}
#modal .chapter107-cover:after{content:'';position:absolute;inset:6px;background:linear-gradient(0deg,#171310, #17131040);z-index:-1}
#modal .chapter107-cover small{font-size:11px;letter-spacing:1.3px;color:var(--kg-cream)}
#modal .chapter107-cover h3{font-size:30px;margin:6px 0;color:var(--kg-cream);text-shadow:0 2px 4px var(--kg-well)}
#modal .chapter107-cover span{font-size:14px;color:var(--kg-cream)}
#modal .chapter107-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#modal .chapter107-step{min-width:0;min-height:44px;padding:8px;color:var(--kg-cream);font-size:18px}
#modal .chapter107-step[aria-pressed=true]{outline:2px solid var(--kg-gold);outline-offset:2px}
#modal .chapter107-step:disabled{opacity:1;color:var(--kg-cream);filter:grayscale(1);cursor:default}
#modal .chapter107-step:disabled span[data-kg-text]{opacity:.7}
#modal .chapter107 .sw-panel{margin:0;padding:20px;color:var(--kg-ink)}
#modal .chapter107 .sw-panel :is(p,h3,h4,b,small,span){color:var(--kg-ink);text-shadow:none}
#modal .chapter107-speaker{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--kg-gold);font-size:17px;font-weight:bold}
#modal .chapter107-speaker .kg-icon{width:36px;height:36px}
#modal .chapter107-line{margin-top:16px;font-size:16px;line-height:1.65}
#modal .chapter107-line b{display:block;margin-bottom:4px}
#modal .chapter107-line p{margin:0}
#modal .chapter107-letter h4{font-size:16px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--kg-gold)}
#modal .chapter107-progress{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;font-size:14px;margin-bottom:12px}
#modal .chapter107-status p{margin:12px 0 0;font-size:15px;line-height:1.5}
#modal .chapter107-reward-head{display:flex;align-items:center;gap:12px}
#modal .chapter107-reward-head>.kg-icon{width:54px;height:54px}
#modal .chapter107-reward-head h3{font-size:21px;margin:0 0 4px}
#modal .chapter107-reward-head small{font-size:13px}
#modal .chapter107-loot{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 12px}
#modal .chapter107-loot>span{display:flex;align-items:center;gap:6px;font-size:16px}
#modal .chapter107-loot :is(img,.kg-icon){width:32px;height:32px;object-fit:contain}
#modal .chapter107-rewards p{font-size:13px;line-height:1.5;margin:0}
#modal .chapter107-action{width:100%;min-height:56px;line-height:1.5;padding:12px 16px;gap:10px;color:var(--kg-cream);font-size:17px;text-shadow:0 1px 2px var(--kg-well)}
#modal .chapter107-action>span:not(.kg-surface,.kg-frame){color:var(--kg-cream)}
#modal .chapter107-note{font-size:13px;line-height:1.5;text-align:center;color:var(--kg-ink);margin:0 8px 8px;text-shadow:none}
@media(max-width:360px){#modal .chapter107 .sw-panel{padding:16px}#modal .chapter107-body{gap:12px}#modal .chapter107-cover{min-height:140px;padding:16px}#modal .chapter107-action{font-size:15px}#modal .chapter107-line{font-size:15px}}

/* The compact lesson card has its own complete grid, unlike dialogue notes. */
.arrival-ui .guide-note.tutorial107-card{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:16px;margin-bottom:16px}
.arrival-ui .tutorial107-icon{width:36px;height:36px;display:grid;place-items:center}
.arrival-ui .tutorial107-icon .kg-icon{width:32px;height:32px}
.arrival-ui .tutorial107-copy{min-width:0;grid-column:2;color:var(--kg-ink);text-shadow:none}
.arrival-ui .tutorial107-copy b{font-size:17px;line-height:1.5;color:var(--kg-ink);text-shadow:none}
.arrival-ui .tutorial107-copy p{font-size:15px;line-height:1.5;margin-top:4px;color:var(--kg-ink);text-shadow:none}
.arrival-ui .tutorial107-card>.kg-button{grid-column:1/-1;width:100%;min-width:0;min-height:48px;padding:10px 14px;font-size:16px;line-height:1.5;color:var(--kg-cream)}

.realm-ui .realm-create-requirements{padding:20px;color:var(--kg-ink)}
.realm-ui .realm-create-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--kg-gold);padding-bottom:14px}
.realm-ui .realm-create-heading h3{font-size:24px;line-height:1.3;margin:0;color:var(--kg-ink);text-shadow:none}
.realm-ui .realm-create-heading>.kg-icon{width:40px;height:40px}
.realm-ui .realm-create-requirement{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #AC8B5950;color:var(--kg-ink)}
.realm-ui .realm-create-requirement>img{width:32px;height:32px;flex:0 0 32px;object-fit:contain}
.realm-ui .realm-create-requirement>div{min-width:0;flex:1}
.realm-ui .realm-create-requirement b{display:block;font-size:17px;color:var(--kg-ink);text-shadow:none}
.realm-ui .realm-create-requirement small{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:var(--kg-ink);text-shadow:none}
.realm-ui .realm-create-requirement>strong{font-size:13px;max-width:90px;text-align:right;color:var(--kg-ink);text-shadow:none}
.realm-ui .realm-create-wallet .kg-icon{width:20px;height:20px;vertical-align:middle}
.realm-ui .realm-create-caption{font-size:14px;line-height:1.6;margin:16px 0 0;color:var(--kg-ink);text-shadow:none}
@media(max-width:360px){.realm-ui .realm-create-requirements{padding:16px}.realm-ui .realm-create-requirement{gap:8px;flex-wrap:wrap}.realm-ui .realm-create-requirement>strong{flex-basis:100%;max-width:none}.realm-ui .realm-create-requirement b{font-size:16px}}

.service-ui .access107-xp{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:15px;line-height:1.5}.service-ui .access107-xp img{width:36px;height:36px;object-fit:contain}.service-ui .access107-copy :is(p,b,h3,span){color:var(--kg-ink);text-shadow:none}

.metro-ui .mayor107-heading{display:flex;gap:12px;align-items:center}.metro-ui .mayor107-heading>.kg-icon{width:42px;height:42px}.metro-ui .mayor107-heading h3{margin:3px 0;font-size:24px}.metro-ui .mayor107-heading small{font-size:11px;letter-spacing:1px}
.metro-ui .mayor107-costs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.metro-ui .mayor107-costs>div{display:grid;grid-template-columns:32px 1fr;gap:4px 8px;align-items:center;padding:12px;border:1px solid var(--kg-gold);border-radius:5px}.metro-ui .mayor107-costs .kg-icon{width:32px;height:32px;grid-row:1/3}.metro-ui .mayor107-costs strong{font-size:26px;line-height:1}.metro-ui .mayor107-costs span{font-size:12px}.metro-ui .mayor107-capacity{font-weight:bold}.metro-ui .mayor107-energy{margin-top:16px;padding-top:14px;border-top:1px solid var(--kg-gold)}.metro-ui .mayor107-energy summary{font-weight:bold;padding:4px 0;cursor:pointer}
.metro-ui .mayor107-combat{display:grid;gap:12px}.metro-ui .mayor107-history-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--kg-gold);padding:16px 0}.metro-ui .mayor107-history-row p{font-size:13px;margin:4px 0}.metro-ui .mayor107-history-row small{font-size:12px}.metro-ui .mayor107-history-row>.kg-button{width:auto;min-width:96px;padding:10px}.metro-ui .mayor107-damage{display:flex;gap:6px;align-items:center;margin-top:8px}.metro-ui .mayor107-damage>.kg-icon{width:28px;height:28px}.metro-ui .mayor107-damage b{font-size:22px}.metro-ui .mayor107-damage>span{font-size:13px}.metro-ui .mayor107-empty{display:flex;align-items:center;gap:12px;margin-top:16px}.metro-ui .mayor107-empty>.kg-icon{width:40px;height:40px;flex-shrink:0}
.metro-ui .city107-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;margin:16px 0}.metro-ui .city107-stats-grid>div{text-align:center;min-width:0}.metro-ui .city107-stats-grid .kg-icon{width:32px;height:32px;margin:0 auto 6px}.metro-ui .city107-stats-grid dt{font-size:13px}.metro-ui .city107-stats-grid dd{font-size:23px;font-weight:bold;margin:4px 0 0}.metro-ui .city107-note{font-size:13px;line-height:1.6}
.metro-ui :is(.city107-stats,.mayor107-attempts,.mayor107-history) :is(h3,p,b,strong,small,span,dt,dd,summary){color:var(--kg-ink);text-shadow:none}.metro-ui .mayor107-history .kg-button>span:not(.kg-surface,.kg-frame),.metro-ui .mayor107-energy .kg-button>span:not(.kg-surface,.kg-frame){color:var(--kg-cream)}
.metro-ui [data-mayor-reward] .kg-icon{width:24px;height:24px;vertical-align:middle;margin-right:4px}.metro-ui .mayor107-inline{white-space:nowrap}
@media(max-width:360px){.metro-ui .city107-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metro-ui .mayor107-heading h3{font-size:21px}.metro-ui .mayor107-costs{gap:8px}.metro-ui .mayor107-costs>div{padding:8px}.metro-ui .mayor107-history-row{flex-wrap:wrap}}

/* Light disclosure deliberately differs from the burgundy unequip action. */
.service-ui .title107-future{margin-top:20px}.service-ui .title107-future>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:16px 18px;min-height:72px;border:2px solid var(--kg-gold);border-radius:8px;background:#ead7b0;box-shadow:inset 0 0 0 2px #fff7e650,0 3px 8px #23160824;cursor:pointer;color:var(--kg-ink);text-shadow:none}
.service-ui .title107-future>summary::-webkit-details-marker{display:none}.service-ui .title107-future>summary:hover{background:#f2e2c3}.service-ui .title107-future>summary:focus-visible{outline:3px solid var(--kg-burgundy);outline-offset:3px}.service-ui .title107-future>summary>.kg-icon{width:36px;height:36px;flex-shrink:0}.service-ui .title107-future-copy{flex:1;min-width:0}.service-ui .title107-future-copy b{display:block;font-size:18px;color:var(--kg-ink);text-shadow:none}.service-ui .title107-future-copy small{display:block;margin-top:5px;font-size:13px;line-height:1.4;color:var(--kg-ink);text-shadow:none}.service-ui .title107-count{min-width:32px;height:32px;padding:4px;border:1px solid var(--kg-gold);border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:bold;color:var(--kg-ink);text-shadow:none}.service-ui .title107-chevron{font-size:24px;transition:transform .15s;color:var(--kg-ink)}.service-ui .title107-future[open]>summary .title107-chevron{transform:rotate(180deg)}.service-ui .title107-gain{white-space:nowrap;font-weight:bold;color:var(--kg-burgundy);text-shadow:none}
@media(max-width:360px){.service-ui .title107-future>summary{gap:8px;padding:14px 10px}.service-ui .title107-future-copy b{font-size:16px}}
.realm-ui .realm-create-requirement small.realm-create-wallet{display:flex;align-items:center;gap:6px}.realm-ui .realm-create-requirement .realm-create-wallet>.kg-icon{width:20px;height:20px;display:inline-block;flex:0 0 20px;margin:0}

.ladder-ui{min-width:0;color:#241a12}.ladder-ui .ladder-label{margin:16px 4px 8px;font-size:20px}.ladder-ui .sw-tabs{margin-bottom:8px}.ladder-deadline{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;margin:8px 0 12px}.ladder-deadline .kg-icon{width:24px;height:24px}.ladder-league{text-align:center;font-size:13px}.ladder-row{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px!important;margin-bottom:8px!important}.ladder-place{font-size:18px;color:#7d2021}.ladder-portrait{width:48px;height:64px;object-fit:cover;object-position:top;border-radius:4px}.ladder-person{min-width:0}.ladder-person b{display:block;font-size:16px;overflow-wrap:anywhere}.ladder-person small,.ladder-row-action small{display:block;font-size:11px;line-height:1.4}.ladder-row-action{text-align:right;max-width:112px;min-width:0}.ladder-row-action>.kg-button{padding:8px!important;min-height:40px;font-size:12px;gap:4px}.ladder-row-action>.kg-button .kg-icon{width:20px;height:20px}.ladder-row.is-own .ladder-person b{color:#7d2021}.ladder-rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.ladder-rates div{display:grid;text-align:center;gap:4px}.ladder-rates b{font-size:20px;color:#7d2021}.ladder-rates span{font-size:11px}.ladder-reward{display:flex;gap:12px;align-items:center}.ladder-reward>.kg-icon{width:48px;height:48px}.ladder-reward p{margin:4px 0!important}.ladder-history{display:flex;align-items:center;justify-content:space-between;gap:8px}.ladder-history>div{min-width:0;overflow-wrap:anywhere}.ladder-history>.kg-button{flex-shrink:0;min-height:40px;padding:8px!important}.ladder-history .kg-icon{width:20px;height:20px}.ladder-duel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:center}.ladder-duel figure{margin:0;min-width:0}.ladder-duel img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:4px}.ladder-duel figcaption{font-weight:bold;overflow-wrap:anywhere}.ladder-summary .metro-metrics strong{font-size:24px}.ladder-ui>details{padding:12px}.ladder-ui>details>summary{cursor:pointer;font-weight:bold}@media(max-width:360px){.ladder-row{grid-template-columns:24px 36px minmax(0,1fr) auto;gap:4px;padding:10px!important}.ladder-portrait{width:36px;height:52px}.ladder-person b{font-size:14px}.ladder-row-action{max-width:88px}.ladder-row-action>.kg-button{font-size:11px}.ladder-summary .metro-metrics strong{font-size:20px}.ladder-ui .sw-tabs button{font-size:12px}.ladder-ui .comparison-head{font-size:10px}}
#modal .metro-ui .ladder-ui .sw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#modal .metro-ui .ladder-ui .sw-tabs button{font-size:13px;min-width:0;padding:8px 4px;min-height:44px}#modal .metro-ui .ladder-ui .ladder-row-action>.kg-button{display:flex;font-size:12px;line-height:1.2;min-height:44px;gap:4px}#modal .metro-ui .ladder-ui .ladder-row-action>.kg-button>.kg-icon{width:18px;height:18px;flex:0 0 18px}#modal .metro-ui .ladder-ui .ladder-row-action>.kg-button>[data-kg-text]{white-space:normal;min-width:0}#modal .metro-ui .ladder-ui .ladder-banner{margin:0 0 8px;height:104px;min-height:104px}#modal .metro-ui .ladder-ui .ladder-banner h3{font-size:24px}#modal .metro-ui .ladder-ui .ladder-banner p{font-size:12px}#modal .metro-ui .ladder-ui .ladder-row{gap:6px}@media(max-width:360px){#modal .metro-ui .ladder-ui .ladder-row-action>.kg-button{font-size:11px;gap:2px}#modal .metro-ui .ladder-ui .ladder-row-action>.kg-button>.kg-icon{width:14px;height:14px;flex-basis:14px}#modal .metro-ui .ladder-ui .sw-tabs button{font-size:11px}}
#modal .ladder-ui .ladder-portrait{position:relative;isolation:isolate;overflow:hidden;display:block}#modal .ladder-ui .ladder-portrait>img{position:absolute;top:-4%;left:50%;width:350%;height:auto;max-width:none;transform:translateX(-50%)}#modal .ladder-ui .ladder-portrait .kg-frame{z-index:2}
#modal .ladder-ui .ladder-duel{position:relative;isolation:isolate;overflow:hidden;border-radius:4px;padding:8px;color:#eee1c9}#modal .ladder-ui img.ladder-duel-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#modal .ladder-ui .ladder-duel::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#171310);z-index:-1}#modal .ladder-ui .ladder-duel figcaption{font-size:14px;text-shadow:0 2px 3px #171310}





/* Arena prestige */
#modal .metro-ui .ladder-ui{container-type:inline-size}
#modal .metro-ui .ladder-ui>.sw-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
#modal .metro-ui .ladder-ui .ladder-history-tabs .sw-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal .metro-ui .ladder-ui .ladder-row{grid-template-columns:48px minmax(0,1fr) minmax(80px,112px);gap:8px;padding:12px!important}
#modal .ladder-ui .ladder-row-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid #ac8b5960;padding-bottom:6px}
#modal .ladder-ui .ladder-row-heading small{font-size:11px;color:#241a12}
#modal .ladder-ui .ladder-place{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums;font-size:20px;line-height:26px;color:#7d2021}
#modal .ladder-ui .ladder-summary .metro-metrics strong{font-size:clamp(15px,4.2cqw,24px);white-space:nowrap;word-break:normal;font-variant-numeric:tabular-nums}
#modal .ladder-ui .ladder-row-action b{font-size:15px;font-variant-numeric:tabular-nums}
#modal .ladder-ui .ladder-person b{font-size:16px}
#modal .ladder-ui .arena-ranking-gap{text-align:center}
#modal .ladder-ui .arena-prize-teaser{position:relative;isolation:isolate;display:grid;grid-template-columns:40% minmax(0,1fr);width:100%;padding:12px 16px 12px 8px;gap:8px;align-items:center;margin:12px 0 16px;border:0;background:none;color:#eee1c9;cursor:pointer;text-align:left;font:inherit;min-height:164px}
#modal .ladder-ui .arena-prize-teaser>img{width:100%;height:148px;object-fit:contain;filter:drop-shadow(0 6px 5px #171310)}
#modal .ladder-ui .arena-prize-teaser>.arena-teaser-copy{display:grid;gap:6px;position:relative}
#modal .ladder-ui .arena-prize-teaser small{font-size:10px;letter-spacing:1px;color:#e4ceb0}
#modal .ladder-ui .arena-prize-teaser b{font-size:22px;line-height:1.12;color:#eee1c9}
#modal .ladder-ui .arena-prize-teaser span span,#modal .ladder-ui .arena-prize-teaser em{font-size:12px;line-height:1.35;font-style:normal;color:#eee1c9}
#modal .ladder-ui .arena-prize-teaser strong{font-size:13px;color:#e4ceb0;text-decoration:underline;text-underline-offset:4px}
#modal .ladder-ui .arena-hall{position:relative;isolation:isolate;overflow:hidden;padding:20px 12px 16px;margin:16px 0;background:#171310;border-radius:10px;color:#eee1c9}
#modal .ladder-ui .arena-hall-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.82}
#modal .ladder-ui .arena-hall::after{content:'';position:absolute;inset:0;background:linear-gradient(#17131020,#17131020 55%,#171310b0);z-index:-1;pointer-events:none}
#modal .ladder-ui .arena-hall>header{text-align:center;text-shadow:0 2px 3px #171310;padding-bottom:12px}
#modal .ladder-ui .arena-hall>header small{font-size:10px;letter-spacing:2px;color:#e4ceb0}
#modal .ladder-ui .arena-hall>header h3{font-size:clamp(21px,5.5cqw,32px);font-weight:400;line-height:1.15;color:#eee1c9;margin:8px 0!important}
#modal .ladder-ui .arena-hall>header p{font-size:12px;color:#eee1c9;margin:0!important}
/* Real stone plinths: hero above, readable information and action below. */
#modal .ladder-ui .arena-podium-major{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:end}
#modal .ladder-ui .arena-laureate{min-width:0;text-align:center}
#modal .ladder-ui .arena-laureate-person{height:clamp(116px,34cqw,210px);display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1;margin-bottom:-7%}
#modal .ladder-ui .arena-laureate-person>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 4px #171310)}
#modal .ladder-ui .arena-laureate-person>span{font-size:11px;align-self:center;color:#eee1c9}
#modal .ladder-ui .place-1 .arena-laureate-person{height:clamp(140px,40cqw,260px)}
#modal .ladder-ui .place-3 .arena-laureate-person{height:clamp(106px,31cqw,192px)}
#modal .ladder-ui .arena-plinth{position:relative;isolation:isolate;width:100%;line-height:0}
#modal .ladder-ui .arena-plinth>img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 4px #171310)}
#modal .ladder-ui .arena-plinth>b{position:absolute;top:43%;left:50%;width:45%;transform:translate(-50%,-50%);text-align:center;line-height:1.1;font-size:clamp(23px,6.5cqw,44px);font-weight:400;color:#e4ceb0;text-shadow:0 2px 1px #171310,0 -1px 1px #ac8b59}
#modal .ladder-ui .place-2 .arena-plinth>b{top:48%}
#modal .ladder-ui .place-3 .arena-plinth>b{top:52%}
#modal .ladder-ui .place-4 .arena-plinth>b{top:52%}
#modal .ladder-ui .place-5 .arena-plinth>b{top:55%}
#modal .ladder-ui .arena-laureate-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 2px;min-height:132px;text-shadow:0 2px 3px #171310}
#modal .ladder-ui .arena-laureate-name{font-size:clamp(13px,3.1cqw,19px);line-height:1.25;overflow-wrap:anywhere;color:#eee1c9;min-height:2.5em}
#modal .ladder-ui .arena-laureate-info small{font-size:11px;color:#e4ceb0}
#modal .ladder-ui .arena-laureate-info strong{font-size:clamp(12px,3cqw,16px);font-variant-numeric:tabular-nums;color:#eee1c9;line-height:1.2;overflow-wrap:anywhere}
#modal .ladder-ui .arena-laureate-info>.kg-button{margin-top:6px;width:100%;padding:8px 2px!important;min-height:44px;font-size:12px;display:flex;justify-content:center;gap:2px}
#modal .ladder-ui .arena-laureate-info>.kg-button .kg-icon{display:none}
#modal .ladder-ui .arena-laureate-info>.kg-button:disabled{opacity:.7}
#modal .ladder-ui .arena-podium-minor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 12% 8px;align-items:end}
#modal .ladder-ui .arena-podium-minor .arena-laureate-person{height:clamp(100px,30cqw,180px)}
#modal .ladder-ui .arena-podium-minor .arena-laureate-info{min-height:125px}
#modal .ladder-ui .arena-prize-term{display:grid;gap:5px;font-size:13px;line-height:1.45;border-block:1px solid #ac8b59;padding:12px 0;color:#241a12}
#modal .ladder-ui .arena-prize-term>b{color:#7d2021}
#modal .ladder-ui .arena-ready{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center}
#modal .ladder-ui .arena-ready>img{width:100%;height:110px;object-fit:contain}
#modal .ladder-ui .arena-ready small{font-size:10px;letter-spacing:1px;color:#7d2021}
#modal .ladder-ui .arena-ready h3{font-size:22px;margin:4px 0!important}
#modal .ladder-ui .arena-ready p{font-size:12px;margin:4px 0!important}
#modal .ladder-ui .arena-ready-card>.kg-button{width:100%}
#modal .ladder-ui .arena-bag-full{border-left:3px solid #7d2021;padding:8px 12px;margin:14px 0;color:#241a12}
#modal .ladder-ui .arena-claim-error{color:#7d2021;font-size:14px}
#modal .ladder-ui.arena-claim .arena-prize-contents>.kg-button{width:100%;margin-top:12px}
#modal [data-arena-notice]>.kg-button{width:100%;margin-top:12px}

#modal .ladder-ui .arena-chest-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:12px 0}
#modal .ladder-ui .arena-chest-picker button{position:relative;isolation:isolate;min-width:0;display:grid;justify-items:center;gap:2px;background:none;border:0;padding:6px 2px;color:#eee1c9;cursor:pointer;font:inherit}
#modal .ladder-ui .arena-chest-picker img{width:100%;height:48px;object-fit:contain}
#modal .ladder-ui .arena-chest-picker b{font-size:12px;font-weight:400}
#modal .ladder-ui .arena-chest-picker button:last-child b{font-size:9px}
#modal .ladder-ui .arena-chest-picker [aria-pressed=true] b{font-weight:bold;text-decoration:underline;text-underline-offset:4px}
#modal .ladder-ui .arena-prize-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 12px 20px;color:#eee1c9;margin:0 0 12px}
#modal .ladder-ui .arena-prize-kicker{font-size:11px;color:#e4ceb0;letter-spacing:1.2px}
#modal .ladder-ui .arena-prize-showcase h3{color:#eee1c9;font-size:clamp(25px,6cqw,36px);line-height:1.2;margin:10px 0 4px!important;font-weight:400}
#modal .ladder-ui .arena-prize-showcase p{color:#eee1c9;font-size:13px;margin:4px 0!important}
#modal .ladder-ui .arena-prize-main{display:block;width:84%;max-width:340px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 10px #171310);margin:8px 0}
#modal .ladder-ui .arena-chest-caption{font-size:11px;color:#e4ceb0}
#modal .ladder-ui .arena-prize-contents{padding:16px!important}
#modal .ladder-ui .arena-inside-title{text-align:center;font-size:22px;margin:0 0 12px!important}
#modal .ladder-ui .arena-currencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px;border-bottom:1px solid #ac8b5960}
#modal .ladder-ui .arena-currencies>div{display:flex;flex-direction:column;align-items:center;gap:4px}
#modal .ladder-ui .arena-currencies .kg-icon{width:44px;height:44px;object-fit:contain}
#modal .ladder-ui .arena-currencies b{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums}
#modal .ladder-ui .arena-currencies small{font-size:12px}
#modal .ladder-ui .arena-prize-items h4{text-align:center;margin:16px 0 12px;font-size:18px}
#modal .ladder-ui .arena-prize-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px 12px;align-items:center;margin:12px 0}
#modal .ladder-ui .arena-prize-item .chest-item-preview{grid-row:1/3;display:block;width:84px;height:104px}
#modal .ladder-ui .arena-prize-item>b{font-size:16px;line-height:1.3;align-self:end}
#modal .ladder-ui .arena-prize-item>p{font-size:12px;line-height:1.5;margin:0!important;align-self:start}
#modal .ladder-ui .arena-prize-note{font-size:12px;line-height:1.5;margin:12px 0 0!important}
#modal .arena-reward-art.chest-detail{width:min(80%,320px);height:auto;max-height:none;object-fit:contain;margin:12px auto;display:block}
@container(max-width:340px){#modal .metro-ui .ladder-ui .ladder-row{grid-template-columns:40px minmax(0,1fr) 88px;gap:6px;padding:10px!important}#modal .ladder-ui .ladder-portrait{width:40px;height:58px}#modal .ladder-ui .ladder-person b{font-size:14px}#modal .ladder-ui .arena-prize-teaser{padding:10px;grid-template-columns:36% minmax(0,1fr);min-height:148px}#modal .ladder-ui .arena-prize-teaser b{font-size:19px}#modal .ladder-ui .arena-prize-teaser>img{height:130px}#modal .ladder-ui .arena-hall{padding:16px 8px 12px}#modal .ladder-ui .arena-currencies b{font-size:21px}}

#modal .ladder-ui :is(.arena-prize-teaser,.arena-chest-picker button):active{transform:translateY(1px);filter:brightness(.85)}
#modal .ladder-ui :is(.arena-prize-teaser,.arena-prize-link,.arena-chest-picker button):focus-visible{outline:2px solid #ac8b59;outline-offset:2px}

/* Realm92: approved R3 leather, parchment and perimeter components. */
.realm-ui{--realm-ink:#241a12;--realm-gold:#ac8b59;--realm-wine:#7d2021;color:var(--realm-ink);font-family:KrongradSerif,Georgia,serif;min-width:0}
.realm-ui *{box-sizing:border-box;min-width:0}
.realm-ui .kg-frame,.realm-ui .kg-surface{pointer-events:none}
.realm-ui .kg-frame{z-index:3}
.realm-ui .kg-surface{z-index:0}
.realm-ui :is(h2,h3,h4,p,small,strong,span,label){overflow-wrap:anywhere}
.realm-ui p{line-height:1.5;margin:8px 0}
.realm-ui small{font-size:14px;line-height:1.45}
.realm-ui h3{font-size:24px;line-height:1.2;margin:8px 0 12px}
.realm-ui h4{font-size:21px;line-height:1.25;margin:0 0 12px}
.realm-ui .sw-panel>*:not(.kg-surface):not(.kg-frame){position:relative;z-index:1}
.realm-ui .realm-paper{margin:14px 0;padding:18px;color:#241a12}
.realm-hub{padding:16px 8px 22px}
.realm-intro{text-align:center;margin:8px 8px 20px}
.realm-intro>small{letter-spacing:.13em;font-size:11px;color:#6c4d2e}
.realm-intro h2{font-size:32px;line-height:1.15;margin:9px 0}
.realm-intro p{font-size:16px}
.realm-hub-grid,.realm-district-grid,.realm-building-grid,.realm-background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.realm-ui .realm-card{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;padding:0;border:0;background:#171310;color:#eee1c9;box-shadow:0 5px 10px #241a1266;border-radius:10px;overflow:hidden;text-align:left;cursor:pointer;min-height:0;font:inherit}
.realm-ui .realm-card:hover{filter:brightness(1.08)}
.realm-ui .realm-card:active{transform:translateY(2px);filter:brightness(.83)}
.realm-ui .realm-card:focus-visible{outline:3px solid #ac8b59;outline-offset:3px}
.realm-card-art{display:block;position:relative;aspect-ratio:3/2;width:100%;overflow:hidden}
.realm-card-art>img{display:block;width:100%;height:100%;object-fit:cover}
.realm-card-art>em{position:absolute;top:12px;left:12px;padding:4px 9px;border:1px solid #ac8b59;color:#eee1c9;background:#241a12df;font-size:12px;font-style:normal;box-shadow:0 2px 4px #171310}
.realm-card[data-realm-page="mayor"] .realm-card-art>em{top:auto;left:auto;right:12px;bottom:12px}
.realm-card-caption{display:grid;grid-template-columns:1fr 18px;gap:6px;position:relative;padding:16px 20px 18px;flex:1;border-top:1px solid #ac8b59}
.realm-card-caption>strong,.realm-card-caption>small,.realm-card-caption>b{position:relative;z-index:2;color:#eee1c9;text-shadow:0 2px 2px #171310}
.realm-card-caption>strong{font-size:26px;font-weight:700;grid-column:1}
.realm-card-caption>small{grid-column:1;font-size:15px;color:#e4ceb0}
.realm-card-caption>b{grid-column:2;grid-row:1/3;align-self:center;font-size:32px;color:#ac8b59}
.realm-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;aspect-ratio:16/9;background:#171310;margin:0 0 16px}
.realm-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
.realm-scene>div{position:absolute;z-index:2;inset:auto 0 0;padding:36px 22px 18px;background:linear-gradient(transparent,#171310ed);color:#eee1c9;text-shadow:0 2px 4px #171310}
.realm-scene h3{color:#eee1c9;margin:6px 0 0;font-size:28px}
.realm-scene small{color:#e4ceb0;letter-spacing:.09em;font-size:11px}
.realm-section-title{margin:24px 4px 16px!important}
.realm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.realm-ui .kg-button{min-height:50px;white-space:normal;font:inherit;font-size:17px;line-height:1.25;padding:12px 18px;cursor:pointer;margin:5px 0}
.realm-ui .kg-button:disabled{cursor:default;filter:grayscale(.7);opacity:.6}
.realm-ui .kg-round{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px;max-height:42px;flex:0 0 42px;aspect-ratio:1}
.realm-ui .sw-head h2{font-size:25px;margin:0;line-height:1.1}
.realm-district-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;background:#171310;aspect-ratio:1}
.realm-district-preview>img{width:100%;height:100%;object-fit:cover;opacity:.85}
.realm-district-preview>div{position:absolute;bottom:0;left:0;right:0;padding:42px 16px 16px;background:linear-gradient(transparent,#171310);color:#eee1c9}
.realm-district-preview h4{font-size:21px;margin:0 0 4px;color:#eee1c9}
.realm-district-preview p{font-size:14px;margin:3px 0}
.realm-district-preview small{font-size:12px;color:#e4ceb0}
.realm-meter{margin:12px 0}
.realm-meter>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px}
.realm-meter>div:first-child b{white-space:nowrap;font-variant-numeric:tabular-nums}
.realm-meter>[role]{height:16px;border:2px solid #ac8b59;box-shadow:inset 0 2px 4px #171310;border-radius:5px;background:#241a12;overflow:hidden}
.realm-meter i{display:block;height:100%;background:linear-gradient(#a24b40,#7d2021 48%,#381b13);border-top:1px solid #ac8b59;box-shadow:inset 0 -2px 3px #17131066;transition:width .25s ease}
.realm-site-grid{display:grid;gap:16px;margin:18px 0}
.realm-site{position:relative;display:grid;grid-template-columns:42% 1fr;background:#e4ceb0;border-radius:8px;overflow:hidden;box-shadow:0 3px 6px #241a1255;min-height:200px}
.realm-site>img{width:100%;height:100%;object-fit:cover;object-position:center}
.realm-site>div{padding:18px;align-self:center}
.realm-site .kg-button{width:100%}

.realm-done{display:block;color:#245a29;font-size:17px;margin:20px 0}
.realm-boss{display:grid;grid-template-columns:42% 1fr;position:relative;background:#381b13;color:#eee1c9;border-radius:10px;overflow:hidden;min-height:320px}
.realm-boss>img{width:100%;height:100%;object-fit:cover;object-position:top}
.realm-boss>div{padding:25px 20px;align-self:center}
.realm-boss h3{font-size:32px;color:#eee1c9}
.realm-boss.is-locked>img{filter:saturate(.5) brightness(.6)}
.realm-boss .kg-button{width:100%}
.realm-rank{display:grid;grid-template-columns:minmax(46px,max-content) 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #ac8b5988;align-items:center;font-size:16px}
.realm-rank>b{color:#7d2021;white-space:nowrap;font-variant-numeric:tabular-nums}
.realm-rank>strong{white-space:nowrap;font-size:16px}
.realm-prepare-portraits{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;gap:8px}
.realm-prepare-portraits figure{margin:0;overflow:hidden;position:relative;min-width:0}
.realm-prepare-portraits figure>img{width:100%;height:280px;object-fit:cover;object-position:top;border:2px solid #ac8b59;border-radius:9px}
.realm-prepare-portraits figcaption{text-align:center;font-size:20px;line-height:1.25;margin:8px 0}
.realm-prepare-portraits>b{text-align:center;color:#7d2021;font-size:25px}
.realm-compare{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;text-align:center;padding:10px 0;border-bottom:1px solid #ac8b5977}
.realm-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:center;margin:10px 0 20px}
.realm-numbers b{display:block;font-size:28px;line-height:1.1;margin:5px 0;color:#7d2021;font-variant-numeric:tabular-nums}
.realm-numbers span{font-size:15px}
.realm-ui form{display:grid;gap:12px;margin:14px 0}
.realm-ui form label{display:grid;gap:7px;font-size:15px;color:#241a12}
.realm-ui :is(input,select,textarea){width:100%;min-height:46px;border:1px solid #ac8b59;border-radius:4px;background:#eee1c9;color:#241a12;font:inherit;padding:10px 12px;box-shadow:inset 0 2px 3px #241a1230}
.realm-ui textarea{min-height:90px;resize:vertical}
.realm-ui select option{background:#eee1c9;color:#241a12}
.realm-ui :is(input,select,textarea):focus{outline:2px solid #7d2021;outline-offset:2px}
.realm-ui details{margin:12px 0}
.realm-ui summary{cursor:pointer;color:#381b13;padding:12px;border:1px solid #ac8b59;box-shadow:inset 0 1px #eee1c9;border-radius:5px;min-height:44px}
.realm-ui .good{color:#245a29}.realm-ui .bad{color:#7d2021}
.realm-market-row,.realm-ledger{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid #ac8b5977}
.realm-market-row>span,.realm-ledger>span{flex:1 1 45%}
.realm-ui :is(.realm-market-row,.realm-ledger,.realm-member) small{display:block;font-size:13px;margin-top:5px}
.realm-reward{display:grid;grid-template-columns:1fr;gap:16px}
.realm-reward>img{width:100%;aspect-ratio:3/2;object-fit:cover;border:2px solid #ac8b59;border-radius:7px}
.realm-reward .kg-button{width:100%}
.realm-family-heading,.realm-family-row{display:flex;align-items:center;gap:18px;padding:8px 0}
.realm-family-heading>div,.realm-family-row>div{flex:1}
.realm-family-row h3{font-size:24px}
.realm-family-heading>div p{font-size:23px;font-style:italic}
.realm-emblem{position:relative;display:block;flex:0 0 110px;width:110px;height:130px;isolation:isolate}
.realm-emblem>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.realm-emblem .crest-symbol{inset:24% 22%;width:56%;height:50%;filter:drop-shadow(0 2px 2px #171310)}
.realm-crest-preview .realm-emblem{width:220px;height:260px;margin:0 auto}
.realm-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:8px 0 12px;margin-bottom:4px}
.realm-tabs::-webkit-scrollbar{display:none}
.realm-tabs .kg-button{flex:0 0 auto;min-height:44px;padding:10px 16px;font-size:15px}
.realm-building .realm-scene{margin:-8px -8px 10px;aspect-ratio:3/2}
.realm-building .realm-scene h3{font-size:24px}
.realm-building .kg-button{width:100%;font-size:15px}
.realm-bonus{display:grid;grid-template-columns:1fr auto;gap:6px;padding:14px 0;border-bottom:1px solid #ac8b5977}
.realm-bonus small{grid-column:1/3}
.realm-bonus>b{font-size:21px;color:#245a29}
.realm-member{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #ac8b5977}
.realm-member>img{width:54px;height:66px;object-fit:cover;border:1px solid #ac8b59;border-radius:5px}
.realm-member details{grid-column:1/3}
.realm-war-score{text-align:center;font-size:64px;color:#7d2021;font-variant-numeric:tabular-nums;padding:20px 0}
.realm-war-score small{font-size:30px;color:#ac8b59}
.realm-error:not(:empty){margin:16px 0;padding:16px;border:2px solid #7d2021;background:#e4ceb0;color:#7d2021}
.realm-error:empty{display:none}
@media(max-width:520px){.realm-hub-grid{grid-template-columns:1fr;gap:18px}.realm-card-art{aspect-ratio:16/9}.realm-card-caption>strong{font-size:26px}.realm-building-grid,.realm-background-grid{grid-template-columns:1fr}.realm-intro h2{font-size:28px}.realm-ui .realm-paper{padding:15px}.realm-site{grid-template-columns:1fr}.realm-site>img{aspect-ratio:16/9;max-height:230px}.realm-site>div{padding:18px}.realm-district-grid{gap:12px}.realm-district-grid .realm-card-caption{padding:14px}.realm-district-grid .realm-card-caption>strong{font-size:21px}.realm-district-grid .realm-card-caption>small{font-size:13px}.realm-district-preview{aspect-ratio:3/4}.realm-district-preview>div{padding:38px 12px 15px}.realm-district-preview h4{font-size:19px}.realm-prepare-portraits figure>img{height:235px}.realm-ui .sw-head h2{font-size:22px}.realm-boss{min-height:290px;grid-template-columns:44% 1fr}.realm-boss>div{padding:22px 14px}.realm-boss h3{font-size:25px}.realm-boss .realm-meter>div:first-child{flex-direction:column;gap:4px}.realm-family-row .realm-emblem{flex-basis:80px;width:80px;height:100px}.realm-family-row h3{font-size:21px}.realm-actions{grid-template-columns:1fr}.realm-numbers b{font-size:26px}}
@media(prefers-reduced-motion:reduce){.realm-ui *{transition:none!important}}
.realm-emblem>.crest-filters{position:absolute;width:0;height:0;overflow:hidden}
.realm-tabs [aria-current=page]{filter:brightness(1.18);box-shadow:0 2px 0 #AC8B59}
.realm-build-stages{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.realm-build-stages li{display:grid;gap:5px;border:1px solid #AC8B59;padding:14px;border-radius:5px}
.realm-build-stages .is-done{border-left:5px solid #245A29}.realm-build-stages .is-current{border-left:5px solid #7D2021;background:#E4CEB0}
.realm-war-families{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;text-align:center;align-items:center}.realm-war-families .realm-emblem{margin:auto}
.realm-war-families h3{font-size:21px;margin:10px 0}.realm-prize{text-align:center;font-weight:bold;color:#7D2021}
.realm-war-pair{display:grid;grid-template-columns:1fr 80px 1fr;gap:8px;align-items:center;text-align:center;padding:14px 0;border-bottom:1px solid #AC8B59}
.realm-war-pair img{display:block;width:64px;height:82px;object-fit:cover;margin:0 auto 8px;border:1px solid #AC8B59;border-radius:5px}.realm-war-pair b{font-size:16px}.realm-war-pair>span{font-size:13px}

.realm-ui .realm-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:8px}
.realm-ui .realm-tabs .kg-button{width:100%;margin:0;min-width:0;max-width:100%;padding:10px 6px;font-size:15px}
.realm-family-heading.is-compact{gap:14px;padding:0 0 12px}
.realm-family-heading.is-compact .realm-emblem{width:62px;height:76px;flex-basis:62px}
.realm-family-heading.is-compact .realm-emblem>b{font-size:10px}
.realm-family-heading.is-compact>div p{font-size:18px;margin:4px 0}
.realm-emblem>small{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#EEE1C9;font-size:10px;text-shadow:0 1px 2px #171310;z-index:4}
.realm-ui input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#7D2021}
.realm-ui label:has(input[type=checkbox]){display:flex;align-items:center;gap:12px}

.realm-reward-item{width:140px;height:165px;margin:16px auto}.realm-reward-item .equipment-visual{width:100%;height:100%}

.realm-district-map{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:10px;margin:16px 0;background:#171310}
.realm-district-map>img{width:100%;height:100%;object-fit:cover}
.realm-ui .realm-map-pin{position:absolute;width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;transform:translate(-50%,-50%);color:#EEE1C9;z-index:4;cursor:pointer;isolation:isolate}
.realm-map-pin>b{position:relative;z-index:2;font:700 20px KrongradSerif,Georgia,serif;text-shadow:0 2px 2px #171310}
.realm-map-pin .kg-icon{position:relative;width:25px;height:25px;z-index:2}.realm-map-pin.is-done{filter:grayscale(1)}
.realm-owner{display:flex;gap:16px;align-items:center}.realm-owner>div{flex:1}.realm-owner .realm-emblem{width:80px;height:100px;flex-basis:80px}
.realm-prepare-portraits figcaption>small{display:block;font-size:13px;margin:5px 0}

.realm-reward>img,.realm-receipt>img{object-fit:contain;border:0;width:100%;max-height:320px;filter:drop-shadow(0 10px 8px #241a1266)}
.realm-district-prizes>img{display:block;width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 10px 8px #241a1266)}
.realm-prize-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.realm-prize-items figure{margin:0;text-align:center}.realm-prize-items img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 3px #241a1266)}
.realm-prize-items figcaption{font-weight:bold;color:#7D2021}.realm-prize-items small{display:block;color:#241A12;font-weight:normal;font-size:13px;margin:6px 0}
.realm-title-badge{display:flex;gap:16px;align-items:center}.realm-title-badge>img{width:80px;height:80px;object-fit:contain}
.realm-rank-hero{grid-template-columns:max-content 52px 1fr}.realm-rank-hero>img{width:52px;height:64px;object-fit:cover;border:1px solid #AC8B59;border-radius:5px}
.realm-rank-hero small{display:block;margin-top:6px;font-size:13px}.realm-rank-hero.is-prize{border-bottom:2px solid #AC8B59}
.realm-own-rank{font-weight:bold;color:#7D2021}.realm-receipt{text-align:center}
.realm-city-map{aspect-ratio:2/3;position:relative;isolation:isolate}.realm-city-map>img{width:100%;height:100%;object-fit:cover}.realm-city-map .realm-map-pin{width:40px;height:40px;min-height:40px}
.realm-map-pin.is-active{filter:drop-shadow(0 0 6px #CE9C40)}
.realm-map-key{padding-left:27px;columns:2;column-gap:25px}.realm-map-key li{break-inside:avoid;font-size:14px;margin:0 0 12px}.realm-map-key small{display:block;font-size:12px}
.realm-map-pin>.kg-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;pointer-events:none}
.realm-battle-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}.realm-battle-scene>img{width:100%;height:100%;object-fit:cover}

.realm-crest-preview .realm-emblem>small{color:#241A12;text-shadow:0 1px 0 #EEE1C9;font-size:12px}

button.realm-reward-item{display:block;padding:0;background:none;border:0;cursor:pointer;}
.realm-ui .arena-currencies{display:flex;flex-wrap:wrap;gap:12px 22px;margin:12px 0;color:#271d15;justify-content:flex-start}
.realm-ui .arena-currencies>div{display:flex;align-items:center;gap:6px;white-space:nowrap}
.realm-ui .arena-currencies .kg-icon{width:32px;height:32px;flex:0 0 32px}
.realm-ui .arena-currencies small{font-size:14px;color:#59432c}
.realm-receipt .arena-currencies{justify-content:center}
.realm-ui .realm-item-preview{height:auto!important;display:flex;flex-direction:column;gap:12px}

/* Realm93: read-only background fitting before a separate purchase. */
.realm-background-preview{position:relative;isolation:isolate;aspect-ratio:2/3;max-width:480px;margin:0 auto 16px;background:#171310;overflow:hidden;border-radius:10px}
.realm-background-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.realm-background-hero{position:absolute;inset:0;z-index:1}
.realm-background-hero .human-figure{position:absolute;inset:0;width:100%;height:100%;transform:none}
.realm-background-hero .kg-character-image{width:100%;height:100%;object-fit:contain;object-position:bottom}
.realm-background-emblem{position:absolute;right:6%;top:8%;width:24%;z-index:2}
.realm-background-emblem .realm-emblem{width:100%;height:auto;aspect-ratio:1/1.2}
.realm-background-preview[data-preview-hero=false]{aspect-ratio:3/2;max-width:none}
.realm-background-preview[data-preview-hero=false] .realm-background-full{object-fit:contain}
.realm-background-preview[data-preview-hero=false] :is(.realm-background-hero,.realm-background-emblem){display:none}
.realm-preview-switch{display:flex;gap:12px;margin:14px 0}
.realm-preview-switch button{flex:1;min-width:0}
.realm-preview-switch [aria-pressed=false]{filter:brightness(.72)}

/* Family94: the same parchment and generated metal materials as the approved family screens. */
.realm-authority-heading{display:flex;align-items:center;gap:20px}
.realm-ui .realm-authority-icon{display:block;width:116px;height:140px;object-fit:contain;flex:0 0 116px;filter:drop-shadow(0 4px 3px #381b1360)}
.realm-authority-heading strong{font-size:38px;line-height:1.1;color:#7d2021;font-variant-numeric:tabular-nums}
.realm-authority-heading small{color:#6c4d2e;letter-spacing:.06em;font-size:11px}
.realm-ui .realm-authority-heading h3{margin:5px 0 10px}
.realm-authority-source{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #ac8b5966}
.realm-authority-source:last-of-type{border-bottom:0}
.realm-authority-source small{display:block;margin-top:6px;color:#4b3727}
.realm-authority-source strong{flex-shrink:0;color:#7d2021;white-space:nowrap;font-size:23px}
.realm-authority-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.realm-authority-level{padding:10px;border:1px solid #ac8b5966;box-shadow:inset 0 1px 2px #381b1320}
.realm-authority-level>*{display:block;margin:3px 0}
.realm-authority-level.is-current{border-color:#7d2021;box-shadow:inset 0 0 0 1px #7d2021}
.realm-quest-authority{display:flex;align-items:center;gap:12px;border-top:1px solid #ac8b5966;margin-top:14px;padding-top:12px}
.realm-ui .realm-authority-mini{display:block;width:52px;height:66px;flex:0 0 52px;object-fit:contain}
@media(max-width:480px){.realm-authority-heading{gap:12px}.realm-ui .realm-authority-icon{width:84px;height:110px;flex-basis:84px}.realm-authority-heading strong{font-size:32px}.realm-ui .realm-authority-heading h3{font-size:23px}.realm-authority-levels{grid-template-columns:1fr}.realm-authority-source{gap:10px}.realm-authority-source strong{font-size:20px}}

/* Release104: layered family tableau and public identity. */
.realm-family-portrait{position:relative;aspect-ratio:5/4;overflow:hidden;border-radius:14px;background:#201710;isolation:isolate}.family-portrait-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.family-portrait-members{position:absolute;inset:0;overflow:hidden}.family-portrait-person,.family-portrait-leader{position:absolute;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;overflow:visible!important;transform:translateX(-50%)}.family-portrait-person{left:var(--x);bottom:var(--bottom);height:var(--height);width:20%;z-index:var(--layer);filter:brightness(.8)}.family-portrait-leader{left:50%;bottom:8%;height:82%;width:48%;z-index:30;filter:drop-shadow(0 8px 12px #000)}.family-portrait-person .human-figure,.family-portrait-leader .human-figure,.family-portrait-person img,.family-portrait-leader img{position:static!important;display:block;width:100%!important;height:100%!important;object-fit:contain!important}.family-portrait-caption{position:absolute;bottom:0;left:0;right:0;z-index:40;text-align:center;color:#eedab2;padding:20px 12px 12px;background:linear-gradient(transparent,#160e09e8);pointer-events:none}.family-portrait-caption h3{margin:0;font-size:clamp(24px,6vw,36px);color:inherit}.family-portrait-caption p{margin:0}.family-profile-link{position:relative;width:72px;flex:0 0 72px;padding:0!important;background:none!important;border:0!important}.family-profile-link img{width:64px;height:74px;object-fit:cover;border:2px solid #987547;border-radius:8px}.family-profile-link .person-level{position:absolute;bottom:0;left:22px;background:#332016;border:1px solid #ac8b59;color:#eedab2;padding:0 5px;border-radius:5px}.realm-member .person-id{display:block;color:#302117}.realm-member .person-clan{color:#6d4930}.realm-member .person-top b{color:#302117}.realm-member{align-items:center}.realm-background-grid .realm-scene{aspect-ratio:2/3}.realm-family-portrait button:focus-visible{outline:2px solid #d5ad67!important}

/* Shared title identity: paper contrast and raised burgundy selection. */
.hero-identity-ribbons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.hero-family-ribbon,.hero-title-ribbon{display:flex;align-items:center;gap:8px;border:1px solid #8c7044;border-radius:8px;padding:6px 12px;background:#ead5ae;color:#302015;font:18px Georgia}.hero-family-ribbon small{display:block}.title-card{position:relative;isolation:isolate;display:grid;grid-template-columns:64px 1fr;gap:12px;margin:12px 0;padding:16px;color:#302015}.title-card.is-selected{outline:2px solid #713429;border-radius:10px}.title-card>.kg-art{width:64px;height:64px;object-fit:contain}.title-card button{grid-column:1/-1}.title-card h3{margin:3px 0}.title-card p{margin:6px 0}.title-card strong{color:#652a21}.title-locked{padding:12px}.person-title{color:#713429;font-weight:bold;display:block}

.auction-lot-head{display:flex;gap:16px;align-items:center}.auction-lot-head>.kg-art{width:64px;height:64px;object-fit:contain}.auction-lot-head small{display:block}.realm-paper form label{display:block;margin:12px 0}.realm-paper form input,.realm-paper form select{box-sizing:border-box;width:100%;min-height:44px;color:#302015;background:#edddbe;border:1px solid #95734b;border-radius:5px;font:inherit;padding:8px}

/* Family wallet and emblem selects retain parchment contrast in mobile WebKit. */
.realm-paper form select{color-scheme:light;appearance:none;-webkit-appearance:none;-webkit-text-fill-color:#302015;background-color:#edddbe;background-image:linear-gradient(45deg,transparent 50%,#302015 50%),linear-gradient(135deg,#302015 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.realm-paper form select option{background:#edddbe;color:#302015}

/* 187: visual crest studio, using the existing layered artwork and parchment. */
.realm-ui .crest-paper187{padding:16px}
.crest-studio187{min-width:0}.crest-studio187 h3{text-align:center;margin:4px 0 12px}
.crest-stage187{background:radial-gradient(ellipse,#bba27b55,transparent 72%);padding:8px}
.crest-stage187 .realm-emblem{width:170px;height:200px}
.crest-presets187{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 20px}
.crest-studio187 button{font:inherit;cursor:pointer;min-width:0;touch-action:manipulation}
.crest-presets187>button{background:#ad8a4f12;border:1px solid #94745066;border-radius:7px;padding:4px 2px 8px;color:#39251a;font-size:13px}
.crest-presets187 .realm-emblem{width:58px;height:68px;margin:auto}
.crest-tabs187{display:flex;gap:4px;border-bottom:1px solid #947450;margin-bottom:12px}
.crest-tabs187>button{flex:1;border:0;border-bottom:3px solid transparent;background:transparent;padding:10px 3px;color:#63472d}
.crest-tabs187>button[aria-selected=true]{border-color:#713e26;color:#351e14;font-weight:bold;background:#ac8b5920}
.crest-tiles187{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.crest-tiles187>button{position:relative;aspect-ratio:1;background:#c7ae7f30;border:1px solid #90754f66;border-radius:5px;padding:5px;display:grid;place-items:center}
.crest-tiles187 img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;max-height:64px}
.crest-tiles187>button[aria-pressed=true]{border:2px solid #844c27;background:#d6b77f70;box-shadow:inset 0 0 0 1px #fff5d0}
.crest-tiles187>button:disabled{opacity:.4;cursor:default}.crest-tiles187 small{position:absolute;bottom:1px;right:1px;color:#312318;background:#efdfbf;font-size:11px;border-radius:3px;padding:1px 3px}
.crest-none187{font-size:28px;color:#765c3a}.crest-selection187{font-size:16px;text-align:center;margin:8px 0 12px;min-height:20px}
.crest-palette187{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;padding:6px 1px}
.crest-palette187>button{position:relative;aspect-ratio:1;border:1px solid #4c352f80;border-radius:50%;background:var(--swatch);box-shadow:inset 0 2px 3px #fff6,inset 0 -2px 3px #0004;padding:0;min-height:0}
.crest-palette187>button[aria-pressed=true]{outline:2px solid #4a2b19;outline-offset:2px}
.crest-palette187>button[aria-pressed=true]:after{content:'✓';color:white;text-shadow:0 1px 2px #000,0 -1px 2px #000;font-size:15px}
.crest-studio187 [hidden]{display:none!important}.crest-note187{font-size:14px;color:#6a5137;margin:16px 0 12px}
.crest-studio187 button:focus-visible{outline:2px solid #86582b;outline-offset:2px}
@media(max-width:360px){.realm-ui .crest-paper187{padding:10px}.crest-palette187{gap:5px}.crest-presets187{gap:5px}.crest-presets187>button{font-size:12px}.crest-stage187 .realm-emblem{width:150px;height:178px}}
/* Shared collapsible market category tabs. */
.market-categories187{margin:0 0 12px;background:none;border:0;padding:0}
.market-categories187>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;color:#624a30;padding:8px 2px;font-size:14px;line-height:24px}
.market-categories187>summary::-webkit-details-marker{display:none}
.market-categories187>summary>span{font-size:13px;text-decoration:underline;text-underline-offset:3px}
.market-categories187[open] .market-show187,.market-categories187:not([open]) .market-hide187{display:none}
.market-categories187 .mat-auction-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:4px 0 0;padding:0;background:none;border:0}
.market-categories187 .mat-auction-tabs>button{grid-column:span 2;min-width:0;padding:10px 4px;font-size:clamp(12px,3.5vw,17px)}
.market-categories187 .mat-auction-tabs>button:nth-child(n+4){grid-column:span 3}
.market-categories187 .mat-auction-tabs:before,.market-categories187 .mat-auction-tabs:after{display:none}

/* WebKit-safe nine-slice: physical corner sizes, never percentage-sized grid images. */
/* Independent nine-patch geometry. Explicit slice sizes avoid WebKit resolving
   a grid image's percentage height against the entire absolutely positioned frame. */
:is(.gc-frame,.kg-frame){--ui76-corner:var(--kg-corner,14px);display:block!important;overflow:hidden;pointer-events:none}
.gc-frame{--ui76-corner:var(--gc-corner,14px)}
:is(.gc-frame,.kg-frame)>img{position:absolute!important;display:block!important;object-fit:fill!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;transform:none!important}
:is(.gc-frame,.kg-frame)>img:nth-child(3n+1){left:0!important;width:var(--ui76-corner)!important}
:is(.gc-frame,.kg-frame)>img:nth-child(3n+2){left:var(--ui76-corner)!important;width:calc(100% - 2 * var(--ui76-corner))!important}
:is(.gc-frame,.kg-frame)>img:nth-child(3n){right:0!important;left:auto!important;width:var(--ui76-corner)!important}
:is(.gc-frame,.kg-frame)>img:nth-child(-n+3){top:0!important;height:var(--ui76-corner)!important}
:is(.gc-frame,.kg-frame)>img:nth-child(n+4):nth-child(-n+6){top:var(--ui76-corner)!important;height:calc(100% - 2 * var(--ui76-corner))!important}
:is(.gc-frame,.kg-frame)>img:nth-child(n+7){bottom:0!important;top:auto!important;height:var(--ui76-corner)!important}

/* Isolated images keep their shape in inline controls and stretched grids. */
.ui76-icon{object-fit:contain;flex:none;vertical-align:middle;background:none!important;max-width:100%;max-height:100%}
.hg-attribute .ui76-icon{width:28px;height:28px}
.hg-primary .ui76-icon,.hg-backpack .ui76-icon{width:32px;height:32px}
.reward-chest-art{display:block;width:160px;height:132px;object-fit:contain;margin:0 auto 8px;max-width:100%}
.reward-chest-art.chest-detail{width:224px;height:176px}
.reward-chest-art.chest-reward-preview{width:120px;height:96px;float:left;margin:0 12px 8px 0}
.chest-card:after{content:'';display:block;clear:both}
.chest-item-preview{display:block;width:100px;margin:8px auto}
.equipment-lock .ui76-icon{width:20px!important;height:20px!important;filter:none!important}

/* Four native Hero windows, on the approved R3 paper/leather presets. */
#modal .hero-native .hm-head{position:relative;isolation:isolate;display:grid;grid-template-columns:36px minmax(0,1fr) 40px 40px;align-items:center;gap:4px;padding:12px 8px;color:#EEE1C9}
#modal .hero-native .hm-head h2{font-size:20px;line-height:1.2;margin:0;overflow-wrap:anywhere}
#modal .hero-native .hm-head>.kg-icon{width:36px;height:36px;object-fit:contain}
#modal .hero-native .hm-note{text-align:center;font-size:12px;line-height:18px;margin:0;color:#241A12}
#modal .hero-native .hm-details{padding:8px 12px}
#modal .hero-native .hm-detail{display:grid;grid-template-columns:28px minmax(0,1fr) auto 8px;gap:8px;align-items:center;width:100%;border:0;border-bottom:1px solid #AC8B5970;background:none;padding:8px 0;min-height:40px;color:#241A12;text-align:left;font-size:14px}
#modal .hero-native .hm-detail:last-child{border-bottom:0}
#modal .hero-native .hm-detail strong{font-size:18px;white-space:nowrap}#modal .hero-native .hm-detail i{font-size:22px;color:#AC8B59;font-style:normal}
#modal .hero-native .hm-training-row{padding:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
#modal .hero-native .hm-train-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center}
#modal .hero-native .hm-train-main>.ui76-icon{width:44px;height:44px}
#modal .hero-native .hm-train-main h3{font-size:17px;line-height:22px;margin:0}#modal .hero-native .hm-train-main small{font-size:12px;line-height:16px;color:#604b34}
#modal .hero-native .hm-train-main>strong{font-size:20px;white-space:nowrap}#modal .hero-native em{font-style:normal;color:#245A29}
#modal .hero-native .hm-cost{font-size:13px;margin:4px 0 0;display:flex;align-items:center;gap:4px}#modal .hero-native .hm-cost .kg-icon{width:20px;height:20px}
#modal .hero-native .hm-stepper{display:grid;grid-template-columns:44px 44px 44px;align-items:center;justify-content:end;gap:0}
#modal .hero-native .hm-stepper .kg-button{width:44px;min-width:44px;height:40px;min-height:40px;padding:4px;font-size:24px}
#modal .hero-native .hm-stepper output{height:36px;line-height:36px;text-align:center;background:#171310;color:#EEE1C9;font-size:18px;border-block:1px solid #AC8B59}
#modal .hero-native .hm-skill{isolation:isolate;position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);padding:12px;gap:12px;min-width:0;text-align:left;color:#241A12;background:none;border:0}
#modal .hero-native .hm-skill-art{position:relative;isolation:isolate;align-self:start;display:grid;place-items:center;width:84px;height:104px;padding:10px}
#modal .hero-native .hm-skill-art>.ui76-icon{width:64px;height:80px;object-fit:contain}
#modal .hero-native .hm-skill-copy{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;line-height:18px}
#modal .hero-native .hm-skill-copy>strong{font-size:20px;line-height:24px}#modal .hero-native .hm-skill-chance{font-size:14px}#modal .hero-native .hm-skill-chance b{font-size:20px}
#modal .hero-native .hm-skill-rank{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:13px}#modal .hero-native .hm-skill-rank small{font-size:12px}
#modal .hero-native .hm-passive{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
#modal .hero-native .hm-school{isolation:isolate;position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 24px;align-items:center;padding:12px;gap:8px;text-align:left;color:#241A12;border:0;background:none}
#modal .hero-native .hm-school>span:not(.kg-surface):not(.kg-frame){display:flex;flex-direction:column;gap:8px;min-width:0}#modal .hero-native .hm-school strong{font-size:18px;line-height:22px}#modal .hero-native .hm-school span span{font-size:13px;line-height:20px}
#modal .hero-native .hm-school-art .kg-art{width:100px;height:112px;object-fit:contain}#modal .hero-native .hm-school i{font-style:normal;font-size:24px;color:#AC8B59}#modal .hero-native .hm-school:disabled{opacity:1;filter:none}#modal .hero-native .hm-school[aria-pressed=true]{box-shadow:inset 0 0 0 2px #AC8B59;border-radius:8px}
@media(min-width:420px){#modal .hero-native .hm-training-row{grid-template-columns:minmax(0,1fr) 116px;gap:8px}#modal .hero-native .hm-stepper{grid-template-columns:40px 36px 40px}#modal .hero-native .hm-stepper .kg-button{width:40px;min-width:40px}#modal .hero-native .hm-train-main{grid-template-columns:36px minmax(0,1fr) auto;gap:4px}#modal .hero-native .hm-train-main>.ui76-icon{width:36px;height:36px}#modal .hero-native .hm-train-main h3{font-size:15px}#modal .hero-native .hm-train-main>strong{font-size:17px}}

#modal .hero-native button.hm-passive{width:100%;border:0;padding:0;background:none;color:inherit;text-align:left;font:inherit}

/* Keep native choice controls out of the full-width text-input preset. */
:is(.metro-ui,.service-ui) input[type=radio]{appearance:auto;-webkit-appearance:radio;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;padding:0;margin:4px 8px 4px 0;vertical-align:middle;accent-color:#7D2021;box-shadow:none;flex:none}

/* Empty inventory copy stays readable on the approved parchment. */
body.game-shell #game-content>#backpack-panel .bp-empty{color:#241A12!important;text-shadow:none;opacity:1}

/* Titles109: individual generated art, integral bonuses and consistent public identity. */
.identity109-name{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;max-width:100%;line-height:1.25}
.identity109-family{display:inline-flex;align-items:center;gap:4px;flex:none;color:inherit}
.identity109-family .realm-emblem{width:34px;height:38px;min-width:34px;margin:0;padding:0;flex:none}
.identity109-family .realm-emblem>b,.identity109-family .realm-emblem>small{display:none}
.identity109-tag{font:700 15px Georgia,serif;white-space:nowrap;color:inherit}
.identity109-name .identity109-nick{padding:0;background:none;border:0;box-shadow:none;border-radius:0;min-width:0;max-width:100%;width:auto;color:inherit;font:700 19px Georgia,serif;white-space:normal;overflow-wrap:anywhere;text-shadow:none}
.identity109-name button.identity109-nick{cursor:pointer;text-align:left}
.identity109-name .identity109-title{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:38px;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;text-shadow:none;cursor:help;vertical-align:middle}
.identity109-title .title109-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 1px 1px #0007)}
.identity109-title:focus-visible{outline:2px solid #bf9759;outline-offset:2px;border-radius:4px}
.title109-tooltip{position:fixed;z-index:2147483600;max-width:min(340px,calc(100vw - 16px));padding:12px 15px;border:2px solid #9c7945;border-radius:7px;background:#f2e2c5;color:#2c1d13;box-shadow:0 5px 24px #0009;font:15px/1.5 Georgia,serif;pointer-events:none;text-shadow:none;overflow-wrap:anywhere}
#game-header .gc-identity{grid-template-columns:60px minmax(0,1fr);min-height:44px}
#game-header .gc-identity109{min-width:0;display:flex;align-items:center}
#game-header .identity109-name{color:#f5e6c8;flex-wrap:nowrap;width:100%;gap:4px}
#game-header .identity109-name .gc-name{flex:0 1 auto;width:auto;max-width:100%;min-width:30px;white-space:normal;overflow-wrap:anywhere;font-size:24px;letter-spacing:0;line-height:1.2}
#game-header .identity109-title{flex-shrink:0}
.hero109-family-caption{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px;color:#4a3020;font:15px Georgia,serif}
.hero109-family-caption>span{border-left:1px solid #927148;padding-left:10px}
.person-id .identity109-name{color:#382218}.person-id .person-clan{margin-top:3px;font-size:13px;line-height:1.4;color:#664b2e}
.chat-hero-identity .identity109-name,.chat-hero-identity .person-clan{color:#f5e6c8}
.message-heading .author-button{flex:1;min-width:0;text-align:left}.message-heading .person-id{display:block}
.titles109{color:#302015}.titles109 .title109-counter{display:flex;justify-content:space-between;align-items:center;padding:0 3px 8px;border-bottom:1px solid #b69764;color:#4a3020;font-size:17px}.title109-counter>b{color:#713429;font-size:23px}
.service-ui .title109-card{position:relative;isolation:isolate;display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px 14px;padding:18px;margin:14px 0;color:#302015}
.title109-card .title109-art{position:relative;isolation:isolate;width:86px;height:90px;display:grid;place-items:center}
.title109-art>.title109-icon{width:76px;height:76px;object-fit:contain;z-index:1;filter:drop-shadow(0 3px 3px #0008)}
.service-ui .title109-heading{align-self:center;min-width:0}.service-ui .title109-heading>small{display:block;color:#725239;font-size:12px;line-height:1.4;letter-spacing:.4px}
.service-ui .title109-heading>h3{color:#302015;margin:5px 0;font-size:23px;line-height:1.2;overflow-wrap:anywhere;text-shadow:none}.service-ui .title109-selected{color:#793c25;font-size:13px;font-weight:bold}
.service-ui .title109-condition{grid-column:1/-1;margin:0;padding:6px 0 10px;border-bottom:1px solid #b5996c70;font-size:15px;line-height:1.45;color:#493122;text-shadow:none}
.title109-bonuses{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
.title109-bonuses>span{display:flex;align-items:center;gap:7px;min-width:0}.title109-bonuses>span>img,.title109-bonuses>span>.kg-art,.title109-bonuses>span>.kg-icon{width:29px;height:29px;flex:0 0 29px;object-fit:contain}
.title109-bonuses>span>span{font-size:13px;line-height:1.4;color:#493122}.title109-bonuses b{display:block;color:#713429;font-size:19px}.title109-bonuses b>small{font-size:14px;color:#335437;white-space:nowrap}
.title109-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6a5036;line-height:1.45;margin-top:4px}.title109-footer>b{white-space:nowrap;color:#493122;font-size:14px}.title109-card>button{grid-column:1/-1;margin:2px 0 0!important}
.title109-card.is-selected:after{content:'';position:absolute;inset:4px;border:1px solid #b48a43;border-radius:8px;pointer-events:none}
.service-ui .title109-future{padding:0;margin:20px 0 0;border:0;background:none}.service-ui .title109-future>summary{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;list-style:none;min-height:82px;padding:14px 17px;color:#f5dfae;background:none;border:0;cursor:pointer;text-shadow:0 1px 2px #000}
.service-ui .title109-future>summary::-webkit-details-marker{display:none}.title109-future>summary>.title109-icon{width:42px;height:42px;object-fit:contain;flex:none}.title109-future>summary>span:not(.kg-surface):not(.kg-frame){flex:1;min-width:0}.service-ui .title109-future>summary b{display:block;color:#f5dfae;font-size:20px;line-height:1.3}.service-ui .title109-future>summary small{display:block;margin-top:4px;color:#dcc6a0;font-size:13px;line-height:1.35}.service-ui .title109-future>summary strong{font-size:23px;color:#eac785}.title109-future>summary i{font:25px Georgia;color:#eac785;transition:transform .15s}.title109-future[open]>summary i{transform:rotate(180deg)}.title109-future>summary:focus-visible{outline:3px solid #b8945b;outline-offset:3px}.title109-future>summary:hover{filter:brightness(1.12)}
@media(max-width:420px){#game-header .gc-identity{grid-template-columns:52px minmax(0,1fr);padding:0 4px}#game-header .identity109-name .gc-name{font-size:21px}.identity109-family .realm-emblem{width:28px;height:32px;min-width:28px}.identity109-tag{font-size:12px}.identity109-name .identity109-title{width:30px;height:34px;flex-basis:30px}.identity109-title .title109-icon{width:30px;height:32px}.identity109-name .identity109-nick{font-size:17px}.service-ui .title109-card{grid-template-columns:70px minmax(0,1fr);padding:14px;gap:10px}.title109-card .title109-art{width:70px;height:76px}.title109-art>.title109-icon{width:64px;height:64px}.service-ui .title109-heading>h3{font-size:20px}.service-ui .title109-future>summary{padding:13px 12px;gap:8px}.service-ui .title109-future>summary b{font-size:18px}}

/* A long nickname stays intact; its family prefix gets its own preceding row. */
#game-header .identity109-name .gc-name{white-space:nowrap;overflow-wrap:normal;max-width:calc(100% - 36px)}
#game-header .identity109-name.identity109-long{flex-wrap:wrap;row-gap:0}
#game-header .identity109-long>.identity109-family{flex-basis:100%}

/* Mayor110 — residence, reward treasury and hall of fame. */
.mayor110 { --mayor-ink:#2b2016; --mayor-gold:#eed098; color:var(--mayor-ink); min-width:0; }
.mayor110 *, .mayor110-item-card * { box-sizing:border-box; }
.mayor110 [hidden] { display:none!important; }
.mayor110 h3 { margin:0 0 10px; font-size:clamp(23px,4vw,31px); line-height:1.15; }
.mayor110 h4 { margin:20px 0 12px; font-size:21px; }
.mayor110 p { margin:10px 0; line-height:1.45; }
.mayor110 small { font-size:14px; line-height:1.35; }
.mayor110 .metro-paper { margin:12px 0; padding:22px; }
.mayor110 .kg-button { margin-top:12px; min-height:54px; }
.mayor110 .kg-button:disabled { opacity:.68; }
.mayor110 .kg-icon { width:32px; height:32px; flex:0 0 32px; vertical-align:middle; }
.mayor110 .mayor110-hero { margin:0; height:auto; aspect-ratio:1.62; min-height:210px; max-height:380px; overflow:hidden; background:#17120f; }
.mayor110 .mayor110-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; }
.mayor110 .mayor110-hero>div { position:absolute; inset:auto 0 0; padding:70px 26px 24px; background:linear-gradient(transparent,rgba(11,9,7,.96)); color:#fff3db; }
.mayor110 .mayor110-hero h3 { color:#fff3db; text-shadow:0 2px 5px #000; font-size:clamp(27px,5vw,41px); }
.mayor110 .mayor110-hero small { color:#efd7a7; font-size:12px; letter-spacing:1.8px; }
.mayor110 .mayor110-hero p { color:#f3e0bc; margin:5px 0 0; font-size:17px; }
.mayor110-deadline { display:flex; align-items:center; justify-content:center; gap:12px; padding:13px 10px; margin-bottom:15px; background:#251910; color:#ead6af; border:1px solid #8e693c; border-top:0; }
.mayor110-deadline span { display:flex; flex-wrap:wrap; gap:4px 12px; }
.mayor110-deadline b { color:#ffe9b9; }
.mayor110-reward-teaser { display:grid; grid-template-columns:minmax(85px,34%) minmax(0,1fr); align-items:center; gap:18px; }
.mayor110-reward-teaser>img { width:100%; height:auto; max-height:180px; object-fit:contain; filter:drop-shadow(0 8px 6px #39220d55); }
.mayor110-reward-teaser small { color:#735127; font-size:12px; letter-spacing:.6px; }
.mayor110-reward-teaser h3 { margin:5px 0; }
.mayor110-reward-teaser p { font-size:16px; }
.mayor110-money { display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:inherit; gap:5px; color:inherit; font-variant-numeric:tabular-nums; }
.mayor110-money b { white-space:nowrap; font-size:1.15em; }
.mayor110-money>span { font-size:.85em; }
.mayor110-own-rank { display:grid; grid-template-columns:1fr 1fr; gap:20px; text-align:center; }
.mayor110-own-rank>span+span { border-left:1px solid #98744580; }
.mayor110-own-rank strong { display:block; margin-top:7px; font-size:clamp(25px,5vw,36px); overflow-wrap:anywhere; }
.mayor110-own-rank small { display:block; font-weight:400; margin-top:3px; }
.mayor110-section-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.mayor110-section-heading h3 { margin-top:4px; }
.mayor110-section-heading small { color:#755332; letter-spacing:.7px; font-size:12px; }
.mayor110-section-heading>.kg-icon { width:50px; height:50px; flex-basis:50px; }
.mayor110-attempt-numbers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0; text-align:center; }
.mayor110-attempt-numbers>div+div { border-left:1px solid #98744580; padding-left:10px; }
.mayor110-attempt-numbers strong { display:flex; align-items:center; justify-content:center; gap:3px; font-size:clamp(28px,5vw,42px); color:#5c361e; }
.mayor110-attempt-numbers span { display:block; margin-top:5px; font-size:15px; }
.mayor110-disclosure>summary { cursor:pointer; color:#543719; font-weight:bold; font-size:19px; padding:10px 0; line-height:1.35; }
.mayor110-disclosure[open]>summary { border-bottom:1px solid #a1834c66; margin-bottom:14px; }
.mayor110-history-row { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:15px 0; border-top:1px solid #a1834c66; }
.mayor110-history-row strong,.mayor110-history-row span { display:block; }
.mayor110-history-row strong { margin:6px 0; }
.mayor110-history-row .kg-button { width:100px; font-size:17px; }
.mayor110-prize-tabs,.mayor110-rank-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0 0 12px; }
.mayor110-rank-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mayor110-prize-tabs button,.mayor110-rank-tabs button { position:relative; isolation:isolate; min-width:0; min-height:56px; padding:10px 5px; background:#271b13; border:1px solid #8b663c; border-radius:6px; color:#f8e8ca; font:700 16px/1.2 Georgia,serif; cursor:pointer; }
.mayor110-prize-tabs button>span:not(.kg-frame):not(.kg-surface),.mayor110-rank-tabs button>span:not(.kg-frame):not(.kg-surface) { position:relative; z-index:2; }
.mayor110-prize-tabs button[aria-pressed=true],.mayor110-rank-tabs button[aria-pressed=true] { outline:2px solid #e0ae58; outline-offset:-3px; color:#fff1d3; }
.mayor110 :is(button,summary,select):focus-visible { outline:3px solid #c78b21; outline-offset:3px; }
.mayor110-coffer { position:relative; isolation:isolate; overflow:hidden; border:2px solid #9b733d; border-radius:12px; background:radial-gradient(ellipse at 50% 45%,#654223 0,#25160e 60%); text-align:center; padding:26px 18px 22px; color:#fff0cf; }
.mayor110-coffer>.kg-surface { opacity:.45; }
.mayor110-coffer>small,.mayor110-coffer>h3,.mayor110-coffer>div { position:relative; z-index:2; color:#fff0cf; }
.mayor110-coffer>small { color:#e6c996; font-size:12px; letter-spacing:1.4px; }
.mayor110-coffer h3 { margin:8px 0 0; font-size:30px; }
.mayor110-coffer>img { display:block; position:relative; z-index:1; width:70%; max-width:330px; height:auto; margin:2px auto -2px; filter:drop-shadow(0 15px 15px #0b0706); }
.mayor110-coffer .mayor110-money { font-size:29px; justify-content:center; text-shadow:0 1px 3px #000; }
.mayor110-coffer .mayor110-money .kg-icon { width:45px; height:45px; }
.mayor110-coffer p { color:#f7dfb4; margin:5px 0 0; font-size:19px; }
.mayor110-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mayor110-items>button { display:flex; flex-direction:column; align-items:stretch; min-width:0; padding:0 0 10px; overflow:hidden; border:1px solid #967343; border-radius:6px; background:#e2cca6; color:#302216; cursor:pointer; font-family:inherit; }
.mayor110-items .equipment-visual { width:100%; aspect-ratio:1; }
.mayor110-items .equipment-label { display:none; }
.mayor110-items .equipment-meta { font-size:13px; }
.mayor110-items b { font-size:16px; line-height:1.25; margin:8px 5px; overflow-wrap:anywhere; }
.mayor110-items small { font-size:13px; margin:auto 4px 6px; }
.mayor110-items>button>span:last-child { margin:0 5px; padding:6px; background:#4a2d1c; color:#fff0ce; border:1px solid #986e3c; border-radius:3px; font-size:14px; }
.mayor110-or { display:flex; gap:12px; align-items:center; justify-content:center; margin:12px 0; color:#674925; }
.mayor110-or:before,.mayor110-or:after { content:''; height:1px; width:25%; background:#9e7d46; }
.mayor110-materials { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px; border:1px solid #a38756; background:#e6d3ae; color:#382618; }
.mayor110 .mayor110-fine { font-size:15px; color:#634d33; line-height:1.45; }
.mayor110-prestige-note { padding:12px 0; border-block:1px solid #a1855266; }
.mayor110-prestige-note .kg-icon { margin-right:8px; }
.mayor110-paid { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:10px 0 20px; }
.mayor110-goal { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; font-size:18px; }
.mayor110-goal>span:first-child { flex:1 0 100%; font-size:15px; color:#705331; }
.mayor110-progress { height:12px; margin:12px 0; border:1px solid #71522d; border-radius:8px; background:#c4aa7c; overflow:hidden; }
.mayor110-progress i { display:block; height:100%; background:linear-gradient(#b89745,#6f5026); border-right:1px solid #f7d27c; }
.mayor110-success { color:#295335; font-weight:bold; }
.mayor110-threshold { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #a1855266; }
.mayor110-category { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin:18px 0; color:#48301c; font-size:17px; font-weight:bold; }
.mayor110-category select { max-width:100%; min-width:140px; padding:12px; background:#ead8b9; border:1px solid #906831; border-radius:4px; color:#2b1e13; font:inherit; }
.mayor110-rank-title { text-align:center; margin:24px 8px 18px; }
.mayor110-rank-title small { letter-spacing:1.5px; font-size:12px; color:#765127; }
.mayor110-rank-title h3 { margin:7px 0; }
.mayor110-rank-title p { font-size:16px; }
.mayor110-podium { position:relative; isolation:isolate; aspect-ratio:1.4; overflow:hidden; border:2px solid #916e3a; border-radius:10px; background:#17100c; }
.mayor110-podium>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mayor110-winners { position:absolute; inset:0; }
.mayor110-winner { position:absolute; top:23%; width:26%; text-align:center; display:flex; flex-direction:column; align-items:center; color:#fff1cc; text-shadow:0 1px 3px #000,0 1px 8px #000; }
.mayor110-winner.position-0 { left:10%; }
.mayor110-winner.position-1 { left:37%; top:15%; }
.mayor110-winner.position-2 { left:65%; top:27%; }
.mayor110-winner-portrait { width:72%; aspect-ratio:.8; position:relative; isolation:isolate; background:#241810; box-shadow:0 8px 18px #0009; }
.mayor110-winner-portrait>img { position:absolute; inset:2%; width:96%; height:96%; object-fit:cover; }
.mayor110-winner-portrait>.kg-icon { width:85%; height:85%; position:absolute; inset:7%; }
.mayor110-winner-rank { display:block; font-size:clamp(17px,4vw,26px); color:#ffe3a1; padding:1px 0; }
.mayor110-winner-name { max-width:100%; padding:2px 3px; overflow-wrap:anywhere; line-height:1.12; font-size:clamp(13px,2.5vw,20px); color:#fff2d5; }
.mayor110-winner strong { font-size:clamp(15px,3vw,23px); line-height:1.2; margin-top:4px; }
.mayor110-winner small { color:#e4ceaa; font-size:12px; }
.mayor110-vacant { color:#e4ceaa; margin-top:80%; font-size:14px; }
.mayor110-ranking-list { display:grid; gap:8px; margin:15px 0; }
.mayor110-rank-row { display:grid; grid-template-columns:minmax(38px,auto) 48px minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 12px; background:linear-gradient(115deg,#f1e1c3,#dec7a0); border:1px solid #a48354; border-radius:7px; box-shadow:inset 0 0 0 3px #e9d6b3; }
.mayor110-rank-row.is-own { border:2px solid #9b641e; background:linear-gradient(115deg,#ffeabf,#dcc497); }
.mayor110-place { white-space:nowrap; color:#795127; font-size:19px; font-variant-numeric:tabular-nums; }
.mayor110-avatar { position:relative; width:48px; height:60px; display:grid; place-items:center; border:1px solid #876537; border-radius:4px; overflow:hidden; background:#261a11; }
.mayor110-avatar>img { width:100%; height:100%; object-fit:cover; }
.mayor110-rank-row>div { min-width:0; }
.mayor110-rank-row>div>b { display:block; overflow-wrap:anywhere; font-size:20px; }
.mayor110-rank-row small { display:block; font-size:13px; margin-top:4px; color:#6a5034; font-weight:400; }
.mayor110-rank-row>strong { text-align:right; font-size:22px; color:#563914; white-space:nowrap; }
.mayor110-item-card { min-width:0; }
@media(max-width:480px) {
 .mayor110 .metro-paper { padding:18px 14px; }
 .mayor110 .mayor110-hero>div { padding:60px 18px 20px; }
 .mayor110 .mayor110-hero h3 { font-size:29px; }
 .mayor110-reward-teaser { gap:10px; grid-template-columns:30% minmax(0,1fr); }
 .mayor110-reward-teaser h3 { font-size:25px; }
 .mayor110-reward-teaser small { font-size:10px; }
 .mayor110-attempt-numbers { gap:6px; }
 .mayor110-attempt-numbers>div+div { padding-left:6px; }
 .mayor110-attempt-numbers span { font-size:13px; }
 .mayor110-prize-tabs button,.mayor110-rank-tabs button { font-size:14px; }
 .mayor110-items { gap:6px; }
 .mayor110-items b { font-size:14px; }
 .mayor110-items small { font-size:12px; }
 .mayor110-items>button>span:last-child { padding:6px 1px; font-size:12px; }
 .mayor110-rank-row { grid-template-columns:auto 38px minmax(0,1fr) auto; gap:7px; padding:12px 8px; }
 .mayor110-avatar { width:38px; height:48px; }
 .mayor110-rank-row>div>b { font-size:17px; }
 .mayor110-rank-row>strong { font-size:18px; }
 .mayor110-place { font-size:15px; }
 .mayor110-winner-name { font-size:13px; }
 .mayor110-winner small { font-size:10px; }
}
@media(max-width:350px) {
 .mayor110 .metro-paper { padding:16px 11px; }
 .mayor110-reward-teaser { grid-template-columns:76px minmax(0,1fr); }
 .mayor110-reward-teaser h3 { font-size:22px; }
 .mayor110-items { grid-template-columns:1fr; }
 .mayor110-items>button { display:grid; grid-template-columns:90px 1fr; column-gap:8px; padding:6px; text-align:left; }
 .mayor110-items .equipment-visual { grid-row:span 3; }
 .mayor110-items b { margin:4px 0; }
 .mayor110-items small { margin:2px 0; }
 .mayor110-items>button>span:last-child { margin:0; text-align:center; }
 .mayor110-podium { aspect-ratio:1.25; }
 .mayor110-winner-name { font-size:12px; }
 .mayor110-winner strong { font-size:14px; }
 .mayor110-winner-rank { font-size:16px; }
 .mayor110-rank-row { grid-template-columns:auto 34px minmax(0,1fr); }
 .mayor110-avatar { width:34px; height:43px; }
 .mayor110-rank-row>strong { grid-column:3; text-align:left; font-size:17px; }
 .mayor110-rank-row>strong small { display:inline; margin-left:5px; }
}

.mayor111-admission,.mayor111-honor,.mayor111-stock{display:flex;align-items:center;gap:14px;min-width:0}
.mayor111-admission>img{width:100px;height:112px;object-fit:contain;flex:none}.mayor111-admission h3{margin:4px 0}.mayor111-admission strong{color:#702f23}
.mayor111-honor{border-block:1px solid #b89a65;padding:18px 0;margin:18px 0}.mayor111-honor>img{width:90px;height:100px;object-fit:contain}.mayor111-honor p{margin-bottom:0}
.mayor111-stock{padding:12px;color:#38281b;border:1px solid #a88853;background:#ebd5b0;border-radius:8px;margin:10px 0}.mayor111-stock>img{width:60px;height:65px;object-fit:contain}.mayor111-stock small{display:block;font-size:14px;line-height:1.4;margin-top:5px}
.mayor111-qualification>small{color:#753324;font-weight:bold}.mayor111-qualification h3{font-size:22px}.mayor111-qualification>b{display:block;margin-top:9px}
.mayor111-background{position:relative;display:block;width:100%;height:290px;padding:0;overflow:hidden;border:2px solid #b99654;border-radius:10px;background:#17171d;color:#f8e7be;text-align:left;cursor:pointer}.mayor111-background>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.mayor111-background>span{position:absolute;inset:auto 0 0;padding:48px 16px 18px;background:linear-gradient(transparent,#100d0af5)}.mayor111-background b,.mayor111-background em{display:block}.mayor111-background b{font-size:27px;margin:7px 0}.mayor111-background em{font-style:normal;font-size:17px;color:#ffdb89}.mayor111-background:focus-visible{outline:3px solid #873c22;outline-offset:3px}
.mayor111-fitting{position:relative;isolation:isolate;width:min(100%,480px);aspect-ratio:2/3;margin:auto;overflow:hidden;border-radius:10px}.mayor111-fitting>.kg-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mayor111-fitting .kg-human{position:absolute;inset:6% 2% 0;width:96%;height:94%;object-fit:contain}
@media(max-width:359px){.mayor111-admission>img{width:72px;height:90px}.mayor111-honor>img{width:62px;height:80px}.mayor111-background{height:250px}.mayor111-admission h3{font-size:22px}}

/* The generated stage is 3:2; feet align with the gold, silver and bronze tops. */
.mayor110-podium{aspect-ratio:1.5!important;overflow:visible;margin-bottom:140px}
.mayor110-winner{top:auto!important;bottom:46%;width:26%;height:43%;display:block}
.mayor110-winner.position-0{left:9%;bottom:46%}.mayor110-winner.position-1{left:37%;bottom:52.5%;height:45%}.mayor110-winner.position-2{left:65%;bottom:41.5%;height:41%}
.mayor110-winner-portrait{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:none;box-shadow:none}
.mayor110-winner-portrait .human-figure,.mayor110-winner-portrait .kg-character{position:absolute;inset:0;width:100%;height:100%;transform:none;background:none;filter:drop-shadow(0 4px 5px #0008)}
.mayor110-winner-portrait .kg-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform:none}
.mayor110-winner-rank{position:absolute;top:105%;width:100%;font-size:clamp(20px,5vw,32px)}
.mayor112-legend{position:relative;text-align:center;padding:24px 18px;margin:24px 0;border:2px solid #ad8750;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#56382b,#251913 70%);color:#f8e4bb;box-shadow:inset 0 0 0 4px #1d130c}
.mayor112-legend h3{color:#ffe4a5!important;font-size:29px!important;margin:6px 0 14px}.mayor112-legend p{color:#ead7b5!important}.mayor112-legend>small{color:#cba972;letter-spacing:.1em;font-size:11px}.mayor112-legend-badge img{width:150px;height:160px;object-fit:contain}.mayor112-legend-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 4px;margin:20px 0;color:#f4debb;font-size:15px}.mayor112-legend-stats b{display:block;color:#ffdf92;font-size:26px}.mayor112-legend>strong{display:block;margin:10px 0;color:#ffdf92}.mayor112-legend .mayor110-progress{background:#140e09}

.mayor110-winner-name,.mayor110-winner>strong,.mayor110-winner>small{display:none}
.mayor112-podium-captions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 24px;text-align:center;color:#3a281a}.mayor112-podium-captions b{display:block;overflow-wrap:anywhere;font-size:19px}.mayor112-podium-captions strong{display:block;margin-top:6px;font-size:22px;color:#71451c}.mayor112-podium-captions small{display:block;color:#684b2c;font-size:13px}.mayor110-podium{margin-bottom:0}
@media(max-width:359px){.mayor112-podium-captions b{font-size:15px}.mayor112-podium-captions strong{font-size:18px}.mayor112-legend-stats{font-size:13px}}

/* Family identity: actual generated crest layers, no portrait tile or generic crown. */
.mayor115-family-crest{position:relative;display:grid;place-items:center;width:100%;height:100%;filter:drop-shadow(0 4px 5px #0007)}
.mayor115-family-crest .realm-emblem{width:100%;height:100%;max-width:none;flex:none;margin:0}
.mayor115-family-crest .realm-emblem>b,.mayor115-family-crest .realm-emblem>small{display:none}
.mayor115-family-crest>.mayor115-unset-crest{width:100%;height:100%;object-fit:contain}
.mayor115-family-podium .mayor110-winner-portrait{inset:auto 0 -6%;height:88%;width:100%}
.mayor115-family-podium .position-1 .mayor110-winner-portrait{height:94%;inset:auto -4% -6%;width:108%}
.mayor115-family-podium .mayor115-family-crest{filter:drop-shadow(0 6px 6px #0009)}
.mayor110 .mayor115-clan-row{grid-template-columns:minmax(32px,auto) 68px minmax(0,1fr) auto;gap:10px}
.mayor110 .mayor115-clan-avatar{width:68px;height:78px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.mayor115-clan-avatar .mayor115-family-crest{filter:drop-shadow(0 2px 2px #5d3e2944)}
@media(max-width:480px){.mayor110 .mayor115-clan-row{grid-template-columns:28px 54px minmax(0,1fr);gap:4px 8px}.mayor110 .mayor115-clan-avatar{width:54px;height:66px;grid-row:span 2}.mayor115-clan-row>.mayor110-place{grid-row:span 2}.mayor110 .mayor115-clan-row>strong{grid-column:3;text-align:left;font-size:19px}.mayor115-clan-row>strong small{display:inline;margin-left:5px}}

/* Every prize category stays on the same row, including narrow phones. */
.mayor110-prize-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.mayor110-prize-tabs button{min-height:48px;padding:7px 3px;font-size:14px}
.mayor115-prize-label{display:flex;justify-content:center;align-items:center;gap:3px;white-space:nowrap}
@media(max-width:480px){.mayor110-prize-tabs{gap:3px}.mayor110-prize-tabs button{min-height:46px;padding:6px 2px;font-size:13px;line-height:1.1}.mayor115-prize-label{flex-direction:column;gap:3px}.mayor115-prize-label>span:last-child{font-size:11px}}

/* Premium117 — uses the approved Hero R3 materials and service-window frames. */
#modal.premium-modal{padding:6px!important;color:#241a12!important;background:#e4ceb0 url('/assets/e0e00925849153e306c6.png') repeat!important;background-size:120px 43px!important}
#modal .premium-ui{--kg-ink:#241a12;--kg-cream:#eee1c9;--kg-gold:#ac8b59;--kg-font:KrongradChrome,Georgia,serif;color:var(--kg-ink);font:16px/1.45 var(--kg-font);background:transparent;min-height:100%;gap:8px;isolation:isolate}
.premium-ui *{box-sizing:border-box}
#modal .premium-ui :is(h1,h2,h3,p,b,strong,small,span){color:inherit;text-shadow:none}
#modal .premium-ui :is(h1,h2,h3){font-family:var(--kg-font);padding:0;letter-spacing:normal;background:none}
#modal .premium-ui h1{font-size:30px;line-height:1.15;margin:8px 0 12px}
#modal .premium-ui h2{font-size:25px;line-height:1.2;margin:6px 0 8px}
#modal .premium-ui h3{font-size:20px;line-height:1.25;margin:6px 0 10px}
#modal .premium-ui p{font-size:15px;line-height:1.5}
#modal .premium-ui small{font:12px/1.4 var(--kg-font);letter-spacing:.5px;color:#70502e}
#modal .premium-ui .sw-head{margin:0;min-height:64px;position:relative;isolation:isolate;color:#eee1c9}
#modal .premium-ui .sw-head h2{font-size:24px;margin:0}
#modal .premium-ui :is(.kg-round,.pm-button,.pm-tabs button,.pm-filters button,.pm-genders button,.pm-item-choices button,.pm-wallet,.pm-wallet button,.pm-product,.pm-cosmetic,.pm-cosmetic-preview,.pm-preview-hint,.pm-vip,.pm-vip-art,.pm-vip-plans article,.pm-vip-identity,.pm-art-well,.pm-offer,.pm-purchased,.pm-claim-bar,.pm-confirm,.pm-fitting-scene,.pm-scenery-choices button){position:relative;isolation:isolate}
#modal .premium-ui .pm-wallet{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px 12px;color:#eee1c9}
#modal .premium-ui .pm-wallet>span:not(.kg-surface,.kg-frame){display:flex;align-items:center;gap:6px;font-size:13px}
#modal .premium-ui .pm-wallet b{font-size:20px;font-weight:400}
#modal .premium-ui .pm-wallet button{background:none;border:0;color:#eee1c9;text-decoration:none;padding:8px 10px;font:13px var(--kg-font);min-height:40px;cursor:pointer;flex-shrink:0}
#modal .premium-ui .pm-demo{margin:0;padding:4px 8px;color:#6b4929;font:12px var(--kg-font);text-align:center}
#modal .premium-ui .pm-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin:0;padding:0;border:0;background:none}
#modal .premium-ui .pm-tabs button{min-width:0;min-height:46px;padding:10px 2px;border:0;background:none;color:#eee1c9;font:clamp(11px,2.8vw,15px)/1.25 var(--kg-font);white-space:nowrap;cursor:pointer}
#modal .premium-ui .pm-tabs button[aria-current=page]{color:#f4daa4}
#modal .premium-ui .pm-body{padding:0 2px 12px}
#modal .premium-ui .pm-hero{position:relative;isolation:isolate;overflow:hidden;min-height:280px;border:0;border-radius:3px;margin:4px 0 16px;color:#eee1c9}
#modal .premium-ui .pm-hero>.pm-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
#modal .premium-ui .pm-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0704e8,#0c070475 65%,#0c07041a);z-index:0;pointer-events:none}
#modal .premium-ui .pm-hero>div{position:relative;z-index:1;padding:28px 22px;max-width:95%}
#modal .premium-ui .pm-hero small{color:#e7c892}
#modal .premium-ui .pm-hero p{max-width:270px}
#modal .premium-ui .pm-button,.pm-item-dialog .pm-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;padding:12px;border:0;border-radius:0;background:none;box-shadow:none;color:#eee1c9!important;text-shadow:none!important;font:16px/1.25 KrongradChrome,Georgia,serif;cursor:pointer;text-align:center;white-space:normal;position:relative;isolation:isolate}
#modal .premium-ui .pm-button>span:not(.kg-surface,.kg-frame),.pm-item-dialog .pm-button>span:not(.kg-surface,.kg-frame){display:flex;align-items:center;justify-content:center;gap:6px}
#modal .premium-ui button:active>.kg-surface{filter:brightness(.68)}
#modal .premium-ui button:disabled{cursor:default}
#modal .premium-ui button:disabled>.kg-surface{filter:grayscale(.7) brightness(.62)}
#modal .premium-ui button:disabled>span:not(.kg-surface,.kg-frame){opacity:.65}
#modal .premium-ui button:focus-visible{outline:2px solid #ac8b59;outline-offset:2px}
#modal .premium-ui .pm-button.pm-secondary{margin-top:8px}
#modal .premium-ui .pm-button .ui76-icon{width:22px;height:22px;object-fit:contain}
#modal .premium-ui .pm-hero .pm-button{width:max-content;min-width:156px;margin-top:16px}
#modal .premium-ui .pm-section-heading{text-align:center;padding:16px 8px 12px;margin:0}
#modal .premium-ui .pm-section-heading p{color:#67462a;margin:8px 0 0}
#modal .premium-ui .pm-section-heading h2{color:#241a12}
#modal .premium-ui .pm-vip{padding:12px;margin:12px 0;background:none;border:0;overflow:hidden}
#modal .premium-ui .pm-vip-art{height:168px;display:flex;justify-content:center;margin:0;padding:10px}
#modal .premium-ui .pm-vip-art img{width:100%;height:100%;object-fit:contain}
#modal .premium-ui .pm-vip-copy{text-align:center;padding:12px 8px 2px}
#modal .premium-ui .pm-vip-copy p{margin:6px 0}
#modal .premium-ui .pm-vip-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b79b6f;border-bottom:1px solid #b79b6f;margin:10px 0 14px;padding:12px 0}
#modal .premium-ui .pm-vip-benefits>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px;border-right:1px solid #b79b6f}
#modal .premium-ui .pm-vip-benefits>div:last-child{border:0}
#modal .premium-ui .pm-vip-benefits strong{font-size:22px;color:#62411d}
#modal .premium-ui .pm-vip-benefits span{font-size:12px;line-height:1.35;text-align:center;color:#48301c}
#modal .premium-ui .pm-note{font:13px/1.5 var(--kg-font);color:#67462a;margin:14px 4px}
#modal .premium-ui .pm-vip-plans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#modal .premium-ui .pm-vip-plans article{padding:16px 8px 8px;text-align:center;background:none;border:0}
#modal .premium-ui .pm-vip-plans h3{margin:0;font-size:21px}
#modal .premium-ui .pm-vip-plans p{font-size:26px;margin:8px}
#modal .premium-ui .pm-vip-identity{display:flex;gap:12px;align-items:center;padding:16px;border:0}
#modal .premium-ui .pm-vip-identity>img{width:88px;flex:0 0 88px}
#modal .premium-ui .pm-vip-identity h3{font-size:18px}
#modal .premium-ui .pm-vip-identity p{font-size:14px;color:#67462a}
#modal .premium-ui .pm-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#modal .premium-ui .pm-product{min-width:0;padding:8px;display:flex;flex-direction:column;background:none;border:0}
#modal .premium-ui .pm-art-well{padding:8px;min-width:0;display:flex;align-items:center;justify-content:center}
#modal .premium-ui .pm-product-art{height:144px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 5px #0005)}
#modal .premium-ui .pm-product-copy{display:flex;flex-direction:column;text-align:center;flex:1;padding:10px 2px 2px}
#modal .premium-ui .pm-product-copy small{font-size:11px;min-height:28px}
#modal .premium-ui .pm-product h3{min-height:48px;font-size:19px;display:flex;justify-content:center;align-items:center;margin:0 0 8px}
#modal .premium-ui .pm-product .pm-amount{display:flex;justify-content:center;align-items:center;gap:5px;font-size:28px;color:#6b441c;margin:auto 0 12px}
#modal .premium-ui .pm-product .pm-button{font-size:15px;padding:11px 6px}
#modal .premium-ui .pm-ribbon{position:absolute;z-index:4;top:16px;right:14px;padding:3px 7px;font:10px/1.5 var(--kg-font);color:#f2dbaa;background:#381b13 url('/assets/b58ee7deac484b851914.png') repeat;background-size:151px 48px;border:1px solid #ac8b59}
#modal .premium-ui .pm-one{grid-template-columns:1fr}
#modal .premium-ui .pm-one .pm-product{display:grid;grid-template-columns:42% minmax(0,1fr);gap:8px;align-items:center}
#modal .premium-ui .pm-one .pm-product-copy{padding:6px 4px;text-align:left}
#modal .premium-ui .pm-one .pm-product h3{min-height:0;display:block;font-size:22px}
#modal .premium-ui .pm-one .pm-product-art{height:174px}
#modal .premium-ui .pm-one .pm-product p{font-size:14px;color:#67462a;margin:4px 0 12px}
#modal .premium-ui :is(.pm-filters,.pm-genders,.pm-item-choices){display:flex;gap:4px;margin:8px 0;overflow:visible}
#modal .premium-ui :is(.pm-filters,.pm-genders,.pm-item-choices) button{min-width:0;min-height:44px;flex:1;background:none;border:0;color:#eee1c9;font:13px/1.25 var(--kg-font);padding:8px 3px;cursor:pointer}
#modal .premium-ui :is(.pm-filters,.pm-genders,.pm-item-choices) button[aria-pressed=true]{color:#f4daa4}
#modal .premium-ui .pm-genders{width:70%;max-width:360px;margin:10px auto 16px}
#modal .premium-ui .pm-cosmetics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#modal .premium-ui .pm-cosmetic{padding:6px;border:0;min-width:0;background:none;overflow:hidden}
#modal .premium-ui .pm-cosmetic-preview{padding:0;width:100%;border:0;background:none;cursor:pointer;display:block;overflow:hidden}
#modal .premium-ui .pm-cosmetic-preview>.pm-art{display:block;width:100%;height:245px;object-fit:cover}
#modal .premium-ui .pm-gallery-scene{height:260px;background-size:cover;background-position:center;overflow:hidden}
#modal .premium-ui .pm-gallery-scene>.pm-art{width:100%;height:100%;object-fit:contain;object-position:center bottom}
#modal .premium-ui .pm-preview-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:8px 14px;font:12px/1.2 var(--kg-font);white-space:nowrap;color:#eee1c9!important;z-index:4;pointer-events:none}
#modal .premium-ui .pm-cosmetic-copy{padding:12px 6px 8px}
#modal .premium-ui .pm-cosmetic-copy small{font-size:11px}
#modal .premium-ui .pm-cosmetic-copy h3{font-size:19px;min-height:48px;margin:6px 0 8px}
#modal .premium-ui .pm-cosmetic-price{display:flex;gap:5px;align-items:center;font-size:20px;font-weight:bold;color:#6b441c;min-height:28px}
#modal .premium-ui .pm-cosmetic-price .ui76-icon{width:24px;height:24px}
#modal .premium-ui .pm-offer,#modal .premium-ui .pm-confirm{padding:12px;text-align:center}
#modal .premium-ui .pm-offer-art{width:100%;height:230px;object-fit:contain}
#modal .premium-ui .pm-contents{list-style:none;margin:12px 0;padding:0;text-align:left;border-top:1px solid #b59a6f}
#modal .premium-ui .pm-contents li{padding:12px 4px;border-bottom:1px solid #b59a6f;display:flex;gap:10px;align-items:center}
#modal .premium-ui .pm-contents li>.ui76-icon{width:28px;height:28px;flex:0 0 28px}
#modal .premium-ui .pm-contents b{font-size:16px}
#modal .premium-ui .pm-contents small{display:block;color:#67462a;letter-spacing:0;font-size:13px;line-height:1.4;margin-top:4px}
#modal .premium-ui .pm-item-link{border:0;background:none;color:#241a12;display:flex;gap:10px;align-items:center;text-align:left;width:100%;font:inherit;cursor:pointer;padding:0}
#modal .premium-ui .pm-item-link>span:nth-child(2){flex:1}
#modal .premium-ui .pm-checkout-total{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-size:18px}
#modal .premium-ui .pm-checkout-total strong{font-size:28px;color:#6b441c}
#modal .premium-ui .pm-fitting-scene{width:100%;height:450px;background-size:cover;background-position:center;overflow:hidden;border:0}
#modal .premium-ui .pm-fitting-figure,#modal .premium-ui .pm-fitting-scene>.human-figure{height:98%;width:100%;object-fit:contain;position:absolute;bottom:0;left:0}
#modal .premium-ui .pm-fitting-scene>.human-figure img{width:100%;height:100%;object-fit:contain}
#modal .premium-ui .pm-scenery-choices{display:flex;gap:6px;overflow:auto;padding:8px 0 14px}
#modal .premium-ui .pm-scenery-choices button{flex:0 0 56px;height:76px;padding:3px;background:none;border:0;cursor:pointer}
#modal .premium-ui .pm-scenery-choices button[aria-pressed=true]{outline:2px solid #8a5a24;outline-offset:-2px}
#modal .premium-ui .pm-scenery-choices img{width:100%;height:100%;object-fit:cover}
#modal .premium-ui .pm-confirm-art{height:300px;width:100%;object-fit:contain}
#modal .premium-ui .pm-confirm-price{display:flex;align-items:center;justify-content:center;gap:6px;font-size:28px;font-weight:bold;color:#6b441c}
#modal .premium-ui .pm-purchased{display:flex;align-items:center;padding:12px;margin-bottom:12px}
#modal .premium-ui .pm-purchased>img{width:100px;height:130px;object-fit:contain}
#modal .premium-ui .pm-purchased>div{flex:1;min-width:0}
#modal .premium-ui .pm-empty{padding:32px 16px;text-align:center;color:#67462a}
#modal .premium-ui .pm-claim-bar{padding:14px}
#modal .premium-ui .pm-claim-bar b{display:block;margin-bottom:12px}
#modal .premium-ui .pm-error{font:14px/1.4 var(--kg-font);color:#7d2021;padding:0 12px 14px;margin:0}
#modal .premium-ui .pm-error:empty{display:none}
.pm-item-dialog{width:min(430px,92vw);max-height:85vh;overflow:auto;background:#e4ceb0 url('/assets/e0e00925849153e306c6.png') repeat;background-size:120px 43px;color:#241a12;border:2px solid #ac8b59;border-radius:8px;padding:20px;font-family:KrongradChrome,Georgia,serif}
.pm-item-dialog :is(h2,p,li){color:#241a12!important;text-shadow:none}
.pm-item-dialog ul{list-style:none;padding:0}
.pm-item-dialog li{display:flex;gap:8px;align-items:center;margin:10px 0}
.pm-item-visual{height:130px;display:flex;justify-content:center}
.pm-item-visual img{max-height:100%;object-fit:contain}
.pm-item-dialog .pm-button{margin-top:16px;background:#381b13 url('/assets/2b28a6baef33572d917e.png') repeat;background-size:126px 14px;border:1px solid #ac8b59;border-radius:6px}
.pm-item-dialog::backdrop{background:#000b}
#game-header .gc-wallet{grid-template-columns:minmax(65px,1.2fr) minmax(50px,1fr) minmax(63px,1fr) 44px 34px}
#game-header .gc-premium{width:44px;min-width:44px;height:44px;position:relative;padding:0;border:0;background:transparent;overflow:visible;cursor:pointer}
#game-header .gc-premium img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 3px #f2c66466)}
#game-header .gc-premium:focus-visible{outline:2px solid #ffe2a2;outline-offset:2px}
.vip117-mark{display:inline-flex;color:#f1cf78!important;border:1px solid #ad8540;border-radius:3px;font:9px system-ui!important;letter-spacing:.5px;padding:2px 4px;margin-left:4px;background:#2e2014;vertical-align:middle}
body.vip117 .equipment-caption,body.vip117 .hg-profile-caption{color:#6b4417;background:linear-gradient(100deg,#efd99f,#fff0c9,#cfa854)}
.achievement117-icon{object-fit:contain;max-width:100%;filter:drop-shadow(0 3px 3px #4c260c44)}
@media(max-width:350px){#modal .premium-ui h1{font-size:27px}#modal .premium-ui h2{font-size:23px}#modal .premium-ui .pm-hero>div{padding:24px 16px}#modal .premium-ui .pm-tabs{gap:2px}#modal .premium-ui .pm-body{padding:0 0 12px}#modal .premium-ui :is(.pm-products,.pm-cosmetics){gap:6px}#modal .premium-ui .pm-product{padding:6px}#modal .premium-ui .pm-product-art{height:120px}#modal .premium-ui .pm-product h3{font-size:16px;min-height:42px}#modal .premium-ui .pm-product .pm-button{font-size:13px}#modal .premium-ui .pm-gallery-scene{height:228px}#modal .premium-ui .pm-cosmetic-preview>.pm-art{height:220px}#modal .premium-ui .pm-cosmetic-copy h3{font-size:16px;min-height:42px}#modal .premium-ui .pm-vip-benefits strong{font-size:20px}#modal .premium-ui .pm-vip-benefits span{font-size:11px}#modal .premium-ui .pm-filters button{font-size:11px}#modal .premium-ui .pm-wallet{padding:8px}#modal .premium-ui .pm-wallet>span:not(.kg-surface,.kg-frame){font-size:11px;gap:4px}#modal .premium-ui .pm-wallet button{font-size:12px;padding:8px}#modal .premium-ui .pm-one .pm-product h3{font-size:19px}#game-header .gc-wallet{grid-template-columns:minmax(55px,1.2fr) minmax(40px,1fr) minmax(55px,1fr) 44px 30px}}
@media(prefers-reduced-motion:reduce){.premium-ui *{scroll-behavior:auto!important}}

/* Mobile follow-up: decorative layers must never become layout or text layers. */
#modal .premium-ui .pm-utility{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px;min-width:0}
#modal .premium-ui .pm-utility>.kg-round{width:40px;height:40px;flex:0 0 40px}
#modal .premium-ui .pm-utility>.pm-button{width:auto;min-width:0;max-width:230px;min-height:42px;flex:1;margin:0;padding:10px 12px;font-size:13px}
#modal .premium-ui .pm-control-label{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;width:100%;color:#eee1c9!important;line-height:1.25;white-space:normal;overflow-wrap:normal}
#modal .premium-ui .pm-control-label :is(span,b,strong){color:#eee1c9!important}
#modal .premium-ui :is(.pm-tabs button,.pm-filters button,.pm-genders button,.pm-item-choices button,.pm-button){position:relative!important;inset:auto!important;transform:none!important;float:none!important;box-sizing:border-box;max-width:100%;max-height:none;height:auto;min-width:0;overflow:visible}
#modal .premium-ui .pm-button{display:flex!important;min-height:48px;color:#eee1c9!important;line-height:1.25;margin:0}
#modal .premium-ui .pm-button.pm-secondary{margin-top:8px}
#modal .premium-ui :is(.pm-tabs button,.pm-filters button)>.pm-control-label{flex-direction:column;gap:4px;text-align:center}
#modal .premium-ui .pm-tabs button{min-height:66px;padding:8px 2px;font-size:12px}
#modal .premium-ui .pm-tabs .ui76-icon{width:26px!important;height:26px!important;max-height:none}
#modal .premium-ui .pm-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
#modal .premium-ui .pm-filters button{min-height:76px;padding:8px 2px;font-size:12px}
#modal .premium-ui .pm-filters .pm-control-label>span{min-height:30px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere;font-size:inherit;line-height:1.2}
#modal .premium-ui .pm-filters .kg-art{width:32px!important;height:32px!important;object-fit:contain}
#modal .premium-ui .pm-control-label>.ui76-icon{flex:0 0 22px;width:22px;height:22px;max-height:none}
#modal .premium-ui .pm-tabs .pm-control-label>.ui76-icon{flex:0 0 26px}
#modal .premium-ui .pm-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:4px 0 12px;font-size:14px;color:#67462a}
#modal .premium-ui .pm-summary>span{display:flex;align-items:center;gap:4px}
#modal .premium-ui .pm-vip-copy h2{display:flex;align-items:center;justify-content:center;gap:6px}
#modal .premium-ui .pm-vip-plans{align-items:stretch;min-width:0;gap:8px}
#modal .premium-ui .pm-vip-plans article{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:16px 8px 8px;gap:4px}
#modal .premium-ui .pm-vip-plans .pm-button{width:100%;min-width:0;margin:auto 0 0!important;padding:12px 6px;font-size:16px}
#modal .premium-ui .pm-vip-plans article>h3,#modal .premium-ui .pm-vip-plans article>p{flex:0 0 auto}
#modal .premium-ui .pm-cosmetic{display:flex;flex-direction:column;min-width:0}
#modal .premium-ui .pm-cosmetic-preview{display:block;flex:0 0 auto;inset:auto;transform:none;min-width:0}
#modal .premium-ui .pm-cosmetic-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:10px 5px 6px}
#modal .premium-ui .pm-cosmetic-copy small{display:flex;align-items:center;gap:4px;min-height:26px;letter-spacing:0}
#modal .premium-ui .pm-cosmetic-copy small img{width:20px!important;height:20px!important;object-fit:contain;flex:0 0 20px}
#modal .premium-ui .pm-cosmetic-price{min-height:40px;margin-top:auto;font-size:18px}
#modal .premium-ui .pm-cosmetic-actions{min-width:0;width:100%;margin-top:8px}
#modal .premium-ui .pm-cosmetic-actions .pm-button{width:100%;padding:12px 5px;font-size:14px;margin:0;min-height:46px}
#modal .premium-ui .pm-fitting{min-width:0;display:flex;flex-direction:column;gap:4px}
#modal .premium-ui .pm-fitting>.pm-button{flex:0 0 auto;align-self:stretch;width:100%;margin:4px 0 0;min-height:50px}
#modal .premium-ui .pm-fitting .pm-scenery-choices{width:100%;max-width:100%;min-width:0}
#modal .premium-ui .pm-fitting-scene{flex:0 0 auto;height:clamp(300px,60vh,450px)}
#modal .premium-ui .pm-one .pm-product-copy small{font-size:11px;min-height:0}
#modal .premium-ui .pm-contents li>span{min-width:0}
@media(max-width:350px){#modal .premium-ui .pm-tabs button{font-size:11px}#modal .premium-ui .pm-filters button{font-size:10px}#modal .premium-ui .pm-cosmetic-actions .pm-button{font-size:12px;padding:12px 4px}#modal .premium-ui .pm-cosmetic-actions .pm-control-label{gap:3px}#modal .premium-ui .pm-cosmetic-actions .ui76-icon{width:18px!important;height:18px!important;flex-basis:18px}#modal .premium-ui .pm-vip-plans .pm-button{font-size:14px}#modal .premium-ui .pm-one .pm-product{grid-template-columns:38% minmax(0,1fr);gap:6px}}

#modal .premium-ui .pm-section-heading h2,#modal .premium-ui .pm-kicker{display:flex;align-items:center;justify-content:center;gap:6px}
#modal .premium-ui .pm-section-heading h2>.ui76-icon{width:28px;height:28px;flex:0 0 28px}
#modal .premium-ui .pm-kicker>.kg-art{width:22px;height:22px;object-fit:contain}
@media(max-width:350px){#modal .premium-ui .pm-filters button{font-size:11px}}

/* Shared VIP presentation: the shop preview uses the same identity and portrait classes. */
.vip117-mark{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;vertical-align:middle;padding:2px 5px;border:1px solid #b98932;border-radius:3px;background:#302015;color:#ffe29c!important;font:bold 11px/1.25 KrongradChrome,Georgia,serif!important;box-shadow:inset 0 0 0 1px #51351c;letter-spacing:.5px;margin-left:3px}
.vip117-mark img{width:20px!important;height:20px!important;object-fit:contain;margin:0!important;flex:none}.vip117-mark b{color:#ffe29c!important;font:inherit}
.vip117-identity .identity109-nick,.vip117-identity .gc-name{color:#765017!important;text-shadow:0 1px #fff1c2;font-weight:bold!important}
#game-header .vip117-identity .gc-name{color:#ffe19a!important;text-shadow:0 1px 2px #000}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message{border:1px solid #bc9551;border-left:3px solid #a57925;background:linear-gradient(110deg,#eed5a1e8,#ead7b38a);box-shadow:inset 0 1px #fff5d4;padding:10px 8px;border-radius:4px}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message .identity109-nick{color:#745017!important;text-shadow:0 1px #fff1c2}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message .vip117-mark{background:#302015;color:#ffe29c!important}
#chat-panel.chat79 .vip117-message .avatar-button{overflow:visible}
#chat-panel.chat79 .vip117-message .message-main>p{color:#302318}
.pm-status-preview{position:relative;isolation:isolate;padding:18px 12px;margin-top:14px;min-width:0}
.pm-status-preview>h3{display:flex;justify-content:center;align-items:center;gap:7px;margin:0;font-size:24px!important;color:#302318!important}
.pm-status-preview>p{font-size:15px;text-align:center;color:#634a2c!important}
.pm-status-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.pm-status-profiles article{min-width:0;text-align:center}.pm-status-profiles h4{margin:0 0 10px;font-size:16px;color:#382618}
.pm-status-portrait{height:230px;position:relative;isolation:isolate;overflow:hidden;background:#201a15}
.pm-status-portrait>.human-figure,.pm-status-portrait>.pm-status-figure{position:absolute!important;inset:4px!important;transform:none!important;width:calc(100% - 8px)!important;height:calc(100% - 8px)!important;max-width:none!important;object-fit:contain}
.pm-status-portrait .figure-body{position:absolute!important;inset:0!important;transform:none!important;max-width:none!important;width:100%!important;height:100%!important;object-fit:contain}
.pm-status-name{margin-top:10px;min-height:50px;display:flex;justify-content:center;align-items:flex-start}
.pm-status-name .identity109-name{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%;font-size:16px;line-height:1.5}
.pm-status-preview .identity109-nick{overflow-wrap:anywhere;min-width:0}.pm-status-preview .identity109-name{white-space:normal}
.pm-status-chat-title{margin:16px 0 12px;font-size:18px;color:#382618}
.pm-status-chat{display:grid;gap:12px}.pm-status-chat .message{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px 8px;border-bottom:1px solid #bc9b6b;min-width:0}
.pm-status-chat .person-portrait{position:relative;display:block;width:48px;height:62px;background:#231b13;isolation:isolate}
.pm-status-chat .portrait-crop{position:absolute;inset:2px;overflow:hidden}.pm-status-chat .portrait-crop>img{position:absolute;width:350%;max-width:none;height:auto;left:50%;top:-4%;transform:translateX(-50%)}
.pm-status-chat .person-level{position:absolute;bottom:0;right:0;z-index:4;background:#281c12;color:#ffe2a3;padding:1px 4px;font-size:10px}
.pm-status-chat .message-main{min-width:0}.pm-status-chat .identity109-name{display:flex;gap:4px;align-items:center;flex-wrap:wrap;font-size:16px;line-height:1.4}.pm-status-chat p{font-size:15px;color:#302318!important;margin:5px 0 0}.pm-status-chat-label{font-size:12px;color:#705b3d;margin-bottom:4px}
@media(max-width:350px){.pm-status-preview{padding:14px 9px}.pm-status-profiles{gap:10px}.pm-status-portrait{height:190px}.pm-status-name .identity109-name{font-size:14px}.pm-status-chat .message{grid-template-columns:44px minmax(0,1fr);gap:8px}.pm-status-chat .person-portrait{width:42px;height:56px}}


/* Approved polish118: stable header, full-height portraits, generated VIP surfaces. */
#game-header .gc-wallet{height:40px;grid-template-columns:minmax(0,1.25fr) minmax(0,.78fr) 36px minmax(0,1.12fr) 28px;align-items:center;padding:3px 7px;gap:0}
#game-header .gc-wallet>.gc-control{min-width:0;min-height:0;height:32px;padding:0 3px;gap:3px;white-space:nowrap}
#game-header .gc-wallet .gc-number{font-size:clamp(12px,3.6cqw,17px);min-width:0}
#game-header .gc-wallet .gc-icon{width:25px;height:26px;flex:0 0 25px}
#game-header .gc-wallet>.gc-premium{height:34px;width:36px;min-width:0;padding:0}
#game-header .gc-premium img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 2px #000)}
#game-header .gc-wallet>.gc-premium:before{display:none}
#game-header .gc-wallet #hero-settings .gc-icon{width:24px;flex-basis:24px}
#modal .premium-ui .pm-section-heading .pm-kicker:empty{display:none}
#modal .premium-ui .pm-gallery-scene,#modal .premium-ui .pm-fitting-scene{position:relative;display:block;width:100%;height:auto;aspect-ratio: .455;max-height:none;overflow:hidden;background:#241a13}
#modal .premium-ui .pm-gallery-scene>.kg-scene-background,#modal .premium-ui .pm-fitting-scene>.kg-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
#modal .premium-ui .pm-gallery-scene>.human-figure,#modal .premium-ui .pm-fitting-scene>.human-figure{position:absolute;inset:3% 1% 2%;width:98%;height:95%;padding:0;transform:none;max-width:none}
#modal .premium-ui .pm-gallery-scene .kg-character-image,#modal .premium-ui .pm-fitting-scene .kg-character-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}
#modal .premium-ui .pm-cosmetic-preview{display:block;padding:5px;width:100%;height:auto;overflow:hidden}
#modal .premium-ui .pm-cosmetic-copy h3{font-size:clamp(16px,4.4cqw,23px);min-height:2.6em;line-height:1.25}
#modal .premium-ui .pm-cosmetic-actions .pm-button{padding:10px 4px;min-height:44px;font-size:15px}
#modal .premium-ui .pm-cosmetic-preview>.kg-frame{pointer-events:none}
#modal .premium-ui .pm-fitting-scene,#modal .premium-ui .pm-confirm>.pm-gallery-scene{width:min(100%,240px);align-self:center;margin:0 auto}
#modal .premium-ui .pm-showroom-footer{display:grid;gap:8px;margin:24px 0 12px}
#modal .premium-ui .pm-showroom-footer>.pm-button{margin:0}
#modal .premium-ui .pm-vip-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#modal .premium-ui .pm-vip-benefits>div{padding:12px 3px;border:0;border-bottom:1px solid #b79b6f55}
#modal .premium-ui .pm-vip-benefits strong{font-size:22px}
#modal .premium-ui .pm-one .pm-product{display:flex;flex-direction:column;align-items:stretch;min-width:0}
#modal .premium-ui .pm-one .pm-product>.pm-art-well{height:190px;min-height:190px}
#modal .premium-ui .pm-one .pm-product .pm-product-art{width:100%;height:100%;object-fit:contain}
#modal .premium-ui .pm-product-copy .pm-contents{margin:10px 0;min-width:0}
#modal .premium-ui .pm-product-copy .pm-contents li{font-size:15px;gap:9px}
#modal .premium-ui .pm-product-copy .pm-contents small{font-size:13px}
.pm-contents .pm-supply-icon{width:36px;height:36px;object-fit:contain;flex:none}
.pm-medal-icon{width:42px;height:46px;display:grid;place-items:center;flex:none}.pm-medal-icon .kg-medal,.pm-medal-icon img{width:100%;height:100%;object-fit:contain}
.pm-item-dialog .pm-item-visual{height:180px;width:160px;margin:0 auto 16px;display:block;position:relative}
.pm-item-dialog .pm-item-visual>.item-icon{width:100%;height:100%;position:relative;margin:0}
.pm-item-dialog .pm-item-visual .kg-frame img{max-height:none;object-fit:fill}
.title109-tooltip>strong{display:block;font-size:19px;color:#6b2714;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid #b39058;font-weight:700}
.title109-tooltip>span{display:block;font-size:15px;line-height:1.5}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message{border:12px solid transparent;border-image:var(--vip118-chat) 75 fill stretch;background:none;box-shadow:none;padding:2px 1px;border-radius:0;gap:9px}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message .identity109-nick{color:#6c3814!important;text-shadow:0 1px #fff7dd}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message .message-main>p{color:#2f2014;line-height:1.5}
.vip117-mark{border:0;background:transparent;box-shadow:none;color:#855719!important;font-weight:700!important;padding:0 2px;gap:1px}
.vip117-mark b{color:inherit!important}#game-header .vip117-mark{color:#ffe2a0!important}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message .vip117-mark{background:transparent;color:#855719!important}
@media(max-width:350px){#game-header .gc-wallet{grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) 32px minmax(0,1.1fr) 24px;padding:3px 5px}#game-header .gc-wallet>.gc-control{padding:0 2px;gap:1px}#game-header .gc-wallet .gc-icon{width:21px;height:24px;flex-basis:21px}#game-header .gc-wallet>.gc-premium{width:32px}#game-header .gc-premium img{width:31px;height:31px}}
.pm-item-dialog .pm-item-visual>.equipment-visual{width:100%;height:100%;aspect-ratio:.91}.pm-item-dialog .equipment-art img{width:100%;height:100%;object-fit:contain}.pm-item-dialog .chrome-frame img{object-fit:fill;max-height:none}

/* One shared portrait proportion and full-body placement for Hero and showroom. */
:root{--hero118-ratio:.48}
.hg-portrait{aspect-ratio:var(--hero118-ratio)}
.hg-portrait-scene{height:100%}
#modal .premium-ui .pm-cosmetic-preview{aspect-ratio:var(--hero118-ratio);padding:4px}
#modal .premium-ui .pm-cosmetic-preview>.pm-gallery-scene{height:100%;aspect-ratio:auto}
#modal .premium-ui .pm-gallery-scene,#modal .premium-ui .pm-fitting-scene{aspect-ratio:var(--hero118-ratio)}
.hg-portrait-scene>.human-figure,#modal .premium-ui .pm-gallery-scene>.human-figure,#modal .premium-ui .pm-fitting-scene>.human-figure{position:absolute;inset:4% 3% 3%;width:94%;height:93%;padding:0;transform:none;max-width:none}
#modal .premium-ui .pm-fitting-scene>.pm-fitting-figure{position:absolute;inset:4% 3% 3%;width:94%;height:93%;object-fit:contain;object-position:center bottom;transform:none}
#game-header .gc-wallet{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1.25fr) 28px}
body.game-shell #game-header .gc-identity{grid-template-columns:56px minmax(0,1fr) 48px;min-height:50px;gap:3px;padding:0 7px}
#game-header .gc-identity>.gc-premium{position:relative;isolation:isolate;width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border:0;background:transparent;border-radius:50%;overflow:hidden;box-shadow:none}
#game-header .gc-identity>.gc-premium img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #100a05)}
#game-header .gc-identity>.gc-premium:after{content:'';position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 39%,#fff4c077 48%,#fff9daaa 50%,transparent 60%);transform:translateX(-100%) rotate(8deg);animation:shop118-sheen 6s ease-in-out infinite;pointer-events:none}
@keyframes shop118-sheen{0%,65%{transform:translateX(-100%) rotate(8deg)}85%,100%{transform:translateX(100%) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){#game-header .gc-identity>.gc-premium:after{animation:none;display:none}}
#modal .premium-ui .pm-genders{width:64%;max-width:280px;margin:7px auto 12px;gap:5px}
#modal .premium-ui .pm-genders button{min-height:32px;padding:5px 7px;font-size:14px;line-height:1.2}
#modal .premium-ui .pm-genders .pm-control-label{padding:0;gap:2px}
@media(max-width:350px){#game-header .gc-wallet{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1.15fr) 24px}body.game-shell #game-header .gc-identity{grid-template-columns:48px minmax(0,1fr) 42px;padding:0 3px}#game-header .gc-identity>.gc-premium{width:40px;height:40px;min-width:40px;min-height:40px}#modal .premium-ui .pm-genders{width:75%}#modal .premium-ui .pm-genders button{font-size:13px}}
.bp-card-copy .bp-button{margin-top:8px;max-width:100%;font-size:16px}

/* Portrait119: one full-body composition in hero, public profile and fittings. */
:root{--hero119-scale:1.3}
.pm-status-portrait{width:100%;max-width:240px;height:auto;aspect-ratio:var(--hero118-ratio);margin:auto;background:transparent}
.pm-status-scene{position:absolute;inset:4px;overflow:hidden;isolation:isolate}
.pm-status-scene>.kg-scene-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.kg-appearance-preview,.mayor111-fitting,.realm-background-preview:not([data-preview-hero=false]){width:min(100%,240px);height:auto;aspect-ratio:var(--hero118-ratio)}
.pm-status-scene>.human-figure,.pm-status-scene>.pm-status-figure,
.kg-appearance-preview>.human-figure,.mayor111-fitting>.human-figure,.realm-background-hero>.human-figure{position:absolute;inset:4% 3% 3%;width:94%;height:93%;padding:0;max-width:none}
.hg-portrait-scene>.human-figure,
#modal .premium-ui .pm-gallery-scene>.human-figure,
#modal .premium-ui .pm-fitting-scene>.human-figure,
#modal .premium-ui .pm-fitting-scene>.pm-fitting-figure,
.pm-status-scene>.human-figure,.pm-status-scene>.pm-status-figure,
.kg-appearance-preview>.human-figure,.mayor111-fitting>.human-figure,.realm-background-hero>.human-figure{
 transform:scale(var(--hero119-scale));transform-origin:center bottom;
}
.pm-status-scene .figure-body,.pm-status-scene>.pm-status-figure,
.kg-appearance-preview .kg-character-image,.mayor111-fitting .kg-character-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center bottom}
/* Keep city scenery behind the opaque inner edge of the generated VIP frame. */


.appearance119-shop-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
#modal .appearance119-shop-links>.kg-button{width:100%;min-width:0;min-height:64px;height:auto;margin:0;padding:10px 7px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;line-height:1.3;white-space:normal}
.appearance119-shop-links>.kg-button>span{min-width:0}
.appearance119-shop-links>.kg-button>.ui76-icon{flex:0 0 24px;width:24px;height:24px}
@media(max-width:350px){#modal .appearance119-shop-links>.kg-button{font-size:14px;padding:10px 5px;gap:4px}}
/* Premium124 collections reuse the approved hero scene and service materials. */
#modal .premium-ui .pm-collection-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
#modal .premium-ui .pm-collection-choices button{min-width:0;min-height:38px;height:auto;padding:8px 6px;font-size:clamp(12px,2.8vw,16px);line-height:1.2;overflow-wrap:anywhere}
#modal .premium-ui .pm-collection-detail .pm-contents{width:100%;margin:16px 0}
#modal .premium-ui .pm-collection-price{display:grid;gap:8px;width:100%;color:#332316}
#modal .premium-ui .pm-collection-price strong{font-size:1.2em;color:#603f1e}
#modal .premium-ui .pm-purchase-history{padding-top:24px;color:#332316}
#modal .premium-ui .pm-history-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 0;border-top:1px solid #a48352;color:#332316}
#modal .premium-ui .pm-history-entry h4{margin:0 0 5px;color:#332316;overflow-wrap:anywhere}
#modal .premium-ui .pm-history-entry time{font-size:.85em;color:#604a32}
#modal .premium-ui .pm-history-entry ul{padding:0;margin:8px 0;list-style:none}
#modal .premium-ui .pm-history-entry li{display:flex;align-items:center;gap:6px;line-height:1.35;margin:4px 0}
#modal .premium-ui .pm-history-entry strong{white-space:nowrap;color:#603f1e}
@media(max-width:380px){#modal .premium-ui .pm-history-entry{grid-template-columns:minmax(0,1fr)}#modal .premium-ui .pm-collection-choices button{padding:7px 4px}}

#modal .premium-ui .pm-collection-detail>.pm-cosmetic-preview{width:min(100%,240px);align-self:center;margin:0 auto;cursor:default}
/* Keep three-digit hero levels inside their seal at the narrowest mobile width. */
body.game-shell #game-header .gc-level{gap:3px}
body.game-shell #game-header .gc-level>small{font-size:12px;flex:none}
body.game-shell #game-header .gc-level .gc-seal{width:32px;height:32px}
body.game-shell #game-header .gc-level .gc-level-number{font-size:18px;font-variant-numeric:tabular-nums}
@media(max-width:350px){body.game-shell #game-header .gc-identity{grid-template-columns:56px minmax(0,1fr) 42px}}

/* Permanent VIP128 uses shared portrait geometry and generated milestone artwork. */
.vip128-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%;grid-column:1/-1}
.vip128-tiers button{min-width:0;padding:9px 2px;background:#2c1b12;color:#f5dfb3;border:1px solid #a78243;border-radius:6px;font:700 14px Georgia,serif}
.vip128-tiers button[aria-pressed=true]{background:#6d291a;color:#fff4d7;box-shadow:inset 0 0 0 2px #d6af60}
.pm-vip>h3,.pm-vip>.pm-note{grid-column:1/-1}.pm-cosmetic-stats{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#432a13}
.pm-status-preview>.pm-status-portrait{width:100%;max-width:240px;margin:16px auto;aspect-ratio:var(--hero118-ratio)}
.vip117-message{background-image:var(--vip128-chat,var(--vip118-chat));background-size:100% 100%}
.pm-status-chat .message{display:flex;gap:10px;padding:14px;color:#f5e8c8}.pm-status-chat .message p{color:#f5e8c8}
.pm-status-chat .person-portrait{flex:0 0 55px;width:55px;height:64px}.pm-status-chat .message-main{min-width:0}
@media(max-width:360px){.vip128-tiers button{font-size:12px}.pm-vip-benefits{gap:7px}.pm-status-chat .message{padding:10px}}

/* The generated milestone frames have transparent centers; preserve the full artwork. */
.vip128-tiers button{position:relative;isolation:isolate}.vip128-tiers .pm-control-label{position:relative;z-index:2}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"]{border:1px solid #be984e;border-radius:6px;padding:14px 12px;background:#20150d var(--vip128-chat) center/100% 100% no-repeat;box-shadow:inset 0 0 0 2px #b68a3a55}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .identity109-nick{color:#ffe6ae!important;text-shadow:0 1px 2px #000}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .message-main>p{color:#fff1d5;text-shadow:0 1px 2px #000}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .vip117-mark{color:#ffd782!important}

.pm-cosmetic-stats>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .message-main>p{color:#fff1d5!important;background:none;line-height:1.45}.pm-status-chat .vip117-message[style*="--vip128-chat"]{padding:18px 16px}.pm-status-chat .message-main{flex:1;font-size:14px}

.vip128-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vip128-tiers button:only-child{grid-column:1/-1}.vip128-tiers .pm-control-label{display:flex;align-items:center;justify-content:center;gap:7px}.vip128-tiers small{font-size:12px;font-weight:400}.vip128-tiers b{font-size:15px}
.vip128-level-labels{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#503219}.vip128-level-labels strong{display:inline-flex;align-items:center;gap:5px;font-size:22px}
.vip128-progress{height:15px;margin:10px 0 8px;border:1px solid #88602b;border-radius:20px;padding:2px;background:linear-gradient(#24150e,#4c2e17);box-shadow:inset 0 2px 4px #0008,0 1px #fff6dd;overflow:hidden}.vip128-progress>span{display:block;height:100%;border-radius:16px;background:linear-gradient(#ffedb3,#d8aa46 48%,#8c591b 52%,#ecc76a);box-shadow:0 0 7px #e4b96077}.vip128-remaining{margin:0!important;font-size:15px;text-align:right;color:#634425}

#modal .premium-ui .vip128-tiers small{color:#f3ddb5!important}.pm-status-chat .identity109-name{display:flex;flex-wrap:wrap;gap:3px 5px;align-items:center}.pm-status-chat .identity109-nick{font-size:16px;line-height:1.25}
/* Keep the carved edges intact when a message grows to several lines. */
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"]{background:transparent;border:solid transparent;border-width:17.81818px 21px 19.09091px;border-image:var(--vip128-chat) 28% 11% 30% 11% fill stretch;border-radius:0;padding:6px 4px;box-shadow:none;align-items:flex-start;min-width:0}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .message-main{min-width:0;overflow-wrap:anywhere}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"] .message-main>p{margin:6px 0 0}
#chat-panel.chat79 .vip117-message[style*="--vip128-chat"] .identity109-nick{min-height:26px;line-height:1.25}
#chat-panel.chat79 .vip117-message[style*="--vip128-chat"] .message-menu{color:#ffe6ae;text-shadow:0 1px 2px #000}
#chat-panel.chat79 .vip117-message .identity109-tag,#chat-panel.chat79 .vip117-message .person-clan{color:#e9cf9f!important;text-shadow:0 1px 2px #000}
/* The approved identity order occupies a dedicated line above the message body. */
#chat-panel.chat79 .message-main{display:contents}
#chat-panel.chat79 .message-heading{grid-column:1/-1;grid-row:1}
#chat-panel.chat79 .avatar-button{grid-column:1;grid-row:2}
#chat-panel.chat79 .message-main>p{grid-column:2;grid-row:2;min-width:0}
#chat-panel.chat79 .message-main>.message-attachment{grid-column:1/-1;width:100%;min-width:0}
#chat-panel.chat79 .message-main>.chat-badge{grid-column:1/-1}
:is(#game-header,#chat-panel.chat79) .identity109-name{flex-wrap:nowrap!important;gap:3px;min-width:0}
:is(#game-header,#chat-panel.chat79) .identity109-family{flex:0 0 auto!important}
:is(#game-header,#chat-panel.chat79) .identity109-name :is(.gc-name,.identity109-nick){flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}
@media(max-width:350px){
 :is(#game-header,#chat-panel.chat79) .identity109-name{gap:2px}
 :is(#game-header,#chat-panel.chat79) .identity109-name :is(.gc-name,.identity109-nick){font-size:13px;line-height:1.25}
 :is(#game-header,#chat-panel.chat79) .identity109-family{gap:2px}
 :is(#game-header,#chat-panel.chat79) .identity109-tag{font-size:9px}
 :is(#game-header,#chat-panel.chat79) .vip117-mark{flex:0 0 auto;gap:2px;font-size:9px;padding:0}
 :is(#game-header,#chat-panel.chat79) .vip117-mark b{font-size:9px}
}
/* Match family and title artwork to the approved 20px VIP crown in every identity row. */
.identity109-name{--identity128-icon-size:20px}
.identity109-name .identity109-family .realm-emblem,
.identity109-name .identity109-title{width:var(--identity128-icon-size);height:var(--identity128-icon-size);min-width:var(--identity128-icon-size);flex:0 0 var(--identity128-icon-size)}
.identity109-name .identity109-title .title109-icon,
.identity109-name .vip117-mark img{width:var(--identity128-icon-size)!important;height:var(--identity128-icon-size)!important;object-fit:contain}

/* Portrait standard128: one outer rectangle, one silhouette scale, independent scenery. */
.portrait128-stage{position:relative;isolation:isolate;display:block;width:100%;height:100%;aspect-ratio:480/1000;overflow:hidden;min-width:0;padding:0;background:none}
.portrait128-stage>.portrait128-frame,.portrait128-stage>.kg-frame{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;visibility:visible!important}
.portrait128-stage>.portrait128-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.portrait128-scene>.kg-scene-background{position:absolute!important;max-width:none!important;object-fit:cover;object-position:center;width:100%!important;height:100%!important;inset:0!important;clip-path:inset(var(--portrait128-bg-inset,4px))}
.portrait128-stage .portrait128-scene>.portrait128-figure{position:absolute!important;inset:auto!important;left:7%!important;bottom:9%!important;width:86%!important;height:78%!important;max-width:none!important;padding:0!important;transform:none!important;z-index:2}
.portrait128-cutout{display:block;width:100%;height:100%;max-width:none;overflow:hidden;filter:drop-shadow(1px 2px 2px #0007)}
.hg-portrait:has(>.portrait128-stage){padding:0!important;aspect-ratio:480/1000;align-self:start;display:block;background:none}
.hg-portrait:has(>.portrait128-stage):before,.hg-portrait:has(>.portrait128-stage):after{display:none!important}
#modal .premium-ui :is(.pm-cosmetic-preview,.pm-fitting-scene){padding:0!important;background:none;overflow:hidden}
#modal .premium-ui .pm-cosmetic-preview>.kg-frame,#modal .premium-ui .pm-fitting-scene>.kg-frame{display:none}
#modal .premium-ui .pm-cosmetic-preview>.pm-gallery-scene{height:100%;padding:0}
.pm-status-preview>.pm-status-portrait,#modal .premium-ui .pm-fitting-scene,.kg-appearance-preview{width:min(100%,calc((min(100vw,520px) - 15px)/2))!important;max-width:252.5px;height:auto!important;aspect-ratio:480/1000;padding:0!important;background:none}
.pm-status-portrait>.portrait128-stage,.kg-appearance-preview>.portrait128-stage{height:100%}
.hg-background-button{z-index:5}
.hero128-family{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;padding:10px 12px;color:#432b18;min-width:0}
.hero128-family>.realm-emblem{width:36px;height:40px;min-width:36px;flex:none}
.hero128-family>.realm-emblem>b,.hero128-family>.realm-emblem>small{display:none}
.hero128-family>div{min-width:0}.hero128-family strong{display:block;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.hero128-family small{display:block;color:#725135;font-size:12px;margin-top:3px}
#game-header .identity109-name .gc-name{font-size:clamp(12px,calc(12px + (100vw - 320px)*.057),22px);white-space:nowrap;overflow-wrap:normal;max-width:none}
#game-header .identity109-name{gap:3px}
.chat128-avatar{display:flex;flex-direction:column;align-items:center;gap:5px;width:52px;flex:none;min-width:0}
.chat128-avatar>.person-portrait{flex:none;width:48px!important;height:62px!important;isolation:isolate;overflow:visible}
.chat128-avatar .person-portrait>.person-level{bottom:9px!important;right:8px!important;z-index:6!important;background:#251a10!important;color:#ffe8b1!important;font:bold 11px/1.2 Georgia,serif!important;padding:1px 3px!important;border:1px solid #b7995f;border-radius:2px}
.chat128-avatar>.vip117-mark{margin:0!important;padding:0!important;font-size:10px!important;gap:2px;white-space:nowrap;color:#f3d18c!important}
.chat128-avatar>.vip117-mark img{width:15px!important;height:15px!important}
#chat-panel.chat79 .avatar-button{width:52px;min-width:52px;align-self:start;height:auto;background:none;padding:0}
#chat-panel.chat79 .message{grid-template-columns:52px minmax(0,1fr)}
.pm-status-chat .message{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:8px}
.pm-status-chat .message>.chat128-avatar{grid-column:1;grid-row:2}
.pm-status-chat .message-main{display:contents}
.pm-status-chat .message-main>.identity109-name{grid-column:1/-1;grid-row:1}
.pm-status-chat .message-main>p{grid-column:2;grid-row:2}
#chat-panel.chat79 .identity109-name{gap:5px}
/* Catalog cards keep the same portrait width as Hero instead of shrinking two figures side by side. */
#modal .premium-ui .pm-cosmetics{grid-template-columns:minmax(0,1fr)}
#modal .premium-ui .pm-cosmetic{display:grid;grid-template-columns:minmax(0,calc((min(100vw,520px) - 15px)/2)) minmax(0,1fr);gap:8px;padding:7px;align-items:start}
#modal .premium-ui .pm-cosmetic>.pm-cosmetic-preview{align-self:start;min-width:0;width:100%;height:auto;aspect-ratio:480/1000}
#modal .premium-ui .pm-cosmetic-copy{min-width:0;height:100%;padding:4px 2px;display:flex;flex-direction:column}
#modal .premium-ui .pm-cosmetic-copy h3{font-size:clamp(16px,4vw,21px);min-height:0;overflow-wrap:anywhere}
#modal .premium-ui .pm-cosmetic-copy .pm-cosmetic-price{margin-top:auto}
:root{--portrait128-width:min(248px,calc((100vw - 24px)/2))}
.pm-status-preview>.pm-status-portrait,#modal .premium-ui .pm-fitting-scene,.kg-appearance-preview{width:var(--portrait128-width)!important;max-width:100%}
#modal .premium-ui .pm-cosmetic{grid-template-columns:var(--portrait128-width) minmax(0,1fr)}
#chat-panel.chat79 .identity109-name .identity109-nick{font-size:clamp(13px,calc(13px + (100vw - 320px)*.05),19px)}
/* Public profiles keep their grid inside the chat window, including wide nicknames. */
#chat-panel .chat-hero .hg-content{min-width:0;grid-template-columns:minmax(0,1fr)}
#chat-panel .chat-hero .hg-content>*{min-width:0}
#chat-panel.chat79 .chat-hero-identity{gap:4px;padding:8px}
#chat-panel .chat-hero-identity>span:not(.kg-surface,.kg-frame,.identity109-name){font-size:11px;white-space:nowrap;flex:none}
#chat-panel .chat-hero-identity .identity109-name{min-width:0;flex:1;gap:3px}
#chat-panel .chat-hero-identity .identity109-nick{font-family:KrongradChrome,"PT Serif",Georgia,serif;font-size:clamp(13px,calc(13px + (100vw - 320px)*.05),19px);max-width:none}
#chat-panel.chat79 .chat-hero-combat>span{gap:2px;font-size:11px}
#chat-panel.chat79 .chat-hero-combat img{width:18px;height:18px}

/* Shared chat surface; fixed corner geometry lives in the nine-slice border below. */
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"]{position:relative;isolation:isolate;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;padding:14px;gap:8px}
.chat128-decoration{position:absolute;display:block;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.chat128-texture{position:absolute;display:block}
.chat136-gem{position:absolute;display:block;z-index:4;overflow:hidden}
#chat-panel.chat79 #chat-history>.message+.message{margin-top:8px}

/* A single background aperture across standard and every VIP tier. */
.portrait128-stage{--portrait128-bg-inset:.5% 1%}
.portrait128-scene>.kg-scene-background{clip-path:inset(.5% 1%)}
/* Family plaque preserves the generated artwork ratio and never spans the page. */
.hero128-family{display:block;position:relative;width:min(360px,calc(100% - 24px));aspect-ratio:1958/435;padding:0;margin:6px auto 10px;color:#ffe3a0}
.hero128-family>.family129-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}
.hero128-family>.realm-emblem{position:absolute;width:14%;height:72%;min-width:0;left:5.5%;top:14%;filter:drop-shadow(0 1px 2px #000)}
.hero128-family>div{position:absolute;left:25%;right:7%;top:12%;bottom:12%;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero128-family strong{font-family:Georgia,serif;font-size:clamp(12px,3.5vw,16px);line-height:1.13;overflow-wrap:anywhere;color:#ffe8b1;text-shadow:0 1px 2px #000;margin:0}
.hero128-family small{font-size:10px;line-height:1.2;color:#d8b776;margin:0 0 3px;text-shadow:0 1px 2px #000}

.identity109-name>.chat129-level{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:20px;padding:0 3px;border:1px solid #ac8644;border-radius:3px;background:#302113;color:#ffe5ab;font:700 11px/1 Georgia,serif;text-shadow:0 1px #000;box-shadow:inset 0 0 3px #d8b16b33}
#chat-panel.chat79 .identity109-name{gap:3px}


/* UX135: approved original R3 trim, central figure and four real slots per side. */
.portrait128-stage>.portrait128-frame{display:grid!important;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner)}
.portrait128-stage>.portrait128-frame>img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:fill}
.hg-stage-centered.hg-stage{display:flex;position:relative;isolation:isolate;gap:5px;align-items:stretch;margin:0 2px;padding:9px 8px;background:#2b1d17;border-radius:7px;min-width:0}
.hg-stage-centered>.gc-material{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hg-stage-centered>.gc-frame{position:absolute;inset:0;z-index:3;pointer-events:none}
.hg-gear-side{display:grid;flex:1 1 0;grid-template-rows:repeat(4,minmax(0,1fr));gap:5px;min-width:0;min-height:0;contain:size;z-index:1}
.hg-stage-centered .hg-equipment{aspect-ratio:auto;min-width:0;min-height:44px;padding:0}
.hg-stage-centered>.hg-portrait{flex:2.6 1 0;align-self:start;width:0;height:auto;min-width:0;padding:0;aspect-ratio:auto;z-index:1;border-radius:2px;overflow:hidden}
.hg-stage-centered .portrait128-frame{display:none!important}
/* Width determines height once. A percentage height here made WebKit size the
   portrait from the item rows, leaving a blank strip or overlapping a side. */
.hg-stage-centered .portrait128-stage{height:auto;width:100%;aspect-ratio:480/1000}
body.hero-page #game-content{margin-top:8px}
.hg-page>.hg-content{padding-top:12px}
#chat-panel.chat79 .chat-hero .hg-stage-centered .hg-equipment{aspect-ratio:auto;min-height:44px}
.hg-stage-centered .equipment-visual>.equipment-meta{font-size:clamp(8px,16cqw,13px)}
.hg-stage-centered .equipment-visual>.equipment-label{font-size:clamp(8px,15cqw,12px);line-height:1.05}
/* Match the hero's actual width in catalog, VIP preview and fitting room. */
:root{--portrait128-width:calc((min(100vw,480px) - 44px) * .5652173913)}
@media(max-width:350px){:root{--portrait128-width:calc((100vw - 40px) * .5652173913)}}
/* A neutral miniature for every author; VIP remains below it and on the message. */
.chat128-avatar .person-portrait:before,.chat128-avatar .person-portrait:after{display:none!important}
.chat128-avatar .person-portrait>.kg-frame{display:grid!important;visibility:visible!important;--kg-corner:8px!important;filter:none!important}
.chat128-texture{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);filter:brightness(.45)}
:is(#chat-panel.chat79,.pm-status-chat) .vip117-message[style*="--vip128-chat"]{padding:14px;}

#chat-panel .chat-hero-identity .identity109-nick{color:#eee1c9!important;text-shadow:0 1px 2px #000}

/* UX136: readable cosmetic bonuses and compact fitting-room shop shortcuts. */
.pm-cosmetic-bonus{margin:8px 0 12px;min-width:0;color:#432a13}
.pm-cosmetic-bonus .pm-bonus-caption{font-size:12px;line-height:1.3;margin:0 0 6px;color:#67472b}
.pm-cosmetic-bonus .pm-cosmetic-stats{display:grid;grid-template-columns:1fr;gap:4px;margin:0;font-size:12px;line-height:1.3}
.pm-cosmetic-bonus .pm-cosmetic-stats>span{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:4px;white-space:normal;align-items:center}
.pm-cosmetic-bonus .pm-cosmetic-stats>span>span{min-width:0;overflow-wrap:anywhere}
.pm-cosmetic-stats b{white-space:nowrap}
#modal .appearance119-shop-links{display:flex;justify-content:center;gap:8px;margin:8px 0;flex-wrap:wrap}
#modal .appearance119-shop-links>button,#modal .appearance119-shop-links>.kg-button{width:auto;min-width:90px;min-height:34px;height:34px;flex:0 1 auto;margin:0;padding:4px 12px;font-size:13px;line-height:1;gap:5px;white-space:nowrap}
#modal .appearance119-shop-links .ui76-icon{width:18px;height:18px;flex:0 0 18px}
.pm-goods-nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.pm-goods-nav .pm-button{flex:1 1 100px;min-height:38px;padding:5px;font-size:13px}
.premium-ui .pm-goods{min-width:0}
.premium-ui .pm-goods .sw-head{display:none}
.premium-ui .pm-goods .grade-tabs{display:flex;flex-wrap:wrap;gap:4px}
.premium-ui .pm-goods .grade-tabs button{flex:1 1 90px;min-width:0}
.premium-ui .pm-goods .shop-medals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.premium-ui .pm-goods .shop-medal-card{min-width:0;width:100%;box-sizing:border-box}
.premium-ui .pm-goods .shop-icon-product{width:100%;box-sizing:border-box}

#modal .premium-ui .pm-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}
#modal .premium-ui .pm-tabs button{font-size:clamp(9px,2.7vw,12px);white-space:normal;min-height:58px;padding:6px 1px}
#modal .premium-ui .pm-tabs .ui76-icon{width:22px!important;height:22px!important;flex-basis:22px!important}
#modal .premium-ui .pm-goods-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#modal .premium-ui .pm-goods-nav .pm-button{min-width:0;min-height:36px;padding:5px 3px;font-size:12px}
#modal .premium-ui .pm-goods .sw-head{display:grid}
#modal .premium-ui .realm-ui{height:auto;min-height:0}

/* Mafia leather-and-brass chat art: one nine-slice border, no corner overlays. */
#modal .premium-ui .pm-vip-status-heading{margin:0 0 18px;text-align:center}
#modal .premium-ui .pm-vip-status-heading h2{display:block;margin:0;font:700 clamp(18px,4.8vw,23px)/1.2 Georgia,serif;color:#56351c}
#modal .premium-ui .pm-vip-status-heading p{margin:5px 0 0;font-size:12px;line-height:1.35;color:#765439}
.chat137-decoration{border-radius:4px;background:none;--chat137-well:#163b2d}
.chat137-decoration[data-tier="10"]{background:none;--chat137-well:#172c47}.chat137-decoration[data-tier="15"]{background:none;--chat137-well:#481b20}
.chat137-decoration:before{content:"";position:absolute;inset:6px;border-radius:7px;background:var(--chat137-well)}
.chat137-decoration .chat128-texture{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);filter:brightness(.8) saturate(.9);opacity:.45}
.chat137-border{position:absolute;inset:0;display:block;border:20px solid transparent;border-image:var(--chat137-frame) 220 / 20px / 0 stretch;pointer-events:none;z-index:2}
.chat137-decoration .chat136-gem{clip-path:inset(0 round 1px);filter:brightness(1.15) saturate(1.1);animation:chat137-gem-glow 9s ease-in-out infinite}
.chat137-decoration .chat136-gem.tr,.chat137-decoration .chat136-gem.bl{animation-delay:1.5s}.chat137-decoration .chat136-gem.br{animation-delay:3s}
.chat137-shine{z-index:3;filter:brightness(1.6) saturate(.8);opacity:.45;mask-image:linear-gradient(110deg,transparent 38%,#fff 49%,transparent 60%);mask-size:350% 100%;animation:chat137-brass-glow 12s ease-in-out infinite}
@keyframes chat137-brass-glow{0%,38%{mask-position:160% 0;opacity:0}46%{opacity:.45}73%{mask-position:-60% 0;opacity:.45}82%,100%{mask-position:-60% 0;opacity:0}}
@keyframes chat137-gem-glow{0%,45%,80%,100%{filter:brightness(1.15) saturate(1.1)}60%{filter:brightness(1.6) saturate(1.25)}}
@media(prefers-reduced-motion:reduce){.chat137-decoration .chat136-gem{animation:none}.chat137-shine{animation:none;display:none}}
/* Owned cosmetics reuse the canonical portrait and existing parchment materials. */
#modal .appearance141{padding:8px;min-width:0;color:#302315}
#modal .appearance141-tabs{display:flex;gap:6px;margin-bottom:12px}
#modal .appearance141-tabs button{flex:1;min-width:0;min-height:38px;padding:6px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px}
#modal .appearance141-tabs [aria-pressed=true]{outline:2px solid #b89451;outline-offset:-3px}
#modal .appearance141-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#modal .appearance141-card{position:relative;isolation:isolate;min-width:0;padding:8px;display:flex;flex-direction:column;gap:7px}
#modal .appearance141-card>.kg-surface{z-index:-1}
#modal .appearance141-card .pm-gallery-scene{width:100%;max-width:240px;margin:0 auto;position:relative;aspect-ratio:480/1000}
#modal .appearance141-card .portrait128-stage{width:100%;height:100%}
#modal .appearance141-card h3{font-size:17px;line-height:1.15;margin:0;overflow-wrap:anywhere;color:#352619}
#modal .appearance141-card .pm-cosmetic-bonus{font-size:12px;color:#513b26}
#modal .appearance141-card .pm-bonus-caption{font-size:12px;line-height:1.25;margin:0 0 6px}
#modal .appearance141-card .pm-cosmetic-stats{display:grid;gap:4px}
#modal .appearance141-card .pm-cosmetic-stats>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#modal .appearance141-card .pm-cosmetic-stats b{margin-left:auto}
#modal .appearance141-card button{margin-top:auto;padding:8px 3px;font-size:14px;min-height:38px;width:100%;color:#f3e4c4}
#modal .appearance141-basic{margin:16px 0 12px}
#modal .appearance141-basic summary{cursor:pointer;font-size:17px;padding:10px 0;color:#503a23}
#modal .appearance141 .appearance119-shop-links{margin-top:16px}
#modal .appearance141-empty{color:#60482f;text-align:center;padding:12px}
#appearance141-error{color:#8b2017}
/* Quiet notification: no sound, backdrop, focus capture, countdown or flashing. */
#main #game-notice141{position:fixed;z-index:850;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 114px);width:min(430px,calc(100% - 24px));box-sizing:border-box;padding:14px 38px 12px 14px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px 10px;isolation:isolate;color:#302315;font-family:Georgia,serif;box-shadow:0 5px 18px #0005;border-radius:8px}
#main #game-notice141>.kg-surface{z-index:-1;pointer-events:none}
#main #game-notice141 .notice141-icon{grid-row:1/3;align-self:center}
#main #game-notice141 .notice141-copy{display:grid;gap:4px;font-size:13px;line-height:1.3}
#main #game-notice141 .notice141-copy b{font-size:16px;color:#503218}
#main #game-notice141 button{appearance:none;background:transparent;border:0;box-shadow:none;color:#69431d;font:inherit;cursor:pointer;min-width:32px;min-height:32px;padding:3px}
#main #game-notice141 .notice141-close{position:absolute;top:6px;right:6px;font-size:24px}
#main #game-notice141 .notice141-go{grid-column:2;text-align:left;text-decoration:underline;font-size:13px;justify-self:start}
.pm-payment-consent{display:flex;align-items:flex-start;gap:8px;margin:16px 0;color:#362317;font-size:16px;line-height:1.45;flex-wrap:wrap}.pm-payment-consent input{width:20px;height:20px;flex:none;margin:0}.pm-payment-consent a{color:inherit;text-decoration:underline}

/* First purchase: one compact, readable offer in the existing paper cards. */
#modal .pm-first-bonus{display:grid;gap:3px;margin:8px 0 12px;padding:9px 10px;border:1px solid #a78042;border-radius:5px;background:rgba(239,213,151,.55);line-height:1.3}
#modal .pm-first-bonus b{font-size:17px;color:#754016}
#modal .pm-first-bonus span{font-size:13px}
#modal .pm-first-bonus strong{font-size:18px;color:#302113}

.bp-newcomer{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:12px;margin:8px 0 14px;border:1px solid #997449;border-radius:5px;background:#ecddc2;color:#302113}.bp-newcomer-art img{width:72px;height:72px;object-fit:contain}.bp-newcomer small{font-size:10px}.bp-newcomer h3{margin:3px 0;font-size:20px;color:#452c1b;text-shadow:none}.bp-newcomer p{font-size:14px;margin:4px 0 8px;color:#513824}.bp-newcomer .bp-button{width:100%}

/* Completed purchase: an ink seal on the existing paper, always in document flow. */
#modal .premium-ui .pm-order-seal{display:flex;align-items:center;justify-content:center;gap:10px;width:192px;max-width:calc(100% - 18px);box-sizing:border-box;margin:20px auto 25px;padding:10px 12px;border:4px double currentColor;border-radius:5px;color:#793d2c;background:transparent;font:700 16px/1.15 Georgia,serif;letter-spacing:1.1px;text-transform:uppercase;transform:rotate(-5deg);opacity:.88;pointer-events:none}
#modal .premium-ui .pm-order-seal strong{display:block;max-width:11ch;font:inherit;color:inherit;text-shadow:none}
#modal .premium-ui .pm-order-seal>span{font-size:13px;flex:none}


.award117-art{height:215px;position:relative;overflow:hidden;background:#21110b}
.award117-art>.pm-art{width:100%;height:100%;object-fit:cover}
.award117-art>div{position:absolute;inset:25px;display:flex;align-items:center;justify-content:center}
.award117-art .title109-icon,.award117-art .achievement117-icon{width:150px!important;height:150px!important;object-fit:contain;filter:drop-shadow(0 4px 8px #000)}
.award117-copy{padding:18px 20px;color:#302013;text-align:center}
.award117-copy small{color:#765831;font:10px/1.4 system-ui;letter-spacing:1px}
.award117-copy h2{font-size:28px;line-height:1.1;margin:10px 0;color:#302013;text-shadow:none}
.award117-copy h3{font-size:20px;color:#302013;text-shadow:none;margin:20px 0 10px}
.award117-copy p{font-size:15px;line-height:1.5;color:#4c3823}
.award117-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.award117-stats article{padding:10px 5px;background:#ecd9b3;border:1px solid #b5965f;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:4px}
.award117-stats strong{font-size:25px;color:#4c341b}
.award117-stats span{font-size:15px;color:#372716}
.award117-stats small{font-size:10px;letter-spacing:0;color:#684e31}
.award117-prizes{display:flex;justify-content:center;gap:26px;padding:16px;background:#eedcba;border:1px solid #aa864e;border-radius:6px}
.award117-prizes span{display:flex;align-items:center;gap:8px;font-size:23px;color:#46301b}
.award117-celebration .level-footer{display:grid;grid-template-columns:1fr;gap:8px}
.award117-open{position:relative;isolation:isolate;min-height:44px;font:17px Georgia;background:#25160d;border:0;color:#f5e0b5}
.award117-open>span:last-child{position:relative;z-index:1}
.award117-celebration .level-footer form{margin:0}
@media(max-width:350px){.award117-art{height:180px}.award117-copy{padding:14px}.award117-copy h2{font-size:24px}.award117-copy p{font-size:14px}}


#award117-celebration .award117-copy :is(h2,h3,p,small,span,strong){text-shadow:none}
#award117-celebration .award117-copy h2{color:#302013;text-transform:none;letter-spacing:0;font-size:28px;margin:10px 0;line-height:1.15}
#award117-celebration .award117-copy h3{color:#302013;margin:18px 0 10px}
#award117-celebration .award117-copy p{color:#4c3823;margin:8px 0;font-size:15px;line-height:1.5}
#award117-celebration .award117-copy small{color:#765831}
#award117-celebration .award117-copy article{background:#ecd9b3;color:#302013}
#award117-celebration .level-footer{gap:7px}
#award117-celebration .award117-open{width:100%;min-height:44px;padding:10px;border-radius:7px;cursor:pointer;font:17px/22px KrongradChrome,Georgia,serif}
#award117-celebration .level-continue{min-height:48px;font-size:18px}
#award117-celebration .award117-art{flex:none}
@media(max-height:600px){#award117-celebration .award117-art{height:160px}#award117-celebration .level-heading{padding:8px}}

/* UX143: shared leather / parchment / fixed corners. No raster UI text. */
body.game-shell #main:has(>.lc143){padding:8px;scrollbar-width:none}
#main>.lc143{--lc-ink:#352217;--lc-gold:#9f793d;display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--lc-ink);font:14px/1.4 KrongradChrome,Georgia,serif;container-type:inline-size}
.lc143 *{box-sizing:border-box}
.lc143 .kg-surface{position:absolute;inset:0;z-index:-1;background-repeat:repeat;pointer-events:none;border-radius:7px}
.lc143 .kg-frame{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--kg-corner) minmax(0,1fr) var(--kg-corner);grid-template-rows:var(--kg-corner) minmax(0,1fr) var(--kg-corner);pointer-events:none}
.lc143 .kg-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0}
.lc143 :is(h1,h2,p){margin:0;padding:0;border:0;background:none;box-shadow:none;text-shadow:none;letter-spacing:normal;color:inherit}
.lc143 :is(h1,h2)::before,.lc143 :is(h1,h2)::after{display:none}
.lc143 button{font:inherit;cursor:pointer;text-shadow:none;box-shadow:none;margin:0;transform:none}
.lc143 button:active{transform:none}
.lc143-head{position:relative;isolation:isolate;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:4px;padding:9px 8px;color:#f4e7ca;min-height:54px}
.lc143-head h1{text-align:center;font-size:22px;line-height:28px;font-weight:700}
.lc143-head button{width:36px;height:36px;border:0;background:none;padding:4px;color:inherit}
.lc143-head .kg-icon{width:100%;height:100%;object-fit:contain}
.lc143-cover{position:relative;isolation:isolate;aspect-ratio:16/9;border-radius:7px;overflow:hidden;background:#24140b}
.lc143-cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc143-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#140b06cc,transparent 80%);z-index:0;pointer-events:none}
.lc143-cover>div{position:relative;z-index:1;padding:24px 18px;color:#fff0cf}
.lc143-cover small{display:block;font-size:10px;letter-spacing:1.4px;color:#e3c891;margin-bottom:10px}
.lc143-cover h2{font-size:30px;line-height:1.15;font-weight:700;text-align:left}
.lc143-cover>div>span{display:inline-block;font-size:12px;margin-top:13px;padding-top:8px;border-top:1px solid #b99b64a6}
.lc143-cover>.kg-frame{z-index:3;pointer-events:none}
.lc143 :is(.lc143-today,.lc143-selected){position:relative;isolation:isolate;padding:15px 14px;border-radius:7px}
.lc143-today-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lc143-today-head small{display:block;letter-spacing:1px;font-size:10px;color:#75441f;margin-bottom:3px}
.lc143-today-head h2{font-size:23px;line-height:28px;font-weight:700;text-align:left}
.lc143-date{font-size:12px;text-align:right;white-space:nowrap;color:#6a4d30}
.lc143-rewards{display:flex;justify-content:center;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:15px 0}
.lc143-reward{display:flex;align-items:center;gap:7px;min-width:0}
.lc143-reward>img{width:36px;height:40px;object-fit:contain;margin:0;filter:none}
.lc143-reward>span{display:flex;flex-direction:column;gap:1px}
.lc143-reward b{font-size:21px;font-weight:700;line-height:25px;color:#56341b}
.lc143-reward small{font-size:12px;line-height:16px;max-width:120px}
.lc143 button.lc143-claim{position:relative;isolation:isolate;display:block;border:0;background:none;color:#f8e9c9;padding:13px 8px;min-height:48px;width:100%;border-radius:7px;overflow:hidden;font-size:17px;font-weight:700}
.lc143 button.lc143-claim:disabled{cursor:default;opacity:1;color:#e8d8b8}
.lc143 .lc143-refresh{margin-top:8px;text-align:center;font-size:11px;color:#705439}
.lc143 .lc143-error{color:#8a2520;margin-top:8px;font-size:13px}
.lc143-calendar>header{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 9px}
.lc143-calendar>header h2{font-size:19px;line-height:24px;text-align:left}
.lc143-calendar>header>span{font-size:12px;color:#705439}
.lc143-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lc143 button.lc143-day{position:relative;display:grid;grid-template-rows:17px 34px 17px 13px;place-items:center;width:100%;min-width:0;padding:5px 2px 4px;border:1px solid #baa681;border-radius:5px;background:linear-gradient(135deg,#faf0da,#e4d0ae);color:#47301f;box-shadow:inset 0 0 0 2px #fff3d759;outline-offset:1px;line-height:1.15}
.lc143 button.lc143-special{background:linear-gradient(140deg,#fff4cf,#e1b66b);border-color:#a07738;box-shadow:inset 0 0 0 2px #fcdf9e}
.lc143 button.lc143-day[data-status=past]{background:linear-gradient(135deg,#e5dcc9,#d3c5af);color:#756958}
.lc143-day[data-status=past] .lc143-day-art{opacity:.6;filter:saturate(.5)}
.lc143 button.lc143-day[data-status=claimed]{background:linear-gradient(135deg,#e6ead6,#cbd3b1);border-color:#879169;color:#3c512f}
.lc143 button.lc143-day[data-status=today]{background:linear-gradient(140deg,#72351e,#34150d);color:#ffebc0;border:1px solid #a77534;box-shadow:inset 0 0 0 2px #bc8f4f}
.lc143 button.lc143-day[aria-pressed=true]{outline:2px solid #9f793d}
.lc143-day-number{font-size:13px;line-height:16px;font-weight:700}
.lc143-day-art{display:flex;justify-content:center;align-items:center;width:100%;height:34px}
.lc143-day-art img{width:32px;height:32px;object-fit:contain;margin:0;filter:none}
.lc143-day-count{font-size:11px;line-height:16px;font-weight:700;white-space:nowrap}
.lc143-day-status{font-size:9px;line-height:12px;letter-spacing:0;color:inherit}
.lc143-selected{margin-top:10px}
.lc143-selected>header{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:13px}
.lc143-selected>header>small{font-size:11px;color:#705439;text-align:right}
.lc143-selected .lc143-rewards{margin:12px 0 0;justify-content:flex-start}
.lc143 .lc143-caption{text-align:center;font-size:11px;color:#75553a;margin:9px 0 0}
.lc143-rules{border-top:1px solid #bca17a;padding:10px 4px;color:#4e3929}
.lc143-rules summary{font-size:13px;cursor:pointer;min-height:24px}
.lc143-rules p{font-size:12px;line-height:18px;margin-top:9px}
.lc143-totals{justify-content:flex-start}
.lc143-loading{padding:24px 12px}
@container(max-width:350px){.lc143-head h1{font-size:19px}.lc143-cover>div{padding:20px 14px}.lc143-cover h2{font-size:25px}.lc143-cover small{font-size:8px;margin-bottom:7px;letter-spacing:1px}.lc143-cover>div>span{font-size:10px;margin-top:9px;padding-top:6px}.lc143-today-head h2{font-size:20px}.lc143-rewards{gap:12px}.lc143-reward>img{width:30px;height:34px}.lc143-reward small{font-size:11px;max-width:98px}.lc143-grid{gap:5px}.lc143 button.lc143-day{grid-template-rows:16px 32px 16px 12px}.lc143-day-art img{width:29px;height:29px}.lc143-day-count{font-size:10px}.lc143-day-status{font-size:8px}.lc143 :is(.lc143-today,.lc143-selected){padding:13px 10px}}

.vip144-total{display:flex;justify-content:center;align-items:center;gap:6px;font-size:17px;color:#5b381c;margin:8px 0}.vip144-sources{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid #bd9d6e;font-size:12px;color:#62482c}.vip144-sources span{display:flex;gap:6px}.vip144-rule{font-size:12px;text-align:center;color:#705233;margin:0 0 10px}

.p160{color:#352619}.p160 .p160-tabs{display:flex;gap:6px;margin-bottom:8px}.p160-tabs>.kg-button{flex:1;min-width:0;padding:10px 5px;font-size:15px;min-height:42px}.p160-tabs>.kg-button[aria-pressed=false]{opacity:.8}.p160-tabs>.kg-button[aria-pressed=true]{outline:1px solid #9c783d;outline-offset:-4px}.p160 .metro-paper{margin:10px 0}.p160-search{display:flex;gap:8px;align-items:center;margin:15px 0 8px}.p160-search input{width:0;flex:1;min-width:0;background:#eee1c8;border:1px solid #a68a60;padding:9px 10px;font:15px Georgia;color:#352619;border-radius:3px}.p160-search .kg-button{width:80px;min-height:36px;font-size:14px;padding:8px}.p160-ranking{margin:0}.p160-rank-row{display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;background:transparent;border:0;border-bottom:1px solid #b6a27b;padding:13px 3px;color:#352619;text-align:left;font-family:Georgia}.p160-rank-row[hidden]{display:none}.p160-place{font-size:18px;text-align:center;color:#746044}.p160-place-1{color:#926411;font-size:23px}.p160-place-2{color:#6f777a;font-size:22px}.p160-place-3{color:#8c5936;font-size:21px}.p160-avatar{position:relative;display:flex;width:40px;height:50px;align-items:center;justify-content:center;overflow:hidden}.p160-avatar>img{width:34px;height:44px;object-fit:cover;z-index:1}.p160-avatar>.kg-icon{width:28px;height:32px}.p160-person b{display:block;font-size:17px;overflow-wrap:anywhere}.p160-person small{display:block;font-size:11px;line-height:1.3;margin-top:3px;color:#756146}.p160-score{text-align:right;max-width:105px}.p160-score>b{font-size:17px;display:block;white-space:nowrap}.p160-score>small{display:block;font-size:10px;line-height:1.3;margin-top:4px;color:#756146}.p160-more{text-align:center;margin:12px 0}.p160-more .kg-button{min-height:36px;padding:7px 20px;font-size:14px}.p160-self{display:flex;align-items:center;gap:12px}.p160-self>b{font-size:22px;color:#7c5527}.p160-self span{flex:1;min-width:0}.p160-self span b{font-size:15px}.p160-self small{display:block;font-size:12px;margin-top:3px}.p160-self>strong{font-size:17px;white-space:nowrap}.p160-ref-hero{position:relative;height:162px;overflow:hidden;margin:12px 0}.p160-ref-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.62)}.p160-ref-hero>div{position:absolute;left:18px;right:15px;bottom:19px;color:#f1dfbc;text-shadow:0 2px 3px #120b06}.p160-ref-hero h3{font-size:27px;line-height:1.06;margin:7px 0 0;color:#f1dfbc}.p160-ref-hero small{font-size:10px;letter-spacing:1.6px}.p160-link-label{font-size:17px;font-weight:bold}.p160-link{display:flex;align-items:center;gap:7px;margin-top:9px}.p160-link input{width:0;min-width:0;flex:1;background:#e8dbc2;color:#574328;border:1px solid #b79b70;border-radius:3px;padding:10px 7px;font-size:12px}.p160-link .kg-button{font-size:13px;padding:10px 8px;min-height:34px;white-space:nowrap}.p160 .p160-intro{font-size:13px;margin:10px 0 0}.p160-rewards>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #c4b28f;font-size:15px}.p160-rewards>div:last-child{border:0}.p160-rewards b{white-space:nowrap;display:inline-flex;align-items:center;gap:3px;font-size:21px}.p160 .p160-balance{text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}.p160-balance>small:first-child{font-size:11px;letter-spacing:1.4px}.p160-balance>strong{font-size:42px;display:flex;align-items:center;gap:8px}.p160-balance>strong img{width:36px!important;height:36px!important}.p160-balance .kg-button{width:100%;min-height:47px;font-size:19px}.p160-balance>small:last-child{display:flex;align-items:center;gap:3px;font-size:12px;color:#7d684a}.p160 .metro-metrics strong{font-size:24px}.p160 .metro-metrics small{font-size:12px}.p160 .metro-metrics img{width:24px;height:24px}.p160-invited{display:flex;align-items:center;justify-content:space-between;gap:12px}.p160-invited b{font-size:23px}.p160-invited small{display:block;font-size:13px;margin-top:4px}.p160-invited>strong{font-size:25px;display:flex;align-items:center}.p160-progress{height:6px;border:1px solid #92734b;background:#d9c8aa;margin:16px 0 10px;border-radius:5px;overflow:hidden}.p160-progress i{display:block;height:100%;background:#8b6a2f}.p160 .p160-next{font-size:13px;margin:0}.p160-next b{display:flex;align-items:center;margin-top:5px;font-size:18px}.p160-history{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #c5b18b}.p160-history:last-child{border:0}.p160-history b,.p160-history small{display:block}.p160-history b{font-size:17px;margin:5px 0}.p160-history small{font-size:11px;color:#75634a}.p160-history>strong{display:flex;align-items:center;font-size:24px;white-space:nowrap}.p160-empty{text-align:center;padding:20px 3px}.p160-empty>img{width:70px;height:70px}.p160-empty h3{font-size:24px}.p160-empty p{font-size:16px}@media(max-width:350px){.p160-rank-row{grid-template-columns:20px 32px minmax(0,1fr) auto;gap:5px}.p160-avatar{width:32px;height:44px}.p160-avatar>img{width:28px;height:38px}.p160-person b{font-size:15px}.p160-score>b{font-size:15px}.p160-rewards>div{font-size:13px}.p160-rewards b{font-size:18px}.p160-tabs>.kg-button{font-size:14px}.p160-link{flex-wrap:wrap}.p160-link input{flex-basis:100%}.p160-link .kg-button{width:100%}}
.p160 .p160-tabs .kg-button{width:auto;flex:1 1 0;padding:10px 3px}.p160 .p160-tabs .kg-button>span{font-size:14px;white-space:nowrap}.p160 .p160-ref-hero{height:120px;border:1px solid #9b7847;background:#24170d;box-shadow:inset 0 0 0 3px #422819}.p160 .p160-ref-hero>img{padding:4px}.p160 .p160-ref-hero h3{font-size:24px}.p160 .p160-ref-hero>div{bottom:15px}.p160 .p160-link{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:7px}.p160 .p160-link input{width:100%;font-size:11px;padding:10px 5px}.p160 .p160-link .kg-button{width:105px;min-width:0;padding:10px 5px;font-size:12px}.p160 .p160-link .kg-button>span{font-size:12px}.p160 .p160-search .kg-button{width:80px}.p160 .p160-more .kg-button{width:auto}.p160 .p160-tabs .kg-button[aria-pressed=false]{opacity:1;filter:brightness(.83)}
.p160 .p160-search .kg-button{min-width:0;flex:0 0 80px}.p160 .p160-search input{flex:1 1 0;min-width:0}.p160 .p160-own{border-color:#9f7537}.p160 .p160-ref-hero.sw-panel{padding:0}.p160 .p160-ref-hero>.kg-surface{display:none}
.p160 .p160-tabs-kind .kg-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;height:64px;padding:8px}.p160 .p160-tabs-kind .kg-button>[data-kg-text]{font-size:17px}.p160 .p160-tabs-kind .p160-icon{width:34px;height:34px;object-fit:contain;position:relative;z-index:1;flex:0 0 34px}.p160 .p160-tabs-metric{gap:5px;margin-bottom:14px}.p160 .p160-tabs-metric .kg-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:39px;height:39px;padding:5px 4px}.p160 .p160-tabs-metric .kg-button>[data-kg-text]{font-size:13px}.p160 .p160-tabs-metric .p160-icon{width:22px;height:22px;object-fit:contain;position:relative;z-index:1;flex:0 0 22px}.p160 .p160-own{position:sticky;top:0;z-index:8;border:1px solid #b68a38!important;border-left:4px solid #a57227!important;background:#efdab3;box-shadow:0 3px 9px #35200d40,0 0 0 2px #f4e5c9;isolation:isolate}.p160 .p160-own>.kg-surface{background-color:#eed2a0;background-blend-mode:multiply}.p160 .p160-self{min-height:52px;gap:10px}.p160-my-place{min-width:85px;text-align:center;border-right:1px solid #b9975f;padding-right:10px}.p160-my-place>small{font-size:9px;letter-spacing:.7px;font-weight:bold;color:#795020;margin:0 0 3px}.p160-my-place>b{font-size:25px;color:#754715}.p160 .p160-self>span>b{font-size:16px}.p160 .p160-self>span>small{font-size:11px}.p160 .p160-self>strong{font-size:16px}.quick142-list>.p160-menu-rank{margin:2px 0 16px;border-bottom:1px solid #a28149;padding-bottom:14px}.p160-menu-rank .quick142-icon{width:42px;height:42px;object-fit:contain}@media(max-width:350px){.p160 .p160-tabs-kind .kg-button{gap:6px}.p160 .p160-tabs-kind .kg-button>[data-kg-text]{font-size:16px}.p160 .p160-tabs-metric .kg-button{gap:3px;padding:5px 2px}.p160 .p160-tabs-metric .kg-button>[data-kg-text]{font-size:12px}.p160 .p160-tabs-metric .p160-icon{width:20px;height:20px;flex-basis:20px}.p160-my-place{min-width:73px;padding-right:6px}.p160-my-place>b{font-size:22px}.p160 .p160-self{gap:6px}.p160 .p160-self>span>b{font-size:14px}.p160 .p160-self>strong{font-size:14px}}
.metropolis-modal .metro-ui .metro-body .p160 .p160-own{position:sticky!important;top:0;z-index:8;background:#efdab3}.metropolis-modal .metro-ui .p160 .p160-tabs-kind>.kg-button{min-height:64px!important;height:64px;padding:8px!important}.metropolis-modal .metro-ui .p160 .p160-tabs-metric>.kg-button{min-height:39px!important;height:39px;padding:5px 4px!important}.metropolis-modal .metro-ui .p160 .p160-tabs-metric>.kg-button>[data-kg-text]{font-size:13px}.metropolis-modal .metro-ui .p160 .p160-tabs-kind>.kg-button>[data-kg-text]{font-size:17px}

/* Real data: long names and variable counts. */
.p160 .p160-rank-row{background:none;color:#352619;text-align:left;width:100%;font-family:Georgia,serif}
.p160 .p160-rank-row.p160-is-own{background:#c59b4930;border-left:3px solid #a57227}
.p160 .p160-more{display:flex;justify-content:center;align-items:center;gap:12px}
.p160 .p160-more>.kg-button{width:44px;min-height:40px;padding:4px!important}
.p160 .p160-avatar .realm-emblem{width:36px;height:46px;min-width:0}
.p160 .p160-person .vip-level-badge{display:inline-flex;vertical-align:middle;margin-left:4px}
.p160 .p160-person small{overflow-wrap:anywhere}.p160 .p160-clan-heading{text-align:center}
.p160 .p160-clan-heading .realm-emblem{margin:0 auto 10px}

/* ND_THEME_END */

.power-explanation{margin:14px 0;border-top:1px solid #a7895440;padding-top:12px;font-size:13px;line-height:1.5}.power-explanation summary{cursor:pointer;color:#dfc389;font-weight:700}.power-explanation p{font-size:13px}
/* Combat power: readable totals without stretching inventory or narrow layouts. */
.hero-power{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;width:100%;margin:0 0 14px;padding:16px 18px;border:1px solid #a78954;border-radius:12px;background:linear-gradient(120deg,#292921,#161d20);color:#f5e8c7;text-align:left;box-shadow:inset 0 1px #ffffff12}
.hero-power small,.hero-power b{display:block}.hero-power small{font-size:10px;letter-spacing:1.2px;color:#b5ac99}.hero-power b{font-size:18px;margin-top:4px}.hero-power>strong{font-size:30px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.power-link{grid-column:1/-1;font-size:12px;color:#d9c79c}.hero-power:focus-visible,.item-power-help:focus-visible{outline:2px solid #ecc978;outline-offset:3px}
.item-power{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 7px;padding:3px 6px;border-radius:5px;background:#bea16616;color:#dfc389;font-size:11px;line-height:1.4;max-width:100%;font-variant-numeric:tabular-nums}.item-power-compact{flex-wrap:nowrap;white-space:nowrap;gap:4px}
.item-power b{font-size:13px}.item-power-help{border:1px solid #a7895466;margin:6px 0 10px;cursor:pointer;font:inherit;font-size:13px}.inventory-tile>.item-power{margin-top:5px}.item .value .item-power{display:flex;margin-top:4px;max-width:130px}.item-power-help span{min-width:0}.power-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;color:#dfc389}.power-total strong{font-size:30px}.power-sources{margin:0}.power-sources>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;border-top:1px solid #ffffff18}.power-sources dt{font-size:15px}.power-sources dt small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#b4b6b2}.power-sources dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;color:#dfc389}.power-compare{background:#bea16612;border-radius:5px}.power-forge{padding:10px;border:1px solid #a7895440;border-radius:6px}.power-forge b{white-space:nowrap}
@media(max-width:360px){.hero-power{padding:12px;gap:8px}.hero-power b{font-size:16px}.hero-power>strong{font-size:25px}.power-sources dt{font-size:13px}.power-sources dd{font-size:14px}.item .value .item-power{max-width:88px}.item-power{font-size:10px}}


/* Titles120: clear independent requirements on the existing paper cards. */
.title120-requirements{grid-column:1/-1;list-style:none;margin:0;padding:0;color:#332313;text-shadow:none}
.title120-requirements li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ad895f66;font-size:15px;line-height:1.4}
.title120-requirements li:last-child{border-bottom:0}.title120-requirements li>span{min-width:0;overflow-wrap:anywhere}.title120-requirements b{flex-shrink:0;white-space:nowrap;color:#754c20;font-size:14px}.title120-requirements .is-complete b{color:#285437}
@media(max-width:360px){.title120-requirements li{font-size:14px;gap:6px}.title120-requirements b{font-size:12px}}


.game-loading{margin:24px 12px;padding:28px 20px;text-align:center;color:#ead7b6;background:#281914;border:1px solid #997142;border-radius:8px;font:20px Georgia,serif}.game-loading p{font-size:16px}body:not(.game-shell):not(.arrival-public) .phone{background:#201713;min-height:100dvh}

.service-card194{width:112px;height:112px;object-fit:contain;flex:none;vertical-align:middle}.service-card-row194{display:flex;align-items:center;gap:16px;min-width:0}.service-card-row194>div{min-width:0;flex:1}.service-card-row194 h3,.service-card-row194 h2{margin:0 0 8px}.pm-confirm .kg-button .service-card194{width:44px;height:44px}.bp-card-art .service-card194{width:100%;height:auto}.ray-actions194{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ray-sale-row194{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.ray-sale-row194 .equipment-visual{width:72px}.ray-sale-row194 b{overflow-wrap:anywhere}.service-ui #rename-form194 input{display:block;width:100%;box-sizing:border-box}#rename-form194 label{display:block;margin-bottom:16px}
@media(max-width:360px){.service-card194{width:84px;height:84px}.service-card-row194{gap:10px}}