.map-wrap{padding:22px 24px 25px;border:1px solid #a8c19a25;border-radius:12px;background:linear-gradient(145deg,#19221e,#101913);overflow:hidden}.map-title{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:15px}.map-title h3{font:400 22px var(--serif);letter-spacing:2px;margin-top:9px}.map-floor{font:24px Georgia;color:#8fa28e;text-align:right}.map-floor small{display:block;font:9px/1.8 var(--sans);letter-spacing:1px;margin-top:4px}.map-stage{position:relative;isolation:isolate;aspect-ratio:1.8;min-height:350px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#7b8d6615,transparent 70%)}.map-board{position:absolute;left:3%;width:94%;aspect-ratio:1124/663;top:50%;transform:translateY(-49%)}.map-board>img{width:100%;height:100%;filter:invert(1) grayscale(1);opacity:.22;mix-blend-mode:screen;display:block;pointer-events:none}.map-board>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gold-path{stroke:#cfb47760;stroke-width:2;stroke-dasharray:4 8;fill:none;stroke-linecap:round;stroke-linejoin:round}.visit-path{stroke:#a5ceb1;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.map-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);height:44px;width:44px;padding:0;background:transparent;color:#c3d5b4;z-index:2}.map-node>b{position:absolute;inset:11px;display:grid;place-items:center;border:1px solid #a8c59b70;background:#152018;box-shadow:0 0 0 4px #152019e6;border-radius:50%;font:10px Georgia;font-weight:400}.map-node.current>b{background:#d3c18c;color:#263b25;border-color:#d3c18c;box-shadow:0 0 0 5px #dbc39015}.map-node.selected:before{content:'';position:absolute;inset:4px;border:1px solid #c9b77d8c;border-radius:50%}.map-node.locked{color:#687b6d}.map-node.locked>b{border-color:#6b80764a;background:#18221d}.map-node>span{position:absolute;left:50%;top:42px;transform:translateX(-50%);width:max-content;font-size:11px;letter-spacing:.5px;white-space:nowrap;text-shadow:0 2px 4px #000}.map-node small{display:block;font-size:8px;color:#8ea482;margin-top:4px;letter-spacing:.3px}.map-node.current small{color:#d7c28d}.map-note{position:absolute;bottom:15px;right:15px;color:#708769;font-size:9px}.map-legend{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:17px 0;color:#99ad88;font-size:10px}.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{width:18px;height:2px;background:#a5ceb1}.map-legend i.gold{height:0;background:none;border-top:1px dashed #cfb4778a}.map-selected{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #c6b17b4d;border-radius:5px;background:#baa57908}.map-selected h3{font:400 22px var(--serif);letter-spacing:2px;margin:8px 0}.map-selected p{font-size:10px;color:#91a47c;line-height:1.9}.map-selected .button{font-size:11px}.route-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.route-controls button{background:none;color:#99ae85;font-size:10px;border-bottom:1px solid #a8bd8a40;padding:9px 0}/* Player interface */
:root{--paper:#101a14;--ink:#dedfca;--green:#a3b78c;--muted:#8f9d80;--line:#a7b8952b;--white:#1c281e;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}body{background:#101a14;color:var(--ink)}.sidebar{background:#14231b;border-right:1px solid #a8bf9220;padding-top:31px}.sidebar nav{margin-top:49px}.sidebar .profile{background:none}.main-shell{background:radial-gradient(ellipse at 80% 0%,#36433133,transparent 60%)}.topbar{background:#132019;border-color:#adba8c20;height:69px}.breadcrumb{color:#91a17f}.breadcrumb b{color:#cbd7b9}.currency{background:transparent;color:#d0be8e;display:flex;align-items:center;gap:4px;font-size:11px;border-left:0}.currency b{font-family:Georgia;font-size:21px}.brand small{letter-spacing:3px}.side-bottom{padding-top:60px}.page-title h1{font:400 26px var(--serif);letter-spacing:3px;margin:0}.page-title{margin-bottom:24px;align-items:center}.page-title .secondary{font-size:11px}.primary{background:#b4bf98;color:#263523;border:1px solid #bfcb9b}.primary:hover{background:#d1d8b8}.secondary{border-color:#b9c69a48;color:#b0bf99}.secondary:hover{background:#acc79215}.small-pill{background:#b8c9980b;border-color:#b3c19135;color:#b8c69f}.help-button{font-size:11px}.map-wrap{margin:0}.map-title{margin:0;padding:0 2px}.map-title h3{font-size:22px}.route-tag{font-size:10px;color:#bdad7b;letter-spacing:1px}.map-floor{font-size:25px}.map-stage{height:clamp(300px,45vh,400px);min-height:0;aspect-ratio:auto}.map-board{top:2%;transform:none}.map-node{display:block}.map-node>span{font-size:12px}.map-node small{font-size:9px}.map-legend{padding:15px 0 0;margin-top:2px;border-color:#a9bf8b20}.map-legend button{display:flex;align-items:center;gap:8px;background:none;color:#9bad87;font-size:10px}.map-node:focus-visible{outline:2px solid #d2bd85;border-radius:50%;outline-offset:4px}.location-panel{margin-top:20px;display:grid;grid-template-columns:126px minmax(0,1fr) 220px;gap:24px;align-items:center;background:#19261b;border:1px solid #bac8922e;border-radius:10px;padding:24px}.location-art{background:#e8e7d6;border:1px solid #c1b991;border-radius:5px;height:150px;display:flex;align-items:center;padding:9px}.location-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.location-meta{display:flex;gap:20px;font-size:10px;color:#90a07b}.location-copy h2{font:400 25px var(--serif);letter-spacing:2px;margin:9px 0 12px}.cap-line{display:flex;align-items:center;gap:17px;font-size:10px;color:#b4bc9d}.cap-line>span{display:flex;align-items:center;gap:6px}.grade{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:1px 5px;border-radius:3px;font:700 13px/1.5 Georgia;letter-spacing:.4px;color:#75896e;border:1px solid currentColor;background:#99b1820c}.grade-B{color:#6c9993}.grade-A{color:#6a85ac}.grade-S{color:#a182af}.grade-SS{color:#a98d4e}.grade-SSS{color:#d1aa5d;background:linear-gradient(140deg,#e8d09124,#a37a3920);text-shadow:0 0 12px #e6bd6b44;letter-spacing:1px}.rank-SSS{border-color:#c8a760!important;box-shadow:0 0 22px #d6ad5122!important}.rank-SS{border-color:#ae9860!important}.rank-S{border-color:#9e84a6!important}.compact-skill{font-size:11px;margin-top:16px;color:#c2c9aa}.compact-skill span{display:block;margin-top:3px;font-size:10px;color:#8e9c78}.location-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.draw-count{display:flex;align-items:baseline;gap:8px;justify-content:center}.draw-count b{font:30px Georgia;color:#d3c392}.draw-count span{font-size:10px;color:#9aa885}.checkin-done{font-size:10px;color:#9db18a;text-align:center}.draw-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.draw-buttons button{padding:10px 6px}.text-button{background:transparent;color:#91a57d;font-size:10px;text-decoration:underline;text-underline-offset:3px}.route-controls{margin:17px 0 0;font-size:10px;color:#819574}.route-controls button{font-size:10px}.deck-bar{background:#1a281d;border-color:#a8bb8d33}.deck-bar h3{font-size:13px}.deck-bar h3 small{font-size:10px;font-weight:400;color:#9bac87;margin-left:8px}.deck-bar p{font-size:10px;color:#839971}.deck-slot{background:#e3e4d2;border-color:#9cac7a}.collection-toolbar{margin-top:23px}.filters button{color:#a8b997;border-color:#9aaa793d}.filters button.active{background:#afbf95;color:#263821}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.relic-card{color:#30432c}.card-meta{gap:7px}.card-meta .grade{font-size:14px;min-width:30px}.card-rule{min-height:57px}.card-rule p{font-size:11px}.card-cap{margin-top:7px;border-top:1px solid #a1ab8d33;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#859271}.card-cap>span{display:flex;align-items:center;gap:6px}.card-cap button{background:none;color:#718263;font-size:10px}.card-cap .grade{font-size:10px;min-width:23px}.relic-card .secondary{color:#6d7f60;border-color:#a6b58f}.relic-card .primary{background:#344f33;color:#edf0db;border-color:#344f33}.in-deck{color:#516740}.card-image{height:160px}.guard-card{color:#334630;background:#ebeada}.guard-chapter{font-size:10px;color:#879170}.guard-stats{margin-top:15px}.guard-card .primary{background:#364f34;border-color:#364f34;color:#ecefd9}.battle-log{background:#18251a;border-color:#a5b68a2e;color:#becba7}.battle-log p{color:#91a67d;font-size:11px}.battle-log h3,.battle-log summary{font-size:12px}.battle-log summary{cursor:pointer}.battle-log summary::marker{color:#92a976}.battle-hand .card-rule{min-height:54px}.battle-hand .card-rule p{font-size:10px}.battle-wrap{background:#172a20;border-color:#a9b58c36}.result{background:#202d1e;border-color:#b7a86a55}.result p{color:#b0bc94}.empty-state{border-color:#a7bb8d32;color:#bdcba5}.empty-state h2{margin-bottom:23px}.exchange-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.exchange-item{padding:22px;border:1px solid #aabd8e35;border-radius:10px;background:#19271c;text-align:center}.exchange-item.sss-item{border-color:#bc9d5e88;background:radial-gradient(ellipse at 50% 20%,#88703e2b,transparent 75%),#1c281b}.exchange-top{display:flex;justify-content:space-between;align-items:center;color:#869773;font-size:10px}.exchange-top .grade{font-size:19px}.exchange-item img{height:155px;width:100%;object-fit:contain;background:#e7e6d4;border:1px solid #a2a58166;border-radius:5px;padding:12px;margin:17px 0 10px}.exchange-item h2{font:400 22px var(--serif);margin:2px 0 20px}.exchange-item p{font-size:10px;color:#9daa84;margin:9px 0 15px}.exchange-item button{width:100%}.exchange-progress{height:3px;background:#c2cba91a;border-radius:3px;overflow:hidden}.exchange-progress i{display:block;height:100%;background:#b8a36d}.gold-button{background:#c3ad76;border-color:#d2b779}.crystal-balance{font:23px Georgia;color:#c9b780}.conversion-row{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0;font-size:11px}.conversion-row>span{display:flex;gap:8px;align-items:center}.route-profiles{display:grid;gap:12px;margin-top:22px}.route-profile{text-align:left;border:1px solid #a9b68b44;background:#222f20;color:#d0dab9;padding:18px;border-radius:6px}.route-profile.active{border-color:#c1b47b}.route-profile h3{font:20px var(--serif)}.route-profile p{font-size:11px;line-height:2;color:#8ca178;margin-top:9px}dialog{background:#19261c;border-color:#adb88d55;color:#d7dec4}.modal-body{color:#a3b18d}.modal-close{color:#a3b18d}.modal-heading{font-weight:400}.modal-footnote{font-size:11px;color:#9ba985;margin-top:18px}.reveal>img{background:#e6e5d6;border-radius:6px;padding:15px;margin:17px 0}.reveal p{color:#a9b995}.detail-ranks{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:18px 0}.detail-ranks>span{display:flex;gap:8px;align-items:center}.skill-box{background:#b0c38a0d;border-color:#b0c38a30}.skill-box p{color:#a6b88e}.wide-modal{width:min(920px,calc(100% - 30px))}.pull-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:26px 0}.pull-card{background:#e8e5d5;border:1px solid #b5af90;border-radius:6px;padding:13px 10px;color:#374b32;text-align:center;animation:reveal .4s ease-out}.pull-card>.grade{display:flex;width:max-content;margin:0 auto}.pull-card img{width:100%;height:105px;object-fit:contain;mix-blend-mode:multiply;margin:7px 0}.pull-card h3{font:15px var(--serif)}.pull-status{display:block;margin:7px 0 0;font-size:10px;color:#8b9075}.pull-status.new{color:#49794b}.pull-status.upgrade{color:#947a42}.pull-card small{font-size:10px;color:#8c8059}.single-pull{grid-template-columns:minmax(0,240px);justify-content:center}.single-pull img{height:180px}.single-pull h3{font-size:23px}.pull-summary{text-align:center;font-size:12px;color:#c5b680}.odds-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:20px;text-align:left}.odds-table th{color:#819371;font-weight:400;font-size:11px}.odds-table td,.odds-table th{padding:10px;border-bottom:1px solid #a8ba8e25}.exchange-confirm{text-align:center}.exchange-confirm img{display:block;width:100%;height:210px;object-fit:contain;background:#e9e7d8;border-radius:7px;padding:16px;margin:20px 0}.exchange-confirm p{font-size:13px;color:#c6b57d}.large-grade{font-size:29px;padding:4px 16px;margin-top:15px}.unlocked-label{letter-spacing:4px;color:#baa66b;font-size:12px}.battle-hand .grade{font-size:11px;min-width:23px}.battle-hand .card-meta{font-size:9px}.battle-hand .card-name{margin:7px 0}.battle-feedback{font-size:11px}.storage-warning{background:#403720;color:#e4d4a5}
@media(max-width:1100px){.location-panel{grid-template-columns:100px minmax(0,1fr) 185px;gap:18px;padding:20px}.location-copy h2{font-size:22px}.location-art{height:135px}.cap-line{gap:10px}.location-meta{gap:10px}.location-actions .primary,.location-actions .secondary{font-size:11px}.card-image{height:135px}}
@media(max-width:850px){.map-stage{height:320px}.location-panel{grid-template-columns:95px 1fr;gap:18px}.location-actions{grid-column:1/-1;display:grid;grid-template-columns:60px 1fr 1.6fr 30px;gap:12px;align-items:center}.location-art{height:120px}.location-copy h2{font-size:22px}.draw-count{display:block;text-align:center;line-height:1.2}.draw-count span{display:block;margin-top:4px}.draw-count b{font-size:26px}.exchange-grid{gap:13px}.exchange-item{padding:15px}.exchange-item img{height:120px}.exchange-item h2{font-size:19px}.sidebar nav{margin-top:42px}}
@media(max-width:680px){.sidebar{background:#17271c}.sidebar nav{margin-top:0}.sidebar .side-bottom{display:none}.main-shell{padding-bottom:78px}.topbar{height:58px;padding:0 17px}.currency{padding:0;font-size:10px;gap:1px}.currency b{font-size:18px}.currency:before{display:none}.currency span{font-size:9px}.breadcrumb{font-size:10px}.page-title{margin-bottom:22px}.page-title h1{font-size:24px}.page-title .secondary{padding:7px 10px;font-size:10px}.map-wrap{padding:20px 13px;border-radius:9px}.map-title{margin-bottom:12px;padding:0 4px}.map-title h3{font-size:19px;letter-spacing:1px}.map-floor{font-size:23px}.map-floor small{font-size:8px}.map-stage{height:220px;min-height:0;aspect-ratio:auto;margin:0 -13px}.map-board{left:-8%;width:116%;top:5%;transform:none}.map-node>span{font-size:9px;letter-spacing:0}.map-node small{font-size:7px;margin-top:3px}.map-note{font-size:8px;bottom:12px;right:14px}.map-legend{font-size:9px;padding:14px 0 0;gap:8px}.map-legend button{font-size:9px;gap:5px}.map-legend span{gap:6px}.map-legend i{width:14px}.location-panel{grid-template-columns:75px minmax(0,1fr);gap:14px;padding:17px 13px;margin-top:14px}.location-art{height:106px;padding:5px}.location-copy h2{font-size:20px;letter-spacing:1px;margin:5px 0 9px}.location-meta{font-size:8px;gap:10px}.cap-line{font-size:9px;gap:8px}.cap-line .grade{font-size:10px;min-width:22px}.compact-skill{margin-top:9px;font-size:10px}.compact-skill span{font-size:9px}.location-actions{grid-template-columns:50px 1fr;gap:10px}.location-actions>.primary,.checkin-done{grid-column:2}.draw-buttons{grid-column:1/-1}.location-actions>.text-button{grid-column:1/-1;justify-self:end;font-size:9px}.draw-count{grid-row:1;grid-column:1}.route-controls{font-size:9px;gap:10px}.route-controls button{font-size:9px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:122px}.card-rule{min-height:60px}.card-rule p{font-size:10px}.card-meta{font-size:9px}.card-meta .grade{font-size:12px;min-width:25px}.card-cap{font-size:9px}.card-cap button{font-size:9px}.deck-bar{padding:15px;gap:12px}.deck-bar p{font-size:8px;max-width:140px}.deck-slots{gap:4px}.deck-slot{width:30px;height:42px}.guard-chapter{grid-column:1/-1;font-size:10px}.guard-card img{grid-row:2/5}.guard-card h2{margin:6px 0}.guard-stats{margin:4px 0}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exchange-item{padding:14px}.exchange-item img{height:120px;padding:7px}.exchange-item h2{font-size:18px;margin-bottom:16px}.exchange-item p{font-size:9px}.exchange-item button{font-size:11px}.exchange-top .grade{font-size:16px}.pull-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.single-pull{grid-template-columns:minmax(0,220px)}.pull-card img{height:108px}.single-pull img{height:180px}.wide-modal{max-height:88vh;padding:23px 16px}.modal-heading{font-size:23px}.pull-summary{font-size:11px}.modal-actions{position:sticky;bottom:-24px;background:#19261cf5;padding:12px 0;margin-top:10px}.battle-hand .card-rule{min-height:54px}.battle-log p{font-size:10px}.battle-feedback{font-size:10px}.conversion-row{gap:13px;font-size:10px}.odds-table{font-size:11px}.modal-footnote{font-size:10px}.route-profile{padding:15px}.route-profile h3{font-size:18px}.route-profile p{font-size:10px}.crystal-balance{font-size:20px}}