:root{color-scheme:dark;--bg:#101310;--panel:#171b17;--gold:#c8aa72;--gold-light:#e3c994;--text:#e5e3d8;--muted:#899084;--line:rgba(196,174,119,.19);--red:#ae6251;--green:#829b71;--serif:'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.55}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}button:hover:not(:disabled){color:var(--gold-light)}svg{width:20px;height:20px;vertical-align:middle;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:35px;background:linear-gradient(110deg,#1d211a,#141813 60%,#171b16)}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-emblem{height:39px;width:39px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #9d8757;background:#292a1c;box-shadow:0 0 0 4px #9d875711}.brand-emblem svg{transform:rotate(-45deg);width:26px;height:26px;color:var(--gold)}.brand h1{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:3px;margin:0;color:#dfcca6}.brand p{margin:1px 0 0;font-size:8px;letter-spacing:3.3px;color:#888874}.nav{display:flex;gap:24px;height:100%;align-items:stretch}.nav button{position:relative;color:#9a9e90;white-space:nowrap;padding:0 2px;display:flex;align-items:center;gap:7px;font-size:12px}.nav svg{width:16px;height:16px}.nav .active{color:var(--gold-light)}.nav .active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -3px 18px #c6a76966}.resources{margin-left:auto;display:flex;align-items:center;gap:22px}.resource{display:flex;gap:7px;align-items:center;color:#d7ceb5;font-variant-numeric:tabular-nums}.resource svg{color:var(--gold);width:17px}.resource.gem svg{color:#96b5a6}.resource.ticket svg{color:#b8a2cb}.top-icon{color:#8a9384;border-left:1px solid var(--line);padding-left:18px}
.workspace{max-width:1720px;margin:auto;padding:25px 28px 14px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}.section-heading h2{font-family:var(--serif);font-weight:500;letter-spacing:4px;font-size:24px;margin:4px 0}.section-heading p{color:var(--muted);font-size:11px;margin:0}.save-status{display:flex;align-items:center;gap:7px;color:#949b8b;font-size:11px}.status-dot{height:5px;width:5px;background:#93a880;border-radius:50%;box-shadow:0 0 8px #9fb98755}.layout{display:grid;grid-template-columns:222px minmax(0,1fr);gap:22px;align-items:start}.sidebar{background:linear-gradient(155deg,#1b201a,#131812);border:1px solid var(--line);padding:13px;position:relative}.panel-label{display:flex;justify-content:space-between;align-items:center;color:#a8ad9b;font-size:10px;letter-spacing:2px;margin:0 1px 11px}.panel-label svg{width:14px;height:14px}.hero-art{height:239px;position:relative;border:1px solid #a58a594a;background-image:url('assets/heroes.png');background-size:333% auto;background-position:var(--position) 27%;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#151813)}.hero-level{position:absolute;top:10px;left:10px;background:#101510e3;border:1px solid #a38f61;padding:2px 8px;color:#dfca9e;font-size:11px}.hero-title{position:absolute;bottom:11px;left:15px;z-index:1}.hero-title h3{font-family:var(--serif);font-size:25px;letter-spacing:6px;margin:0}.hero-title small{color:#c0b291;font-size:10px;letter-spacing:3px}.hero-quote{font-family:var(--serif);text-align:center;font-size:11px;letter-spacing:1px;color:#8f9784;padding:12px 0 10px}.class-tabs{display:flex;padding-bottom:15px;gap:5px}.class-tabs button{flex:1;border:1px solid var(--line);padding:6px 0;color:#8f9988;font-size:11px}.class-tabs button.selected{background:#ad965120;border-color:#b89d63;color:#d8c292}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 2px 15px}.stat{display:flex;justify-content:space-between;font-size:11px}.stat span{color:#929989}.stat strong{font-weight:500;font-variant-numeric:tabular-nums;color:#d3d5c7}.divider{border:0;border-top:1px solid var(--line);margin:14px 0}.weapon-mini{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:10px;background:linear-gradient(110deg,#c1a16a0b,transparent);width:100%;text-align:left}.weapon-mini .weapon-icon{color:var(--luck);filter:drop-shadow(0 0 5px var(--luck));background:#131711;padding:6px;border:1px solid #89744f55}.weapon-mini b{font-size:12px;font-weight:500;color:#d0c5a8}.weapon-mini small{display:block;font-size:10px;color:var(--gold);margin-top:2px}.experience{margin-top:15px}.bar-label{display:flex;justify-content:space-between;color:#9aa18f;font-size:10px;margin-bottom:5px}.bar{height:4px;background:#0d120d;overflow:hidden}.bar>span{display:block;height:100%;transition:width .45s;background:#a89561}.side-button{margin-top:13px;width:100%;padding:8px;border:1px solid var(--line);color:#b3baaa;font-size:11px;display:flex;justify-content:center;align-items:center;gap:7px}.side-button svg{width:15px}.side-note{color:#707b6b;font-size:10px;line-height:1.8;margin:13px 0 0}.game-column{min-width:0}.arena{height:426px;position:relative;overflow:hidden;background-image:linear-gradient(0deg,#10170fee 0%,#10170f15 40%,#13190f25 60%,#151a12b0 100%),url('assets/battlefield.png');background-size:cover;background-position:center 46%;border:1px solid #9c885639;isolation:isolate}.arena.theme-cave{background-blend-mode:normal,luminosity;background-color:#2a3038}.arena.theme-poison{background-color:#24432b;background-blend-mode:normal,luminosity}.arena.theme-ice{background-color:#29415a;background-blend-mode:normal,luminosity}.arena.theme-blood{background-color:#51281f;background-blend-mode:normal,luminosity}.arena:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#0a130c99 100%);z-index:-1}.arena-top{position:absolute;left:23px;right:23px;top:19px;display:flex;align-items:start;justify-content:space-between}.location-title{display:flex;gap:10px;align-items:center}.location-title>svg{color:var(--gold);width:28px;height:28px}.location-title h3{font-family:var(--serif);font-size:20px;letter-spacing:3px;font-weight:500;margin:0}.location-title p{font-size:9px;color:#ada78a;letter-spacing:1px;margin:2px 0 0}.map-button{display:flex;align-items:center;gap:7px;font-size:10px;padding:7px 11px;border:1px solid #aa9a714d;background:#11170d80;color:#d3cab0}.map-button svg{width:13px;height:13px}.round-label{position:absolute;top:77px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:3px;color:#d0c6a6;text-shadow:0 2px 10px #000}.round-label:before,.round-label:after{content:'—';margin:0 12px;color:#b7a16b80}.enemy-row{display:flex;justify-content:center;align-items:end;gap:27px;position:absolute;top:121px;left:20px;right:20px;height:234px}.enemy{position:relative;width:155px;height:215px;padding:0;text-align:left;border:1px solid #96865b;background:#171c13;border-radius:4px 4px 0 0;box-shadow:0 13px 25px #0008;transition:transform .25s,border-color .25s,opacity .3s;isolation:isolate}.enemy.selected{border-color:#e1c38a;box-shadow:0 0 0 2px #c0a16333,0 8px 35px #0009,0 0 30px #caaa5030;transform:translateY(-9px)}.enemy:not(.dead):hover{transform:translateY(-9px)}.enemy.selected:after{content:'目标';position:absolute;bottom:-22px;text-align:center;width:100%;font-size:9px;letter-spacing:2px;color:#dfc58b}.enemy.boss{height:235px;width:168px;border-color:#b58558}.enemy.dead{opacity:.23;filter:grayscale(1);transform:translateY(8px);cursor:default}.enemy-art{position:absolute;inset:0;background-image:url('assets/enemies.png');background-size:300% auto;background-position:var(--position) 35%;z-index:-2}.enemy:before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0b100af0);z-index:-1}.enemy-header{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;font-size:9px}.enemy-header span{background:#11160dda;padding:1px 6px;color:#c5c4ac;border:1px solid #c5c09b33}.enemy-header .intent{display:flex;align-items:center;gap:4px;color:#e6b39b}.intent svg{width:12px;height:12px}.enemy-name{position:absolute;bottom:15px;left:10px;right:10px;text-align:center;font-family:var(--serif);font-size:16px;letter-spacing:2px}.enemy-hp{position:absolute;left:10px;right:10px;bottom:8px;height:3px;background:#191a14}.enemy-hp span{height:100%;background:linear-gradient(90deg,#834634,#cf8060);display:block;transition:width .3s}.enemy-health-number{font:9px var(--sans);color:#cabf9f;letter-spacing:1px;display:block;margin-top:5px}.enemy-state{position:absolute;top:34px;left:8px;color:#bfe096;font-size:9px;text-shadow:0 1px 3px #000}.arena-caption{position:absolute;bottom:19px;text-align:center;width:100%;font-size:10px;letter-spacing:1px;color:#b1b49c}.arena-caption svg{width:13px;height:13px;margin-right:5px}.depth-dots{display:flex;align-items:center;gap:7px;margin-top:5px}.depth-dots i{width:21px;height:2px;background:#79806a66}.depth-dots i.lit{background:var(--gold)}.ember{position:absolute;bottom:-10px;width:3px;height:3px;background:#d9a963;border-radius:50%;animation:embers 10s linear infinite;box-shadow:0 0 7px #e9b064;pointer-events:none;z-index:0}.hero-battle-bar{background:linear-gradient(90deg,#20271b,#182015);border:1px solid var(--line);border-top:0;display:flex;align-items:center;gap:18px;padding:13px 18px;min-height:83px}.mini-avatar{width:43px;height:48px;flex-shrink:0;background-image:url('assets/heroes.png');background-size:450% auto;background-position:var(--avatar-position) 23%;border:1px solid #ad965755}.hero-vitals{flex:1;min-width:130px}.vital-name{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:15px;letter-spacing:2px;margin-bottom:5px}.vital-name small{font-family:var(--sans);font-size:9px;color:var(--gold);letter-spacing:0}.vitals{display:flex;gap:17px}.vital{flex:1;max-width:190px}.vital-label{font-size:9px;display:flex;justify-content:space-between;color:#acae9d}.vital .bar{margin-top:3px;height:4px}.hp span{background:linear-gradient(90deg,#6f4133,#ae7962)}.mp span{background:linear-gradient(90deg,#344957,#7898a4)}.potion-buttons{display:flex;gap:7px}.potion{position:relative;width:39px;height:41px;border:1px solid #8b715344;background:#141a12}.potion svg{width:18px;color:#c78073}.potion.blue svg{color:#85b2c6}.potion small{position:absolute;bottom:0;right:4px;font-size:9px;color:#b7bbaa}.turn-block{display:flex;align-items:center;gap:16px}.action-points{font-size:9px;color:#a5ad99;text-align:center;white-space:nowrap}.orbs{display:flex;gap:5px;margin-bottom:4px}.orb{width:11px;height:11px;transform:rotate(45deg);border:1px solid #958153;background:#b69e69;box-shadow:0 0 7px #c2a26633}.orb.empty{background:#262c20;border-color:#4b533d;box-shadow:none}.primary{border:1px solid #b49a5b;background:linear-gradient(130deg,#bd9f65,#9a7e43);color:#1a2015!important;padding:11px 22px;font-weight:600;font-size:12px;letter-spacing:1px;transition:filter .2s;white-space:nowrap}.primary:hover:not(:disabled){filter:brightness(1.14)}.primary svg{width:15px;margin-left:6px}.secondary{border:1px solid var(--line);background:#bba16c0a;padding:9px 15px;color:#c5c4ad;font-size:12px}.danger{color:#d09181!important}.hand-header{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 14px}.hand-header>span{font-size:12px;letter-spacing:1px;color:#c6c9b9}.hand-header small{font-size:10px;color:#89927e;letter-spacing:0;margin-left:10px}.hand-header-right{color:#8c967f;font-size:10px;display:flex;gap:15px}.hand-header-right button{padding:0;font-size:10px}.hand{display:flex;gap:12px;min-height:156px;overflow-x:auto;padding:7px 3px 14px;scrollbar-width:thin;scrollbar-color:#766c49 transparent}.skill-card{flex:1;min-width:115px;max-width:190px;height:149px;position:relative;padding:10px 11px 9px;text-align:left;border:1px solid #5a6445;border-top-color:#a79864;background:linear-gradient(145deg,#313822,#182015 70%);border-radius:3px;box-shadow:0 5px 15px #0003;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:visible}.skill-card:before{content:'';position:absolute;inset:4px;border:1px solid #baa37314;pointer-events:none}.skill-card:hover:not(:disabled){transform:translateY(-6px);border-color:#d2b677;box-shadow:0 6px 23px #c7ac5622}.skill-card.fire{background:radial-gradient(ellipse at 65% 30%,#6e392c60,transparent 65%),linear-gradient(145deg,#312d20,#1d2117)}.skill-card.lightning,.skill-card.ice{background:radial-gradient(ellipse at 65% 30%,#37506480,transparent 65%),linear-gradient(145deg,#28312b,#17201b)}.skill-card.poison,.skill-card.talisman,.skill-card.heal{background:radial-gradient(ellipse at 65% 30%,#315d3b70,transparent 65%),linear-gradient(145deg,#293326,#172016)}.card-cost{position:absolute;top:-8px;left:10px;width:23px;height:25px;border:1px solid #bcaa71;background:#24301d;display:grid;place-items:center;font:15px Georgia,serif;color:#e0d2aa;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.card-type{font-size:8px;letter-spacing:1px;color:#aaa98c;text-align:right}.card-symbol{height:47px;display:grid;place-items:center;color:#d0bd83}.card-symbol svg{width:34px;height:34px;filter:drop-shadow(0 0 8px #cfac5c22)}.fire .card-symbol{color:#df9c75}.ice .card-symbol,.lightning .card-symbol{color:#93c5df}.poison .card-symbol,.heal .card-symbol{color:#a0c599}.skill-card h4{font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:2px;text-align:center;margin:0 0 5px;color:#e2d6b9}.skill-card p{font-size:9px;line-height:1.6;margin:0;text-align:center;color:#a5ab94}.card-mana{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:8px;color:#8ba6ae}.battle-log{border-top:1px solid var(--line);padding:12px 2px 0;display:flex;gap:10px;font-size:10px;color:#85917a;min-height:35px}.battle-log svg{width:14px;height:14px;flex-shrink:0;color:#a7a882}.bottom-line{display:flex;justify-content:space-between;margin:18px 0 0;color:#65705e;font-size:9px;letter-spacing:1px}.keyboard-hint{color:#75806d}.keyboard-hint kbd{border:1px solid #5e674433;padding:1px 4px;font:9px var(--sans);margin:0 3px}.outcome{position:absolute;z-index:5;inset:90px 0 0;background:linear-gradient(transparent,#10170ff2 45%,#10170ff9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.outcome .seal{width:65px;height:65px;border:1px solid #c0a96c;transform:rotate(45deg);display:grid;place-items:center;margin-bottom:20px;background:#302e1c80;box-shadow:0 0 45px #c9a15425}.outcome .seal svg{transform:rotate(-45deg);width:33px;height:33px;color:var(--gold-light)}.outcome h3{font:30px var(--serif);letter-spacing:9px;margin:0 0 9px;color:#e0c58b}.outcome p{font-size:11px;color:#afb5a1;margin:0 0 18px}.outcome-actions{display:flex;gap:10px}.empty-hand{display:grid;place-items:center;width:100%;color:#88917c;border:1px dashed var(--line);font-size:12px}.small-badge{font-size:9px;border:1px solid #9aab7060;color:#c0ce9e;padding:1px 5px}
#fx,#float-layer{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:30}.float-text{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,var(--serif);font-weight:bold;font-size:35px;color:#f8dfac;text-shadow:0 2px 2px #271a0a,0 0 20px #e9b86499;animation:float-up 1.2s ease-out forwards;white-space:nowrap}.float-text.crit{font-size:44px;color:#ffc27a}.float-text.heal{color:#b1df9c;font-size:26px}.float-text.blue{color:#a4d7ee}.float-text.incoming{color:#e7a48b;font-size:28px}.enemy.hit{animation:hit .45s}.arena.shake{animation:shake .28s}.cast-banner{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);color:#f0d9a1;font:22px var(--serif);letter-spacing:7px;white-space:nowrap;text-shadow:0 2px 12px #000;animation:banner .9s ease-out forwards}#toasts{position:fixed;right:25px;top:90px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:min(390px,90vw);pointer-events:none}.toast{background:linear-gradient(110deg,#2c3124f7,#161d14fa);border:1px solid #8f805359;border-left:3px solid var(--toast-color,var(--gold));box-shadow:0 7px 25px #0006;padding:13px 18px;display:flex;gap:12px;align-items:center;animation:toast-in .3s ease-out;color:#ded9c6;font-size:12px}.toast svg{color:var(--toast-color,var(--gold));flex-shrink:0}.toast small{display:block;color:#a9af98;font-size:10px;margin-top:3px}
dialog{color:var(--text);border:1px solid #91835b66;background:linear-gradient(140deg,#242a1f,#131911 75%);padding:0;width:min(780px,calc(100vw - 30px));max-height:87vh;box-shadow:0 25px 100px #000b;scrollbar-width:thin;scrollbar-color:#756d4d transparent}dialog::backdrop{background:#070d08b8;backdrop-filter:blur(7px)}.dialog-head{padding:24px 27px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#1e251bec;backdrop-filter:blur(10px);z-index:2}.dialog-head h2{font-family:var(--serif);font-size:24px;letter-spacing:4px;font-weight:500;margin:2px 0}.dialog-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.close{height:35px;width:35px;border:1px solid var(--line);display:grid;place-items:center;color:#a9ad98}.close svg{width:17px}.dialog-body{padding:22px 27px 27px}.dialog-note{font-size:11px;color:#a0a78f;line-height:1.9;margin:12px 0}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-tile{position:relative;min-height:135px;overflow:hidden;padding:18px;text-align:left;border:1px solid var(--line);background-image:linear-gradient(100deg,#131910ef,#131910b0),url('assets/battlefield.png');background-size:cover;background-position:center}.map-tile.locked{filter:grayscale(.7);opacity:.5}.map-tile.current{border-color:var(--gold)}.map-tile h3{font:20px var(--serif);letter-spacing:3px;margin:5px 0 10px}.map-tile p{font-size:10px;color:#b8b9a1;margin:0}.map-tile small{font-size:9px;letter-spacing:1px;color:var(--gold)}.map-tile>svg{position:absolute;right:16px;top:16px;width:15px;color:#b9ac8a}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:11px;color:#a7b094}.gear-list{display:flex;flex-direction:column;gap:10px}.gear-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:13px;background:#c1af6b04}.gear-icon{height:47px;width:47px;flex-shrink:0;display:grid;place-items:center;border:1px solid currentColor;color:var(--quality,#bbb);background:#0e150e;box-shadow:inset 0 0 20px #a2935030}.gear-icon svg{width:29px;height:29px}.gear-details{flex:1}.gear-details h4{color:var(--quality);font-size:13px;font-weight:500;margin:0 0 5px}.gear-details p{font-size:10px;color:#a1ab95;margin:0}.gear-details small{display:block;color:#c8b87f;font-size:10px;margin-top:3px}.gear-actions{display:flex;gap:7px}.gear-actions button{font-size:10px;padding:7px 11px;border:1px solid var(--line)}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.equip-slot{padding:12px;border:1px solid var(--line);min-height:77px;color:var(--quality,#7b856f)}.equip-slot small{display:block;font-size:9px;color:#8d977e;margin-bottom:6px}.equip-slot b{font-size:11px;font-weight:400}.equip-slot svg{width:15px;margin-right:4px}.furnace{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center}.furnace-art{height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#9e79301f,transparent 65%);position:relative}.furnace-art:before{content:'';position:absolute;width:170px;height:170px;border:1px solid #a2925744;border-radius:50%;box-shadow:0 0 0 15px #9e793009,0 0 0 35px #9e793007}.furnace-art svg{width:90px;height:90px;color:var(--luck);filter:drop-shadow(0 0 22px var(--luck));transform:rotate(-20deg);margin-bottom:18px}.furnace-art h3{font:20px var(--serif);color:#e0c798;letter-spacing:2px;margin:0;z-index:1}.furnace-art small{color:#aba98b;font-size:11px;z-index:1}.luck-diamonds{display:flex;gap:8px;margin:21px 0}.luck-diamonds i{width:12px;height:12px;border:1px solid #777956;transform:rotate(45deg)}.luck-diamonds i.lit{background:var(--luck);border-color:var(--luck);box-shadow:0 0 7px var(--luck)}.furnace-info h3{font:27px var(--serif);letter-spacing:4px;color:#e5c891;margin:0 0 17px}.detail-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px;color:#9fa88f}.detail-row strong{color:#d8d1b3;font-weight:500}.furnace-info .primary{width:100%;margin-top:18px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shop-item{text-align:center;padding:25px 17px 18px;border:1px solid var(--line);background:radial-gradient(ellipse at center,#b3a56310,transparent)}.shop-item>svg{width:40px;height:40px;color:#c4ad71;margin-bottom:12px}.shop-item h3{font-family:var(--serif);letter-spacing:2px;font-weight:500;margin:0 0 8px}.shop-item p{font-size:10px;color:#98a087}.shop-item button{margin-top:10px;min-width:110px}.skill-library{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.library-card{border:1px solid var(--line);padding:17px;display:flex;gap:14px;align-items:start}.library-card>svg{width:26px;height:26px;color:var(--gold);flex-shrink:0;margin-top:4px}.library-card.locked{opacity:.5}.library-card h4{margin:0 0 5px;font:16px var(--serif);letter-spacing:2px}.library-card p{font-size:10px;margin:0;color:#a3ae94}.library-card small{color:#bdaa76;font-size:9px;display:block;margin-top:7px}.wish-scene{text-align:center;padding:10px 0}.wish-symbol{width:115px;height:115px;margin:5px auto 30px;display:grid;place-items:center;border:1px solid #ac936855;transform:rotate(45deg);background:radial-gradient(#7a684744,#192115);box-shadow:0 0 0 10px #bda76c08,0 0 60px #9f88461a}.wish-symbol svg{transform:rotate(-45deg);width:50px;height:50px;color:#d6bc86}.wish-scene h3{font:26px var(--serif);letter-spacing:5px;color:#dec995}.wish-scene p{font-size:12px;color:#a3ae94;line-height:1.9}.wish-reward{color:#d9c299;font:23px var(--serif);letter-spacing:3px;padding:20px}.settings-grid{display:grid;gap:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.setting-row h4{margin:0;font-size:13px;font-weight:500}.setting-row p{color:#939e85;font-size:11px;margin:5px 0 0}.toggle{width:43px;height:24px;border-radius:15px;background:#3b4331;position:relative;border:1px solid #87906444}.toggle:before{content:'';position:absolute;left:4px;top:4px;width:14px;height:14px;background:#969e88;border-radius:50%}.toggle.on{background:#a18c56}.toggle.on:before{left:23px;background:#e9ddbd}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.help-steps{display:grid;gap:17px}.help-step{display:flex;gap:15px}.help-step strong{width:28px;height:28px;flex-shrink:0;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font:16px Georgia}.help-step h4{margin:0 0 4px;font-size:13px;font-weight:500}.help-step p{font-size:11px;color:#a1aa91;margin:0;line-height:1.8}.dialog-body .empty{padding:30px;text-align:center;color:#929d82;line-height:2;font-size:12px}.loot-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
@keyframes embers{0%{transform:translateY(0) translateX(0);opacity:0}15%{opacity:.65}100%{transform:translateY(-480px) translateX(90px);opacity:0}}@keyframes float-up{0%{opacity:0;translate:0 12px;scale:.6}15%{opacity:1;scale:1.12}35%{scale:1}100%{opacity:0;translate:0 -80px}}@keyframes hit{0%,100%{translate:0 0;filter:brightness(1)}20%{translate:5px -2px;filter:brightness(1.8)}40%{translate:-4px 1px}60%{translate:2px 0}}@keyframes shake{0%,100%{translate:0 0}25%{translate:3px 2px}75%{translate:-3px -1px}}@keyframes banner{0%{opacity:0;scale:.8}20%{opacity:1;scale:1}75%{opacity:1}100%{opacity:0;translate:0 -20px}}@keyframes toast-in{from{opacity:0;translate:20px 0}to{opacity:1;translate:0 0}}
body.low-motion *,body.low-motion *:before,body.low-motion *:after{animation:none!important;transition:none!important}body.low-motion .float-text,body.low-motion .cast-banner{opacity:1}
@media(min-width:1550px){.arena{height:485px}.enemy-row{top:143px;height:260px;gap:40px}.enemy{width:177px;height:246px}.enemy.boss{width:188px;height:270px}.hero-art{height:262px}.sidebar{padding:16px}.layout{grid-template-columns:248px minmax(0,1fr)}.skill-card{height:165px}.card-symbol{height:56px}.hero-battle-bar{padding:16px 23px}}
@media(max-width:1200px){.topbar{gap:23px;padding:0 20px}.brand h1{font-size:17px;letter-spacing:2px}.brand p{font-size:7px;letter-spacing:2.5px}.nav{gap:16px}.nav button{font-size:11px}.resources{gap:14px}.resource{font-size:11px}.workspace{padding:21px 20px 14px}.layout{grid-template-columns:194px minmax(0,1fr);gap:17px}.sidebar{padding:10px}.hero-art{height:224px}.enemy-row{gap:19px}.enemy{width:141px;height:205px}.enemy.boss{width:151px;height:223px}.hero-battle-bar{gap:11px;padding:12px}.turn-block{gap:12px}.primary{padding:11px 16px}.skill-card{min-width:104px;padding:10px 8px}.hand{gap:9px}.hero-vitals{min-width:112px}.vitals{gap:9px}.potion-buttons{gap:5px}.potion{width:32px}}
@media(max-width:980px){.nav{gap:14px}.nav svg{display:none}.nav button[data-modal="wish"]{display:none}.topbar{gap:20px}.brand-emblem{width:31px;height:31px}.resources{gap:12px}.layout{grid-template-columns:168px minmax(0,1fr);gap:14px}.hero-art{height:195px}.hero-title h3{font-size:22px}.stat-grid{grid-template-columns:1fr;gap:6px}.hero-quote{font-size:9px}.sidebar .side-note{display:none}.enemy-row{gap:14px}.enemy{width:128px;height:194px}.enemy.boss{width:137px;height:210px}.hand-header small{display:none}.hero-battle-bar .mini-avatar{display:none}.vital-name{font-size:13px}.potion-buttons{gap:4px}.turn-block{gap:9px}.primary{padding:10px 12px}.arena{height:401px}.enemy-row{top:104px}.topbar .ticket{display:none}.skill-card{min-width:100px}.hero-battle-bar{gap:10px}.hand{padding-bottom:12px}}
@media(max-width:760px){.topbar{height:auto;min-height:67px;flex-wrap:wrap;gap:0;padding:13px 16px 0}.brand{gap:10px}.brand h1{font-size:16px;letter-spacing:2px}.brand p{font-size:6px}.brand-emblem{width:29px;height:29px}.resources{margin-left:auto;gap:12px}.top-icon{padding-left:10px}.nav{order:3;flex-basis:100%;height:45px;justify-content:space-between;gap:10px;margin-top:9px;overflow-x:auto}.nav button[data-modal="wish"]{display:flex}.nav svg{display:inline;width:13px}.nav button{font-size:10px}.workspace{padding:17px 12px 12px}.section-heading{margin-bottom:15px}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.eyebrow{font-size:8px}.save-status{font-size:9px}.layout{display:block}.sidebar{display:none}.arena{height:395px}.arena-top{left:15px;right:15px;top:15px}.location-title h3{font-size:18px}.map-button{padding:6px 8px;font-size:9px}.enemy-row{left:12px;right:12px;gap:13px;top:113px;height:218px}.enemy{width:calc((100% - 26px)/3);max-width:151px;height:198px}.enemy.boss{width:calc((100% - 26px)/3);height:214px}.enemy-name{font-size:14px;letter-spacing:1px}.enemy-header{left:6px;right:6px;font-size:8px}.enemy-health-number{font-size:8px}.hero-battle-bar{flex-wrap:wrap;gap:12px;padding:13px 12px}.hero-vitals{flex-basis:60%}.vital{max-width:none}.turn-block{flex:1;justify-content:space-between}.potion-buttons{margin-left:auto}.potion{width:35px;height:39px}.orbs{gap:7px;margin-bottom:0}.action-points{display:flex;gap:12px;align-items:center;font-size:10px}.hero-battle-bar .primary{padding:10px 20px}.hand-header{margin-top:17px}.hand-header>span{font-size:11px}.hand-header-right{font-size:9px;gap:10px}.skill-card{min-width:113px;flex:0 0 113px;height:146px}.hand{gap:9px;margin-right:-12px;padding-right:12px}.hand-header-right button{font-size:9px}.battle-log{font-size:9px}.bottom-line{font-size:8px}.keyboard-hint{display:none}.outcome h3{font-size:25px}.outcome-actions .primary,.outcome-actions .secondary{padding:10px 14px}.dialog-head{padding:19px}.dialog-head h2{font-size:21px}.dialog-body{padding:18px}.map-grid{gap:8px}.map-tile{padding:13px;min-height:125px}.map-tile h3{font-size:17px;letter-spacing:2px}.map-tile p{font-size:9px}.furnace{gap:10px;grid-template-columns:1fr}.furnace-art{height:180px}.furnace-art:before{width:135px;height:135px}.furnace-art svg{width:60px;height:60px}.furnace-info h3{text-align:center;font-size:24px}.luck-diamonds{justify-content:center}.gear-row{gap:10px;padding:11px;flex-wrap:wrap}.gear-actions{margin-left:auto}.equipment-grid{gap:7px}.equip-slot{padding:9px}.skill-library{grid-template-columns:1fr}.shop-item{padding:20px 10px 15px}.settings-actions .secondary{font-size:10px;padding:9px 12px}#toasts{right:12px;top:117px}.toast{font-size:11px;padding:11px 13px}.side-note{display:none}}
@media(prefers-reduced-motion:reduce){.ember{animation:none}.enemy,.skill-card,.bar>span{transition:none}}
.profession-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:14px;font-size:10px;color:#b2b39b}.profession-label svg{width:13px;height:13px;color:var(--gold)}.profession-label button{font-size:9px;color:var(--gold);padding:0}.onboarding{min-height:100vh;position:relative;background:linear-gradient(90deg,#0b130fd9,#11170c68 65%,#0b1109a3),url('assets/battlefield.png') center/cover fixed;display:flex;flex-direction:column}.onboarding:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10150fea,transparent 50%,#11150f80);pointer-events:none}.onboarding-header{padding:35px 55px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.onboarding-version{font-size:10px;letter-spacing:3px;color:#acb097}.registration-layout{display:grid;grid-template-columns:1fr 390px;gap:90px;align-items:center;max-width:1160px;width:calc(100% - 110px);margin:auto;position:relative;z-index:1;padding:45px 0 70px}.registration-copy h2{font:68px/1.5 var(--serif);letter-spacing:13px;color:#e6dbc3;margin:19px 0 22px;text-shadow:0 5px 25px #080e08}.registration-copy h2 span{color:#d1b47a}.registration-copy>p{color:#b2b6a3;line-height:2.3;font-size:13px;letter-spacing:2px}.landing-tags{display:flex;gap:24px;margin-top:32px;color:#b7b697;font-size:11px}.landing-tags span{display:flex;gap:8px;align-items:center}.landing-tags svg{width:17px;color:#bfaa77}.registration-panel{padding:35px 30px;border:1px solid #b4a3734f;background:linear-gradient(145deg,#242b20ed,#121910f5);box-shadow:0 15px 55px #0005;backdrop-filter:blur(12px);position:relative}.registration-panel:before,.registration-panel:after{content:'';position:absolute;width:14px;height:14px;border-color:#bba373;border-style:solid}.registration-panel:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.registration-panel:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.registration-panel h3{font:27px var(--serif);letter-spacing:4px;margin:13px 0;color:#e6d8b5}.registration-panel>p{font-size:11px;color:#96a08a;margin-bottom:28px}.registration-panel label{display:block;font-size:11px;letter-spacing:1px;color:#c1c3ab;margin-bottom:9px}.phone-field{display:flex;align-items:center;border:1px solid #a396664f;background:#0f160dee;height:49px}.phone-field:focus-within{border-color:#d1b677;box-shadow:0 0 0 2px #c8a96714}.phone-field span{padding:0 13px;border-right:1px solid #8f927042;color:#bbae86;font-size:13px}.phone-field input{width:100%;background:none;border:0;outline:0;color:#e8ddc4;padding:12px;font-size:13px;letter-spacing:1px}.phone-field input::placeholder{color:#6f7a62;font-size:11px;letter-spacing:0}.registration-panel .primary{width:100%;padding:14px;font-size:12px}.form-error{color:#d89b86;font-size:10px;min-height:28px;padding:5px 0}.registration-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.registration-note svg{width:22px;color:#9aa481;flex-shrink:0}.registration-note p{font-size:10px;color:#8a957c;line-height:1.9;margin:0}.restore-link{display:block;font-size:10px;color:#b7aa83;text-align:center;width:100%;margin-top:18px}.onboarding-footer{position:relative;z-index:1;display:flex;justify-content:space-between;padding:23px 55px;border-top:1px solid #c2ad761a;font-size:9px;letter-spacing:2px;color:#788570}.onboarding-footer button{padding:0;font-size:9px;color:#a0a58b}.choose-content{width:min(1080px,calc(100% - 70px));margin:16px auto 40px;position:relative;z-index:1;text-align:center}.choose-content>h2{font:36px var(--serif);letter-spacing:8px;margin:13px 0 8px;color:#e3d6b7}.choose-intro{font-size:12px;color:#a1ac93;letter-spacing:1px;margin-bottom:28px}.choose-cards{display:flex;gap:24px;justify-content:center}.choose-card{position:relative;flex:1;max-width:300px;height:420px;overflow:hidden;text-align:left;border:1px solid #9b8d5e6b;box-shadow:0 15px 30px #0004;transition:transform .25s,border-color .25s}.choose-card.selected{border-color:#dac38c;box-shadow:0 0 0 3px #c2a96d18,0 15px 45px #0008;transform:translateY(-5px)}.choose-art{position:absolute;inset:0;background-image:url('assets/heroes.png');background-size:330% auto;background-position:var(--position) 27%;transition:scale .4s}.choose-card:hover .choose-art{scale:1.03}.choose-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#10170fcc 48%,#10170ffc)}.choose-card-icon{position:absolute;top:15px;left:15px;z-index:1;display:grid;place-items:center;width:32px;height:32px;background:#10150de3;border:1px solid #b8a7767a;color:#dcc187}.choose-card-icon svg{width:19px;height:19px}.choose-card-copy{position:absolute;left:23px;right:23px;bottom:26px;z-index:1}.choose-card-copy small{color:#b8b295;font:11px var(--serif);letter-spacing:2px}.choose-card-copy h3{font:34px var(--serif);letter-spacing:6px;color:#e7d8b4;margin:8px 0 7px}.choose-card-copy h3 span{font:10px var(--sans);letter-spacing:2px;margin-left:9px;color:#a7b19a}.choose-card-copy p{font-size:10px;color:#c7bf9e;margin:0;letter-spacing:1px}.choose-card-line{height:1px;background:linear-gradient(90deg,#beab7666,transparent);margin:15px 0}.choose-card-copy .choose-description{color:#949f88;font-size:10px;line-height:1.9;letter-spacing:0}.choose-mark{position:absolute;right:14px;top:16px;z-index:2;width:21px;height:21px;border:1px solid #a58f5c;border-radius:50%;display:grid;place-items:center;background:#152010}.choose-mark svg{width:14px;height:14px;color:#e1c48a}.choose-card.selected .choose-mark{background:#a8915a}.choose-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(948px,100%);margin:30px auto 0;padding-top:22px;border-top:1px solid var(--line);text-align:left}.choose-footer strong{font:18px var(--serif);letter-spacing:2px;color:#decca1}.choose-footer p{font-size:10px;color:#a1aa90;line-height:1.8;margin:8px 0 0}.choose-footer .primary{padding:15px 25px}.choose-account{font-size:9px;color:#758369;letter-spacing:1px;margin-top:23px}.merchant-profile{display:flex;align-items:center;gap:16px;padding-bottom:20px}.merchant-seal{display:grid;place-items:center;width:58px;height:58px;background:#b4a2630b;border:1px solid var(--line);flex-shrink:0}.merchant-seal svg{width:32px;height:32px;color:#c9b27a}.merchant-profile h3{font:17px var(--serif);letter-spacing:1px;color:#ded0ac;margin:0 0 8px}.merchant-profile p{font-size:11px;color:#9fa88f;margin:0}.transfer-rules{padding:15px 17px;border:1px solid var(--line);background:#a5a16907;display:grid;gap:11px;margin-bottom:22px}.transfer-rules div{display:flex;align-items:center;gap:10px;font-size:11px;color:#aeb79b}.transfer-rules svg{width:16px;height:16px;color:#c2b482}.merchant-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.merchant-choice{border:1px solid var(--line);padding:0;overflow:hidden;background:#131a10}.merchant-class-art{height:145px;background-image:url('assets/heroes.png');background-size:340% auto;background-position:var(--position) 27%}.merchant-choice h3{font:18px var(--serif);letter-spacing:3px;margin:11px 0 5px;color:#d6c49a}.merchant-choice p{font-size:10px;color:#9ca588;margin:0 0 13px}.merchant-choice.current{border-color:#b9a36d;opacity:.75}.transfer-summary>p{color:#aeb79c;font-size:12px}.transfer-summary>p strong{color:#ddc58a}.transfer-summary .detail-row{gap:16px}.transfer-summary .detail-row strong{text-align:right;font-size:11px}
@media(max-width:980px){.registration-layout{grid-template-columns:1fr 350px;gap:35px;width:calc(100% - 70px)}.registration-copy h2{font-size:49px;letter-spacing:8px}.registration-copy>p{font-size:11px;letter-spacing:1px}.landing-tags{flex-wrap:wrap;gap:12px;font-size:10px}.onboarding-header{padding:27px 35px}.registration-panel{padding:28px 23px}.choose-card{height:365px}.choose-card-copy{left:17px;right:17px;bottom:20px}.choose-cards{gap:15px}.choose-card-copy h3{font-size:29px}.choose-footer .primary{padding:13px 18px;font-size:11px}}
@media(max-width:760px){.onboarding-header{padding:23px 22px}.onboarding-version{font-size:8px;letter-spacing:1px}.registration-layout{display:block;width:calc(100% - 44px);padding:15px 0 35px;max-width:430px}.registration-copy .eyebrow{font-size:8px}.registration-copy h2{font-size:42px;letter-spacing:9px;line-height:1.45;margin:14px 0}.registration-copy>p{font-size:10px;line-height:2}.landing-tags{margin-top:18px;margin-bottom:26px;justify-content:space-between;gap:10px;font-size:9px}.landing-tags svg{width:14px}.registration-panel{padding:25px 23px}.registration-panel h3{font-size:24px}.registration-panel>p{margin-bottom:23px}.onboarding-footer{padding:18px 22px;letter-spacing:0;gap:12px;font-size:8px;flex-wrap:wrap}.onboarding-footer span:first-child{display:none}.choose-content{width:calc(100% - 28px);margin:15px auto 25px}.choose-content>h2{font-size:27px;letter-spacing:5px}.choose-intro{font-size:10px;margin-bottom:21px;letter-spacing:0}.choose-cards{gap:9px}.choose-card{height:290px;min-width:0}.choose-card-copy{left:9px;right:9px;bottom:14px}.choose-card-copy small{font-size:8px;letter-spacing:0}.choose-card-copy h3{font-size:22px;letter-spacing:2px;margin:6px 0}.choose-card-copy h3 span{display:none}.choose-card-copy>p{font-size:8px;letter-spacing:0;min-height:26px}.choose-card-copy .choose-description{font-size:8px;line-height:1.65;min-height:53px}.choose-card-line{margin:8px 0}.choose-art{background-size:340% auto;background-position:var(--position) 0%;background-repeat:no-repeat;background-color:#182015}.choose-card:after{inset:12% 0 0;background:linear-gradient(transparent,#10170fbf 38%,#10170f 65%)}.choose-card-icon{left:8px;top:9px;width:25px;height:25px}.choose-card-icon svg{width:14px}.choose-mark{width:16px;height:16px;right:7px;top:11px}.choose-mark svg{width:11px}.choose-footer{display:block;margin-top:19px;padding:18px 7px 0;text-align:center}.choose-footer strong{font-size:17px}.choose-footer p{font-size:9px;line-height:1.9}.choose-footer .primary{width:100%;margin-top:17px;font-size:12px}.choose-account{font-size:8px;letter-spacing:0;margin-top:17px}.merchant-class-art{height:102px}.merchant-choices{gap:8px}.merchant-profile h3{font-size:15px;line-height:1.7}.merchant-profile p{font-size:10px}.merchant-seal{height:47px;width:47px}.transfer-rules{padding:13px}.transfer-rules div{font-size:10px;line-height:1.7}.transfer-summary .detail-row{font-size:10px}.transfer-summary .detail-row strong{font-size:10px}.profession-label{font-size:9px}}

.enemy:disabled:not(.dead){opacity:1}.enemy.dead:disabled{opacity:.23}
/* Story, loot and distinct illustrated battle locations. */
.arena{background-image:linear-gradient(0deg,#0a0e14e6,transparent 48%,#0a10165e),var(--scene);background-position:center;background-size:cover;background-blend-mode:normal!important;background-color:#182027}
.world-label{position:absolute;right:24px;bottom:16px;font-size:9px;letter-spacing:2px;color:#bfc0b092;pointer-events:none}.quest-tracker{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding:15px 18px;border:1px solid #b59b5e42;background:linear-gradient(100deg,#39342166,#171c19);min-height:86px}.quest-seal{color:var(--gold);border:1px solid #aa925255;padding:9px}.quest-tracker small{font-size:9px;color:#af9567;letter-spacing:2px}.quest-tracker h3{margin:1px 0 2px;font:18px var(--serif);letter-spacing:2px;color:#e4d0a6}.quest-tracker p{margin:0;font-size:11px;color:#b2b4a1}.quest-tracker .secondary{margin-left:auto;flex-shrink:0;font-size:11px;padding:8px 12px}.quest-tracker .side-objective{color:#b9ccab;margin-top:4px;font-size:10px}.skill-card h4 small{font:9px var(--sans);letter-spacing:0;color:#c7b47e}.skill-progress{height:3px;background:#0b110d;margin:7px 0 2px;overflow:hidden}.skill-progress i{display:block;height:100%;background:linear-gradient(90deg,#829d74,#d2b579)}.skill-card{height:166px}.skill-card .skill-progress{position:absolute;bottom:27px;left:12px;right:12px}.library-card>div{flex:1}.story-banner{display:flex;gap:22px;align-items:center;padding:26px;border:1px solid #c7ab6840;background:radial-gradient(ellipse at right,var(--story-glow),transparent),linear-gradient(100deg,#141b18e0,#19251bb0),var(--story-image,url('assets/battlefield.png')) center 40%/cover}.story-banner>span{color:#d5b77b}.story-banner>span svg{width:45px;height:45px}.story-banner small{font-size:10px;letter-spacing:4px;color:#ceb57e}.story-banner h3{font:20px/1.8 var(--serif);margin:5px 0 0;color:#f0dfbe}.story-lines{padding:13px 0}.story-line{display:grid;grid-template-columns:75px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid #c0ad7317}.story-line b{font:13px/2 var(--serif);color:#c5ac78}.story-line p{margin:0;color:#c4c7b9;line-height:2;font-size:13px}.story-choices{display:flex;gap:12px;margin-top:22px}.story-choice{position:relative;flex:1;text-align:left;background:#3734214a;border:1px solid #9a874c70;padding:18px 34px 18px 16px}.story-choice strong{font-size:14px;color:#ddc58f}.story-choice small{display:block;font-size:10px;color:#a8b19b;margin-top:8px;line-height:1.8}.story-choice>svg{position:absolute;right:9px;top:19px;width:15px}.clue-card{padding:17px 20px;margin:12px 0;border-left:2px solid #c4a66b;background:#ab985116}.clue-card h3,.clue-card h4{color:#d7be8a;margin:4px 0;font:18px var(--serif)}.clue-card p{color:#b6c0ae;line-height:1.9}.clue-card small{font-size:10px;color:#a99566}.chapter-list>details{border-bottom:1px solid var(--line);padding:16px 0}.chapter-list summary{cursor:pointer;display:flex;align-items:center;gap:18px}.chapter-list summary>span{font:26px var(--serif);color:#a99665}.chapter-list h3{margin:0;font:17px var(--serif);color:#d9c59a}.chapter-list small{font-size:10px;color:#8f9a88}.chapter-list summary>svg{margin-left:auto;color:#a59468}.chapter-list p{color:#adb6a6;line-height:1.9}.recollection{font-size:12px;margin:15px 0}.recollection summary{font-size:11px;color:#bdaa7e}.map-tile{background:linear-gradient(130deg,#13201c66,#101612ed),var(--map-image) center/cover!important}.loss-link{color:#d7a293;text-decoration:underline;font-size:11px;padding-bottom:10px}
.chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0 20px}.treasure-chest{position:relative;padding:35px 10px 20px;border:1px solid #9d875643;background:radial-gradient(ellipse at 50% 25%,#b18b3628,transparent 65%),#191e19;transition:background .25s,border-color .25s}.treasure-chest:hover:not(:disabled){background-color:#332f1d;border-color:#d7b871}.chest-object{height:95px;width:122px;position:relative;margin:5px auto 20px;filter:drop-shadow(0 10px 12px #0007)}.chest-body{position:absolute;bottom:0;width:100%;height:62px;background:repeating-linear-gradient(0deg,transparent 0 16px,#1c140a70 17px 20px),linear-gradient(100deg,#57482c,#8a6d3d 45%,#453723);border:5px solid #b39861;box-shadow:inset 0 0 0 3px #272315}.chest-body:after{content:'';position:absolute;inset:0 22px;border-left:7px solid #b39861;border-right:7px solid #b39861}.chest-lid{position:absolute;z-index:2;top:0;width:100%;height:43px;background:linear-gradient(#ac8f55,#715b36);border:5px solid #c0a572;border-radius:22px 22px 3px 3px;box-shadow:inset 0 0 0 3px #403420;transition:transform .5s}.chest-object>span{position:absolute;z-index:3;top:38px;left:50%;transform:translateX(-50%);background:#ac8d51;border:2px solid #e6c481;padding:3px;color:#3b301d}.treasure-chest h3{font:17px var(--serif);letter-spacing:3px;color:#decb9f;margin:0}.treasure-chest p{font-size:10px;color:#9ba28e;margin:8px 0 0}.treasure-chest.opened{opacity:1;background:radial-gradient(ellipse at center,#b59c443b,transparent);border-color:#c8ab70}.opened .chest-lid{transform:translateY(-25px) rotate(-8deg)}.opened .chest-object{filter:drop-shadow(0 0 20px #f5cc6d65)}.treasure-chest.vanished{opacity:.2}.chest-reward{text-align:center;border-top:1px solid var(--line);padding-top:18px;animation:reward-reveal .6s}.chest-reward h3{font:23px var(--serif);margin:8px 0}.chest-reward p{color:#a9b5a0;font-size:12px}.chest-reward .book-reward{color:#cfb3e2;font-size:15px}.chest-reward .primary{margin-top:10px}
.combat-phase{color:#edd39c!important;letter-spacing:2px}.enemy.attacking{animation:enemy-lunge .55s ease-in-out!important;z-index:4}.enemy.falling{animation:enemy-fall .65s ease-in forwards!important}.hero-battle-bar.casting{animation:hero-cast .5s}.skill-card.played{animation:card-play .4s}.arena-caption{bottom:34px}.enemy.hit:before{background:linear-gradient(#ffdaa95e,#6b2b2840)}
@keyframes enemy-lunge{0%{transform:translateY(0) scale(1)}40%{transform:translateY(24px) scale(1.07);filter:brightness(1.5)}100%{transform:translateY(0) scale(1)}}@keyframes enemy-fall{0%{opacity:1;filter:brightness(1.6)}50%{transform:translateY(6px) rotate(-3deg);filter:grayscale(.7)}100%{opacity:.2;transform:translateY(17px) rotate(-5deg);filter:grayscale(1)}}@keyframes hero-cast{50%{box-shadow:inset 0 0 40px #d9bb6238;border-color:#ccb179}}@keyframes card-play{to{transform:translateY(-18px);opacity:.2}}@keyframes reward-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.low-motion .enemy.attacking,.low-motion .enemy.falling,.low-motion .hero-battle-bar.casting,.low-motion .chest-reward{animation:none!important}
@media(max-width:650px){.quest-tracker{padding:12px;gap:9px;align-items:start}.quest-seal{display:none}.quest-tracker h3{font-size:16px}.quest-tracker .secondary{padding:7px;font-size:10px}.quest-tracker p{font-size:10px}.story-banner{padding:18px;gap:12px}.story-banner h3{font-size:17px}.story-line{grid-template-columns:54px 1fr;gap:10px}.story-line p{font-size:12px}.story-choices{flex-direction:column}.chest-grid{gap:7px;padding-top:16px}.treasure-chest{padding:22px 2px 12px}.chest-object{width:78px;height:70px;margin-bottom:12px}.chest-body{height:44px;border-width:3px}.chest-body:after{inset:0 15px;border-width:4px}.chest-lid{height:32px;border-width:3px}.chest-object>span{top:27px;padding:1px}.chest-object svg{width:15px;height:15px}.treasure-chest h3{font-size:13px;letter-spacing:1px}.treasure-chest p{font-size:8px}.world-label{font-size:8px;right:12px;bottom:10px}.skill-card{height:161px}.arena-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.enemy.attacking,.enemy.falling,.hero-battle-bar.casting,.chest-reward{animation:none!important}}
.dialog-head{gap:14px}.dialog-head>div{min-width:0}.dialog-head .close{flex:0 0 35px;align-self:flex-start}

/* Map requirements, boss domains and exclusive weapons. */
.map-section-label{font:16px var(--serif);letter-spacing:2px;color:#d8c498;margin:0 0 14px}.map-section-label small{font:10px var(--sans);letter-spacing:0;color:#9aa48f;margin-left:10px}.secret-section{margin-top:28px;padding-top:21px;border-top:1px solid var(--line)}
.map-tile{min-height:182px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,filter .2s}.map-tile h3{color:#efe0c1}.map-tile p{line-height:1.8;max-width:92%}.map-tile.locked{opacity:1;filter:saturate(.65)}.map-tile.locked:hover,.map-tile:hover{border-color:#c0a86e;filter:saturate(1)}.map-entry-state{display:block;font-size:10px;line-height:1.7;margin-top:auto;padding-top:12px;color:#dfb9a1}.map-entry-state.ready{color:#bbd5a8}.map-tile.boss-map{border-color:#9e784d77;background:linear-gradient(130deg,#2d214466,#101612e8),var(--map-image) center/cover!important}.boss-map>small{color:#efc787}.boss-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-map h3{font-size:18px;letter-spacing:1px}.boss-map p{font-size:10px}.map-detail-banner{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background-position:center;background-size:cover;border:1px solid #be9f5b40}.map-detail-banner span{font-size:10px;letter-spacing:3px;color:#c9b78c}.map-detail-banner h3{font:28px var(--serif);letter-spacing:4px;margin:7px 0 12px;color:#efdbb8}.map-detail-banner p{font-size:12px;line-height:1.8;color:#cbcbbd;margin:0}.map-detail-banner+.map-section-label{margin-top:24px}.entry-checks{border:1px solid var(--line);padding:0 14px;background:#0b15153b}.entry-check{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #9b976f20;font-size:12px}.entry-check:last-child{border-bottom:0}.entry-check svg{width:16px;height:16px;flex-shrink:0}.entry-check span{flex:1}.entry-check b{font-weight:400;font-size:11px;color:#adb5a2;text-align:right}.entry-check.met{color:#b5cba7}.entry-check.unmet{color:#d9ad91}.map-roster{margin:19px 0;padding:15px;border-left:2px solid #9d9166;background:#aaa2660a}.map-roster span{font-size:10px;letter-spacing:2px;color:#b8a879}.map-roster p{font-size:12px;line-height:1.9;color:#bac3b0;margin:7px 0 0}.exclusive-weapon{padding:20px;border:1px solid #c39a525e;background:radial-gradient(ellipse at top right,#92713f24,transparent),#1c201b}.exclusive-weapon small{color:#bba278;font-size:10px;letter-spacing:2px}.exclusive-weapon h3{font:23px var(--serif);color:#e6c58e;margin:9px 0}.exclusive-weapon p{font-size:11px;color:#b2bba7;line-height:1.9}.exclusive-weapon div{font-size:12px;color:#d0bf9c;border-top:1px solid var(--line);padding-top:14px}.exclusive-weapon strong{font:23px Georgia;color:#efcc83;margin:0 4px}.gear-special{font-size:10px;color:#dfbd85;line-height:1.7;margin-top:6px}.exclusive-drop{padding:12px;border:1px solid #d3b06455;background:#c4a14b0e;font-size:13px;line-height:2;color:#e7c990}.exclusive-drop svg{width:18px;vertical-align:middle}.enemy-art.dark-variant{filter:hue-rotate(65deg) saturate(.75)}.arena.entering-map{animation:map-arrival .7s ease-out}@keyframes map-arrival{from{filter:brightness(.3)}to{filter:brightness(1)}}
@media(max-width:650px){.boss-map-grid{grid-template-columns:1fr}.map-tile{min-height:176px}.boss-map{min-height:150px}.map-tile h3{font-size:16px;letter-spacing:1px}.map-section-label{font-size:15px;line-height:1.8}.map-section-label small{display:block;margin-left:0}.map-entry-state{font-size:9px}.map-detail-banner{padding:18px;min-height:185px}.map-detail-banner h3{font-size:25px}.entry-check{font-size:11px;gap:7px;flex-wrap:wrap}.entry-check span{min-width:150px}.entry-check b{margin-left:23px}.exclusive-weapon{padding:16px}.exclusive-weapon h3{font-size:20px}.map-roster p{font-size:11px}.gear-details{min-width:0}.gear-special{font-size:9px}}
.low-motion .arena.entering-map{animation:none}@media(prefers-reduced-motion:reduce){.arena.entering-map{animation:none}}
/* Keep the enemy's armor readable alongside temporary combat effects. */
.enemy-armor{color:#ded1a9;padding:2px 4px;background:#12180dc4;border:1px solid #c5b57a45;border-radius:2px}

/* Skill library, route choices, and encounters with more than three enemies. */
.attack-origin{font-size:9px;color:#a09b80;line-height:1.8;margin:8px 0 0}
.attack-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #baa26540;background:#24291f;padding:15px;margin-bottom:12px}
.attack-breakdown span{font-size:11px;color:#afb49e}.attack-breakdown b{display:block;font-size:19px;color:#e0ca94;margin-top:5px}.attack-breakdown>strong{grid-column:1/-1;border-top:1px solid #aaa06b30;padding-top:10px;color:#ddc48e;font-weight:500}
.encounter-label{position:absolute;top:99px;left:20px;right:20px;font-size:9px;color:#c7c6b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.difficulty{display:inline-block;padding:2px 6px;border:1px solid #879b694d;color:#bbcca3;font:10px var(--sans);letter-spacing:1px;white-space:nowrap}
.difficulty-艰难{color:#e3c385;border-color:#b694535e}.difficulty-险境{color:#ecab8d;border-color:#b5624d66}.difficulty-绝境{color:#d4a2df;border-color:#9863b266}
.enemy-row.many-enemies{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#9c87544a transparent;padding:2px 6px 19px;top:121px;height:255px;gap:17px}
.many-enemies>.enemy{flex-shrink:0}.many-enemies>.enemy.selected:after{bottom:-15px}
.story-threat{display:flex;gap:10px;align-items:center;padding:12px 0;color:#b8bdab;font-size:11px}
.story-choices{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.story-choice{padding:17px 34px 17px 17px;min-width:0}.route-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:10px;color:#afaf99}.story-choice p{font-size:12px;color:#b5bdac;line-height:1.8;margin:8px 0 0}.story-choice>svg{top:54px}
.story-choice:has(.difficulty-稳妥){border-color:#89a16a55}.story-choice:has(.difficulty-险境){border-color:#b86e4d65}
.route-current{color:#cdb985!important;margin-top:5px!important}
.skill-card.used{border-color:#787a5b55;background:#1c2119;opacity:.65}.skill-card.used .card-type{color:#d7bc8b}.skill-card.used .card-symbol{filter:grayscale(.65)}
.skill-card p{font-size:9px;line-height:1.5}.skill-card{height:172px}.skill-card .card-type{letter-spacing:0}
.codex-summary{display:flex;gap:15px;justify-content:space-between;align-items:center;border:1px solid #a9935a44;padding:16px;margin-bottom:18px;background:#3a352326}.codex-summary strong{font:17px var(--serif);color:#d5be88}.codex-summary p{font-size:11px;color:#b0b59f;line-height:1.8;margin:7px 0 0}.codex-summary .secondary{flex-shrink:0;font-size:11px}
.book-grade{display:inline-block;font:9px var(--sans);color:#c4ab74;margin-left:9px}.library-card small{display:block;line-height:1.8;margin-top:6px}.skill-domain-grid .map-tile{min-height:169px}
@media(min-width:981px){.hand{flex-wrap:wrap}.skill-card{flex:0 1 145px;min-width:124px}}
@media(max-width:760px){.codex-ticket{display:none}.codex-summary{align-items:flex-start;flex-direction:column}.codex-summary .secondary{align-self:stretch;text-align:center}.encounter-label{left:15px;right:15px;top:96px;font-size:8px}.encounter-label .difficulty{font-size:8px}.enemy-row.many-enemies{top:117px;height:239px;gap:12px;padding-left:2px;padding-right:10px}.many-enemies>.enemy,.many-enemies>.enemy.boss{width:106px;min-width:106px}.skill-card{height:170px}.story-threat{font-size:10px}.attack-breakdown{gap:7px;padding:12px}.attack-breakdown span{font-size:10px}.attack-breakdown b{font-size:17px}.route-meta{gap:7px}}
.weapon-preparation { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:16px 18px; border:1px solid #746244; background:#252219; margin:0 0 14px; }
.weapon-preparation>div { flex:1 1 250px; }
.weapon-preparation strong { color:#dac391; font-size:13px; }
.weapon-preparation p { font-size:11px; line-height:1.6; margin:5px 0 0; color:#bdb49d; }
.weapon-preparation button { font-size:11px; padding:9px 12px; }

/* Twenty sequential stages in each story chapter. */
.chapter-stage-strip{padding:14px 17px;margin-bottom:14px;border:1px solid #ad956947;background:linear-gradient(100deg,#26302680,#17221f)}.chapter-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.chapter-strip-heading small{display:block;color:#a89b76;font-size:9px;letter-spacing:1px}.chapter-strip-heading strong{display:block;font:17px var(--serif);color:#e1c995;letter-spacing:2px;margin-top:3px}.chapter-strip-heading .secondary{font-size:10px;padding:8px 11px}.chapter-strip-heading svg{width:13px;height:13px;margin-left:7px}
.stage-mini-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px}.stage-mini{height:30px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid #89907740;background:#16231f;color:#a7b3a4;font:11px Georgia}.stage-mini svg{width:12px;height:12px;flex-shrink:0}.stage-mini.locked{color:#64746d;background:#111e1b;border-color:#7b866425}.stage-mini.cleared{color:#b3cf9d;background:#718b4333;border-color:#98b56c55}.stage-mini.available{color:#f1dba4;border-color:#e2c88d99;box-shadow:inset 0 0 12px #dec8891c}.stage-mini.current{outline:1px solid #ddc187;outline-offset:2px}.stage-mini.minor{color:#d1aa7e;border-color:#b18d606b}.stage-mini.major{color:#dbb3bf;border-color:#a97986aa}.stage-strip-rule{font-size:9px;color:#a0a487;margin:10px 0 0;line-height:1.7}.depth-dots>span{font-size:9px;color:#c7b685;letter-spacing:1px}
.chapter-board-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px;background-size:cover;background-position:center;border:1px solid #bc9b603b}.chapter-board-banner small{font-size:9px;letter-spacing:2px;color:#bfa66e}.chapter-board-banner h3{font:26px var(--serif);color:#f2dfb5;letter-spacing:4px;margin:5px 0}.chapter-board-banner p{font-size:11px;color:#b8bfa8;margin:7px 0 0}.chapter-boss-pair{display:grid;gap:14px}.chapter-boss-pair span{font-size:9px;color:#b7a78a;white-space:nowrap}.chapter-boss-pair b{display:block;font:16px var(--serif);color:#e5c598;margin-top:4px}
.chapter-board{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;margin-top:18px;align-items:start}.chapter-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.chapter-level{min-height:102px;padding:10px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #82916a40;background:linear-gradient(145deg,#2f3828,#17231f);min-width:0}.chapter-level>span{color:#c9b274;height:16px;font-size:12px}.chapter-level>span svg{width:15px;height:15px}.chapter-level>strong{font:24px Georgia;color:#d1c59e;margin:4px 0}.chapter-level>small{font-size:9px;letter-spacing:0;line-height:1.7;color:#a7b29b;white-space:nowrap}.chapter-level>em{font-size:8px;font-style:normal;color:#8e9b81;margin-top:4px}.chapter-level.locked{background:#121e1b;border-color:#87966c27}.chapter-level.locked>strong{color:#5c7169}.chapter-level.locked>small,.chapter-level.locked>em{color:#788a7f}.chapter-level.cleared{background:linear-gradient(145deg,#3c4e2d60,#1c2a23);border-color:#9daf6b60}.chapter-level.cleared>em{color:#bfd29a}.chapter-level.available{border-color:#d3bb7c9c;background:radial-gradient(ellipse at top,#8f703b4a,#1d2b23);box-shadow:0 0 15px #a9894410}.chapter-level.available>em{color:#ebcf8b}.chapter-level.selected{outline:1px solid #efd29a;outline-offset:2px}.chapter-level.minor{border-color:#be8c616b}.chapter-level.major{border-color:#af778f77;background:linear-gradient(145deg,#492d393f,#18221d)}.chapter-level.major>span{color:#e4b3c0}.chapter-level:hover{filter:brightness(1.2)}
.chapter-stage-detail{border:1px solid #bc9f6055;background:#1c2821;min-width:0}.stage-preview{position:relative;min-height:185px;padding:22px 16px 14px;display:flex;justify-content:flex-end;flex-direction:column;isolation:isolate;background-size:cover;background-position:center;overflow:hidden}.stage-preview>span{font-size:9px;color:#edcb9b;position:relative;z-index:1}.stage-preview h3{font:18px/1.8 var(--serif);color:#f1dbb5;margin:6px 0 0;position:relative;z-index:1;text-shadow:0 2px 6px #000}.stage-boss-art{position:absolute;top:0;right:0;height:185px;width:138px;background-repeat:no-repeat;z-index:-1;mask-image:linear-gradient(to bottom,#000 62%,transparent)}.stage-detail-content{padding:12px 15px}.stage-detail-content>p{font-size:10px;color:#a4b49e;line-height:1.85;margin:0 0 9px}.stage-detail-checks>div{padding:10px 0;border-bottom:1px solid #b2a06c27;font-size:10px;line-height:1.8}.stage-detail-checks small{display:block;color:#8fa68e;font-size:9px;margin-top:2px}.stage-detail-checks .met{color:#c2d4a8}.stage-detail-checks .unmet{color:#d6b49b}.stage-enter{width:100%;font-size:11px;padding:12px 9px;margin-top:14px}.stage-detail-content .stage-reward-note{font-size:9px;color:#c1ae82;margin:12px 0 0}.atlas-chapter-progress{margin-top:14px;padding:11px;border:1px solid #b99a6740;background:#b59e6810}.atlas-chapter-progress>b{font:13px var(--serif);color:#d5c08b}.atlas-chapter-progress>small{display:block;margin:6px 0;font-size:9px;color:#a1b29c}.atlas-chapter-progress>.secondary{font-size:10px;padding:8px;width:100%;margin-top:4px}
@media(max-width:1050px){.stage-mini-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.chapter-board{grid-template-columns:minmax(0,1fr) 225px;gap:12px}.chapter-level-grid{gap:6px}.chapter-level>small{font-size:8px}.chapter-level{min-height:95px}}
@media(max-width:650px){.chapter-stage-strip{padding:12px;margin-bottom:13px}.chapter-strip-heading strong{font-size:15px}.chapter-strip-heading small{font-size:8px}.chapter-strip-heading .secondary{font-size:9px;padding:8px}.stage-mini-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.stage-mini{height:29px;font-size:10px;gap:1px}.stage-mini svg{width:9px;height:9px}.stage-strip-rule{font-size:8px}.chapter-board-banner{padding:17px;gap:12px}.chapter-board-banner h3{font-size:22px;letter-spacing:2px}.chapter-board-banner small{font-size:7px;letter-spacing:1px}.chapter-board-banner p{font-size:9px}.chapter-boss-pair{gap:10px}.chapter-boss-pair span{font-size:8px}.chapter-boss-pair b{font-size:12px}.chapter-board{display:flex;flex-direction:column;gap:18px}.chapter-level-grid{width:100%;gap:7px}.chapter-level{min-height:94px;padding:8px 2px}.chapter-level>strong{font-size:23px}.chapter-level>small{font-size:8px}.chapter-stage-detail{width:100%}.stage-preview{min-height:185px;padding:20px}.stage-preview h3{font-size:21px}.stage-boss-art{width:145px;height:195px;right:20px}.stage-detail-content{padding:16px}.stage-detail-checks{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.stage-enter{font-size:12px;padding:12px}.chapter-stage-detail{scroll-margin-top:110px}}

/* Illustrated, explorable continent; all hit areas remain real accessible buttons. */
dialog.atlas-dialog{width:min(1240px,calc(100vw - 30px));max-width:calc(100vw - 18px);max-height:93vh;background:#151d1d;border-color:#b39c665e}
.atlas-dialog .dialog-head{background:#172020f5;padding:19px 23px 16px}.atlas-dialog .dialog-head h2{font-size:26px}.atlas-dialog .dialog-body{padding:0}
.atlas-shell{background:#111b1d}.atlas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px;border-bottom:1px solid #b6a16e30;background:#1a2322}
.atlas-filters{display:flex;gap:5px;flex-wrap:wrap}.atlas-filters button{font-size:11px;padding:8px 10px;color:#aeb9af;border:1px solid transparent;border-radius:2px}.atlas-filters button[aria-pressed=true]{border-color:#bca37370;color:#ecd5a3;background:#b3985420}.atlas-filters span{font:9px Georgia;margin-left:7px;opacity:.65}
.atlas-tools{display:flex;align-items:center;gap:5px;flex-shrink:0}.atlas-tools button{font-size:10px;padding:7px 9px;border:1px solid #d1ba7c2e;color:#c6c8b0}.atlas-tools button:first-child,.atlas-tools button:last-child{font-size:15px;width:30px;padding:3px}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:stretch}.atlas-map-column{min-width:0}.atlas-viewport{height:min(59vh,590px);min-height:390px;overflow:auto;position:relative;cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;scrollbar-color:#ae975c7d #111d20;background:#12272c}
.atlas-viewport.dragging{cursor:grabbing;user-select:none}.atlas-canvas{position:relative;width:100%;min-width:585px;aspect-ratio:3/2;background-position:center;background-size:100% 100%;isolation:isolate;user-select:none}
.atlas-grain{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(0deg,#0b202e22,transparent 50%,#0520270d);box-shadow:inset 0 0 70px 12px #0c1c2770}
.atlas-cartouche{position:absolute;top:15px;left:17px;display:flex;flex-direction:column;gap:4px;color:#ecdab1;pointer-events:none;text-shadow:0 1px 8px #02090b,0 1px 3px #02090b}.atlas-cartouche small{font-size:7px;letter-spacing:2px}.atlas-cartouche strong{font:26px var(--serif);letter-spacing:7px}.atlas-cartouche span{font-size:9px;letter-spacing:2px;color:#d0c7ad}
.atlas-compass{position:absolute;right:20px;bottom:16px;width:45px;display:flex;flex-direction:column;align-items:center;color:#ecd7aa;opacity:.9;filter:drop-shadow(0 1px 4px #00171e)}.atlas-compass span{font:10px var(--serif)}.atlas-compass svg{width:40px;height:40px;stroke-width:.8;fill:#c5b07426}
.atlas-roads{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.atlas-roads path{fill:none;stroke:#dbc89f;stroke-width:1.5;stroke-dasharray:4 5;opacity:.32;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #08141b)}.atlas-roads .route-selected{stroke:#ffe1a1;stroke-width:2;stroke-dasharray:5 5;opacity:.95;filter:drop-shadow(0 0 3px #edbd5b)}
.atlas-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;flex-direction:column;min-width:95px;max-width:116px;text-align:center;padding:5px 8px 4px;line-height:1.3;color:#f2e7c5;filter:drop-shadow(0 2px 3px #04101b);border:1px solid transparent;border-radius:5px;background:radial-gradient(ellipse at 50% 70%,#0c202bbf,transparent 73%)}
.atlas-node[hidden]{display:none}.atlas-node strong{font:13px/1.5 var(--serif);letter-spacing:1px;text-shadow:0 1px 2px #000,0 0 5px #031921;white-space:nowrap}.atlas-node small{font-size:9px;color:#d0cbbb;text-shadow:0 1px 3px #000;line-height:1.7}.atlas-node-symbol{height:28px;width:28px;border:1px solid #dcc087;border-radius:50%;background:radial-gradient(#827246,#253132);display:grid;place-items:center;box-shadow:0 0 0 3px #15272a80,0 1px 10px #080f14c7;margin-bottom:2px}.atlas-node-symbol svg{width:16px;height:16px;stroke-width:1.5}.atlas-node.boss .atlas-node-symbol{border-color:#e3b78b;background:radial-gradient(#846148,#302a34)}.atlas-node.codex .atlas-node-symbol{border-color:#b9cde2;background:radial-gradient(#637e99,#27273e)}
.atlas-node.locked{color:#c7c6b9}.atlas-node.locked .atlas-node-symbol{border-color:#929c95;color:#aeb4ad;background:#223036e8;box-shadow:0 0 0 3px #12242a70}.atlas-node.locked strong{color:#c4c8bf}.atlas-node.selected{border-color:#ead19d99;background:linear-gradient(#3d453b7a,#1c3032d4);box-shadow:0 0 20px #d9c17a22}.atlas-node.current:before{content:'';position:absolute;inset:-3px;border:1px solid #d7c08844;border-radius:7px;pointer-events:none}.atlas-node:hover{background:#3c4533b5;border-color:#e2ca9d99;z-index:5}.atlas-node:hover strong{color:#fff1cb}
.atlas-player{position:absolute;z-index:6;width:59px;height:81px;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;transition-property:left,top;transition-timing-function:linear;filter:drop-shadow(0 2px 3px #07191b)}
.atlas-player .atlas-hero-sprite{width:52px;height:71px;fill:none;stroke:none;overflow:visible;z-index:1}.atlas-player-name{position:absolute;bottom:77px;white-space:nowrap;background:#101e20ee;border:1px solid #c9b57999;color:#fae4b0;font-size:10px;padding:4px 7px;border-radius:3px;box-shadow:0 2px 8px #0008}.atlas-player-ring{position:absolute;bottom:4px;width:44px;height:14px;border-radius:50%;border:1px solid #e9da9c;background:#d5bb6933;box-shadow:0 0 16px #e2d49b99;animation:atlas-beacon 2.5s ease-in-out infinite}.atlas-you{position:absolute;top:81px;font-size:9px;white-space:nowrap;color:#fff2bc;text-shadow:0 1px 4px #000;background:#13242bc9;border-radius:2px;padding:1px 4px}
.atlas-player-name{bottom:auto;top:80px;padding:3px 6px;font-size:9px}.atlas-you{top:104px;font-size:8px}
.atlas-mobile-selection{display:none}.atlas-canvas{margin-inline:auto}
.atlas-player.walking .traveller-leg.left{animation:atlas-step .25s infinite alternate;transform-origin:25px 51px}.atlas-player.walking .traveller-leg.right{animation:atlas-step .25s infinite alternate-reverse;transform-origin:32px 51px}.atlas-player.walking .traveller-body{animation:atlas-bob .25s infinite alternate}.profession-mage .atlas-hero-sprite{filter:drop-shadow(0 0 3px #b8e4ff88)}
.atlas-map-footer{display:flex;gap:14px;align-items:center;padding:11px 17px;font-size:9px;background:#1a2627;color:#bac3b5;border-top:1px solid #a9996533}.atlas-map-footer>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.atlas-map-footer>small{font-size:9px;color:#9aaea7;margin-left:auto}.atlas-key{display:inline-block;width:6px;height:6px;border:1px solid #dbc78e;border-radius:50%;background:#c6b270}.atlas-key.locked{border-color:#8e9d9b;background:#4a5c62}.atlas-key.chosen{background:transparent;border-color:#ffdfa0;box-shadow:0 0 5px #ffe1a177}
.atlas-directory{display:flex;flex-wrap:wrap;gap:5px;padding:12px 14px;background:#142022}.atlas-directory button{padding:6px 8px;border:1px solid #b7a87826;color:#a7b3a7;font-size:10px;border-radius:2px;display:flex;align-items:center;gap:5px}.atlas-directory svg{width:11px;height:11px}.atlas-directory button[aria-pressed=true]{border-color:#d8ba7b77;color:#f0d39a;background:#bfa46211}
.atlas-destination{background:linear-gradient(145deg,#26302a,#172322);border-left:1px solid #c6b47940;min-width:0;scroll-margin-top:115px}.atlas-location-art{height:133px;background-position:center;background-size:cover;padding:15px 19px;display:flex;flex-direction:column;justify-content:flex-end}.atlas-location-art>small{font-size:9px;letter-spacing:1px;color:#d1cbb7}.atlas-location-art h3{font:25px var(--serif);letter-spacing:3px;color:#f5e3bb;margin:3px 0 8px}.atlas-access{display:flex;align-items:center;gap:5px;color:#cbb9a3;font-size:10px}.atlas-access svg{width:11px;height:11px}.atlas-access.ready{color:#bed9aa}.atlas-destination-body{padding:0 18px 18px}.atlas-description{font-size:11px;color:#adbeb4;line-height:1.85;margin:12px 0}.atlas-reward{border:1px solid #ae9c6733;background:#c8b87908;padding:11px 12px}.atlas-reward>small{font-size:8px;letter-spacing:2px;color:#c3af7f}.atlas-reward p{font-size:11px;line-height:1.7;color:#d5ceab;margin:4px 0}.atlas-reward>span{font-size:9px;color:#9dad9b}.atlas-destination h4{font:13px var(--serif);letter-spacing:2px;color:#dcc89c;margin:16px 0 8px}.atlas-destination h4 small{font:9px var(--sans);letter-spacing:0;color:#8f9f92;float:right;margin-top:4px}
.atlas-checks>div{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #b1a47b20;font-size:11px}.atlas-checks svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.atlas-checks span{display:block;line-height:1.65}.atlas-checks small{display:block;color:#99a89e;font-size:9px}.atlas-checks .met{color:#b7caa7}.atlas-checks .unmet{color:#d4b59c}.atlas-enter{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:12px;padding:12px 14px}.atlas-enter svg{width:15px;height:15px;flex-shrink:0}.atlas-cost{font-size:9px;line-height:1.7;text-align:center;color:#b3a789;margin:7px 0}.atlas-more{display:block;text-align:center;width:100%;font-size:10px;color:#baab86;margin-top:12px}.atlas-route-note{font-size:9px;line-height:1.8;color:#829b92;padding-top:12px;border-top:1px solid #a4987226;margin:14px 0 0;overflow-wrap:anywhere}.atlas-travel-note{padding:10px;margin-top:12px;background:#a38b4b10;border-left:2px solid #a89869;color:#c3bc9d;font-size:10px;line-height:1.8}.atlas-travel-note p{margin:0 0 5px}.atlas-travel-note .secondary{width:100%;font-size:10px;margin-top:7px;padding:8px}
.atlas-footer{padding:11px 19px;border-top:1px solid #c3ac6833;background:#172120;display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#99aa9d}.atlas-footer b{color:#d7c295;font-weight:400}
@keyframes atlas-beacon{50%{box-shadow:0 0 9px #e2d49b55;opacity:.65}}@keyframes atlas-step{to{transform:rotate(10deg) translateY(-1px)}}@keyframes atlas-bob{to{transform:translateY(-2px)}}
.low-motion .atlas-player-ring,.low-motion .atlas-player.walking *{animation:none!important}
@media(max-width:950px){.atlas-layout{grid-template-columns:minmax(0,1fr) 250px}.atlas-toolbar{gap:8px;padding:11px 13px}.atlas-filters button{font-size:10px;padding:7px}.atlas-filters span{margin-left:4px}.atlas-tools button{font-size:9px;padding:7px}.atlas-map-footer>small{display:none}.atlas-location-art{padding:14px}.atlas-destination-body{padding:0 14px 16px}.atlas-location-art h3{font-size:22px}}
@media(max-width:700px){dialog.atlas-dialog{width:calc(100vw - 18px);max-height:94vh}.atlas-dialog .dialog-head{padding:16px}.atlas-dialog .dialog-head h2{font-size:22px}.atlas-dialog .dialog-head p{font-size:10px}.atlas-layout{display:flex;flex-direction:column}.atlas-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}.atlas-filters{gap:3px;justify-content:space-between;width:100%}.atlas-filters button{font-size:10px;padding:6px}.atlas-tools{width:100%;justify-content:flex-end;gap:7px}.atlas-tools button{font-size:10px}.atlas-tools:before{content:'滑动地图，探索大陆';font-size:9px;color:#91a79d;margin-right:auto}.atlas-viewport{height:400px;min-height:0;max-height:54vh}.atlas-map-footer{padding:10px 12px;gap:16px}.atlas-directory{padding:10px;gap:5px}.atlas-directory button{font-size:9px;padding:6px}.atlas-destination{border-left:0;border-top:1px solid #c6b47940}.atlas-location-art{height:130px;padding:15px 18px}.atlas-destination-body{padding:0 17px 17px}.atlas-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.atlas-checks>div{font-size:10px}.atlas-destination h4{font-size:14px}.atlas-footer{flex-wrap:wrap;padding:12px 15px;font-size:9px;gap:6px 12px}.atlas-route-note{font-size:9px}.atlas-map-column{width:100%}}
@media(prefers-reduced-motion:reduce){.atlas-player-ring,.atlas-player.walking *{animation:none!important}.atlas-player{transition:none!important}}
@media(max-width:700px){.atlas-mobile-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#25312b;border-top:1px solid #d5bb7259}.atlas-mobile-selection small{font-size:8px;color:#a9b6a1;display:block}.atlas-mobile-selection strong{display:block;margin-top:3px;font:16px var(--serif);color:#e7d3a5;letter-spacing:1px}.atlas-mobile-selection .secondary{font-size:10px;padding:9px 11px}.atlas-directory{max-height:89px;overflow:auto}}