:root{--bg:#0b1516;--panel:#111f20;--panel2:#162627;--line:#263838;--text:#e5e9dc;--muted:#91a49e;--lime:#d2eaa0;--teal:#6fb5a0;--gold:#e9bf70;--red:#e1847c;--font:Inter,"Segoe UI",system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.muted{color:var(--muted)}.serif,h1,h2,h3{font-family:var(--serif);font-weight:normal}h1,h2,h3,p{margin-top:0}h1{font-size:42px;line-height:1.12;letter-spacing:-1px;margin-bottom:14px}h2{font-size:25px;margin-bottom:12px}h3{font-size:20px;margin-bottom:9px}small{font-size:11px}.eyebrow,.nav-label{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--teal)}.eyebrow{margin-bottom:11px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.text-button{border:0;background:none;color:var(--lime);padding:0}.button{padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--line);border-radius:7px;background:#1b2e2c;font-weight:600;font-size:12px;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#2b4240;transform:translateY(-1px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#162725}.button.primary:hover:not(:disabled){background:#e4f4bd}.button.small{padding:7px 11px;font-size:11px}.button.ghost{background:transparent}.wide{width:100%}.green-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px #70b6a035}.pill{display:inline-flex;gap:7px;align-items:center;padding:4px 9px;font-size:9px;letter-spacing:1px;border:1px solid #63895b55;color:var(--lime);border-radius:4px;background:#afca6510}.pill.neutral{border-color:var(--line);color:var(--muted);background:#142323}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px}.panel-pad{padding:22px}.divider{height:1px;background:var(--line);margin:18px 0}.brandmark{width:39px;height:39px;display:grid;place-items:center;font-size:24px;color:var(--lime);background:#c9e69b0b;border:1px solid #bada922f;border-radius:10px;transform:rotate(-5deg)}
/* Sign in */
.auth-screen{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:#0c1c1c}.auth-screen>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.27;z-index:-2;image-rendering:pixelated}.auth-screen:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1919ed 10%,#10252490 70%),linear-gradient(0deg,#0a1919 0%,transparent 100%)}.auth-brand{display:flex;align-items:center;gap:12px;margin:34px 5%;font-size:20px;letter-spacing:1px}.auth-wrap{max-width:1120px;margin:65px auto 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding:0 28px}.auth-story h1{font-size:57px;line-height:1.08;margin-top:23px}.auth-story p{max-width:410px;font-size:15px;color:#a4b8ae;line-height:1.8}.auth-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.auth-tags span{font-size:10px;border:1px solid #77948238;border-radius:5px;padding:6px 10px;color:#bac9b8}.auth-card{background:#152724ee;border:1px solid #8ca48135;padding:30px;border-radius:13px;box-shadow:0 25px 90px #0005}.auth-card>p{font-size:12px}.auth-card h2{font-size:30px}.auth-card label{display:block;margin:13px 0 6px;font-size:11px;color:#c2cdbf}.auth-card label span{float:right;font-size:10px}.auth-card input{width:100%;height:43px;border:1px solid #384c43;border-radius:5px;background:#0e1e1d;color:var(--text);padding:10px 12px;font-size:12px}.auth-card input::placeholder{color:#81958d}.avatar-options{display:flex;gap:12px;margin:9px 0 18px}.swatch{width:27px;height:27px;border-radius:7px;background:#64b7a4;border:3px solid #172c29;box-shadow:0 0 0 1px #54756a}.swatch.selected{box-shadow:0 0 0 2px var(--lime)}.swatch.violet{background:#a094cf}.swatch.amber{background:#d8af66}.swatch.rose{background:#c58193}.form-error{color:var(--red);font-size:12px;margin:14px 0}.auth-toggle{font-size:12px;text-align:center;margin:18px 0 0}.privacy-note{font-size:10px!important;line-height:1.6;color:#8fa195;text-align:center;margin:18px 0 0}.build-auth{position:absolute;bottom:25px;left:5%;font-size:9px;letter-spacing:1.8px;color:#718b80}
/* App frame */
.app-shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{background:#0e1b1b;border-right:1px solid var(--line);padding:27px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;margin:3px 4px 39px;font-size:16px;letter-spacing:.1px;font-weight:700}.brand .serif{font-size:18px;font-weight:400}.brand small{display:block;font-family:var(--font);font-size:6px;letter-spacing:1.4px;font-weight:500;color:var(--muted);margin-top:3px}.nav-label{padding:0 12px;color:#687f78;margin:20px 0 12px;font-size:9px;letter-spacing:1.5px}.sidebar>.nav-label{margin-top:0}.nav-item{width:100%;display:flex;gap:12px;align-items:center;color:#9caea4;background:transparent;border:1px solid transparent;text-align:left;border-radius:7px;padding:11px 12px;font-size:11px;margin:4px 0;position:relative}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#b3c69608;color:var(--text)}.nav-item.active{color:var(--lime);border-color:#b4d7941f;background:#c2de950c}.nav-item.active:before{content:'';width:2px;height:15px;position:absolute;left:-19px;top:14px;background:var(--lime)}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--lime)}.nav-count{margin-left:auto;background:#b8d5970f;border-radius:4px;font-size:9px;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding-top:35px}.alpha-box{padding:14px;border:1px solid var(--line);border-radius:8px;font-size:8px;letter-spacing:1px;color:var(--teal)}.alpha-box p{font-size:11px;letter-spacing:0;color:#82968c;margin:8px 0 0;line-height:1.8}.logout{display:flex;align-items:center;gap:10px;color:#83998d;font-size:11px;margin:20px 14px 3px}.logout .icon{width:16px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{min-height:75px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.breadcrumb{font-size:9px;letter-spacing:1px;color:#71887e;white-space:nowrap}.breadcrumb span{margin:0 13px;color:#435e52}.breadcrumb strong{font-weight:500;color:#b7c5b7}.top-actions{display:flex;align-items:center;gap:23px}.currency{display:flex;gap:7px;align-items:center;color:var(--gold);font-size:16px}.currency b{color:#e1ddc7;font-size:12px}.currency small{color:var(--muted);font-size:9px}.currency.tally>span{color:#b7a3ce}.connection{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:22px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:25px;padding:28px 28px 30px;flex:1}#main-content{min-width:0;outline:none}.right-rail{min-width:0}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 29px;font-size:8px;letter-spacing:.6px;color:#7f9387}.footer span span{letter-spacing:0;margin-left:7px}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:0 0 21px}.page-heading h1{font-size:32px;margin:6px 0 8px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-heading .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0}.page-heading>.pill{margin-top:7px}
/* Camp scene */
.hero{position:relative;overflow:hidden;height:288px;border:1px solid #41614b;border-radius:10px;background:#193c36}.world-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a211fe8 0%,#122b2920 58%,#13282725 100%)}.hero-label{position:absolute;left:23px;top:19px;z-index:2;font-size:9px;letter-spacing:1.3px;color:#d3e7c4;background:#173b3299;border:1px solid #abc8962b;padding:5px 9px;border-radius:4px}.hero-coordinates{position:absolute;right:20px;top:24px;color:#b3ccae;font-size:8px;letter-spacing:1px;z-index:2}.hero-content{position:absolute;bottom:22px;left:23px;right:23px;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:15px}.hero-content h2{font-size:30px;margin:0 0 4px;color:#f0ead2}.hero-content p{font-size:11px;color:#adbfab;margin:0;max-width:300px}.hero-content .button{white-space:nowrap}.section-title{display:flex;justify-content:space-between;align-items:center;margin:23px 0 12px}.section-title h3{font-size:18px;margin:0}.section-title span{font-size:9px;color:var(--muted)}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.zone-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:15px;min-height:105px;position:relative}.zone-card.current{border-color:#77965c6b;background:#b9d08208}.zone-card .zone-icon{color:var(--teal);margin-bottom:7px}.zone-card h4{font-size:11px;margin:0 0 5px;font-weight:550}.zone-card p{font-size:9px;color:#80978a;margin:0}.zone-card .tag{position:absolute;top:14px;right:10px;font-size:7px;letter-spacing:1px;color:#99b282}.zone-card.locked{opacity:.64}.zone-card.locked .zone-icon{color:#83948f}.encounter{margin-top:20px;display:flex;align-items:center;padding:16px 18px;gap:15px}.monster-mini{width:60px;height:63px;flex-shrink:0;border:1px solid #594a3540;background:#55452e22;border-radius:9px}.monster-mini canvas{width:100%;height:100%;image-rendering:pixelated}.encounter .eyebrow{font-size:8px;margin-bottom:3px}.encounter h3{font-size:20px;margin-bottom:5px}.encounter p{font-size:10px;color:var(--muted);margin:0}.encounter .button{margin-left:auto}.encounter-stats{color:#b7c5b2!important;margin-top:5px!important}.camp-hint{display:flex;gap:9px;align-items:start;padding:13px 3px;color:#81998b;font-size:10px;line-height:1.7}.camp-hint .icon{width:15px;height:15px;margin-top:2px;flex-shrink:0}
/* Character rail */
.character-card{overflow:hidden}.char-top{height:99px;background:radial-gradient(ellipse at 50% 80%,#365c4677,transparent 73%),repeating-linear-gradient(90deg,transparent 0 28px,#3b60471a 29px 30px),#132823;position:relative;border-bottom:1px solid var(--line)}.char-top .eyebrow{position:absolute;left:15px;top:13px;font-size:8px;color:#718f79}.char-top canvas{width:76px;height:85px;position:absolute;bottom:0;left:calc(50% - 38px);image-rendering:pixelated}.level-circle{width:28px;height:28px;display:grid;place-items:center;background:#cce393;color:#263826;border:3px solid #132622;border-radius:50%;position:absolute;bottom:-14px;left:calc(50% - 14px);font-size:10px;font-weight:700;z-index:1}.char-info{text-align:center;padding:22px 17px 15px}.char-info h3{font-family:var(--font);font-weight:600;font-size:13px;margin:0 0 3px}.char-info>p{font-size:9px;color:#99ac98;margin:0 0 18px}.resource-label{display:flex;justify-content:space-between;color:#a6b8a5;font-size:9px;margin:11px 0 5px}.resource-label span:first-child{display:flex;gap:6px;align-items:center}.resource-label .icon{height:12px;width:12px}.bar{height:5px;background:#26382d;border-radius:6px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:6px;transition:width .4s ease;background:#85b28d}.bar.hp>i{background:#c08672}.bar.stamina>i{background:#d7bd72}.bar.xp>i{background:#90ae8c}.mini-stats{display:flex;justify-content:space-around;margin:18px 0 16px;padding-top:14px;border-top:1px solid var(--line)}.mini-stats b{display:block;font-size:13px;font-weight:600}.mini-stats span{font-size:8px;color:var(--muted)}.rail-note{margin-top:18px;padding:18px}.rail-note .eyebrow{font-size:8px;margin-bottom:9px}.rail-note h3{font-size:20px}.rail-note p{font-size:10px;color:#9bac9c;line-height:1.8;margin-bottom:13px}.task-row{display:flex;align-items:start;gap:10px;margin:13px 0;color:#b8c5af;font-size:10px}.task-check{height:15px;width:15px;display:grid;place-items:center;border:1px solid #51664c;border-radius:50%;flex-shrink:0;color:var(--lime);font-size:9px}.task-row small{color:#81987e;font-size:9px}.rail-meta{padding:15px 2px;color:#607b6e;font-size:9px;line-height:1.7}
/* Combat */
.battle-arena{height:323px;position:relative;border:1px solid #536849;border-radius:10px;overflow:hidden;background:#193632}.battle-arena>canvas{width:100%;height:100%;image-rendering:pixelated}.battle-arena:after{content:'';inset:0;position:absolute;background:linear-gradient(180deg,#071c1dbb,transparent 42%,#0b1a1b80);pointer-events:none}.battle-hud{position:absolute;inset:18px 20px auto;z-index:2;display:flex;justify-content:space-between;gap:50px}.combatant-hud{width:42%;max-width:220px}.combatant-hud.right{text-align:right}.hud-name{font-size:12px;font-weight:600;margin-bottom:7px;text-shadow:0 2px 4px #000}.hud-meta{font-size:9px;color:#b9c5ae;display:flex;justify-content:space-between;margin-top:5px}.battle-hud .bar{height:7px;background:#12201cbf}.turn-marker{position:absolute;z-index:3;bottom:17px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.7px;color:var(--lime);border:1px solid #a1b48555;border-radius:4px;background:#0e251fbb;padding:6px 13px;white-space:nowrap}.status-chip{display:inline-block;margin:7px 0 0;font-size:8px;color:var(--gold);background:#5d492e55;padding:2px 5px;border-radius:3px}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:15px 0 11px}.skill{position:relative;text-align:left;padding:14px 11px;border:1px solid #354d3f;border-radius:8px;background:#162725;min-height:90px;transition:background .2s}.skill:hover:not(:disabled){background:#24382c;border-color:#8ca778}.skill .skill-top{display:flex;justify-content:space-between;align-items:center;color:var(--lime)}.skill .key{font-size:9px;color:#829882;border:1px solid #48614766;padding:0 5px;border-radius:3px}.skill strong{display:block;font-size:10px;font-weight:600;margin:10px 0 3px}.skill small{font-size:8px;color:var(--muted)}.cooldown-tag{position:absolute;right:7px;top:5px;font-size:9px;color:var(--gold)}.combat-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.combat-tools .text-button{font-size:10px;color:#8da593}.combat-log{padding:17px 18px}.combat-log .eyebrow{font-size:8px;margin-bottom:10px}.log-lines{max-height:155px;overflow:auto;scrollbar-width:thin;scrollbar-color:#47684d transparent}.log-line{font-size:10px;margin:6px 0;color:#9fb19d;display:flex;gap:10px}.log-line .log-bullet{color:#506e56}.log-line.critical{color:var(--gold)}.log-line.victory,.log-line.reward,.log-line.level{color:var(--lime)}.log-line.heal{color:#8cc9ac}.log-line.defeat{color:var(--red)}.float-number{position:absolute;z-index:5;left:68%;top:53%;font-family:var(--serif);font-size:33px;font-weight:bold;color:#ffeac0;text-shadow:2px 2px #182720,-1px -1px #182720;pointer-events:none;animation:float-up 1.1s forwards}.float-number.player{left:24%;color:#f2bba7}.float-number.heal{color:#aeeab9}.float-number.crit{font-size:39px;color:#ffdb84}.float-number small{display:block;font:8px var(--font);letter-spacing:2px;text-align:center}.result-banner{padding:17px 19px;border:1px solid #9ab77655;border-radius:9px;background:#bbd0880e;margin:15px 0;display:flex;gap:15px;align-items:center;animation:reveal .4s}.result-banner h3{margin:0 0 4px;color:var(--lime)}.result-banner p{font-size:11px;color:var(--muted);margin:0}.result-banner .button{margin-left:auto}.loot-chip{font-size:10px;color:var(--lime);display:inline-block;margin-top:6px}.loot-chip.ultra{color:#ecb2ee}.battle-tip{font-size:10px;color:var(--muted);line-height:1.7}.hit-flash{animation:hitflash .24s}
/* Bag, shop, social */
.summary-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px 17px;font-size:11px;color:var(--muted)}.summary-strip strong{color:var(--lime)}.equip-slots{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:21px}.equip-slot{padding:10px 3px;background:#12231f;border:1px dashed #354d3e;border-radius:6px;text-align:center;min-width:0}.equip-slot.filled{border:1px solid #6c876252;background:#6d915a0c}.equip-slot .icon{width:18px;height:18px;color:#a7b88f}.equip-slot span{display:block;font-size:7px;color:#819782;margin-top:7px;overflow:hidden;text-overflow:ellipsis}.inventory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.item-card{padding:17px 14px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);position:relative;display:flex;flex-direction:column;min-height:191px}.item-card.uncommon{border-top:2px solid #5a967a}.item-card.rare{border-top:2px solid #7199c4}.item-card.ultra{border-top:2px solid #c993d8;background:linear-gradient(#8e57a519,var(--panel))}.item-emblem{display:grid;place-items:center;width:42px;height:42px;border:1px solid #81976923;border-radius:9px;color:#aabd98;background:#91a8630d;margin-bottom:11px}.item-emblem .icon{width:25px;height:25px}.item-card h4{font-size:11px;font-weight:600;margin:0 0 5px}.item-card p{font-size:9px;color:var(--muted);line-height:1.6;margin:0 0 12px}.item-card .item-actions{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}.item-card .item-actions .button{padding:5px 8px;font-size:9px}.item-count{position:absolute;top:14px;right:13px;font-size:9px;color:#a7bc95}.equipped-tag{color:var(--lime);font-size:7px;letter-spacing:.8px;position:absolute;top:16px;right:10px}.mailbox{padding:15px;margin-bottom:17px}.mailbox p{font-size:11px;margin:0}.mail-row{display:flex;justify-content:space-between;margin-top:12px;gap:12px;font-size:11px;align-items:center}.player-row{display:flex;gap:13px;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line)}.player-row:last-child{border:0}.player-mini{width:34px;height:40px;image-rendering:pixelated;background:#1b312a;border-radius:7px}.player-row .who{flex:1}.player-row strong{font-size:12px;font-weight:550}.player-row p{font-size:9px;color:var(--muted);margin:3px 0 0}.online-label{font-size:9px;color:var(--teal);margin-right:4px}.social-tabs{display:flex;gap:10px;margin:17px 0}.social-tabs .button{flex:1}.chat-panel{margin-top:20px;overflow:hidden}.chat-title{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-title h3{margin:0;font-size:18px}.chat-title span{font-size:9px;color:var(--muted)}.chat-messages{height:218px;overflow:auto;padding:15px 17px;scrollbar-width:thin;scrollbar-color:#47684d transparent}.chat-line{font-size:11px;line-height:1.7;margin-bottom:9px;overflow-wrap:anywhere}.chat-line strong{color:#b7cca4;font-size:10px;margin-right:9px}.chat-line time{font-size:8px;color:#6f8b77;margin-left:7px}.chat-form{display:flex;padding:11px;gap:8px;border-top:1px solid var(--line)}.chat-form input{background:#0c1c19;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:9px 11px;flex:1;min-width:0;font-size:11px}.empty{padding:25px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.duel-row{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.duel-row:last-child{border:0}.duel-row>div{flex:1}.duel-row strong{font-size:11px}.duel-row p{font-size:9px;color:var(--muted);margin:4px 0 0}.referral-hero{padding:25px;background:radial-gradient(ellipse at top right,#5a774322,transparent 70%),var(--panel);margin-bottom:18px}.referral-hero>p{font-size:12px;color:var(--muted);max-width:450px;line-height:1.8}.referral-link{display:flex;gap:10px;margin:20px 0}.referral-link input{background:#0c1b18;color:var(--lime);font-size:11px;border:1px solid var(--line);border-radius:5px;padding:11px;min-width:0;flex:1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.metric{padding:15px;border:1px solid var(--line);border-radius:7px}.metric strong{font-family:var(--serif);font-size:26px;color:var(--lime);display:block}.metric span{font-size:9px;color:var(--muted)}.guide-section{padding:23px;margin-bottom:16px}.guide-section p,.guide-section li{font-size:12px;line-height:1.85;color:var(--muted)}.guide-section li{margin:7px 0}.guide-section strong{color:#bdcbb2}.guide-section code{color:var(--lime);font-size:11px}.guide-section .pill{margin-right:6px;margin-bottom:7px}.connection.warning{color:var(--gold)}
/* Feedback */
#toasts{position:fixed;right:25px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:9px;max-width:350px;pointer-events:none}.toast{padding:13px 17px;background:#223b2b;border:1px solid #809c6480;color:#e5edce;box-shadow:0 10px 30px #0005;border-radius:8px;font-size:12px;animation:reveal .2s}.toast.error{background:#412c27;border-color:#a86d5480;color:#f7c6ae}.modal-backdrop{position:fixed;inset:0;background:#040d10ca;backdrop-filter:blur(5px);z-index:90;padding:25px;display:grid;place-items:center}.modal-panel{padding:27px;background:#142620;border:1px solid #6a855155;border-radius:12px;max-width:550px;width:100%;max-height:85vh;overflow:auto;position:relative;box-shadow:0 25px 90px #0006}.close-button{position:absolute;top:12px;right:15px;border:0;background:none;color:var(--muted);font-size:25px}.modal-panel .log-lines{max-height:320px}.modal-panel .button{margin-top:15px}.modal-panel>p{font-size:12px}.loading-dots{color:var(--muted);padding:30px;font-size:12px}@keyframes float-up{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(-7px) scale(1.15)}100%{opacity:0;transform:translateY(-75px) scale(1)}}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes hitflash{50%{filter:brightness(1.5)}}
@media(min-width:1550px){.content-grid{padding:36px 40px;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.hero{height:355px}.page-heading h1{font-size:38px}.zone-card{min-height:120px}.battle-arena{height:390px}}
@media(max-width:1180px){.app-shell{grid-template-columns:185px 1fr}.sidebar{padding:23px 12px}.brand{font-size:13px;gap:6px}.brand .serif{font-size:16px}.brandmark{width:32px;height:32px;font-size:21px}.brand small{font-size:5px}.content-grid{grid-template-columns:minmax(0,1fr) 217px;gap:17px;padding:24px 21px}.topbar{padding:0 21px}.top-actions{gap:15px}.connection{display:none}.nav-item{padding:10px 9px;font-size:10px;gap:8px}.hero-content p{max-width:240px}.hero-content h2{font-size:25px}.hero-content .button{font-size:10px;padding:11px 13px}.encounter{padding:13px;gap:11px}.encounter h3{font-size:18px}.encounter .button{font-size:10px;padding:10px}.inventory-grid{grid-template-columns:repeat(2,1fr)}.footer>span:last-child{font-size:7px}.auth-wrap{gap:50px}}
@media(max-width:960px){.content-grid{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.auth-wrap{margin-top:40px;gap:35px}.auth-story h1{font-size:42px}.auth-card{padding:25px}.auth-story{padding-left:10px}.hero{height:315px}.inventory-grid{grid-template-columns:repeat(3,1fr)}.topbar{min-height:65px}.top-actions small{display:none}.footer{font-size:7px}.hero-content p{max-width:320px}}
@media(max-width:640px){.auth-wrap{grid-template-columns:1fr;margin:35px auto 60px;gap:25px;padding:0 20px}.auth-story h1{font-size:37px;margin:12px 0}.auth-story p{font-size:12px;margin:0}.auth-tags{display:none}.auth-brand{margin:22px 25px}.auth-story{padding-left:0}.auth-story .eyebrow{font-size:8px}.auth-card h2{font-size:27px}.auth-card{padding:23px}.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;height:66px;left:0;right:0;z-index:50;padding:0 5px;border-right:0;border-top:1px solid var(--line);background:#10211ef7}.sidebar>.brand,.sidebar>.nav-label,.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;height:100%}.nav-item{display:flex;flex:1;flex-direction:column;gap:4px;justify-content:center;padding:6px 2px;border:0;margin:3px 1px;font-size:7px;max-width:70px;line-height:1.2;text-align:center}.nav-item .icon{width:19px;height:19px}.nav-item.active:before,.nav-dot,.nav-count{display:none}.nav-item[data-view=journal]{display:none}.topbar{padding:0 15px;min-height:54px}.breadcrumb{font-size:7px;letter-spacing:.5px}.breadcrumb span{margin:0 6px}.breadcrumb strong{font-size:7px}.top-actions{gap:11px}.currency{gap:4px}.currency b{font-size:11px}.content-grid{padding:22px 15px 30px}.page-heading{gap:7px}.page-heading h1{font-size:31px}.page-heading p{font-size:11px}.page-heading .pill{font-size:7px;padding:4px 6px}.page-heading .eyebrow{font-size:8px}.hero{height:310px}.hero-content{left:18px;right:18px;bottom:19px;flex-wrap:wrap;gap:12px}.hero-content h2{font-size:28px}.hero-content p{font-size:10px;max-width:none}.hero-label{left:16px;font-size:8px}.hero-coordinates{display:none}.hero-content .button{font-size:11px;padding:10px 14px}.zone-grid{gap:7px}.zone-card{padding:13px 10px;min-height:107px}.zone-card h4{font-size:9px}.zone-card p{font-size:8px}.zone-card .tag{font-size:6px;top:17px;right:8px}.zone-icon .icon{width:17px}.encounter{flex-wrap:wrap}.encounter .button{width:100%;margin:2px 0 0}.monster-mini{width:48px;height:53px}.encounter h3{font-size:20px}.encounter p{font-size:9px}.footer{padding:14px 15px 82px;flex-wrap:wrap;gap:7px}.footer span span{display:none}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:9px}.item-card{padding:15px 12px;min-height:182px}.equip-slots{grid-template-columns:repeat(5,1fr);gap:7px}.equip-slot{padding:9px}.summary-strip{font-size:10px;gap:10px}.skills{gap:6px}.skill{padding:11px 8px;min-height:91px}.skill .icon{width:19px}.skill strong{font-size:9px}.skill small{font-size:7px}.battle-arena{height:290px}.battle-hud{inset:16px 14px auto;gap:30px}.hud-name{font-size:10px}.hud-meta{font-size:8px}.result-banner{flex-wrap:wrap}.result-banner .button{margin:0}.result-banner h3{font-size:22px}.metric{padding:10px}.metric strong{font-size:22px}.metric span{font-size:8px}.referral-link{flex-wrap:wrap}.referral-link input{min-width:100%}.referral-hero{padding:20px}.player-row{gap:9px;padding:12px}.player-row strong{font-size:11px}.player-row .button{font-size:9px;padding:6px 8px}.online-label{display:none}.modal-backdrop{padding:15px}.modal-panel{padding:25px 19px}#toasts{bottom:80px;right:15px;left:15px;max-width:none}.duel-row{flex-wrap:wrap}.duel-row>div{min-width:150px}.combat-tools .button{font-size:9px}.hero-content .button{width:auto}.referral-link .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.float-number{animation:float-up .9s linear!important}}

.mobile-status{display:none}
@media(max-width:960px){.mobile-status{display:block;margin:16px 21px 0;padding:11px 15px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.mobile-identity{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px}.mobile-identity .text-button{font-size:9px}.mobile-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mobile-bars .resource-label{font-size:8px;margin-top:9px}}
@media(max-width:640px){.mobile-status{margin:14px 15px 0;padding:11px 12px}.mobile-bars{gap:12px}.hero>.world-canvas{object-fit:cover}.battle-arena{height:260px}}
/* The Walking World — tile exploration, designed for mouse, keyboard and touch. */
.world-region-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}.region-tab{display:flex;align-items:center;gap:10px;padding:13px;background:#142521;border:1px solid var(--line);border-radius:8px;text-align:left;min-width:0}.region-tab>span{font-size:12px;font-weight:600;line-height:1.45}.region-tab small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px}.region-tab .icon{color:var(--teal);width:19px}.region-tab>.icon:last-child:not(:first-child){width:14px;margin-left:auto}.region-tab.selected{border-color:#90b87980;background:#bfd48c0d}.region-tab.selected .icon{color:var(--lime)}.world-panel{overflow:hidden;border-color:#63825975}.world-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:11px;background:#172b25;gap:12px}.world-toolbar strong{font-size:12px;margin-left:7px}.world-coordinates{margin-left:17px;font-size:10px;color:#aabf9d}.world-toolbar>span{font-size:9px;color:var(--teal)}.map-stage{height:508px;position:relative;background:#284c38}.map-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y;cursor:crosshair;outline-offset:-3px}.map-stage canvas:focus-visible{outline:2px solid var(--lime)}.map-corner-label{position:absolute;left:18px;top:18px;pointer-events:none;padding:9px 12px;background:#132b23d9;border:1px solid #a6bf7938;border-radius:5px;box-shadow:0 5px 20px #0a211930}.map-corner-label span{display:block;font-size:6px;letter-spacing:1.6px;color:#a9c29d}.map-corner-label b{font-size:10px;letter-spacing:1.7px;color:#e1edbf;font-weight:550}.map-key{position:absolute;bottom:11px;left:12px;display:flex;align-items:center;gap:7px;border:1px solid #9abe8140;border-radius:4px;background:#132b23dd;padding:5px 9px;font-size:8px;color:#c1ceb9;pointer-events:none}.map-key span{width:5px;height:5px;border-radius:1px;margin-left:6px}.map-key span:first-child{margin-left:0}.legend-you{background:#ddf6a8}.legend-crew{background:#75cfc1}.legend-monster{background:#d6ab76}.map-controls{display:grid;grid-template-columns:255px minmax(0,1fr);gap:19px;padding:18px;background:#11221f;border-top:1px solid #69856b55;align-items:center}.movement-block{display:flex;gap:12px;align-items:center}.direction-pad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(3,34px);gap:4px;flex-shrink:0}.direction-pad button{background:#233d30;border:1px solid #536e47;border-radius:6px;color:#d8eaaa;font-size:21px;line-height:1;padding:0;min-width:0;touch-action:manipulation}.direction-pad button:hover{background:#344f39}.direction-pad button:active{background:#526d42;transform:translateY(1px)}.direction-pad .up{grid-area:1/2}.direction-pad .left{grid-area:2/1}.direction-pad .right{grid-area:2/3}.direction-pad .down{grid-area:3/2}.pad-center{grid-area:2/2;display:grid;place-items:center;font-size:25px;color:#8ba779}.movement-copy{display:flex;flex-direction:column;gap:7px}.movement-copy strong{font-size:12px;color:#d7e4c9}.movement-copy>span{font-size:8px;color:#a8bb9f;white-space:nowrap}.movement-copy small{font-size:8px;color:#819983;line-height:1.7}.movement-copy kbd{font:9px var(--font);display:inline-block;border:1px solid #65805844;padding:2px 3px;border-radius:3px;margin-right:2px;color:#bacda8}.map-selection{min-height:107px;padding-left:18px;border-left:1px solid var(--line);display:flex;align-items:center;gap:13px;min-width:0}.map-selection>canvas{width:47px;height:52px;image-rendering:pixelated;flex-shrink:0}.map-selection .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:5px}.selected-info{min-width:0}.selected-info h3{font-size:20px;margin:0 0 5px;line-height:1.15}.selected-info p{font-size:10px;color:#bbccb0;margin:0 0 4px}.selected-info p span{padding:0 4px;color:#6d886d}.selected-info small{font-size:8px;color:#8da588}.selected-action{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.selected-action .button{font-size:10px;padding:11px 14px;white-space:nowrap}.selected-action>small{font-size:7px;color:var(--muted);max-width:140px;text-align:right;line-height:1.5}.selection-empty{display:flex;align-items:center;gap:14px}.selection-empty strong{font-size:12px;color:var(--lime)}.selection-empty p{font-size:11px;color:var(--muted);margin:4px 0 0}.selected-icon{color:var(--lime)}.map-bottom-note{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#87a089;margin:13px 0 24px;flex-wrap:wrap}.map-bottom-note .icon{width:14px;height:14px;margin-right:5px}.map-field-notes{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.map-field-notes h3{font-size:23px}.map-field-notes p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.map-field-notes strong{color:#c3d0b4}.world-combat-notice{display:flex;gap:12px;align-items:center;padding:12px 16px;font-size:11px;border:1px solid #ac89404a;background:#a8953520;border-radius:7px;margin-bottom:13px}.world-combat-notice .button{margin-left:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1480px){.map-controls{grid-template-columns:1fr;gap:9px}.movement-block{justify-content:space-between}.direction-pad{grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,31px)}.map-selection{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:13px;min-height:88px}.movement-copy{padding-right:8px}.map-stage{height:440px}}
@media(min-width:1550px){.map-controls{grid-template-columns:240px minmax(0,1fr);gap:15px}.map-stage{height:530px}}
@media(max-width:960px){.map-stage{height:490px}.map-controls{grid-template-columns:210px minmax(0,1fr)}.map-selection{border-top:0;border-left:1px solid var(--line);padding:0 0 0 16px;flex-wrap:wrap}.selected-action{margin-left:0;align-items:flex-start}.selected-action>small{text-align:left}.movement-block{gap:10px}}
@media(max-width:640px){.nav-item[data-view=camp]{display:none}.nav-item{max-width:61px;font-size:6.5px}.world-region-bar{gap:5px;margin-bottom:10px}.region-tab{padding:10px 7px;gap:6px}.region-tab>span{font-size:9px}.region-tab small{font-size:7px}.region-tab>.icon{width:16px;height:16px}.region-tab>.icon:last-child:not(:first-child){display:none}.world-toolbar{padding:11px 12px;flex-wrap:wrap;gap:4px}.world-toolbar strong{font-size:11px}.world-coordinates{font-size:8px;margin-left:10px}.world-toolbar>span{font-size:8px}.map-stage{height:372px}.map-corner-label{top:11px;left:10px;padding:6px 8px}.map-corner-label span{font-size:5px;letter-spacing:1px}.map-corner-label b{font-size:8px;letter-spacing:1px}.map-controls{display:flex;flex-direction:column;padding:14px;gap:12px;align-items:stretch}.movement-block{justify-content:center;gap:25px}.direction-pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,39px);gap:4px}.movement-copy strong{font-size:13px}.movement-copy small{font-size:9px}.movement-copy kbd{font-size:10px;padding:2px 4px}.map-selection{border-left:0;border-top:1px solid var(--line);padding:14px 0 0;gap:10px}.map-selection .eyebrow{font-size:7px}.selected-info h3{font-size:21px}.map-selection>canvas{width:41px;height:46px}.selected-info{flex:1}.selected-action{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.selected-action .button{font-size:11px;padding:12px 17px}.selected-action>small{max-width:115px;text-align:right;font-size:8px}.map-field-notes{padding:19px;grid-template-columns:1fr;gap:22px}.map-bottom-note{font-size:9px;gap:7px;line-height:1.7}.world-combat-notice{flex-wrap:wrap}.world-combat-notice .button{margin-left:0}}
/* v0.3 expedition journal and progression. Existing layout/colors retained. */
.journal-tabs{display:flex;gap:8px;margin:0 0 20px}.journal-tabs button{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:11px 18px;color:var(--muted);font-size:12px}.journal-tabs button small{font-size:9px;opacity:.75}.journal-tabs button.selected{border-color:#8aab67;background:#c4db8715;color:var(--lime)}.campaign-banner{padding:26px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;background:linear-gradient(125deg,#25382b,#18272b 70%);border-color:#566848}.campaign-banner h2{font-size:28px;max-width:430px}.campaign-banner p{font-size:12px;color:#9cb2a2;margin:0}.campaign-total{min-width:160px}.campaign-total>strong{display:block;font:46px var(--serif);color:var(--lime)}.campaign-total small{font-size:24px;color:#80987e}.campaign-total>span{display:block;font-size:8px;letter-spacing:1.2px;color:#a8b7a2;margin:8px 0 12px}.quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:17px 0}.quest-card{padding:20px;display:flex;flex-direction:column;min-width:0}.quest-card.ready{border-color:#a8ca7c;background:linear-gradient(150deg,#a6c8690c,transparent)}.quest-card.current-quest{border-color:#748f6b}.quest-locked{opacity:.62}.quest-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:10px}.quest-number{font:23px var(--serif);color:#a6bf99}.quest-card h3{font-size:24px;line-height:1.25;margin-bottom:11px}.quest-card>p{font-size:11px;color:var(--muted);line-height:1.8;min-height:45px}.quest-objectives{margin:3px 0 18px}.quest-objectives .bar{height:6px}.quest-objectives .resource-label{font-size:10px;gap:10px}.quest-rewards{display:flex;gap:6px;flex-wrap:wrap;margin:auto 0 20px}.quest-reward{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border:1px solid #aac08c26;border-radius:4px;color:#c7dbaf;background:#a5bc7310}.quest-reward.gold{color:var(--gold)}.quest-reward .icon{height:12px;width:12px}.quest-ready-pill{color:var(--lime);background:#c0d98a15;border-color:#7e9d5a}.quest-archive{padding:15px 20px;margin:15px 0}.quest-archive summary{cursor:pointer;font-size:12px;color:#a5b69d}.quest-archive>.quest-grid{margin-top:20px}.quest-card.claimed{opacity:.65}.quest-complete{padding:25px;grid-column:1/-1}.completion-cache{padding:20px;display:flex;align-items:center;gap:20px;margin:18px 0;background:#a5bc7310}.completion-cache p{font-size:11px;color:var(--muted);margin-bottom:8px}.completion-cache small{color:var(--lime)}.completion-cache .button{margin-left:auto;flex-shrink:0}.cache-icon{color:var(--gold);background:#dcc7840d;border:1px solid #dcc7843a;padding:13px;border-radius:10px}.cache-icon .icon{width:30px;height:30px}.progression-note .button{font-size:10px;width:100%;margin-top:16px}.progression-note .resource-label{gap:8px;line-height:1.5}.progression-note .rail-meta{padding-bottom:0}.hunt-tracker{padding:12px 18px;border-top:1px solid #d6bf6440;background:#c4a64c0a;display:grid;grid-template-columns:auto 1fr;gap:7px 20px;font-size:10px}.hunt-tracker>span{color:var(--gold);letter-spacing:1px}.hunt-tracker>span .icon{width:14px;height:14px}.hunt-tracker>strong{text-align:right;color:#ded8b4}.hunt-tracker>.bar{grid-column:1/-1;height:4px;background:#48472c}.hunt-tracker>.bar>i{background:#d5bd77}.hunt-tracker>small{font-size:9px;grid-column:1/-1;color:var(--muted)}.phase-chip{color:#f3c983;border:1px solid #c48e4966;background:#4a2e1d8c}.debuff-chip{color:#d5b4e0;background:#51405e66}.log-line.phase,.log-line.hunt{color:#f0c87f}.log-line.debuff{color:#c3b1de}.item-card.epic{border-color:#9f8eb855}.item-card.legendary{border-color:#dec38377}.loot-chip.epic,.quest-reward.epic{color:#cbb3e2}.loot-chip.legendary,.quest-reward.legendary{color:#f2d283}.healing-options{display:flex;flex-direction:column;gap:10px}.healing-options>.button{padding:15px;justify-content:space-between}
@media(max-width:900px){.campaign-banner{padding:21px}.campaign-banner h2{font-size:25px}.campaign-total{min-width:120px}.campaign-total>strong{font-size:35px}.completion-cache{flex-wrap:wrap}.completion-cache .button{width:100%;margin:0}.quest-card{padding:17px}}
@media(max-width:540px){.journal-tabs{gap:5px}.journal-tabs button{flex:1;padding:9px 5px;flex-direction:column;gap:1px}.journal-tabs button small{font-size:8px}.campaign-banner{align-items:flex-start;gap:15px}.campaign-banner h2{font-size:23px}.campaign-banner p{font-size:10px}.campaign-total{min-width:80px;width:80px}.campaign-total>span{font-size:7px;line-height:1.7}.quest-grid{grid-template-columns:1fr}.quest-card h3{font-size:25px}.quest-card>p{min-height:0}.quest-card-top{margin-bottom:12px}.completion-cache>.cache-icon{display:none}.hunt-tracker{padding:10px;font-size:9px;gap:7px}.quest-archive{padding:14px}.battle-hud{gap:16px}.status-chip{font-size:7px}}

.mobile-utility{display:flex;justify-content:flex-end;gap:18px;margin-top:8px}.mobile-utility .text-button{font-size:10px;min-height:30px}
/* Keep full currency values visible on narrow phones; truncate the breadcrumb. */
.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis}.top-actions{flex-shrink:0}

/* THE CREW UPDATE / v0.4 */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{padding-top:18px}.nav-item{margin:2px 0;padding-top:9px;padding-bottom:9px}.nav-label{margin-top:15px;margin-bottom:7px}
#toasts{top:20px;bottom:auto;right:24px;z-index:130;max-width:min(420px,calc(100vw - 32px))}.toast{background:#213e33f7;box-shadow:0 8px 40px #0009;border-color:#a2ba7077;font-size:13px;line-height:1.6}.toast.error{background:#422d29f7}
#social-alerts{position:sticky;top:0;z-index:45;background:#0e1f1eea;backdrop-filter:blur(12px);padding:10px 28px;border-bottom:1px solid #a4b98244;max-height:250px;overflow:auto}.top-alert{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;border:1px solid #83977755;background:#1d332c}.top-alert+.top-alert{margin-top:8px}.top-alert>div{flex:1;min-width:0}.top-alert strong{font-size:12px}.top-alert small{display:block;color:#aac0b3;font-size:10px;margin-top:3px}.top-alert .button{padding:9px 12px;font-size:11px;flex-shrink:0}.alert-icon{color:#d6e4a8}.alert-more{display:block;padding:10px 0 2px;margin-left:auto;font-size:11px}.friend-alert{border-color:#7ac4ba55}
.character-maker{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center}.character-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border-radius:12px;border:1px solid #849b6050;background:radial-gradient(ellipse at 50% 55%,#58725780,transparent 64%),repeating-linear-gradient(0deg,transparent,transparent 31px,#b8cb9010 31px,#b8cb9010 32px),repeating-linear-gradient(90deg,transparent,transparent 31px,#b8cb9010 31px,#b8cb9010 32px),#162b29;overflow:hidden}.character-preview canvas{width:168px;height:190px;image-rendering:pixelated}.character-preview>span{color:var(--lime);font-family:var(--serif);font-size:23px;margin-top:0}.character-preview>small{font-size:9px;margin:10px 5px 0;color:var(--muted);text-align:center}.look-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px}.look-selects label{font-size:11px;color:var(--muted)}.look-selects select,.buff-target select,.shop-filters select,.shop-filters input,.trade-coin-field input{display:block;width:100%;margin-top:8px;border:1px solid #536d5655;background:#0d1e1d;color:var(--text);border-radius:7px;padding:11px 12px;min-height:42px;font:inherit;color-scheme:dark}.look-colors{border:0;padding:0;margin:23px 0 0}.look-colors legend{font-size:11px;color:var(--muted);width:100%;display:flex;justify-content:space-between}.look-colors legend span{color:#d3dfc7;font-size:10px}.look-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.look-swatch{background:var(--swatch);width:29px;height:29px;border:3px solid #172b27;border-radius:9px;box-shadow:0 0 0 1px #78917e88}.look-swatch.selected{box-shadow:0 0 0 2px var(--lime);position:relative}.look-swatch.selected:after{content:'✓';color:white;text-shadow:0 1px 3px #000,0 0 3px #000;font-size:15px;font-weight:800;position:absolute;inset:0;display:grid;place-items:center}.character-editor{padding:28px}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}.editor-footer p{margin:0}.editor-footer .button{flex-shrink:0}
.auth-wrap{grid-template-columns:minmax(0,1fr) minmax(400px,520px);align-items:center}.auth-card{width:100%;max-width:540px}.auth-screen{min-height:100vh;height:auto}.auth-story h1{font-size:clamp(34px,4vw,62px)}.auth-screen .build-auth{position:relative;display:block;bottom:auto;left:auto;margin:28px 5% 0;padding-bottom:22px}.auth-card .character-maker{grid-template-columns:118px minmax(0,1fr);gap:18px;margin:20px 0}.auth-card .character-preview{min-height:270px}.auth-card .character-preview canvas{width:118px;height:140px}.auth-card .character-preview .eyebrow{font-size:7px}.auth-card .character-preview>span{font-size:18px}.auth-card .look-selects{gap:9px}.auth-card .look-selects select{padding:8px 6px;font-size:11px}.auth-card .look-swatches{gap:9px;margin-top:9px}.auth-card .look-swatch{width:24px;height:24px;border-width:2px;border-radius:6px}.auth-card .look-colors{margin-top:14px}.auth-card .look-colors legend{font-size:10px}.auth-card .look-colors legend span{font-size:9px}.auth-card .look-selects label{margin-top:0}
.player-name{font-size:12px;text-align:left;font-weight:600;color:var(--lime)}.friend-tag{display:inline-flex;align-items:center;gap:5px;color:#95d2b7;font-size:10px;white-space:nowrap}.friend-tag .icon{width:14px}.friend-pending{font-size:10px}.crew-inline-actions,.profile-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.crew-inline-actions .button{font-size:10px;padding:8px 11px}.player-row .who{min-width:0}.player-row{flex-wrap:wrap}.player-row .who{flex:1}.profile-hero{display:flex;gap:20px;align-items:center;margin-top:12px}.profile-portrait{width:85px;height:100px;image-rendering:pixelated;background:#30534255;border-radius:9px}.profile-actions{margin-top:20px}.profile-actions .button{margin-top:0}.chat-line .player-name{display:inline;font-size:11px;margin-right:7px}.map-crew-list{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.map-crew-list>span{font-size:9px;color:var(--muted);letter-spacing:1px}.map-crew-list .text-button{font-size:10px;padding:4px 8px;border-radius:5px;background:#86cdb31a}.map-player-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.map-player-actions .button{padding:8px 11px;font-size:10px}.map-selection .selected-info{min-width:0}.map-selection .player-mini{width:50px!important;height:60px!important}
.buff-target{display:flex;gap:24px;align-items:center;padding:20px}.buff-target label{min-width:190px;font-size:10px;color:var(--muted)}.buff-target>div{flex:1;font-size:12px}.buff-target p{font-size:11px;color:var(--muted);margin:8px 0 0}.active-buff-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0;font-size:11px}.active-buff-row>.eyebrow{margin-right:8px}.buff-chip{display:inline-flex;align-items:center;gap:5px;background:#789d661d;border:1px solid #7ca47545;padding:6px 8px;border-radius:6px;font-size:9px;color:#d2e3c9}.buff-chip .icon{width:12px;height:12px}.buff-chip small{color:var(--muted);margin-left:4px}.buff-chip.attack{border-color:#a89ec05c;color:#d9ceee}.buff-chip.defense{border-color:#74b7b566;color:#b0deda}.buff-chip.strength{border-color:#d5aa7555;color:#e4c89d}.rail-buffs{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.buff-filter{display:flex;gap:8px;margin-bottom:20px}.buff-filter .button{font-size:11px;padding:9px 14px}.buff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.buff-card{padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-top:2px solid #b8a4d1}.buff-card.defense{border-top-color:#7fc0b4}.buff-card.strength{border-top-color:#d7af79}.buff-card-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.buff-emblem{width:36px;height:36px;background:#b8a4d115;display:grid;place-items:center;border-radius:10px;color:#c7b6df}.defense .buff-emblem{color:#a6d2c7;background:#7fc0b415}.strength .buff-emblem{color:#e6c191;background:#d7af7915}.buff-card .pill{font-size:7px;padding:5px 7px}.buff-card h3{font-size:23px;margin:20px 0 12px;line-height:1.12}.buff-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:14px 0 18px}.buff-effect{font-size:11px;line-height:1.6;color:#d3e2c7;min-height:34px}.buff-card .button{margin-top:auto;font-size:10px;padding:11px 9px}.combat-buffs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.combat-buffs small{font-size:9px;color:var(--muted)}
.shop-filters{display:grid;grid-template-columns:1fr 1fr 1.15fr auto;align-items:end;gap:15px;padding:18px}.shop-filters label{font-size:10px;color:var(--muted)}.shop-filters .text-button{font-size:10px;padding-bottom:12px}.shop-results-count{font-size:10px;color:var(--muted);margin:18px 0 12px}.owned-pill{position:absolute;right:14px;top:17px;border-radius:6px;background:#79998112;border:1px solid #91b08a22;padding:5px 8px;color:var(--muted);font-size:10px}.owned-pill.owned{color:var(--lime);border-color:#a8c87055;background:#91a36320}.shop-empty{grid-column:1/-1}.trade-guide{display:flex;gap:12px;flex-wrap:wrap;padding:16px 20px;margin-bottom:20px;font-size:11px;color:var(--muted)}.trade-guide strong{color:#cddac3}.trade-editor{padding:22px;margin-bottom:20px}.trade-editor .section-title{margin:0 0 20px}.trade-editor p{font-size:11px}.trade-coin-field{display:block;max-width:280px;font-size:11px;color:var(--muted)}.trade-coin-field small{float:right;font-size:10px}.trade-inventory{max-height:285px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:15px}.trade-pick{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--line)}.trade-pick:last-child{border:0}.trade-pick label{flex:1;display:flex;gap:12px;align-items:center;font-size:11px;min-width:0}.trade-pick label>span{min-width:0}.trade-pick small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.trade-pick .icon{width:17px;color:#a4c19a;flex-shrink:0}.trade-pick input[type=number]{width:65px;min-width:0;background:#0c1d1c;border:1px solid #72917250;color:var(--text);border-radius:6px;padding:7px;font-size:12px;color-scheme:dark}.trade-pick input[type=checkbox]{accent-color:var(--lime);width:15px;height:15px}.trade-pick.unavailable{opacity:.4}.trade-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.trade-review{padding:21px}.trade-review>.eyebrow{font-size:9px;margin-bottom:18px;overflow-wrap:anywhere}.offer-coins{display:flex;align-items:center;gap:10px;color:var(--gold);margin-bottom:14px;font-size:16px}.offer-item{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;border-top:1px solid var(--line);padding:10px 0}.offer-item>span{display:flex;gap:7px;align-items:center}.offer-item .icon{width:14px;height:14px;color:var(--muted);flex-shrink:0}.offer-item strong{color:var(--lime);font-size:10px}.trade-review p{font-size:11px}.trade-confirm-state{display:inline-block;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:5px 8px;margin-top:10px}.trade-confirm-state.confirmed{color:var(--lime);border-color:#bdd88666}.trade-confirm-bar{display:flex;gap:12px;align-items:center;padding:22px}.trade-confirm-bar>div{flex:1}.trade-confirm-bar strong{font-size:12px}.trade-confirm-bar p{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:0}.trade-confirm-bar .button{font-size:11px;flex-shrink:0}.trade-invitation{padding:24px;margin-bottom:20px}.trade-invitation h2{font-size:27px}.trade-invitation p{font-size:12px;color:var(--muted);line-height:1.7}.quest-repair-note{border-left:3px solid #d5b77b;padding:15px 20px;margin-bottom:20px;font-size:11px;line-height:1.8;color:#d9cfb1;background:#9e7e2510;border-radius:7px}.quest-review{color:#ecd09a;font-size:10px}
@media(max-width:1180px){.buff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-maker{grid-template-columns:160px minmax(0,1fr);gap:22px}.look-swatches{gap:9px}.look-swatch{width:25px;height:25px}.trade-confirm-bar{flex-wrap:wrap}.trade-confirm-bar>div{flex-basis:100%}.auth-wrap{gap:35px}.shop-filters{grid-template-columns:1fr 1fr}.shop-filters .text-button{text-align:right}}
@media(max-width:780px){.auth-wrap{grid-template-columns:minmax(0,1fr);gap:25px}.auth-card{max-width:540px;margin:auto}.auth-story{max-width:540px;margin:auto}.character-maker{grid-template-columns:140px minmax(0,1fr);gap:20px}.character-editor{padding:20px}.character-preview canvas{width:135px;height:160px}.crew-inline-actions{width:100%;padding-left:45px}.shop-filters{gap:12px}.top-alert{flex-wrap:wrap;gap:8px}.top-alert>div{flex-basis:calc(100% - 40px)}.top-alert .button{padding:8px 14px}#social-alerts{padding:8px 14px;max-height:245px}.buff-target{align-items:start;flex-direction:column;gap:15px}.buff-target label{width:100%}.trade-confirm-bar .button{flex:1}.trade-review{padding:15px}.trade-editor{padding:16px}.sidebar{overflow:visible}.sidebar #nav{overflow-x:auto;display:flex!important;flex-wrap:nowrap;width:100%;gap:4px;scrollbar-width:thin}.sidebar .nav-item{display:flex!important;flex:0 0 78px;font-size:9px;white-space:normal;align-items:center;justify-content:center;min-height:56px;padding:5px 3px;margin:0;flex-direction:column;gap:4px}.sidebar .nav-item[data-view="camp"],.sidebar .nav-item[data-view="journal"]{display:none!important}.sidebar .nav-label{display:none}.sidebar .nav-count{position:absolute;right:2px;top:2px;margin:0}.sidebar .nav-item span[data-icon]{line-height:1}.sidebar .nav-item .icon{width:18px;height:18px}.sidebar .nav-item.active:before{display:none}#nav .nav-item{min-width:72px}#toasts{top:12px;right:16px;bottom:auto}.footer{padding-bottom:84px}}
@media(max-width:480px){.character-maker{grid-template-columns:1fr;gap:20px}.character-preview{min-height:215px;padding:15px}.character-preview canvas{height:140px;width:125px}.character-preview>small{margin-top:5px}.look-swatch{width:30px;height:30px}.look-swatches{gap:11px}.look-colors{margin-top:20px}.editor-footer{align-items:stretch;flex-direction:column;gap:14px}.editor-footer .button{width:100%}.auth-card .character-maker{grid-template-columns:98px minmax(0,1fr);gap:12px}.auth-card .character-preview{min-height:270px;padding:6px}.auth-card .character-preview canvas{width:92px;height:118px}.auth-card .character-preview>span{font-size:15px}.auth-card .look-swatch{width:22px;height:22px}.auth-card .look-swatches{gap:8px}.auth-card .look-selects{grid-template-columns:1fr;gap:8px}.auth-card .look-selects label{margin:0}.auth-card .look-selects select{min-height:33px;padding:5px}.auth-card .look-colors{margin-top:12px}.auth-card .look-colors legend{font-size:9px}.auth-card .look-colors legend span{font-size:8px}.buff-grid{gap:10px}.buff-card{padding:15px 12px}.buff-card h3{font-size:21px}.buff-card-top{gap:6px;align-items:start;flex-direction:column}.buff-filter{gap:6px}.buff-filter .button{padding:8px 10px;font-size:10px}.buff-target{padding:17px}.trade-review-grid{gap:10px}.offer-item{font-size:10px}.trade-coin-field{max-width:none}.map-crew-list{padding:10px}.map-player-actions .friend-tag{width:100%}.profile-actions{gap:8px}.shop-filters input,.shop-filters select{font-size:12px}.trade-pick{padding:9px 7px;gap:5px}.trade-pick label{gap:6px;font-size:10px}.trade-pick input[type=number]{width:47px}}