:root{--ink:#3c2c1e;--ink-soft:#6f5a42;--cream:#fff8e9;--ivory:#f7ebd1;--parchment:rgba(250,238,209,.9);--paper:rgba(255,249,232,.86);--brass:#b77a29;--gold:#e5b95a;--blue:#527a98;--red:#a65b4b;--green:#638557;--line:rgba(113,73,29,.24);--shadow:rgba(54,34,15,.25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:#d3e2e3;font-family:Georgia,'Times New Roman',serif}.world-backdrop,.world-shade{position:fixed;inset:0;z-index:-2}.world-backdrop{background:url('/assets/world/alternate-america-background.png') center/cover no-repeat}.world-shade{z-index:-1;background:linear-gradient(90deg,rgba(255,248,227,.16),transparent 42%,rgba(255,245,219,.07)),linear-gradient(0deg,rgba(43,30,13,.22),transparent 42%)}.game{max-width:1500px;margin:auto;padding:0 32px 46px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(113,73,29,.28);border-top:0;background:linear-gradient(180deg,rgba(255,251,237,.92),rgba(244,225,184,.85));box-shadow:0 5px 16px var(--shadow);padding:0 20px;border-radius:0 0 17px 17px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:15px;letter-spacing:.1em}.brand small{display:block;color:var(--red);font:9px monospace;letter-spacing:.16em;margin-bottom:4px}.brand b{color:var(--brass);font-weight:normal}.brand-seal,.portrait{display:grid;place-items:center;border:2px solid var(--brass);border-radius:50%;color:var(--brass);font:9px monospace;box-shadow:inset 0 0 0 3px rgba(255,255,255,.6)}.brand-seal{width:42px;height:42px;background:linear-gradient(135deg,#fff8df,#e5b55a)}.town-name{color:var(--blue);font:10px monospace;letter-spacing:.12em}.town-name i{color:var(--red);font-style:normal}.player-mini{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink)}.portrait{width:33px;height:33px;background:#f6dfaa}.primary-nav,.secondary-nav{display:flex;overflow-x:auto;scrollbar-width:none}.primary-nav{margin:12px 0 0;background:rgba(255,248,231,.78);border:1px solid rgba(113,73,29,.23);border-radius:15px 15px 0 0;padding:0 8px}.secondary-nav{min-height:39px;background:rgba(245,226,185,.84);border:1px solid rgba(113,73,29,.2);border-top:0;border-radius:0 0 15px 15px;padding:0 8px}.primary-nav::-webkit-scrollbar,.secondary-nav::-webkit-scrollbar{display:none}.nav-button{position:relative;border:0;background:transparent;color:#715b41;white-space:nowrap;padding:15px 14px;font:10px monospace;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:.18s}.nav-button:hover{color:var(--red);background:rgba(255,255,255,.44)}.nav-button.active{color:#fffdf4;background:linear-gradient(135deg,var(--blue),#789eb6);border-radius:11px 11px 0 0;box-shadow:0 -2px 0 rgba(255,255,255,.5) inset}.subnav-button{border:0;background:transparent;color:#705a40;white-space:nowrap;padding:10px 12px;font:9px monospace;cursor:pointer;border-radius:8px;transition:.18s}.subnav-button:hover,.subnav-button.active{color:var(--red);background:rgba(255,255,255,.55)}.resource-bar{display:grid;grid-template-columns:repeat(6,1fr);margin-top:18px;background:linear-gradient(100deg,rgba(255,251,237,.91),rgba(241,222,179,.87));border:1px solid rgba(126,80,31,.28);border-radius:17px;overflow:hidden;box-shadow:0 9px 21px var(--shadow);backdrop-filter:blur(8px)}.resource-bar>div{padding:14px 17px;border-right:1px solid rgba(124,82,37,.18)}.resource-bar>div:last-child{border:0}.resource-bar span{display:block;color:#806744;font:9px monospace;letter-spacing:.1em}.resource-bar b{display:block;font-size:22px;font-weight:normal;color:var(--ink);margin-top:4px}.resource-bar .worth{background:linear-gradient(135deg,rgba(224,181,84,.36),rgba(255,249,225,.3))}.resource-bar .worth b{color:#95611d}.energy-readout i{display:block;height:5px;border-radius:99px;background:#d8c6a0;margin-top:8px;overflow:hidden}.energy-readout em{display:block;height:100%;background:linear-gradient(90deg,#7aa265,#afd071);width:100%;transition:width .2s}.notice{height:0;overflow:hidden;opacity:0;transition:.2s}.notice.show{height:auto;opacity:1;margin:12px 0;padding:11px 14px;border:1px solid #d4a34b;background:rgba(255,246,216,.94);color:#725020;border-radius:11px;box-shadow:0 5px 14px var(--shadow);font-size:13px}.notice.error{border-color:#bd7665;color:#944c3e}.screen{margin-top:18px}.hero{min-height:190px;padding:31px;border:1px solid rgba(120,80,33,.24);border-radius:20px;background:linear-gradient(90deg,rgba(255,250,232,.86),rgba(255,249,231,.51) 57%,rgba(255,249,231,.12));box-shadow:0 12px 26px var(--shadow);display:flex;align-items:end;justify-content:space-between}.kicker{color:var(--red);font:9px monospace;letter-spacing:.14em;margin:0 0 8px}.hero h1{font-size:clamp(32px,4vw,54px);font-weight:normal;line-height:1;margin:0;text-shadow:0 1px rgba(255,255,255,.8)}.hero h1 em{color:var(--blue)}.hero p:last-child{color:#684f36;max-width:560px;font-size:14px;line-height:1.6}.chapter-tag{border:1px solid rgba(161,100,36,.5);border-radius:12px;background:rgba(255,248,226,.82);padding:12px;color:#855b27;font:10px monospace;letter-spacing:.1em;text-align:center;box-shadow:0 4px 11px rgba(74,42,13,.13)}.layout{display:grid;grid-template-columns:1.45fr .9fr;gap:18px;margin-top:18px}.stack{display:grid;gap:18px;align-content:start}.panel{position:relative;padding:22px;background:linear-gradient(145deg,rgba(255,249,231,.93),rgba(238,218,178,.88));border:1px solid rgba(124,80,31,.25);border-radius:18px;box-shadow:0 10px 23px var(--shadow);backdrop-filter:blur(8px)}.panel:before{content:'✦';position:absolute;top:9px;right:12px;color:rgba(171,112,41,.42);font-size:12px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.panel h2,.panel h3{margin:0;font-weight:normal}.panel h2{font-size:24px}.muted{color:#715a40;font-size:14px;line-height:1.58}.work-card{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:18px;padding:19px;border-radius:14px;background:linear-gradient(120deg,rgba(234,203,134,.44),rgba(255,251,231,.46));border:1px solid rgba(163,104,40,.23)}.work-card h3{font-size:22px}.rewards{font:9px monospace;color:#99652a;letter-spacing:.08em;margin-top:12px}.brass-button,.outline-button{border-radius:11px;padding:13px 16px;border:1px solid transparent;font:10px monospace;letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:transform .14s,box-shadow .14s,filter .14s}.brass-button{background:linear-gradient(180deg,#e6bd67,#bf7d29);border-color:#9e621e;color:#34200e;box-shadow:0 4px 0 #8d571d,0 7px 12px rgba(105,59,16,.22)}.brass-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.brass-button:active{transform:translateY(3px);box-shadow:0 1px 0 #8d571d}.outline-button{background:linear-gradient(180deg,#eff5e7,#bdd4ac);border-color:#7c9a68;color:#3e5d37;box-shadow:0 3px 0 #779064}.outline-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.outline-button:active{transform:translateY(2px);box-shadow:0 1px 0 #779064}.banking{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;margin-top:16px}.banking p{grid-column:1/-1;margin:0}.banking label span{display:block;color:#9b6629;font:9px monospace;margin-bottom:6px}.banking input{width:100%;padding:11px;border-radius:10px;background:rgba(255,252,241,.85);border:1px solid rgba(123,78,31,.35);color:var(--ink);font:16px Georgia}.record{display:grid;gap:10px;margin-top:15px}.record div{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(126,83,37,.18);font-size:13px}.record span{color:#806844;font:9px monospace}.career-list{display:grid;gap:7px;margin-top:13px}.career{display:flex;justify-content:space-between;border-radius:10px;background:rgba(255,251,236,.67);border:1px solid rgba(132,88,40,.2);color:#503b27;padding:11px;font:13px Georgia;cursor:pointer;transition:.15s}.career:hover{background:#fff8df;transform:translateX(2px)}.career.selected{border-color:#b97d2d;background:linear-gradient(90deg,#fae7ae,#fff7dc);color:#70461d}.career b{font:8px monospace;color:#a56730}.activity{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.activity div{padding:13px;border:1px solid rgba(131,87,40,.18);border-radius:11px;background:rgba(255,252,241,.52);font-size:13px}.activity small{display:block;color:#967c5b;font:9px monospace;margin-top:5px}.character-layout{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px}.paper-panel{background:linear-gradient(145deg,rgba(255,250,231,.95),rgba(229,207,162,.91));color:#392819;border:1px solid rgba(139,88,31,.32);border-radius:18px;padding:22px;min-height:390px;box-shadow:0 11px 24px var(--shadow)}.paper-panel h2{font-weight:normal;margin:0;border-bottom:1px solid rgba(84,55,23,.2);padding-bottom:11px}.stat-list{display:grid;gap:12px;margin-top:16px}.stat-list div{display:flex;justify-content:space-between;font-size:13px}.equipment-board{position:relative;min-height:470px;border-radius:22px;background:linear-gradient(rgba(255,249,228,.23),rgba(49,31,12,.18)),url('/assets/world/alternate-america-background.png') center/cover;border:1px solid rgba(255,239,195,.7);box-shadow:0 14px 29px var(--shadow);display:grid;place-items:center;overflow:hidden}.character-silhouette{width:135px;height:279px;border-radius:48% 48% 19% 19%;background:linear-gradient(90deg,#77563d,#d5b98c 50%,#765239);border:2px solid rgba(255,242,202,.86);box-shadow:0 0 0 7px rgba(74,47,20,.2),0 0 55px rgba(255,225,147,.48)}.slot{position:absolute;width:105px;padding:8px 5px;border-radius:9px;border:1px solid rgba(255,235,190,.68);background:rgba(70,43,18,.78);color:#fff4d8;text-align:center;font:8px monospace;box-shadow:0 3px 9px rgba(0,0,0,.25)}.slot b{display:block;color:#f1c765;font-size:9px;margin-top:3px}.s-head{top:30px}.s-body{top:123px;left:20px}.s-hands{top:123px;right:20px}.s-main,.s-main-hand{top:205px;left:5px}.s-off,.s-off-hand{top:205px;right:5px}.s-belt{top:284px}.s-legs{bottom:72px;left:20px}.s-feet{bottom:72px;right:20px}.s-back{bottom:19px;left:28px}.s-accessory{bottom:19px;right:28px}.city-scene{min-height:470px;padding:26px;border-radius:22px;background:linear-gradient(90deg,rgba(255,248,224,.56),rgba(255,248,224,.05)),url('/assets/world/alternate-america-background.png') center/cover;border:1px solid rgba(255,238,193,.7);box-shadow:0 14px 29px var(--shadow);display:flex;flex-wrap:wrap;align-content:end;gap:9px}.location{border-radius:11px;background:rgba(255,248,228,.9);border:1px solid #bc8438;color:#55391f;padding:11px;font:10px monospace;letter-spacing:.06em;cursor:pointer;box-shadow:0 3px 0 rgba(120,77,28,.55);transition:.15s}.location:hover{background:#fffdf0;transform:translateY(-2px)}.location:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(120,77,28,.55)}.placeholder{min-height:300px;display:grid;place-items:center;text-align:center;padding:30px}.placeholder h1{font-weight:normal;font-size:37px;margin:0 0 10px}.placeholder p{max-width:520px;color:#705b42;line-height:1.6}@media(max-width:950px){.resource-bar{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:1fr}.character-layout{grid-template-columns:1fr 1fr}.equipment-board{grid-row:span 2}.town-name{display:none}}@media(max-width:600px){.game{padding:0 13px 28px}.topbar{height:66px;padding:0 12px}.player-mini span:not(.portrait){display:none}.brand{font-size:12px}.primary-nav{margin-top:9px}.resource-bar{grid-template-columns:repeat(2,1fr);border-radius:14px}.resource-bar>div:nth-child(even){border-right:0}.hero{min-height:160px;padding:21px;border-radius:17px}.chapter-tag{display:none}.layout,.character-layout{grid-template-columns:1fr}.work-card{display:block}.brass-button{width:100%;margin-top:17px}.banking{grid-template-columns:1fr 1fr}.banking label{grid-column:1/-1}.activity{grid-template-columns:1fr}.character-layout .equipment-board{min-height:430px;grid-row:auto}.panel,.paper-panel{border-radius:15px;padding:18px}}
/* RPG navigation and contextual left menu. */
.primary-nav{display:grid;grid-template-columns:repeat(var(--primary-count,5),minmax(0,1fr));gap:7px;padding:7px 9px;background:linear-gradient(180deg,rgba(255,252,241,.91),rgba(232,208,162,.9));border-radius:16px;overflow:visible}.nav-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:67px;padding:8px 12px;border:1px solid rgba(130,84,32,.22);border-radius:11px;color:#604729;background:rgba(255,250,235,.58);font:11px Georgia,serif;font-weight:bold;letter-spacing:.08em;box-shadow:inset 0 1px rgba(255,255,255,.84),0 2px 4px rgba(90,54,17,.1)}.nav-button img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(58,34,11,.22));transition:transform .18s}.nav-button:hover img{transform:translateY(-2px) scale(1.06)}.nav-button.active{color:#fff9e8;background:linear-gradient(135deg,#547c9a,#315d7b);border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.36),0 3px 0 #244965,0 6px 10px rgba(59,46,25,.22)}.nav-button.active:after{content:'';position:absolute;bottom:-7px;left:50%;width:12px;height:12px;background:#315d7b;transform:translateX(-50%) rotate(45deg);z-index:1}.nav-button.active img{filter:drop-shadow(0 2px 1px rgba(0,0,0,.32)) brightness(1.08)}.game-area{display:grid;grid-template-columns:215px minmax(0,1fr);gap:18px;align-items:start}.context-nav{position:sticky;top:14px;margin-top:18px;padding:10px;background:linear-gradient(145deg,rgba(255,250,234,.9),rgba(232,210,170,.87));border:1px solid rgba(125,80,31,.28);border-radius:18px;box-shadow:0 10px 23px var(--shadow);backdrop-filter:blur(8px)}.context-title{padding:9px 10px 12px;border-bottom:1px solid rgba(129,83,34,.2);margin-bottom:7px}.context-title span{display:block;color:#5c4024;font-size:19px}.context-title small{color:#a05c43;font:8px monospace;letter-spacing:.1em}.subnav-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:9px;color:#664d31;padding:10px 10px;margin:2px 0;text-align:left;font:12px Georgia,serif}.subnav-button b{font-size:18px;font-weight:normal;color:#b27a36}.subnav-button:hover{color:#8d503d;background:rgba(255,255,255,.58);transform:translateX(2px)}.subnav-button.active{color:#fff9e8;background:linear-gradient(90deg,#a45b49,#c27a52);box-shadow:0 2px 0 #8a4838}.subnav-button.active b{color:#ffe3a0}.screen{margin-top:18px;min-width:0}@media(max-width:950px){.game-area{grid-template-columns:185px minmax(0,1fr)}.nav-button{gap:6px;font-size:10px}.nav-button img{width:36px;height:36px}}@media(max-width:680px){.primary-nav{display:flex;overflow-x:auto;padding:7px;scrollbar-width:none}.primary-nav::-webkit-scrollbar{display:none}.nav-button{min-width:120px}.game-area{grid-template-columns:1fr}.context-nav{position:static;margin-top:12px;display:flex;overflow-x:auto;gap:5px;padding:8px;border-radius:14px}.context-title{min-width:104px;border:0;border-right:1px solid rgba(129,83,34,.2);margin:0;padding:5px 9px}.context-title span{font-size:15px}.subnav-button{min-width:max-content;width:auto;padding:8px 10px;margin:0;white-space:nowrap}.subnav-button b{display:none}.screen{margin-top:12px}}
/* Specificity keeps this architecture above the legacy horizontal subnavigation styles. */
body .game .primary-nav{display:grid;grid-template-columns:repeat(var(--primary-count,5),minmax(0,1fr));gap:7px;padding:7px 9px;border-radius:16px;overflow:visible}body .game .nav-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:67px;padding:8px 12px;border:1px solid rgba(130,84,32,.22);border-radius:11px;color:#604729;background:rgba(255,250,235,.58);font:11px Georgia,serif;font-weight:bold;letter-spacing:.08em;box-shadow:inset 0 1px rgba(255,255,255,.84),0 2px 4px rgba(90,54,17,.1)}body .game .nav-button img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(58,34,11,.22));transition:transform .18s}body .game .nav-button.active{color:#fff9e8;background:linear-gradient(135deg,#547c9a,#315d7b);border-radius:11px;box-shadow:inset 0 1px rgba(255,255,255,.36),0 3px 0 #244965,0 6px 10px rgba(59,46,25,.22)}body .game .nav-button.active:after{content:'';position:absolute;bottom:-7px;left:50%;width:12px;height:12px;background:#315d7b;transform:translateX(-50%) rotate(45deg);z-index:1}body .game .game-area{display:grid;grid-template-columns:215px minmax(0,1fr);gap:18px;align-items:start}body .game .context-nav{position:sticky;top:14px;margin-top:18px;padding:10px;background:linear-gradient(145deg,rgba(255,250,234,.9),rgba(232,210,170,.87));border:1px solid rgba(125,80,31,.28);border-radius:18px;box-shadow:0 10px 23px var(--shadow);backdrop-filter:blur(8px)}body .game .context-title{padding:9px 10px 12px;border-bottom:1px solid rgba(129,83,34,.2);margin-bottom:7px}body .game .context-title span{display:block;color:#5c4024;font-size:19px}body .game .context-title small{color:#a05c43;font:8px monospace;letter-spacing:.1em}body .game .subnav-button{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:9px;color:#664d31;padding:10px;margin:2px 0;text-align:left;font:12px Georgia,serif}body .game .subnav-button b{font-size:18px;font-weight:normal;color:#b27a36}body .game .subnav-button.active{color:#fff9e8;background:linear-gradient(90deg,#a45b49,#c27a52);box-shadow:0 2px 0 #8a4838}body .game .subnav-button.active b{color:#ffe3a0}body .game .screen{margin-top:18px;min-width:0}@media(max-width:950px){body .game .game-area{grid-template-columns:185px minmax(0,1fr)}body .game .nav-button{gap:6px;font-size:10px}body .game .nav-button img{width:36px;height:36px}}@media(max-width:680px){body .game .primary-nav{display:flex;overflow-x:auto;padding:7px;scrollbar-width:none}body .game .nav-button{min-width:120px}body .game .game-area{grid-template-columns:1fr}body .game .context-nav{position:static;margin-top:12px;display:flex;overflow-x:auto;gap:5px;padding:8px;border-radius:14px}body .game .context-title{min-width:104px;border:0;border-right:1px solid rgba(129,83,34,.2);margin:0;padding:5px 9px}body .game .context-title span{font-size:15px}body .game .subnav-button{min-width:max-content;width:auto;padding:8px 10px;margin:0;white-space:nowrap}body .game .subnav-button b{display:none}body .game .screen{margin-top:12px}}
/* Compact permanent currencies replace the retired broad stats bar. */
.resource-bar{display:none}.currency-widget{position:fixed;z-index:4;top:94px;left:max(18px,calc((100vw - 1500px)/2 + 32px));display:grid;gap:6px;padding:8px;border-radius:14px;background:linear-gradient(145deg,rgba(255,250,233,.92),rgba(232,210,166,.88));border:1px solid rgba(130,84,32,.28);box-shadow:0 7px 17px var(--shadow);backdrop-filter:blur(7px)}.currency-widget div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;min-width:128px}.currency-widget img{width:26px;height:26px}.currency-widget span{color:#80613c;font:8px monospace;letter-spacing:.1em}.currency-widget b{color:#51381d;font-size:17px}.currency-widget div:last-child b{color:#a46b16}@media(max-width:950px){.currency-widget{left:18px;top:82px}}@media(max-width:680px){.currency-widget{position:static;display:flex;grid-template-columns:none;width:max-content;margin:10px 0 0}.currency-widget div{min-width:105px}}
/* Currency and primary navigation share one flow layout: never overlap. */
.navigation-row{display:grid;grid-template-columns:164px minmax(0,1fr);gap:12px;align-items:stretch;margin-top:12px}.navigation-row .currency-widget{position:static;display:grid;align-content:center;gap:5px;margin:0;padding:9px 11px;border-radius:16px;background:linear-gradient(145deg,rgba(255,250,233,.95),rgba(232,210,166,.92));border:1px solid rgba(130,84,32,.28);box-shadow:0 7px 17px var(--shadow);backdrop-filter:blur(7px)}.navigation-row .currency-widget div{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:6px;min-width:0}.navigation-row .currency-widget img{display:block;width:28px;height:28px}.navigation-row .currency-widget span{color:#80613c;font:8px monospace;letter-spacing:.1em}.navigation-row .currency-widget b{color:#51381d;font-size:17px}.navigation-row .currency-widget div:last-child b{color:#a46b16}.navigation-row .primary-nav{margin:0;min-width:0}@media(max-width:950px){.navigation-row{grid-template-columns:146px minmax(0,1fr);gap:9px}.navigation-row .currency-widget{padding:8px}.navigation-row .currency-widget b{font-size:15px}}@media(max-width:680px){.navigation-row{display:block;margin-top:9px}.navigation-row .currency-widget{display:flex;width:100%;margin-bottom:8px;gap:12px}.navigation-row .currency-widget div{flex:1;min-width:0}.navigation-row .primary-nav{margin:0}.currency-widget{position:static}}
body .game .navigation-row .currency-widget img{object-fit:contain;object-position:center}
.navigation-row{grid-template-columns:176px minmax(0,1fr)}
.navigation-row{grid-template-columns:215px minmax(0,1fr);gap:18px}
.navigation-row .currency-widget div{grid-template-columns:29px minmax(32px,1fr) auto}
.navigation-row .currency-widget b{min-width:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.navigation-row .currency-widget b .currency-suffix{font:inherit;font-size:.8em;letter-spacing:0;color:inherit}
@media(max-width:950px){.navigation-row{grid-template-columns:185px minmax(0,1fr)}.navigation-row .currency-widget div{grid-template-columns:28px minmax(30px,1fr) auto}}
@media(max-width:680px){.navigation-row .currency-widget{display:grid}.navigation-row .currency-widget div{grid-template-columns:28px minmax(30px,1fr) auto}}
.material-identity{display:inline-flex;align-items:center;gap:10px;min-width:0;vertical-align:middle}.material-identity img,.material-icon-fallback{width:42px;height:42px;flex:0 0 42px;object-fit:contain;object-position:center}.material-identity.compact img,.material-identity.compact .material-icon-fallback{width:30px;height:30px;flex-basis:30px}.material-icon-fallback{place-items:center;border:1px solid rgba(125,83,36,.32);border-radius:8px;background:rgba(239,218,175,.75);color:#77512d;font:8px monospace}.material-icon-fallback:not([hidden]){display:grid}.material-name{font-weight:bold;min-width:0}.trade-table td:first-child>small{display:block;margin:5px 0 0 52px;color:var(--ink-soft);max-width:330px}.market-detail h2 .material-identity img,.market-detail h2 .material-icon-fallback{width:50px;height:50px;flex-basis:50px}.order-list article{display:flex;align-items:center;gap:12px}.order-list article>.material-identity{margin-right:auto}.storage-resources{margin-top:18px}.storage-resources .storage-recipe{margin-top:12px}@media(max-width:680px){.material-identity img,.material-icon-fallback{width:34px;height:34px;flex-basis:34px}.trade-table td:first-child>small{margin-left:44px}}
/* Character loadout: unobstructed portrait, six canonical equipment positions, and variable backpack capacity. */
.profile-sheet{display:grid;grid-template-columns:minmax(360px,1.12fr) minmax(320px,.88fr);gap:18px;align-items:stretch}.character-loadout{min-height:650px;display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:22px;overflow:hidden;border:1px solid rgba(255,237,191,.75);background:linear-gradient(145deg,rgba(249,235,204,.9),rgba(168,121,70,.26)),url('/assets/world/alternate-america-background.png') center/cover;box-shadow:0 14px 29px var(--shadow)}.character-loadout .character-art-area{position:relative;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.character-loadout .character-art{max-width:82%;max-height:555px;width:auto;height:auto;object-fit:contain}.character-identity{position:relative;z-index:2;padding:16px 22px;text-align:center;background:linear-gradient(90deg,rgba(55,35,17,.9),rgba(92,59,25,.86),rgba(55,35,17,.9));border-top:1px solid rgba(242,204,121,.48)}.character-identity span,.character-identity b{display:block}.character-identity span{color:#fff6df;font-size:21px}.character-identity b{margin-top:5px;color:#e5bd68;font:9px monospace;letter-spacing:.15em}.loadout-panel{padding:22px;border-radius:22px;border:1px solid rgba(124,80,31,.28);background:linear-gradient(145deg,rgba(255,249,231,.95),rgba(232,208,164,.92));box-shadow:0 12px 27px var(--shadow)}.loadout-panel h2{margin:0;font-size:27px;font-weight:normal}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.loadout-panel .equipment-slot{position:static;width:auto;min-height:120px;aspect-ratio:1.18;display:grid;place-content:center;padding:12px;border-radius:13px;border:1px solid rgba(113,73,29,.38);background:linear-gradient(145deg,rgba(88,57,29,.9),rgba(50,33,18,.94));box-shadow:inset 0 0 0 3px rgba(223,184,103,.1),0 4px 9px rgba(54,34,15,.2);color:#fff2d7;text-align:center}.loadout-panel .equipment-slot span{color:#e6c27c;font:8px monospace;letter-spacing:.1em}.loadout-panel .equipment-slot b{margin-top:9px;color:#fff8e7;font:10px monospace;letter-spacing:.08em}.backpack-section{margin-top:26px;padding-top:22px;border-top:1px solid rgba(118,75,30,.24)}.backpack-grid{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.backpack-slot{flex:1 1 52px;max-width:76px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border:1px solid rgba(120,78,34,.38);border-radius:10px;background:linear-gradient(145deg,rgba(252,241,210,.9),rgba(206,173,115,.72));box-shadow:inset 0 0 0 3px rgba(255,250,228,.32),0 3px 7px rgba(68,42,17,.16)}.backpack-slot span{color:#805829;font:10px monospace}.backpack-slot b{max-width:62px;margin-top:4px;color:#52391f;font:8px monospace}.character-records{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px}.character-records .profile-card{min-width:0}@media(max-width:1050px){.profile-sheet{grid-template-columns:1fr}.character-loadout{min-height:620px}.loadout-panel{min-height:auto}.character-records{grid-column:auto;grid-template-columns:1fr 1fr}.character-records .biography{grid-column:span 2}}@media(max-width:600px){.profile-sheet{grid-template-columns:1fr;gap:12px}.character-loadout{min-height:570px;border-radius:17px}.character-loadout .character-art{max-width:88%;max-height:480px}.loadout-panel{padding:17px;border-radius:17px}.loadout-panel .equipment-slot{min-height:105px}.backpack-grid{justify-content:flex-start}.backpack-slot{flex:0 1 calc(33.333% - 7px);max-width:none}.character-records{grid-template-columns:1fr}.character-records .biography{grid-column:auto}}
.gateway{min-height:100vh;display:grid;place-items:center;padding:24px}.gateway[hidden],.game[hidden]{display:none}.auth-card{width:min(540px,100%);padding:34px;background:linear-gradient(145deg,rgba(255,250,232,.96),rgba(225,199,151,.94));border:1px solid rgba(100,62,25,.4);border-radius:20px;box-shadow:0 18px 45px rgba(39,24,10,.4)}.auth-brand{margin-bottom:30px}.auth-card h1{font-size:38px;font-weight:normal;margin:8px 0}.auth-card form{display:grid;gap:15px;margin-top:24px}.auth-card label,.auth-card legend{color:#805d35;font:9px monospace;letter-spacing:.1em}.auth-card input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid rgba(113,73,29,.35);border-radius:10px;background:#fffaf0;color:var(--ink);font:16px Georgia}.auth-card fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0}.auth-card legend{margin-bottom:7px}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:14px;text-align:center;border:1px solid rgba(113,73,29,.3);border-radius:10px;background:rgba(255,250,235,.7);cursor:pointer}.choice input:checked+span{color:#fff;background:var(--blue);box-shadow:0 3px 0 #31536c}.auth-card .brass-button{width:100%;margin-top:4px}.text-button,.logout{border:0;background:transparent;color:#87562b;text-decoration:underline;cursor:pointer;margin-top:18px}.form-error{min-height:20px;color:#963e32;font-size:13px}.intro-record{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.intro-record img{width:100%;max-height:330px;object-fit:contain}.intro-record span,.intro-record b{display:block;color:#8b612c;font:10px monospace;letter-spacing:.12em;margin-bottom:9px}.intro-record b{font-size:15px;color:var(--red)}.intro-record p{line-height:1.7;color:#5d452e}.begin{font-size:12px;padding:16px}.logout{font:8px monospace;margin:0}.forgot-password{justify-self:end;margin-top:-9px;font:9px monospace;letter-spacing:.08em}.auth-success{padding:12px;border:1px solid rgba(77,118,65,.4);border-radius:10px;background:rgba(230,242,213,.55);color:#46683d;font:10px monospace;line-height:1.55;letter-spacing:.05em}.auth-card button:disabled{cursor:progress;opacity:.68}@media(max-width:560px){.intro-record{grid-template-columns:1fr}.intro-record img{height:220px}.auth-card{padding:24px}.player-mini{gap:4px}}
/* Character Profile: large current artwork with adjacent equipment and life record. */
.profile-sheet{display:grid;grid-template-columns:minmax(390px,1.12fr) minmax(330px,.88fr);gap:18px}.character-art-area{position:relative;min-height:675px;overflow:hidden;border-radius:22px;border:1px solid rgba(255,237,191,.75);background:linear-gradient(145deg,rgba(249,235,204,.9),rgba(168,121,70,.26)),url('/assets/world/alternate-america-background.png') center/cover;box-shadow:0 14px 29px var(--shadow);display:flex;justify-content:center;align-items:end}.art-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 43%,rgba(255,251,230,.64),rgba(255,250,229,.05) 58%)}.character-art{position:relative;z-index:1;display:block;max-width:64%;max-height:645px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 9px rgba(43,27,12,.28))}.equipment-slot{position:absolute;z-index:2;width:112px;min-height:46px;padding:7px 6px;border-radius:10px;border:1px solid rgba(255,235,190,.76);background:rgba(67,43,20,.8);box-shadow:0 3px 9px rgba(0,0,0,.25);color:#fff2d7;text-align:center;font:8px monospace}.equipment-slot span{display:block;color:#e5c279;font-size:7px;margin-bottom:3px}.equipment-slot b{display:block;color:#fff8e5;font-size:9px}.slot-head{top:22px;left:50%;transform:translateX(-50%)}.slot-body{top:126px;left:13px}.slot-hands{top:126px;right:13px}.slot-main-hand{top:238px;left:6px}.slot-off-hand{top:238px;right:6px}.slot-belt{top:330px;left:13px}.slot-legs{top:420px;left:13px}.slot-feet{bottom:48px;left:13px}.slot-back{bottom:48px;right:13px}.slot-accessory{bottom:18px;left:50%;transform:translateX(-50%)}.character-details{display:grid;gap:14px;align-content:start}.profile-card{padding:20px;border-radius:18px;border:1px solid rgba(124,80,31,.25);background:linear-gradient(145deg,rgba(255,250,232,.94),rgba(235,215,178,.88));box-shadow:0 10px 23px var(--shadow)}.profile-card h2{font-size:29px;font-weight:normal;margin:0}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.profile-facts div{padding:10px;border-radius:9px;background:rgba(255,252,241,.55);border:1px solid rgba(128,84,37,.14)}.profile-facts span{display:block;color:#886a43;font:8px monospace;letter-spacing:.08em}.profile-facts b{display:block;color:#4e361f;font-size:14px;font-weight:normal;margin-top:3px}.biography p{margin:0;color:#654c33;font-size:15px;line-height:1.7}.profile-facts.compact{grid-template-columns:repeat(4,1fr)}@media(max-width:1050px){.profile-sheet{grid-template-columns:1fr}.character-art-area{min-height:630px}.character-art{max-height:605px}}@media(max-width:600px){.profile-sheet{gap:12px}.character-art-area{min-height:590px;border-radius:17px}.character-art{max-width:76%;max-height:560px}.equipment-slot{width:86px;min-height:42px;padding:6px 3px;font-size:7px}.equipment-slot b{font-size:8px}.slot-body{top:116px;left:5px}.slot-hands{top:116px;right:5px}.slot-main-hand{top:222px;left:2px}.slot-off-hand{top:222px;right:2px}.slot-belt{top:314px;left:5px}.slot-legs{top:405px;left:5px}.slot-feet{bottom:45px;left:5px}.slot-back{bottom:45px;right:5px}.profile-facts.compact{grid-template-columns:1fr 1fr}.profile-card{padding:17px}}

/* Compact character composition: artwork remains dominant and loadout controls never expand into cards. */
.profile-sheet{grid-template-columns:minmax(500px,650px) 380px;justify-content:center;align-items:center;column-gap:28px}.character-loadout{width:100%;min-height:650px}.character-loadout .character-art-area{min-height:570px}.character-loadout .character-art{max-width:82%;max-height:555px}.loadout-panel{width:380px;min-height:0;justify-self:start;align-self:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.loadout-panel h2{font-size:22px}.equipment-grid{grid-template-columns:repeat(2,clamp(90px,7vw,100px));justify-content:start;gap:12px;margin-top:13px}.loadout-panel .equipment-slot{width:clamp(90px,7vw,100px);height:clamp(90px,7vw,100px);min-height:0;aspect-ratio:1;padding:8px;border-radius:11px;background:linear-gradient(145deg,rgba(72,47,26,.88),rgba(38,27,18,.9));box-shadow:inset 0 0 0 2px rgba(224,184,102,.1),0 3px 8px rgba(54,34,15,.18);transition:transform .15s,border-color .15s,box-shadow .15s}.loadout-panel .equipment-slot:hover{transform:translateY(-2px);border-color:rgba(229,190,110,.72);box-shadow:inset 0 0 0 2px rgba(224,184,102,.16),0 5px 11px rgba(54,34,15,.24)}.loadout-panel .equipment-slot span{font-size:7px;letter-spacing:.09em}.loadout-panel .equipment-slot b{margin-top:7px;font-size:9px}.backpack-section{width:380px;margin-top:22px;padding-top:16px}.backpack-grid{display:grid;grid-template-columns:repeat(5,68px);gap:7px;margin-top:11px;flex-wrap:initial}.backpack-slot{width:68px;height:68px;max-width:none;aspect-ratio:1;transition:transform .15s,border-color .15s}.backpack-slot:hover{transform:translateY(-2px);border-color:rgba(151,99,42,.7)}.character-records{align-self:stretch}@media(max-width:1050px){.profile-sheet{grid-template-columns:1fr;justify-items:center}.character-loadout{width:min(650px,100%)}.loadout-panel{width:min(380px,100%);justify-self:center;margin:8px 0 16px}.character-records{width:100%;justify-self:stretch}.backpack-section{width:100%}}@media(max-width:430px){.equipment-grid{grid-template-columns:repeat(2,90px)}.loadout-panel .equipment-slot{width:90px;height:90px}.backpack-grid{grid-template-columns:repeat(5,65px);overflow-x:auto;padding-bottom:5px}.backpack-slot{width:65px;height:65px}}

/* Keep exact wallet precision visually secondary to the spendable amount. */
.navigation-row .currency-widget b{font-size:18px;letter-spacing:.01em}
.navigation-row .currency-widget b .currency-fraction{font:inherit;font-size:.72em;font-weight:normal;letter-spacing:0;color:#80613c}
.navigation-row .currency-widget b .currency-suffix{font-size:.78em;font-weight:normal}
@media(max-width:950px){.navigation-row .currency-widget b{font-size:16px}}