/* Approved Alpha UI: bright blue pennants, pale cyan frames and ivory paper. */ :root{color-scheme:light;--ink:#0c305b;--muted:#55708d;--cream:#fffdf3;--paper:#fffef9;--line:#cbdde4;--blue:#087fee;--coral:#e95716;--green:#1d9f48;font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;background:#dcf5fd;color:var(--ink)} *{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}p{line-height:1.65;overflow-wrap:anywhere}h1{font-size:20px}h2{font-size:17px;line-height:1.45}h3{font-size:14px}small,.muted,.hint{font-size:11px;line-height:1.65;color:var(--muted)} #app{max-width:540px;margin:auto;padding:0 10px calc(100px + env(safe-area-inset-bottom));min-height:100vh;background:linear-gradient(#e3f9ff,#effcff 450px,#dcf5fd)} button{min-width:44px;min-height:44px;padding:9px 12px;font-weight:750;border:1px solid #128eeb;border-radius:4px;background:linear-gradient(#fff,#eff9ff);box-shadow:inset 0 0 0 2px #fff,0 2px 0 #accfde;cursor:pointer;color:#104e88}button:hover:not(:disabled){background:#e3f4ff}button:active:not(:disabled){background:#cbeaff;box-shadow:inset 0 1px 3px #1263a322}button:disabled{opacity:.52;cursor:default;box-shadow:inset 0 0 0 2px #fff}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #034f97;outline-offset:3px} select,input[type=number],input[type=file],textarea{min-height:44px;max-width:100%;width:100%;background:#fffefa;border:1px solid #a9c8da;border-radius:4px;padding:10px;font-size:13px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0}input[type=range]{width:100%;min-height:44px;accent-color:var(--blue)}textarea{min-height:120px;resize:vertical} .topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -10px 8px;padding:12px 15px 10px;min-height:87px;background:linear-gradient(#2bb5fa22,#2093c81a),url('/assets/alpha-ui-banner.png') center 52%/cover;border-bottom:3px solid #8de5fa}.brand{min-width:0}.brand>small{display:block;color:#fff;font-weight:750;text-shadow:0 1px 3px #123b67;font-size:10px;margin:0 0 4px 10px;letter-spacing:.6px}.page-banner{display:flex;align-items:center;gap:9px;min-height:42px;padding:4px 19px 4px 12px;background:linear-gradient(100deg,#08395e,#006cb0);border:2px solid #fff;border-radius:3px;clip-path:polygon(7% 0,90% 0,100% 50%,90% 100%,7% 100%,0 50%);box-shadow:inset 0 0 0 2px #76d6ff;color:#fff;font-size:23px;font-weight:850;letter-spacing:3px}.page-banner .icon{width:26px;height:26px}.tag{font-size:11px;font-weight:800;padding:9px 11px;max-width:45%;overflow-wrap:anywhere;color:#15385a;background:#fff9eaeF;border:2px solid #e4d5b0;border-radius:3px;box-shadow:0 2px 0 #18447c33} .card{position:relative;background:linear-gradient(120deg,#fffefb,#fffcef);border:1px solid #b7d4e1;border-radius:5px;padding:14px;margin-bottom:12px;box-shadow:0 0 0 3px #fff,0 0 0 6px #aae9f8,0 3px 0 6px #0751830d}.card>h2,.section-head>h2{display:inline-flex;align-items:center;min-height:33px;padding:5px 24px 5px 12px;margin:-3px 0 10px -6px;border:1px solid #0b67c8;border-radius:2px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);background:linear-gradient(110deg,#088af6,#0068d9);color:#fff;text-shadow:0 1px 1px #134a9e;font-weight:800;letter-spacing:1px;box-shadow:inset 0 0 0 2px #49bcff}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-head>*{min-width:0}.section-head small{font-size:10px;text-align:right}.card-eyebrow{display:block;font-size:9px;letter-spacing:2px;color:#507a95;margin-bottom:5px;font-weight:800}.section-copy{font-size:12px;margin-top:7px;color:var(--muted)} .hero-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;padding:10px;margin-bottom:9px;box-shadow:0 0 0 3px #fff,0 0 0 6px #aae9f8}.hero-card>div{min-width:0}.portrait{position:relative;height:86px;display:grid;place-items:center;border:2px solid #43b7f8;border-radius:3px;background:radial-gradient(ellipse at 50% 25%,#d5fcff,#8cd3fd 80%);box-shadow:inset 0 0 0 2px #fff;overflow:hidden}.portrait img{position:absolute;width:145px;height:145px;max-width:none;left:-49px;top:-9px;object-fit:contain}.name-row{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;margin-bottom:6px}.name-row h1{font-size:19px;font-weight:850}.name-row small{font-size:10px;color:#365d83}.name-row h1 small{white-space:nowrap;font-weight:750}.vital{display:grid;grid-template-columns:22px minmax(20px,1fr) auto;align-items:center;gap:5px;font-size:10px;font-variant-numeric:tabular-nums;margin-top:5px}.vital b{font-size:10px;color:#bf2527}.vital.mp b{color:#0089df}.vital.sp b{color:#0d9735}.vital output{font-weight:700;white-space:nowrap}.vital progress{height:10px;width:100%;appearance:none;border:1px solid #b9b7a7;border-radius:3px;overflow:hidden;background:#e8e4d8;accent-color:#f9433c}.vital progress::-webkit-progress-bar{background:#e8e4d8}.vital progress::-webkit-progress-value{background:linear-gradient(#ff7463,#f4302f);border-radius:2px;box-shadow:inset 0 0 0 1px #ffb5a4}.vital.mp progress::-webkit-progress-value{background:linear-gradient(#35d5ff,#0299f4);box-shadow:inset 0 0 0 1px #82e9ff}.vital.sp progress::-webkit-progress-value{background:linear-gradient(#54dc6e,#16a849);box-shadow:inset 0 0 0 1px #8ff3a5}.vital progress::-moz-progress-bar{background:#f9433c}.vital.mp progress::-moz-progress-bar{background:#079ff7}.vital.sp progress::-moz-progress-bar{background:#20b74e} .notice{background:#e9f7ff;border:1px solid #82c6ef;padding:6px 10px;border-radius:4px;font-size:11px;line-height:1.55;margin:0 0 8px;color:#315e88}.arena{min-height:224px;border:3px solid #ecfcff;border-radius:4px;background:#b0decb url('/assets/alpha-map-1.png') center/cover;position:relative;isolation:isolate;overflow:hidden;margin:0 -2px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 0 2px #8ce0f2}.arena[data-map='1']{background-image:url('/assets/alpha-ui-newbie-scene.png')}.arena[data-map='2']{background-image:url('/assets/alpha-map-2.png')}.arena[data-map='3']{background-image:url('/assets/alpha-map-3.png')}.arena::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#002b4015,transparent 45%,#123d4833)}.row{display:flex;justify-content:space-between;align-items:start;gap:8px}.row>*{min-width:0}.arena .status{padding:5px 8px;border:1px solid #99b7c5;background:#fffdf4ec;color:#254f73;font-size:10px;font-weight:750;border-radius:3px;max-width:43%;line-height:1.5}.enemy-label{margin-left:auto;text-align:right;color:#fff;background:#113957d9;border:1px solid #b1edff;border-radius:3px;padding:6px 9px;font-size:11px;max-width:60%;font-variant-numeric:tabular-nums}.enemy-label progress{display:block;width:100%;height:7px;accent-color:#f64c47;margin:4px 0}.fighters{display:flex;justify-content:space-between;align-items:end;min-height:120px;padding:8px 22px 4px}.fighters img{width:85px;height:91px;object-fit:contain;filter:drop-shadow(0 4px 2px #1a35402b)}.fighters .monster-art{width:84px;height:90px}.monster-placeholder{display:grid;place-content:center;width:78px;height:68px;padding:4px;border:1px dashed #728f87;border-radius:3px;background:#fffbeadb;text-align:center;font-size:10px;color:#415d63}.arena-foot{display:flex;justify-content:space-between;gap:8px;color:#fff;font-size:9px;line-height:1.5}.arena-foot span{padding:3px 6px;background:#193f58c7;border-radius:2px} .battle-skill{display:grid;grid-template-columns:45px minmax(0,1fr);gap:9px;margin:7px 0 0;padding:8px 10px;background:var(--paper);border:1px solid #aacbd9;border-radius:4px;box-shadow:0 0 0 2px #b5eafb}.battle-skill-symbol{display:grid;place-items:center;align-self:center;width:45px;height:45px;background:linear-gradient(#50d2fc,#008ef2);border:1px solid #008bef;box-shadow:inset 0 0 0 2px #dcfbff;color:#fff;border-radius:3px}.battle-skill-symbol .icon{width:27px;height:27px}.battle-skill .field{margin:0;font-size:10px}.battle-skill select{margin:2px 0 0;padding:7px;min-height:44px;background:#fffefa;font-weight:800;font-size:14px}.battle-skill #skill-help{margin-top:3px;font-size:10px;line-height:1.45}.battle-supplies{margin:6px 0 0;border:1px solid #bccfd8;border-radius:4px;background:#fffdf4}.battle-supplies>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;min-height:54px;list-style:none}.battle-supplies>summary::-webkit-details-marker{display:none}.supply-token{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:850;min-width:0}.supply-token img{width:34px;height:38px;object-fit:contain;background:linear-gradient(#e0f8ff,#a6e1ff);border:1px solid #6bcbf6;border-radius:3px}.supply-token small{display:block;font-size:9px;white-space:nowrap}.supply-settings-label{display:grid;place-content:center;min-height:44px;padding:6px 9px;border:1px solid #006acf;background:linear-gradient(#169eff,#0476e8);box-shadow:inset 0 0 0 2px #5bbfff;color:#fff;border-radius:3px;font-size:11px;font-weight:750;white-space:nowrap}.supply-settings-body{padding:10px;border-top:1px solid #c9dde4}.supply-settings-body h3{color:#114f8d}.controls{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin:8px 0}.controls button{min-height:48px;font-size:16px}.primary{background:linear-gradient(#138efa,#006fe5);border-color:#0669d1;color:#fff;box-shadow:inset 0 0 0 2px #52b5ff,0 2px 0 #165995}.primary:hover:not(:disabled){background:#087ee9;color:#fff}.primary:active:not(:disabled){background:#006bca;color:#fff}#start{background:linear-gradient(#ff971d,#f55c0a);border:1px solid #d75e0c;color:#fff;box-shadow:inset 0 0 0 2px #ffcf72,0 2px 0 #c4560a}#start:hover:not(:disabled){background:#fb7e11}#stop:not(:disabled){border-color:#cc5f15;color:#c55012;background:#fff2dd}.adventure-policy{font-size:10px}#exchange-summary{font-size:10px;margin:3px 0 7px}.preview{display:block;margin:7px 0 13px;padding:0 10px;background:#fffef4;border:1px solid #c9d7da;border-radius:4px}.preview summary{font-size:11px}.preview-options{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-bottom:10px}.preview button[aria-pressed=true]{background:#e0f3ff;border-color:#0b93f3;color:#035fb1} .field{display:block;margin-top:12px;font-size:12px;font-weight:700;min-width:0}.field select,.field input{margin-top:6px}.field-help{font-size:11px;color:var(--muted);font-weight:400;line-height:1.65;margin-top:7px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0}.stats div{min-width:0;background:#fffef8;border:1px solid #dbe0d9;border-radius:3px;padding:10px 7px;box-shadow:inset 0 0 0 2px #fff}.stats dt{font-size:10px;color:#365c80;font-weight:750}.stats dd{margin:4px 0 0;font-size:18px;font-weight:850;font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}.rewards-card .stats dd,.report .stats dd{color:#17803a}#derived-stats.stats dd{font-size:17px}details{margin-top:10px}summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:12px;font-weight:750;line-height:1.6}details.card summary{min-height:44px;padding:8px 0}details.card:not([open]){min-height:64px}details.card[open] summary{margin-bottom:10px}.check{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;line-height:1.65;padding:8px 0} .tabs{position:fixed;z-index:4;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:#fffdf2;border:3px solid #fff;border-top:4px solid #a4e4f4;padding:6px 5px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -3px 0 #3e8bad14}.tabs button{min-width:44px;min-height:56px;padding:5px 1px;background:transparent;border:1px solid transparent;box-shadow:none;color:#174268;font-size:11px;border-radius:3px}.tabs button[aria-selected=true]{background:linear-gradient(#1598fb,#0677e9);border-color:#006cca;box-shadow:inset 0 0 0 2px #4fbdff;color:#fff}.icon{width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabs .icon{display:block;margin:0 auto 4px}.tab-mark{display:block;font-size:16px;margin-bottom:2px}[hidden],section[hidden]{display:none!important} .item-list{list-style:none;margin:10px 0 0;padding:0}.item-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #d5ddd9;border-radius:3px;padding:10px;background:#fffef8;margin-top:8px}.item-row>div{min-width:0}.item-row strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.item-row p{font-size:11px}.item-art{width:58px;height:58px;object-fit:contain;padding:3px;background:radial-gradient(ellipse at 50% 30%,#e8fdff,#96d9ff 85%);border:1px solid #009cff;border-radius:3px;box-shadow:inset 0 0 0 2px #e9fbff}.missing-art{display:grid;place-content:center;width:58px;min-height:58px;background:#edf1f1;border:1px dashed #a8bbc7;border-radius:3px;font-size:10px;text-align:center;color:#6b7b8d}.item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.item-actions button{font-size:11px;padding:8px 10px;min-height:44px}.item-actions button[data-action=wear],.item-actions button[data-direction=withdraw],.skill-row button:not(:disabled){background:linear-gradient(#1499ff,#0677e8);color:#fff;box-shadow:inset 0 0 0 2px #72caff}.item-list+h3{margin-top:14px;padding:7px 9px;background:#ddf4ff;border-left:4px solid #0b90f2;color:#135284;font-size:13px}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:9px}.slot{min-width:0;text-align:center;font-size:10px;color:#174a7a}.slot>span:first-child{font-weight:800}.slot .item-art,.slot .missing-art{width:100%;height:60px;min-height:60px;margin:5px 0}.slot strong{display:block;font-size:10px;font-weight:650;min-height:30px;line-height:1.5;overflow-wrap:anywhere}.slot button{min-height:44px;min-width:44px;width:100%;font-size:10px;padding:5px 1px;margin-top:5px}.slot small{font-size:9px}.attr-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.attr-row button{min-width:64px}.attr-row strong{font-variant-numeric:tabular-nums}.attr-row small{font-size:10px}#points{font-size:11px;color:#0b6eae;background:#dff3ff;padding:5px 8px;border:1px solid #9dd5f0;border-radius:3px;white-space:nowrap}.comparison{background:#eef8ff;border:1px solid #bad9ec;border-radius:3px;padding:9px;margin-top:8px;font-size:11px;line-height:1.8}.comparison strong{font-size:11px;color:#ba4c19}.diff-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.diff-chip,.comparison .chip{display:inline-flex;align-items:center;padding:4px 6px;border:1px solid #bed6e1;border-radius:3px;background:#fffefa;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}.diff-chip.positive{background:#e6f7e8;color:#137334;border-color:#bcdfc4}.diff-chip.negative{background:#fff0eb;color:#ac3a23;border-color:#edc6b9} .report{color:var(--ink);background:#fffdf4;border-color:#a4d5e8}.report p{font-size:12px;margin:9px 0}.report .stats{margin:12px 0}.report button{width:100%;margin-top:10px;background:linear-gradient(#1598fb,#0677e9);color:#fff;box-shadow:inset 0 0 0 2px #72caff}.report #offline-stop{padding:10px;border:1px solid #9dcdea;background:#e4f5ff;color:#0d508b;font-weight:700}.report #offline-vitals{font-size:11px}.drop-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none;margin:12px 0 0;padding:0}.drop-art:empty{display:none}.drop-art li{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;background:#fffef7;border:1px solid #cfdce2;border-radius:3px}.drop-art .item-art,.drop-art .missing-art{width:40px;height:40px;min-height:40px;flex-shrink:0;padding:2px}.drop-art span{min-width:0}.drop-art strong{display:block;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.drop-art small{display:block;font-size:12px;font-weight:850;margin-top:3px;color:#0c4276;font-variant-numeric:tabular-nums}.item-usage{margin-top:6px}.item-state{display:block;font-size:10px;line-height:1.6;background:#f5f4e8;border:1px solid #e4dfc9;border-radius:3px;color:#766237;padding:5px 7px;margin-top:5px;font-weight:650} .buy-list .item-row,#gear-shop .item-row,#supply-shop .item-row{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center}.buy-list .item-art{width:48px;height:48px}.buy-list strong{font-size:12px}.buy-list p{font-size:10px}.buy-list button{font-size:11px;padding:8px}.shop-requirements{color:#426885;margin-top:5px;line-height:1.7!important}.skill-ready{margin-top:12px}.skill-catalog{margin-top:14px;border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:12px 0;border-top:1px solid var(--line)}.skill-row:has(.skill-art){grid-template-columns:46px minmax(0,1fr);gap:10px}.skill-art{width:46px;height:46px;object-fit:contain;padding:3px;border:1px solid #74c7f4;border-radius:3px;background:linear-gradient(#d8f7ff,#a5dfff)}.skill-row strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.skill-row p{font-size:11px;margin-top:5px}.skill-row button{font-size:11px;margin-top:8px}.skill-catalog summary{font-size:12px;color:#436482} .risk-card{border-color:#b3d7e7;background:#fffdf5}.risk-card .card-eyebrow{color:#a36423}.risk-card .check{margin:12px 0;padding:11px;background:#fff0e9;border:1px solid #f39b86;border-radius:3px;align-items:flex-start;color:#b12f1c;font-weight:750}.risk-card .check input{margin:2px 0 0}.risk-card #upgrade-submit{width:100%}#upgrade-terms{font-size:11px;line-height:1.85;margin:12px 0;color:#44607a}.upgrade-art{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 6px;margin-top:12px;background:#fffefa;border:1px solid #d4ddd9;border-radius:3px}.upgrade-art>div{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:105px;min-width:0;text-align:center}.upgrade-art .item-art,.upgrade-art .missing-art{width:86px;height:86px;padding:4px}.upgrade-art small{font-size:11px;font-weight:750;overflow-wrap:anywhere}.upgrade-art>span{font-size:27px;color:#028eec;font-weight:850}.eligibility-note{padding:9px;margin-top:9px;background:#fff2dd;border:1px solid #efc58a;border-radius:3px;color:#89511d;font-size:11px;line-height:1.7} #map-help,#monster-details{font-size:11px;line-height:1.75;color:#4b6982;margin-top:9px}#monster-details{padding:9px;background:#eaf7ff;border:1px solid #c4dfef;border-radius:3px}#supply-fields{padding:0 10px 10px;background:#eef8ff;border:1px solid #d2e6ef;border-radius:3px}#run-drops{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.log{font-size:11px;line-height:1.8;padding-left:21px;margin:10px 0 0;max-height:240px;overflow:auto}.log li+li{margin-top:5px}#battle-log:empty::before{content:'尚未開始交鋒。';color:var(--muted)}.amount{max-width:110px}.save-details{font-size:12px;line-height:1.85;overflow-wrap:anywhere;margin-top:6px}.footer{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.7}.loading{padding:40px 20px}.warning{background:#fff8ed}.error{border-color:#ed9c8a;background:#fff3ed}.error p{margin:8px 0;overflow-wrap:anywhere}.error button{margin:4px}.error-diagnostics{border-top:1px solid #e7c9bd;margin:12px 0;padding-top:3px}.error-diagnostics #storage-message{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere} @media(max-width:350px){#app{padding-left:8px;padding-right:8px}.topbar{margin-left:-8px;margin-right:-8px;padding:10px 11px;min-height:80px}.page-banner{font-size:21px;letter-spacing:2px;padding-right:17px}.tag{font-size:10px;padding:7px 8px}.card{padding:12px}.hero-card{padding:9px;grid-template-columns:59px minmax(0,1fr);gap:8px}.portrait{height:78px}.portrait img{width:130px;height:130px;left:-44px;top:-6px}.name-row h1{font-size:17px}.name-row small{font-size:9px}.vital{font-size:9px;grid-template-columns:19px minmax(15px,1fr) auto;gap:4px}.vital b{font-size:9px}.arena{min-height:214px}.fighters{padding-left:13px;padding-right:13px}.fighters img{width:77px;height:83px}.fighters .monster-art{width:78px;height:84px}.battle-skill{grid-template-columns:40px minmax(0,1fr);gap:7px;padding:7px}.battle-skill-symbol{width:40px;height:44px}.supply-token{gap:4px;font-size:11px}.supply-token img{width:29px;height:35px}.supply-token small{font-size:9px}.supply-settings-label{padding:6px;font-size:10px}.controls button{font-size:14px}.stats{gap:5px}.stats div{padding:9px 5px}.stats dd{font-size:16px}.slots{gap:3px}.slot .item-art,.slot .missing-art{height:51px;min-height:51px}.tabs button{font-size:10px}.item-row{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:8px}.item-row>.item-art,.item-row>.missing-art{width:50px;height:50px;min-height:50px}.buy-list .item-row,#gear-shop .item-row,#supply-shop .item-row{grid-template-columns:40px minmax(0,1fr) auto;gap:6px}.buy-list .item-row>.item-art{width:40px;height:44px}.buy-list strong{font-size:11px}.buy-list button{font-size:10px;padding:7px}.upgrade-art{gap:13px}.upgrade-art .item-art,.upgrade-art .missing-art{width:76px;height:76px}.grid2{gap:7px}.attr-row{gap:7px}} /* Warehouse keeps real item descriptions and actions, presented as compact item tiles. */ #equipment-warehouse,#supply-warehouse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#equipment-warehouse .item-row,#supply-warehouse .item-row{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:0;align-content:start}#equipment-warehouse .item-row>.item-art,#equipment-warehouse .item-row>.missing-art,#supply-warehouse .item-row>.item-art,#supply-warehouse .item-row>.missing-art{justify-self:center;width:70px;height:70px;min-height:70px}#equipment-warehouse .item-row strong,#supply-warehouse .item-row strong{font-size:12px}#equipment-warehouse .item-actions button,#supply-warehouse .item-actions button{flex:1}#equipment-warehouse>.muted,#supply-warehouse>.muted{grid-column:1/-1}.section-head strong{overflow-wrap:anywhere} .battle-skill-symbol img{width:100%;height:100%;object-fit:contain;padding:1px}.resource-icon{width:21px;height:21px;object-fit:contain;vertical-align:middle;margin-right:3px}.coin-balance{display:flex;align-items:center;min-width:0;font-size:12px}.coin-balance .resource-icon{width:26px;height:26px}.stats dt:has(.resource-icon){min-height:21px;display:flex;align-items:center}.stats dt:has(.resource-icon)+dd{margin-top:2px} /* P1: overview tiles navigate to existing details; item actions stay in their rows. */ .overview-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:800;color:#154c7e;margin:11px 0 7px}.overview-heading small{font-size:9px;font-weight:400}.item-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0 0 12px}.item-overview:empty{display:none}.item-overview li{min-width:0}.overview-item{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:start;gap:5px;width:100%;min-height:104px;padding:5px 3px;background:#fffef8;border:1px solid #afcbd9;box-shadow:inset 0 0 0 2px #fff;color:#133d66}.overview-item .item-art,.overview-item .missing-art{width:100%;height:65px;min-height:65px;padding:3px}.overview-item strong{font-size:10px;line-height:1.45;min-height:28px;font-weight:750;overflow-wrap:anywhere}.overview-count{position:absolute;right:7px;top:51px;padding:1px 3px;background:#fffefaee;border:1px solid #bad8e8;color:#12375f;font-size:11px;font-weight:850;line-height:1.3}.overview-item.is-carried{border:2px solid #eda520;background:#fff5d9;padding:4px 2px;box-shadow:inset 0 0 0 1px #ffda67}.carried-badge{font-size:9px;font-weight:800;color:#975210;background:#fff0bd;border-radius:2px;padding:1px 4px}.item-row:focus{outline:3px solid #148fee;outline-offset:3px}.field:has(>#supply-transfer-amount),.field:has(>#transfer-amount),.field:has(>#buy-amount),.field:has(>#gear-buy-amount){display:flex;align-items:center;gap:9px;font-size:11px;margin-top:8px}.field>#supply-transfer-amount,.field>#transfer-amount,.field>#buy-amount,.field>#gear-buy-amount{margin-top:0;max-width:80px;min-height:44px}#carried-count{display:inline-block;font-size:15px;font-weight:850;background:#edf8ff;border:1px solid #c4dfed;color:#0a5e9b;padding:4px 8px;margin-bottom:6px} /* Five source slots surround the preview pet; equipment never changes its body. */ .slots{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'weapon pet necklace' 'head pet body' '. shoes .';align-items:start;gap:10px 8px}.slot[data-equipment-slot='1']{grid-area:weapon}.slot[data-equipment-slot='2']{grid-area:necklace}.slot[data-equipment-slot='3']{grid-area:head}.slot[data-equipment-slot='4']{grid-area:body}.slot[data-equipment-slot='5']{grid-area:shoes}.slot{background:#fffdf5;border:1px solid #d0d8d8;border-radius:3px;padding:5px}.slot .item-art,.slot .missing-art{width:100%;height:66px;min-height:66px;margin:4px 0}.slot strong{min-height:27px}.equipment-pet{grid-area:pet;align-self:center;display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0;text-align:center;background:radial-gradient(ellipse at 50% 65%,#d9f3ff,transparent 75%)}.equipment-pet img{width:100%;height:145px;object-fit:contain}.equipment-pet small{font-size:9px;line-height:1.6;color:#55748c} /* Offline presentation reads only committed report fields and shows actual run state. */ .report-scene{display:flex;align-items:center;gap:14px;min-height:96px;margin:1px -2px 10px;padding:9px 12px;border:2px solid #aae7f7;background:linear-gradient(90deg,#1649700a,#0b345a58),url('/assets/alpha-ui-newbie-scene.png') center/cover;border-radius:3px}.report-scene[data-map='2']{background-image:linear-gradient(90deg,#1649700a,#0b345a58),url('/assets/alpha-map-2.png')}.report-scene[data-map='3']{background-image:linear-gradient(90deg,#1649700a,#0b345a58),url('/assets/alpha-map-3.png')}.report-scene img{width:75px;height:79px;object-fit:contain}.report-scene>div{min-width:0;background:#fffdf5ed;border:1px solid #e3dbbc;padding:9px;border-radius:3px}.report-scene strong{display:block;font-size:14px;color:#0d507f}.report-scene small{display:block;font-size:10px;margin-top:3px}.report-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 0}.report-times>div{min-width:0;background:#f4f6ee;border:1px solid #dbe0d5;padding:9px;text-align:center}.report-times dt{font-size:11px;font-weight:750;color:#224f7c}.report-times dd{font-size:18px;line-height:1.5;font-weight:850;margin:4px 0 0;overflow-wrap:anywhere}.report #offline-summary{font-size:10px;margin:6px 0}.reward-heading{display:block;margin:14px 0 7px;padding:5px 12px;background:linear-gradient(90deg,#087fed 0%,#087fed 56%,#d2f4ff 56%,#eefcff 100%);color:#fff;font-size:13px;font-weight:800;border-left:2px solid #55caff;border-radius:2px}.report .receipt-text{font-size:10px;color:#55708d;line-height:1.7}.report #offline-supply-empty:empty{display:none}#offline-supply-art small+small{font-size:9px;font-weight:600;color:#648093;margin-top:2px} @media(max-width:350px){.item-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.overview-item strong{font-size:10px}.slots{gap:8px 5px}.slot{padding:4px}.slot .item-art,.slot .missing-art{height:60px;min-height:60px}.equipment-pet img{height:130px}.overview-heading{font-size:11px}.overview-heading small{font-size:8px}.report-scene{gap:8px;padding:7px;min-height:88px}.report-scene img{width:63px;height:73px}.report-scene strong{font-size:12px}.report-times dd{font-size:16px}.report-times>div{padding:7px}.reward-heading{font-size:12px;background:linear-gradient(90deg,#087fed 0%,#087fed 62%,#d2f4ff 62%,#eefcff 100%)}} /* Keep real resource numbers readable at phone widths. */ .hero-card{grid-template-columns:72px minmax(0,1fr)}.vital{font-size:11px}.vital b{font-size:11px}.vital progress{height:12px}@media(max-width:350px){.hero-card{grid-template-columns:61px minmax(0,1fr)}.vital{font-size:10px}.vital b{font-size:10px}} /* Report-local acknowledgement remains above the tab bar while its content scrolls. */ .report-actions{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));z-index:2;margin-top:12px;padding:8px 0 4px;background:#fffdf4;border-top:1px solid #bed9e6;box-shadow:0 -5px 0 0 #fffdf4,0 -8px 12px #1a4e7510}.report-actions #ack-offline{margin-top:0;min-height:44px}.report-actions small{display:block;text-align:center;font-size:10px;margin-top:4px;color:#356180}.report-receipt{margin-top:8px;border-top:1px solid #d8e2e5}.report-receipt summary{min-height:44px;font-size:11px;color:#426a8b}.report-receipt p{font-size:10px} /* ONE adventure benchmark. Other page composition intentionally stays unchanged. */ #app[data-active-tab='adventure']{padding-top:0;background:#d8f7ff} #app[data-active-tab='adventure'][data-urgent-status='false']>#status-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #app[data-active-tab='adventure'] .topbar{min-height:88px;margin-bottom:7px;padding:9px 12px;border-bottom:4px solid #b1edff} #app[data-active-tab='adventure'] .brand>small{font-size:10px;margin-left:14px;line-height:1.3} #app[data-active-tab='adventure'] .page-banner{min-height:48px;font-size:27px;letter-spacing:4px;border-width:3px;padding:4px 24px 4px 15px;box-shadow:inset 0 0 0 2px #69d4ff;background:#075481} #app[data-active-tab='adventure'] .page-banner .icon{width:31px;height:31px;stroke-width:2.4} #app[data-active-tab='adventure'] .tag{font-size:13px;border-width:3px;background:#fffbed;padding:9px 11px;font-weight:850} #app[data-active-tab='adventure']>.hero-card{border:3px solid #fefdf6;border-radius:0;padding:10px 9px;grid-template-columns:82px minmax(0,1fr);gap:10px;margin-bottom:8px;box-shadow:0 0 0 2px #d9d9c7,inset 0 0 0 1px #e2dcc6,0 0 0 6px #fdfefa;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)} #app[data-active-tab='adventure']>.hero-card .portrait{height:85px;border-width:2px;border-radius:0;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)} #app[data-active-tab='adventure']>.hero-card .portrait img{width:158px;height:158px;left:-49px;top:-11px} #app[data-active-tab='adventure'] .name-row{margin-bottom:5px;gap:2px 6px} #app[data-active-tab='adventure'] .name-row h1{font-size:21px;font-weight:900;line-height:1.2} #app[data-active-tab='adventure'] .name-row h1 small{font-size:11px} #app[data-active-tab='adventure'] .name-row>small{font-size:10px;line-height:1.3} #app[data-active-tab='adventure'] .vital{font-size:11px;gap:5px;margin-top:5px;grid-template-columns:23px minmax(20px,1fr) auto} #app[data-active-tab='adventure'] .vital progress{height:12px;border-radius:2px;border-color:#b9b4a6} #app[data-active-tab='adventure'] .vital b{font-size:12px;font-weight:850} #app[data-active-tab='adventure'] #battle-arena{height:290px;min-height:290px;padding:9px 10px;margin:0 -3px;border:3px solid #a9edfa;border-radius:0;box-shadow:0 0 0 2px #fffdfa} #app[data-active-tab='adventure'] .fighters{min-height:144px;padding:26px 22px 10px} #app[data-active-tab='adventure'] .fighters img{width:85px;height:91px} #app[data-active-tab='adventure'] .fighters .monster-art{width:84px;height:90px} #app[data-active-tab='adventure'] .enemy-label{font-size:12px;font-weight:750;border:2px solid #d3f7ff;background:#08385ccc;padding:7px 10px} #app[data-active-tab='adventure'] .enemy-label progress{height:9px} #app[data-active-tab='adventure'] .arena .status{font-size:10px;background:#fffdf4ef;border:1px solid #eee3bb;padding:5px 7px} #app[data-active-tab='adventure'] .arena-foot{font-size:9px} #app[data-active-tab='adventure'] .battle-skill{margin:5px -3px 0;padding:7px 10px;grid-template-columns:47px minmax(0,1fr);gap:10px;border:3px solid #fffdf5;border-radius:0;background:#fffdf5;box-shadow:inset 0 0 0 1px #d8d6c8,0 0 0 2px #aaeafa;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)} #app[data-active-tab='adventure'] .battle-skill .field{font-size:0;line-height:0} #app[data-active-tab='adventure'] .battle-skill select{min-height:44px;margin:0;padding:8px 10px;font-size:18px;font-weight:850;line-height:1.3;border:0;background:#fffdf5} #app[data-active-tab='adventure'] .battle-skill-symbol{width:47px;height:47px;border:2px solid #008eff;border-radius:0;background:linear-gradient(#6ddfff,#008df4);box-shadow:inset 0 0 0 2px #d7faff} #app[data-active-tab='adventure'] .battle-supplies{margin:5px -3px 0;border:3px solid #fffdf5;border-radius:0;box-shadow:inset 0 0 0 1px #dbdacd,0 0 0 2px #b0ecfa;background:#fffdf5} #app[data-active-tab='adventure'] .battle-supplies>summary{min-height:57px;padding:4px 6px;gap:7px} #app[data-active-tab='adventure'] .supply-token{font-size:15px;font-weight:850;gap:5px} #app[data-active-tab='adventure'] .supply-token img{width:39px;height:43px;border:2px solid #21aff3;border-radius:0;background:#b6eaff;box-shadow:inset 0 0 0 1px white} #app[data-active-tab='adventure'] .supply-token small{font-size:10px;font-weight:700} #app[data-active-tab='adventure'] .supply-settings-label{min-height:44px;padding:7px 9px;border:2px solid #006fc7;box-shadow:inset 0 0 0 2px #62c7ff;font-size:13px;font-weight:850;border-radius:0;background:#078bf3;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #app[data-active-tab='adventure'] .controls{gap:7px;margin:7px -3px 0;grid-template-columns:minmax(0,3fr) minmax(60px,1fr)} #app[data-active-tab='adventure'] .controls button{min-height:50px;border-radius:0;font-size:18px;font-weight:850;letter-spacing:1px} #app[data-active-tab='adventure'] #start,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop{border:3px solid #ffcd6b;background:linear-gradient(#ff9420,#f2600a);box-shadow:inset 0 0 0 1px #ef761b,0 0 0 1px #df7217;color:#fff;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)} #app[data-active-tab='adventure'][data-battle-action='stop'] .controls{grid-template-columns:minmax(60px,1fr) minmax(0,3fr)} #app[data-active-tab='adventure'][data-battle-action='stop'] #start{background:#fffdf5;border:1px solid #b9cfdd;box-shadow:inset 0 0 0 2px #fff;color:#345c7b;font-size:13px;letter-spacing:0;clip-path:none} #app[data-active-tab='adventure'] .battle-notes{margin:8px 0 0;border-bottom:1px solid #bad6e0} #app[data-active-tab='adventure'] .battle-notes summary{font-size:11px;min-height:44px;padding:10px 4px;color:#3a6481} #app[data-active-tab='adventure'] .battle-notes p{font-size:11px;margin:4px 0} #app[data-active-tab='adventure'] .tabs{background:#fffdf0;border:5px solid #fff;border-top:5px solid #a6e9fa;box-shadow:inset 0 0 0 1px #dbdacb;padding:5px 4px calc(5px + env(safe-area-inset-bottom));gap:2px} #app[data-active-tab='adventure'] .tabs button{font-size:12px;font-weight:850;min-height:57px;border-radius:0} #app[data-active-tab='adventure'] .tabs .icon{width:25px;height:25px;stroke-width:2.5} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{border:2px solid #076ad2;background:#0788f7;box-shadow:inset 0 0 0 2px #5abfff;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} @media(max-width:350px){#app[data-active-tab='adventure'] .topbar{min-height:80px;padding:8px 10px}#app[data-active-tab='adventure'] .page-banner{font-size:24px;min-height:43px;letter-spacing:3px}#app[data-active-tab='adventure'] .tag{font-size:11px;padding:8px}#app[data-active-tab='adventure']>.hero-card{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:8px 7px}#app[data-active-tab='adventure']>.hero-card .portrait{height:78px}#app[data-active-tab='adventure']>.hero-card .portrait img{width:139px;height:139px;left:-46px;top:-6px}#app[data-active-tab='adventure'] .name-row h1{font-size:18px}#app[data-active-tab='adventure'] .vital{font-size:10px;gap:4px;grid-template-columns:20px minmax(15px,1fr) auto}#app[data-active-tab='adventure'] .vital b{font-size:10px}#app[data-active-tab='adventure'] #battle-arena{height:260px;min-height:260px}#app[data-active-tab='adventure'] .fighters{padding-left:13px;padding-right:13px}#app[data-active-tab='adventure'] .fighters img{width:77px;height:83px}#app[data-active-tab='adventure'] .fighters .monster-art{width:78px;height:84px}#app[data-active-tab='adventure'] .battle-skill{grid-template-columns:43px minmax(0,1fr);gap:7px;padding:6px 8px}#app[data-active-tab='adventure'] .battle-skill-symbol{width:43px;height:44px}#app[data-active-tab='adventure'] .battle-skill select{font-size:16px}#app[data-active-tab='adventure'] .supply-token{font-size:13px;gap:4px}#app[data-active-tab='adventure'] .supply-token img{width:33px;height:39px}#app[data-active-tab='adventure'] .supply-token small{font-size:9px}#app[data-active-tab='adventure'] .supply-settings-label{font-size:11px;padding:6px}#app[data-active-tab='adventure'] .controls button{font-size:16px}#app[data-active-tab='adventure'] .tabs button{font-size:10px}#app[data-active-tab='adventure'] .tabs .icon{width:24px;height:24px}} #app[data-active-tab='adventure'] #battle-arena[data-map='1']{background-image:url('/assets/alpha-benchmark-newbie-scene.png')} #app[data-active-tab='adventure'][data-battle-action='report'] #start{background:#fffdf5;border:1px solid #b9cfdd;box-shadow:none;color:#345c7b;clip-path:none} #app[data-active-tab='adventure'] .controls,#app[data-active-tab='adventure'][data-battle-action='stop'] .controls{grid-template-columns:minmax(0,1fr)}#app[data-active-tab='adventure'] .controls button{font-size:23px;min-height:53px}@media(max-width:350px){#app[data-active-tab='adventure'] .controls button{font-size:21px;min-height:51px}} #app[data-active-tab='adventure'] button:focus-visible{clip-path:none;outline:3px solid #053f89;outline-offset:2px} /* Final benchmark art and top-of-field alignment; all text remains real DOM. */ .benchmark-emblem{display:none} #app[data-active-tab='adventure'] .topbar{min-height:82px;padding-top:12px;padding-bottom:12px;margin-bottom:5px} #app[data-active-tab='adventure'] .brand>small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px;white-space:nowrap} #app[data-active-tab='adventure'] .page-banner{position:relative;min-height:49px;padding-left:7px;gap:6px;font-size:27px;letter-spacing:3px} #app[data-active-tab='adventure'] .page-banner>.icon{display:none} #app[data-active-tab='adventure'] .benchmark-emblem{display:block;width:50px;height:48px;object-fit:contain;flex-shrink:0} #app[data-active-tab='adventure']>.hero-card{margin-bottom:4px} @media(max-width:350px){#app[data-active-tab='adventure'] .topbar{min-height:76px;padding-top:9px;padding-bottom:9px;margin-bottom:5px}#app[data-active-tab='adventure'] .page-banner{min-height:46px;font-size:25px}#app[data-active-tab='adventure'] .benchmark-emblem{width:45px;height:44px}} #app[data-active-tab='adventure'] .page-banner{padding-top:0;padding-bottom:0;height:50px;min-height:50px}#app[data-active-tab='adventure'] .benchmark-emblem{height:44px}@media(max-width:350px){#app[data-active-tab='adventure'] .page-banner{height:46px;min-height:46px}#app[data-active-tab='adventure'] .benchmark-emblem{height:40px}} /* Native alpha padding is cropped only by the dedicated adventure potion tile. */ .potion-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0} #app[data-active-tab='adventure'] .potion-tile{position:relative;width:48px;height:48px;overflow:hidden;border:2px solid #069bf4;background:linear-gradient(#d9faff,#88d7ff);box-shadow:inset 0 0 0 2px #fff;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)} #app[data-active-tab='adventure'] .potion-tile img{width:44px;height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain} #app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp.png']{position:absolute;width:58px;height:58px;max-width:none;left:-7px;top:-7px} #app[data-active-tab='adventure'] .page-banner{overflow:visible;gap:6px;padding-left:8px;box-shadow:inset 0 0 0 2px #57cfff;background:#054e77} #app[data-active-tab='adventure'] .benchmark-emblem{width:58px;height:44px;object-fit:cover;object-position:center;filter:drop-shadow(0 1px 0 #022f5c)} #app[data-active-tab='adventure'] #start,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop{border:3px solid #fff0ba;box-shadow:inset 0 0 0 2px #ffc449,inset 0 0 0 3px #e98620,0 0 0 2px #ffb128;font-weight:900;text-shadow:0 1px 0 #cb5a05;letter-spacing:1.5px} #app[data-active-tab='adventure'][data-battle-action='report'] #start{border:1px solid #b9cfdd;background:#fffdf5;box-shadow:none;text-shadow:none;color:#345c7b} @media(max-width:350px){#app[data-active-tab='adventure'] .potion-tile{width:43px;height:43px}#app[data-active-tab='adventure'] .potion-tile img{width:39px;height:39px}#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp.png']{width:52px;height:52px;left:-6.5px;top:-6.5px}#app[data-active-tab='adventure'] .benchmark-emblem{width:52px;height:40px}} #app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp.png']{width:54px;height:54px;left:-5px;top:-5px}@media(max-width:350px){#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp.png']{width:49px;height:49px;left:-5px;top:-5px}} /* A read-only state row reflects the existing foreground run, never a new toggle. */ .battle-continuity{display:none} #app[data-active-tab='adventure'] .battle-continuity{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:5px -3px 0;padding:6px 12px;border:3px solid #fffdf5;background:#fffdf5;box-shadow:inset 0 0 0 1px #dedbc9,0 0 0 2px #b2eafb;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)} #app[data-active-tab='adventure'] .battle-continuity strong{font-size:15px;font-weight:850;letter-spacing:.5px} #app[data-active-tab='adventure'] .continuity-pill{padding:4px 13px;border:1px solid #b7cddb;border-radius:14px;background:#eaf3f8;color:#486884;font-size:11px;font-weight:800;line-height:1.4} #app[data-active-tab='adventure'] .continuity-pill[data-state='running']{background:#e1f6e5;border-color:#91cc9b;color:#167c39} #app[data-active-tab='adventure'] .continuity-pill[data-state='pending']{background:#fff0d6;border-color:#eac582;color:#916024} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-continuity{padding:6px 10px}#app[data-active-tab='adventure'] .battle-continuity strong{font-size:14px}} /* Closed pennant outlines are independent polygons; text and emblem stay above them. */ .banner-surface,.benchmark-emblem-box{display:none} #app[data-active-tab='adventure'] .page-banner{position:relative;isolation:isolate;clip-path:none;background:transparent;border:0;box-shadow:none;height:50px;min-height:50px;padding:0 25px 0 8px;gap:7px} #app[data-active-tab='adventure'] .page-banner::before,#app[data-active-tab='adventure'] .page-banner::after,#app[data-active-tab='adventure'] .banner-surface,#app[data-active-tab='adventure'] .banner-surface::after{content:'';position:absolute;pointer-events:none;clip-path:polygon(7% 0,90% 0,100% 50%,90% 100%,7% 100%,0 50%)} #app[data-active-tab='adventure'] .page-banner::before{inset:0;z-index:0;background:#fffdf5} #app[data-active-tab='adventure'] .page-banner::after{inset:3px;z-index:1;background:#073765} #app[data-active-tab='adventure'] .banner-surface{display:block;inset:5px;z-index:2;background:#55c5f8} #app[data-active-tab='adventure'] .banner-surface::after{inset:2px;background:#075182} #app[data-active-tab='adventure'] #page-title{position:relative;z-index:3;color:#fff;font-weight:900;text-shadow:0 1px 0 #082d5c} #app[data-active-tab='adventure'] .benchmark-emblem-box{position:relative;z-index:3;display:block;flex-shrink:0;width:60px;height:52px} #app[data-active-tab='adventure'] .benchmark-emblem{position:absolute;display:block;width:80px;height:70px;max-width:none;left:-10px;top:-9px;object-fit:cover;object-position:center;filter:drop-shadow(0 1px 0 #023561)} #app[data-active-tab='adventure'] .battle-skill{grid-template-columns:56px minmax(0,1fr);padding:5px 10px;min-height:72px} #app[data-active-tab='adventure'] .battle-skill-symbol{position:relative;overflow:hidden;width:56px;height:56px;flex-shrink:0} #app[data-active-tab='adventure'] .battle-skill-symbol img{position:absolute;width:58px;height:58px;max-width:none;left:-3px;top:-3px;object-fit:contain;padding:0} #app[data-active-tab='adventure'] .battle-skill>div{align-self:center} @media(max-width:350px){#app[data-active-tab='adventure'] .page-banner{height:48px;min-height:48px;padding-right:23px;font-size:24px}#app[data-active-tab='adventure'] .benchmark-emblem-box{width:54px;height:48px}#app[data-active-tab='adventure'] .benchmark-emblem{width:74px;height:66px;left:-10px;top:-9px}#app[data-active-tab='adventure'] .battle-skill{grid-template-columns:52px minmax(0,1fr);padding:5px 8px;min-height:68px}#app[data-active-tab='adventure'] .battle-skill-symbol{width:52px;height:52px}#app[data-active-tab='adventure'] .battle-skill-symbol img{width:54px;height:54px;left:-3px;top:-3px}} #app[data-active-tab='adventure'] .topbar{background-image:url('/assets/alpha-benchmark-banner.png');background-position:center 52%;background-size:cover} #app[data-active-tab='adventure'] .battle-skill-symbol img{width:52px;height:52px;left:0;top:0}#app[data-active-tab='adventure'] .battle-skill-symbol img[src='/assets/alpha-benchmark-claw.png']{width:58px;height:58px;left:-3px;top:-3px}@media(max-width:350px){#app[data-active-tab='adventure'] .battle-skill-symbol img{width:48px;height:48px;left:0;top:0}#app[data-active-tab='adventure'] .battle-skill-symbol img[src='/assets/alpha-benchmark-claw.png']{width:54px;height:54px;left:-3px;top:-3px}} /* Focus must remain visible beyond the decorative CTA polygon. */ #app[data-active-tab='adventure'] #start:focus-visible,#app[data-active-tab='adventure'] #stop:focus-visible{clip-path:none;outline:3px solid #053f89;outline-offset:3px} /* V4: narrow-phone bands and illustrated horizontal navigation, adventure only. */ .benchmark-nav-art{display:none} #app[data-active-tab='adventure'] .tabs button{display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 0;font-size:14px;font-weight:850;min-height:57px} #app[data-active-tab='adventure'] .tabs .icon{width:32px;height:32px;flex-shrink:0;margin:0} #app[data-active-tab='adventure'] .tabs .benchmark-nav-art{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0} #app[data-active-tab='adventure'] #tab-character>.icon,#app[data-active-tab='adventure'] #tab-equipment>.icon,#app[data-active-tab='adventure'] #tab-supplies>.icon{display:none} #app[data-active-tab='adventure'] .nav-pet-icon{position:relative;overflow:hidden;border-radius:50%;background:#b6eeff} #app[data-active-tab='adventure'] .nav-pet-icon img{position:absolute;width:73px;height:73px;max-width:none;left:-25px;top:-8px;object-fit:contain} #app[data-active-tab='adventure'] .tabs .nav-label{line-height:1.25;white-space:nowrap} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-skill{grid-template-columns:46px minmax(0,1fr);min-height:56px;padding:2px 8px}#app[data-active-tab='adventure'] .battle-skill-symbol{width:46px;height:46px}#app[data-active-tab='adventure'] .battle-skill-symbol img{width:42px;height:42px;left:0;top:0}#app[data-active-tab='adventure'] .battle-skill-symbol img[src='/assets/alpha-benchmark-claw.png']{width:48px;height:48px;left:-3px;top:-3px}#app[data-active-tab='adventure'] .battle-supplies>summary{min-height:46px;padding:0 5px}#app[data-active-tab='adventure'] .tabs button{font-size:12px;gap:2px;padding:5px 0}#app[data-active-tab='adventure'] .tabs .icon,#app[data-active-tab='adventure'] .tabs .benchmark-nav-art{width:26px;height:26px}#app[data-active-tab='adventure'] .nav-pet-icon img{width:63px;height:63px;left:-23px;top:-7px}} /* V4 approved standalone art: clean illustrative forest and a self-framed claw tile. */ #app[data-active-tab='adventure'] #battle-arena[data-map='1']{background-image:url('/assets/alpha-benchmark-clean-scene.png')} #app[data-active-tab='adventure'] .battle-skill-symbol:has(img[src='/assets/alpha-benchmark-shaded-claw.png']){border:0;background:transparent;box-shadow:none} #app[data-active-tab='adventure'] .battle-skill-symbol img[src='/assets/alpha-benchmark-shaded-claw.png']{width:64px;height:64px;left:-4px;top:-4px;object-fit:contain} .resource-label .icon{display:none} #app[data-active-tab='adventure'] .vital{grid-template-columns:40px minmax(20px,1fr) auto} #app[data-active-tab='adventure'] .resource-label{display:flex;align-items:center;gap:3px;white-space:nowrap} #app[data-active-tab='adventure'] .resource-label .icon{display:block;width:19px;height:19px;flex-shrink:0} #app[data-active-tab='adventure'] .controls button{display:flex;align-items:center;justify-content:center;gap:10px} #app[data-active-tab='adventure'] #start,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop{border:0;box-shadow:none;background-color:transparent;background-image:url('/assets/alpha-benchmark-button-frame.png');background-repeat:no-repeat;background-size:103% 224%;background-position:center;clip-path:none;color:#fff;text-shadow:0 1px 1px #bd4d00;font-weight:900} #app[data-active-tab='adventure'][data-battle-action='report'] #start{background-image:none;background-color:#fffdf5;border:1px solid #b9cfdd;box-shadow:none;text-shadow:none;color:#345c7b} .pause-mark{display:none} #app[data-active-tab='adventure'] .pause-mark{position:relative;display:inline-block;width:24px;height:23px;flex-shrink:0} #app[data-active-tab='adventure'] .pause-mark::before,#app[data-active-tab='adventure'] .pause-mark::after{content:'';position:absolute;top:0;width:7px;height:23px;background:#fff;border-radius:2px;box-shadow:0 1px 1px #cb5a05} #app[data-active-tab='adventure'] .pause-mark::before{left:2px}#app[data-active-tab='adventure'] .pause-mark::after{right:2px} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-skill-symbol img[src='/assets/alpha-benchmark-shaded-claw.png']{width:52px;height:52px;left:-3px;top:-3px}#app[data-active-tab='adventure'] .vital{grid-template-columns:40px minmax(15px,1fr) auto}#app[data-active-tab='adventure'] .resource-label .icon{width:18px;height:18px}#app[data-active-tab='adventure'] .controls button{gap:8px}} /* Keep 18–19px glyphs visually prominent without increasing the HUD row boxes. */ #app[data-active-tab='adventure'] .resource-label{position:relative;display:block;line-height:1.1} #app[data-active-tab='adventure'] .resource-label>span{display:block;margin-left:22px} #app[data-active-tab='adventure'] .resource-label .icon{position:absolute;left:0;top:50%;transform:translateY(-50%)} /* The running action owns its pause signature independently of patched label markup. */ #app[data-active-tab='adventure'] #stop .pause-mark{display:none} #app[data-active-tab='adventure'][data-battle-action='stop'] #stop::before{content:'';display:block;flex-shrink:0;width:24px;height:23px;background:linear-gradient(to right,transparent 0 2px,#fff 2px 9px,transparent 9px 15px,#fff 15px 22px,transparent 22px);filter:drop-shadow(0 1px 0 #cb5a05)} /* 冒險導覽角盔：補償原圖透明留白，維持導覽格尺寸。 */ #app[data-active-tab='adventure'] .nav-equipment-icon{position:relative;overflow:hidden} #app[data-active-tab='adventure'] .nav-equipment-icon img{position:absolute;width:64px;height:64px;max-width:none;left:-17px;top:-17px;object-fit:contain} @media(max-width:350px){#app[data-active-tab='adventure'] .nav-equipment-icon img{width:52px;height:52px;left:-14px;top:-14px}} /* 戰鬥首屏自然結束後，再進入可捲動的地圖與怪物選擇。 */ #app[data-active-tab='adventure'] .battle-primary{min-height:calc(100vh - 202px);min-height:calc(100svh - 202px);padding-bottom:calc(80px + env(safe-area-inset-bottom));display:flow-root} #app[data-active-tab='adventure'] #header-map{display:flex;align-items:center;gap:5px;cursor:pointer} #app[data-active-tab='adventure'] #header-map::after{content:'⌄';font-size:16px;line-height:1} #app[data-active-tab='adventure'] #header-map:disabled{opacity:1;cursor:default} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-primary{min-height:calc(100vh - 185px);min-height:calc(100svh - 185px)}} /* V5：單一冒險 benchmark 的厚紙層、資源亮面與一致導覽。 */ #app[data-active-tab='adventure']>.hero-card{height:111px;min-height:111px} #app[data-active-tab='adventure'] .name-row h1{font-size:23px;line-height:1.15} #app[data-active-tab='adventure'] .name-row>small{font-size:9px} #app[data-active-tab='adventure'] .vital{font-size:10px} #app[data-active-tab='adventure'] .vital output{font-size:10px;font-weight:850} #app[data-active-tab='adventure'] .vital progress{height:14px;border-radius:5px;border-color:#aaa99b;box-shadow:inset 0 2px 2px #6c6b5b24,0 1px 0 #fff} #app[data-active-tab='adventure'] .vital progress::-webkit-progress-bar{background:linear-gradient(#dedcd2,#f1eee4);box-shadow:inset 0 1px 2px #8a82664a} #app[data-active-tab='adventure'] .vital progress::-webkit-progress-value{border-radius:4px;background:linear-gradient(#ffb5a6 0,#ff725e 18%,#f4322c 52%,#ee3630 78%,#ff8270);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #a9202866} #app[data-active-tab='adventure'] .vital.mp progress::-webkit-progress-value{background:linear-gradient(#a9f4ff 0,#3cdaff 18%,#089bf5 52%,#0587e5 78%,#5ed8ff);box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #006ebd66} #app[data-active-tab='adventure'] .vital.sp progress::-webkit-progress-value{background:linear-gradient(#b1f5bd 0,#67e580 18%,#20b850 52%,#159f41 78%,#70de8b);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #08793466} #app[data-active-tab='adventure'] #phase-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #app[data-active-tab='adventure'] .arena-foot{min-height:19.5px} #app[data-active-tab='adventure'] .enemy-label{padding:5px 9px;min-width:94px;border:2px solid #fffae8;background:#093f5ce0;box-shadow:0 1px 0 #082e48a6,inset 0 1px 0 #7ad2ed55;border-radius:5px;font-size:11px;line-height:1.15} #app[data-active-tab='adventure'] .enemy-label progress{height:6px;margin:3px 0;border-radius:3px} #app[data-active-tab='adventure'] .enemy-label output{font-size:10px;font-weight:800} #app[data-active-tab='adventure'] .battle-skill,#app[data-active-tab='adventure'] .battle-supplies,#app[data-active-tab='adventure'] .battle-continuity{position:relative;isolation:isolate;clip-path:none;border-color:transparent;border-radius:0;background:transparent;box-shadow:0 2px 0 #648b982a} #app[data-active-tab='adventure'] .battle-skill::before,#app[data-active-tab='adventure'] .battle-supplies::before,#app[data-active-tab='adventure'] .battle-continuity::before,#app[data-active-tab='adventure'] .battle-skill::after,#app[data-active-tab='adventure'] .battle-supplies::after,#app[data-active-tab='adventure'] .battle-continuity::after{content:'';position:absolute;pointer-events:none;z-index:-1;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)} #app[data-active-tab='adventure'] .battle-skill::before,#app[data-active-tab='adventure'] .battle-supplies::before,#app[data-active-tab='adventure'] .battle-continuity::before{inset:-3px;background:linear-gradient(#fff,#fffef4 68%,#e5dfc9)} #app[data-active-tab='adventure'] .battle-skill::after,#app[data-active-tab='adventure'] .battle-supplies::after,#app[data-active-tab='adventure'] .battle-continuity::after{inset:3px;background:linear-gradient(#fffefb,#fff9ec);box-shadow:inset 0 1px 0 #dacfb4,inset 0 -1px 0 #fff} #app[data-active-tab='adventure'] .battle-skill select{font-size:22px;font-weight:900;letter-spacing:.2px;background:transparent} #app[data-active-tab='adventure'] .supply-token{font-size:17px;font-weight:900} #app[data-active-tab='adventure'] .continuity-pill{max-width:65%;font-size:11px;text-align:center} #app[data-active-tab='adventure'] #start,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop{box-shadow:0 3px 0 #bb5e1438;text-shadow:0 2px 0 #bc4c00,0 -1px 0 #fff5} #app[data-active-tab='adventure'] .battle-primary{background:linear-gradient(transparent 0 90%,#fffdf4 98%)} #app[data-active-tab='adventure'] .tabs{isolation:isolate;background:transparent;border-color:transparent;box-shadow:0 -3px 0 #718b9726} #app[data-active-tab='adventure'] .tabs::before,#app[data-active-tab='adventure'] .tabs::after{content:'';position:absolute;pointer-events:none;z-index:-1;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px)} #app[data-active-tab='adventure'] .tabs::before{inset:-4px;background:linear-gradient(#fff,#fffbea)} #app[data-active-tab='adventure'] .tabs::after{inset:2px 0 0;background:linear-gradient(#fffef8,#fff8e9);box-shadow:inset 0 1px 0 #d8ceb3} #app[data-active-tab='adventure'] .tabs button{position:relative;gap:3px;border-radius:0;border:0;background:transparent;box-shadow:none;font-weight:900;font-size:14px} #app[data-active-tab='adventure'] .tabs button+button::before{content:'';position:absolute;left:-2px;top:12px;bottom:12px;width:1px;background:linear-gradient(transparent,#d9d1bd,transparent)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{background:linear-gradient(#66dbff 0 4%,#0799f7 10%,#0578dc 85%,#025cae);color:#fff;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #62d7ff,0 2px 0 #0e69a23b;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #app[data-active-tab='adventure'] #tab-save>.icon{display:none} #app[data-active-tab='adventure'] .nav-illustration{position:relative;overflow:hidden;background:transparent;border-radius:0} #app[data-active-tab='adventure'] .nav-illustration img{position:absolute;width:32px;height:32px;left:0;top:0;max-width:none;object-fit:contain} @media(max-width:350px){ #app[data-active-tab='adventure']>.hero-card{height:100px;min-height:100px} #app[data-active-tab='adventure'] .name-row h1{font-size:20px} #app[data-active-tab='adventure'] .name-row>small{font-size:8px} #app[data-active-tab='adventure'] .vital progress{height:13px} #app[data-active-tab='adventure'] .vital{margin-top:4px} #app[data-active-tab='adventure'] .battle-skill select{font-size:18px;padding:6px 8px} #app[data-active-tab='adventure'] .supply-token{font-size:14px} #app[data-active-tab='adventure'] .tabs button{font-size:12px;gap:2px} #app[data-active-tab='adventure'] .nav-illustration img{width:26px;height:26px} #app[data-active-tab='adventure'] .continuity-pill{font-size:10px;padding-left:8px;padding-right:8px} } /* 導覽原圖 alpha 留白只以 CSS 補償；可見輪廓約30／24px。 */ #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:35px;height:35px;left:-1.5px;top:-1.5px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:39px;height:39px;left:-3.5px;top:-4px} @media(max-width:350px){#app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:28px;height:28px;left:-1px;top:-1px}#app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:31px;height:31px;left:-2.5px;top:-3px}} #app[data-active-tab='adventure'] .battle-primary{background:linear-gradient(transparent 0 290px,#fffdf4 325px)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']:focus-visible{clip-path:none;outline:3px solid #053f89;outline-offset:2px} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-primary{background:linear-gradient(transparent 0 260px,#fffdf4 292px)}} #app[data-active-tab='adventure'] #header-map{width:122px;min-height:44px;padding:5px 6px;gap:5px;border:3px solid #fffbea;border-radius:2px;background:linear-gradient(#fffef8,#fff5de);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d6c8a7,0 1px 0 #28567455;font-size:15px;font-weight:900;justify-content:center;white-space:nowrap} #app[data-active-tab='adventure'] #header-map>.icon{width:24px;height:24px;flex-shrink:0} #app[data-active-tab='adventure'] #header-map::after{font-size:16px;color:#637983} @media(max-width:350px){#app[data-active-tab='adventure'] #header-map{width:110px;font-size:14px;gap:3px;padding:5px 4px}#app[data-active-tab='adventure'] #header-map>.icon{width:22px;height:22px}} /* V5 最終 native 圖之可見 alpha bbox：不沿用首版寵頭留白。 */ #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:41px;height:41px;left:-4.5px;top:-5px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:35px;height:35px;left:-1.5px;top:-1.7px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:37px;height:37px;left:-3.1px;top:-2.3px} @media(max-width:350px){#app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:33px;height:33px;left:-3.5px;top:-3.9px}#app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:28px;height:28px;left:-1px;top:-1.2px}#app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:29.5px;height:29.5px;left:-2.2px;top:-1.5px}} /* V5 最後局部：disabled 原生技能仍可讀；補給與 selected nav 分層閉合。 */ .nav-relief{display:none} #app[data-active-tab='adventure'] .battle-skill select,#app[data-active-tab='adventure'] .battle-skill select:disabled{color:#071e68;-webkit-text-fill-color:#071e68;opacity:1;appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 36%,#071e68 36% 64%,transparent 64%),linear-gradient(-45deg,transparent 36%,#071e68 36% 64%,transparent 64%);background-position:calc(100% - 17px) center,calc(100% - 10px) center;background-size:8px 8px;background-repeat:no-repeat} #app[data-active-tab='adventure'] .supply-settings-label{display:flex;align-items:center;justify-content:center;gap:5px;font-size:16px;padding-left:8px;padding-right:8px;font-weight:900} #app[data-active-tab='adventure'] .supply-settings-label .icon{width:18px;height:18px;flex-shrink:0;stroke-width:2.5} #app[data-active-tab='adventure'] .supply-token{position:relative;isolation:isolate;align-self:stretch} #app[data-active-tab='adventure'] .supply-token::before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:0 -3px;border:1px solid #e2dac7;background:linear-gradient(#ffffffb8,#fffdf1a8);box-shadow:inset 0 1px 0 #fff;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{background:transparent;box-shadow:none;clip-path:none;isolation:isolate} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']::before,#app[data-active-tab='adventure'] .tabs button[aria-selected='true']::after{content:'';position:absolute;pointer-events:none;width:auto;top:0;bottom:0;left:0;right:0;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']::before{z-index:-3;background:#06386d} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']::after{inset:2px;z-index:-2;background:linear-gradient(#74dfff,#27bff6)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true'] .nav-relief{display:block;position:absolute;pointer-events:none;z-index:-1;inset:4px;background:linear-gradient(#159dfa,#057be8 80%,#0369c5);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);box-shadow:inset 0 1px 0 #e2fbff75,inset 0 -1px 0 #003c8c55} #app[data-active-tab='adventure'] .tabs button[aria-selected='true'] .nav-relief::after{content:'';position:absolute;inset:3px;background:linear-gradient(135deg,#79eaff 0 3px,transparent 3px),linear-gradient(315deg,#4bc6ff 0 3px,transparent 3px)} @media(max-width:350px){#app[data-active-tab='adventure'] .supply-settings-label{font-size:14px;gap:3px;padding-left:6px;padding-right:6px}#app[data-active-tab='adventure'] .supply-token::before{inset:0 -2px}} .band-surface{display:none} #app[data-active-tab='adventure'] .battle-skill::before,#app[data-active-tab='adventure'] .battle-supplies::before,#app[data-active-tab='adventure'] .battle-continuity::before{z-index:-3} #app[data-active-tab='adventure'] .battle-skill::after,#app[data-active-tab='adventure'] .battle-supplies::after,#app[data-active-tab='adventure'] .battle-continuity::after{z-index:-2;background:#dfd8c3;box-shadow:none} #app[data-active-tab='adventure'] .band-surface{display:block;position:absolute;pointer-events:none;z-index:-1;inset:4px;background:linear-gradient(#fffefc,#fff9ec);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #eae2cd} /* V6：真內容自然延續；取消首次 viewport 假填高。 */ #app[data-active-tab='adventure'] .battle-primary{min-height:0;padding-bottom:0;background:none} #app[data-active-tab='adventure'] .target-card{margin:8px -3px 12px;padding:0 10px} #app[data-active-tab='adventure'] .target-card>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:16px;font-weight:850;list-style:revert} #app[data-active-tab='adventure'] .target-card>summary small{font-size:10px;font-weight:650} #app[data-active-tab='adventure'] .target-fields{padding:8px 0 12px} #app[data-active-tab='adventure']>.hero-card{grid-template-columns:94px minmax(0,1fr);gap:10px} #app[data-active-tab='adventure']>.hero-card .portrait{height:85px} #app[data-active-tab='adventure']>.hero-card .portrait img{width:176px;height:176px;left:-56px;top:-8px} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:210px;height:210px;left:-67px;top:-14px} #app[data-active-tab='adventure'] #career-label{display:none} #app[data-active-tab='adventure'] .name-row{margin-bottom:7px} #app[data-active-tab='adventure'] .vital{margin-top:6px} #app[data-active-tab='adventure'] .vital.sp{margin-top:4px;font-size:9px} #app[data-active-tab='adventure'] .vital.sp progress{height:8px} #app[data-active-tab='adventure'] .vital.sp output{font-size:10px} #app[data-active-tab='adventure'] .page-banner::after{inset:2px} #app[data-active-tab='adventure'] .banner-surface{inset:3px} #app[data-active-tab='adventure'] .banner-surface::after{inset:1px} #app[data-active-tab='adventure'] #header-map::after{content:'›';font-size:20px} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']::before,#app[data-active-tab='adventure'] .tabs button[aria-selected='true']::after{display:none} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{background:linear-gradient(#099bf7,#087ae5);box-shadow:inset 0 0 0 1px #64d9ff;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']:focus-visible{clip-path:none} @media(max-width:350px){ #app[data-active-tab='adventure'] .battle-primary{min-height:0;padding-bottom:0;background:none} #app[data-active-tab='adventure']>.hero-card{grid-template-columns:80px minmax(0,1fr);gap:8px} #app[data-active-tab='adventure']>.hero-card .portrait{height:78px} #app[data-active-tab='adventure']>.hero-card .portrait img{width:148px;height:148px;left:-47px;top:-7px} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:180px;height:180px;left:-58px;top:-12px} #app[data-active-tab='adventure'] .name-row{margin-bottom:5px} #app[data-active-tab='adventure'] .vital{margin-top:5px} #app[data-active-tab='adventure'] .vital.sp{margin-top:3px} #app[data-active-tab='adventure'] .target-card>summary{font-size:14px} } #app[data-active-tab='adventure'] .target-card>summary::after{content:'⌄';font-size:18px;line-height:1;color:#16466e} #app[data-active-tab='adventure'] .target-card[open]>summary::after{content:'⌃'} /* V6 局部：正方近景保留眼鼻嘴；真入口不繼承 card 垂直 padding。 */ #app[data-active-tab='adventure']>.hero-card{padding-top:5px;padding-bottom:5px} #app[data-active-tab='adventure']>.hero-card .portrait{height:94px} #app[data-active-tab='adventure']>.hero-card .portrait img{width:170px;height:170px;left:-55px;top:-5px} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:200px;height:200px;left:-63px;top:-10px} #app[data-active-tab='adventure'] details.target-card{padding-top:0;padding-bottom:0} @media(max-width:350px){ #app[data-active-tab='adventure']>.hero-card{padding-top:5px;padding-bottom:5px} #app[data-active-tab='adventure']>.hero-card .portrait{height:80px} #app[data-active-tab='adventure']>.hero-card .portrait img{width:140px;height:140px;left:-44px;top:-4px} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:170px;height:170px;left:-53px;top:-8px} #app[data-active-tab='adventure'] details.target-card{padding-top:0;padding-bottom:0} } /* 閉合真入口不沿用一般 details.card 的 64px 最小高度；44px summary 保留。 */ #app[data-active-tab='adventure'] details.target-card:not([open]){min-height:0} /* V7 使用者修正：完整頭部安全邊及鬆開補給列，後續內容自然捲動。 */ #app[data-active-tab='adventure']>.hero-card .portrait img{width:130px;height:130px;left:-25px;top:0} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:150px;height:150px;left:-32px;top:-5px} #app[data-active-tab='adventure'] .battle-supplies>summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 82px;gap:9px;min-height:80px;padding:9px 8px} #app[data-active-tab='adventure'] .supply-token{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;align-self:center;min-height:56px} #app[data-active-tab='adventure'] .supply-token::before{inset:-3px -4px} #app[data-active-tab='adventure'] .potion-tile{width:52px;height:52px} #app[data-active-tab='adventure'] .supply-token small{font-size:11px;line-height:1.5;margin-top:4px;white-space:nowrap} #app[data-active-tab='adventure'] .supply-settings-label{min-height:48px;padding:8px 6px;gap:5px} @media(max-width:350px){ #app[data-active-tab='adventure']>.hero-card .portrait img{width:108px;height:108px;left:-21px;top:0} #app[data-active-tab='adventure']>.hero-card .portrait img[src='/assets/bubble-dragon-mature.png']{width:126px;height:126px;left:-27px;top:-4px} #app[data-active-tab='adventure'] .battle-supplies>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px;gap:7px;min-height:76px;padding:8px 6px} #app[data-active-tab='adventure'] .supply-token{grid-template-columns:48px minmax(0,1fr);gap:6px;min-height:54px} #app[data-active-tab='adventure'] .supply-token::before{inset:-2px -3px} #app[data-active-tab='adventure'] .potion-tile{width:48px;height:48px} #app[data-active-tab='adventure'] .supply-token small{font-size:10px;margin-top:4px} #app[data-active-tab='adventure'] .supply-settings-label{min-height:48px;padding:8px 4px;gap:3px} } /* 只讀連續狀態不承擔觸控：回收6px保留補給呼吸與首屏主操作。 */ #app[data-active-tab='adventure'] .battle-continuity{min-height:38px;padding-top:3px;padding-bottom:3px} .header-map-art{display:none} #app[data-active-tab='adventure'] #header-map[data-map='1']>.icon{display:none} #app[data-active-tab='adventure'] #header-map[data-map='1'] .header-map-art{display:block;position:relative;width:24px;height:24px;overflow:hidden;flex-shrink:0} #app[data-active-tab='adventure'] .header-map-art img{position:absolute;width:30px;height:30px;max-width:none;left:-3px;top:-3px;object-fit:contain} @media(max-width:350px){#app[data-active-tab='adventure'] #header-map[data-map='1'] .header-map-art{width:22px;height:22px}#app[data-active-tab='adventure'] .header-map-art img{width:28px;height:28px;left:-3px;top:-3px}} /* V8 原生透明瓶：沿用 V7 的48/44px contain，保留整瓶輪廓。 */ #app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp-v8.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp-v8.png']{position:static;width:48px;height:48px;left:auto;top:auto;padding:0;object-fit:contain} @media(max-width:350px){#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-hp-v8.png'],#app[data-active-tab='adventure'] .potion-tile img[src='/assets/alpha-benchmark-mp-v8.png']{width:44px;height:44px}} /* V9：圖示、標籤、資源條與真數值各自占位，長值自然換列。 */ .hud-icon{display:none} #app[data-active-tab='adventure']>.hero-card{height:auto;min-height:111px} #app[data-active-tab='adventure'] .name-row{margin-bottom:4px} #app[data-active-tab='adventure'] .vital,#app[data-active-tab='adventure'] .vital.sp{grid-template-columns:44px minmax(32px,1fr) auto;column-gap:4px;row-gap:2px;min-height:20px;margin-top:1px;align-items:center} #app[data-active-tab='adventure'] .resource-label{position:static;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:3px;min-width:0;min-height:20px;line-height:1.1} #app[data-active-tab='adventure'] .resource-label .icon{display:none} #app[data-active-tab='adventure'] .resource-label .hud-icon{display:block;position:static;width:20px;height:20px;object-fit:contain;flex-shrink:0} #app[data-active-tab='adventure'] .resource-label>span{margin:0;min-width:0} #app[data-active-tab='adventure'] .vital progress{min-width:0} #app[data-active-tab='adventure'] .vital output{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:right} #app[data-active-tab='adventure'] .vital.has-long-value{grid-template-columns:44px minmax(32px,1fr) minmax(0,1fr)} #app[data-active-tab='adventure'] .vital.has-long-value progress{grid-column:2 / 4} #app[data-active-tab='adventure'] .vital.has-long-value output{grid-column:2 / 4;grid-row:2} @media(max-width:350px){ #app[data-active-tab='adventure']>.hero-card{height:auto;min-height:100px} #app[data-active-tab='adventure'] .name-row{margin-bottom:3px} #app[data-active-tab='adventure'] .vital,#app[data-active-tab='adventure'] .vital.sp{grid-template-columns:40px minmax(32px,1fr) auto;min-height:18px;margin-top:1px} #app[data-active-tab='adventure'] .resource-label{grid-template-columns:18px minmax(0,1fr);min-height:18px} #app[data-active-tab='adventure'] .resource-label .hud-icon{width:18px;height:18px} #app[data-active-tab='adventure'] .vital.has-long-value{grid-template-columns:40px minmax(32px,1fr) minmax(0,1fr)} } /* 原生 alpha 留白以固定圖示框補償；可見輪廓留在20/18px框內。 */ #app[data-active-tab='adventure'] .resource-label .hud-icon{position:relative;overflow:hidden} #app[data-active-tab='adventure'] .hud-icon img{display:block;width:100%;height:100%;object-fit:contain} #app[data-active-tab='adventure'] .hud-icon img[src='/assets/alpha-hud-hp-v9.png']{position:absolute;width:29px;height:27.54px;max-width:none;left:-4.5px;top:-3.6px} #app[data-active-tab='adventure'] .hud-icon img[src='/assets/alpha-hud-mp-v9.png']{position:absolute;width:23px;height:23px;max-width:none;left:-1.5px;top:-1.5px} @media(max-width:350px){#app[data-active-tab='adventure'] .hud-icon img[src='/assets/alpha-hud-hp-v9.png']{width:26.1px;height:24.79px;left:-4.05px;top:-3.24px}#app[data-active-tab='adventure'] .hud-icon img[src='/assets/alpha-hud-mp-v9.png']{width:20.7px;height:20.7px;left:-1.35px;top:-1.35px}} /* V9 200% 字級：文字欄按實際字寬／行高成長，原字級的44/40px基準保留。 */ #app[data-active-tab='adventure'] .vital,#app[data-active-tab='adventure'] .vital.sp{grid-template-columns:minmax(44px,max-content) minmax(32px,1fr) auto} #app[data-active-tab='adventure'] .resource-label{grid-template-columns:20px max-content;line-height:1.25} #app[data-active-tab='adventure'] .resource-label .resource-name{line-height:1.25;white-space:nowrap} #app[data-active-tab='adventure'] .vital.has-long-value{grid-template-columns:minmax(44px,max-content) minmax(32px,1fr) minmax(0,1fr)} @media(max-width:350px){#app[data-active-tab='adventure'] .vital,#app[data-active-tab='adventure'] .vital.sp{grid-template-columns:minmax(40px,max-content) minmax(32px,1fr) auto}#app[data-active-tab='adventure'] .resource-label{grid-template-columns:18px max-content}#app[data-active-tab='adventure'] .vital.has-long-value{grid-template-columns:minmax(40px,max-content) minmax(32px,1fr) minmax(0,1fr)}} /* 同步字體放大：自然換行／長高，原字級仍沿用既有最小尺寸。 */ #app[data-active-tab='adventure'] .topbar .brand{flex:0 1 auto;max-width:calc(100% - 132px)} #app[data-active-tab='adventure'] .page-banner{height:auto;min-height:50px;padding-left:74px;gap:0} #app[data-active-tab='adventure'] .benchmark-emblem-box{position:absolute;left:8px;top:50%;transform:translateY(-50%)} #app[data-active-tab='adventure'] #page-title{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.15} #app[data-active-tab='adventure'] #header-map{flex-shrink:0} #app[data-active-tab='adventure'] #header-map-label{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.2} #app[data-active-tab='adventure'] .tabs button{flex-wrap:wrap;row-gap:2px} #app[data-active-tab='adventure'] .tabs .nav-label{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25} #app[data-active-tab='adventure'] .supply-token>span:not(.potion-tile){min-width:0} #app[data-active-tab='adventure'] .supply-token small{max-width:100%;white-space:normal;overflow-wrap:anywhere} #app[data-active-tab='adventure'] .supply-settings-label{flex-wrap:wrap;row-gap:3px;white-space:normal} #app[data-active-tab='adventure'] .supply-settings-label>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.65} @media(max-width:350px){#app[data-active-tab='adventure'] .topbar .brand{max-width:calc(100% - 120px)}#app[data-active-tab='adventure'] .page-banner{min-height:48px;padding-left:68px}} /* 頁首字形上下安全邊：大字級按自身1.25行高增長。 */ #app[data-active-tab='adventure'] #page-title{line-height:1.25} /* V10：按概念選擇不同面板形狀，不將八角外殼套在所有區塊。 */ #app[data-active-tab='adventure'] .battle-skill::before,#app[data-active-tab='adventure'] .battle-skill::after,#app[data-active-tab='adventure'] .battle-supplies::before,#app[data-active-tab='adventure'] .battle-supplies::after,#app[data-active-tab='adventure'] .battle-continuity::before,#app[data-active-tab='adventure'] .battle-continuity::after,#app[data-active-tab='adventure'] .band-surface{display:none} #app[data-active-tab='adventure'] .battle-skill,#app[data-active-tab='adventure'] .battle-supplies{background:#fffef9;border:3px solid #fffdf5;box-shadow:inset 0 0 0 1px #ddd8ca,0 1px 0 #c9c5b65c;border-radius:3px;clip-path:none} #app[data-active-tab='adventure'] .battle-continuity{background:#fffef8;border-color:transparent;box-shadow:none;border-radius:2px;clip-path:none} #app[data-active-tab='adventure'] .target-card,#app[data-active-tab='adventure'] .report{clip-path:none;border-radius:4px;box-shadow:0 1px 0 #ccdce34a} #app[data-active-tab='adventure'] .supply-token::before{clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);border-color:#e5dfd0;background:#fffefb;box-shadow:inset 0 1px 0 #fff} #app[data-active-tab='adventure'] .battle-supplies>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 104px} #app[data-active-tab='adventure'] .supply-settings-label{border-radius:0;box-shadow:none} #app[data-active-tab='adventure'] .tabs::before,#app[data-active-tab='adventure'] .tabs::after{clip-path:none} #app[data-active-tab='adventure'] .tabs button{flex-direction:column;flex-wrap:nowrap;gap:4px;padding:4px 0;min-height:57px;text-align:center} #app[data-active-tab='adventure'] .tabs .icon,#app[data-active-tab='adventure'] .tabs .benchmark-nav-art{width:28px;height:28px} #app[data-active-tab='adventure'] .tabs button+button::before{top:8px;bottom:8px;background:#ddd7c9} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:35.875px;height:35.875px;left:-3.9375px;top:-4.375px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:34.125px;height:34.125px;left:-3.0625px;top:-3.5px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:30.625px;height:30.625px;left:-1.3125px;top:-1.4875px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:32.375px;height:32.375px;left:-2.7125px;top:-2.0125px} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']:focus-visible{clip-path:none} @media(max-width:350px){ #app[data-active-tab='adventure'] .battle-supplies>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px} #app[data-active-tab='adventure'] .tabs .icon,#app[data-active-tab='adventure'] .tabs .benchmark-nav-art{width:24px;height:24px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-pet.png']{width:30.46px;height:30.46px;left:-3.23px;top:-3.6px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-equipment.png']{width:28.62px;height:28.62px;left:-2.31px;top:-2.77px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-supplies.png']{width:25.85px;height:25.85px;left:-.923px;top:-1.108px} #app[data-active-tab='adventure'] .nav-illustration img[src='/assets/alpha-benchmark-nav-save.png']{width:27.23px;height:27.23px;left:-2.03px;top:-1.38px} } /* 新原生框採真正九片：四角等比、邊只延展長軸、中心填滿；字仍是真DOM。 */ .button-skin{display:none} #app[data-active-tab='adventure'] #start,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop,#app[data-active-tab='adventure'] .supply-settings-label{position:relative;isolation:isolate;background-image:none;background-color:transparent;border:0;box-shadow:none;clip-path:none} #app[data-active-tab='adventure'] .button-skin{position:absolute;inset:0;display:grid;pointer-events:none;z-index:-1;max-width:none;min-width:0;gap:0} #app[data-active-tab='adventure'] .action-skin{grid-template-columns:11px minmax(0,1fr) 11px;grid-template-rows:11px minmax(0,1fr) 11px} #app[data-active-tab='adventure'] .supply-skin{grid-template-columns:9px minmax(0,1fr) 9px;grid-template-rows:9px minmax(0,1fr) 9px} #app[data-active-tab='adventure'] .button-skin>span{display:block;min-width:0;min-height:0;background-repeat:no-repeat;overflow:hidden} #app[data-active-tab='adventure'][data-battle-action='report'] #start .button-skin{display:none} #app[data-active-tab='adventure'][data-battle-action='report'] #start{background:#fffdf5;border:1px solid #b9cfdd} @media(max-width:350px){#app[data-active-tab='adventure'] .battle-supplies>summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px}} #app[data-active-tab='adventure'] .action-skin>.skin-nw{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 124.43750000px;background-position:-6.70312500px -30.93750000px;} #app[data-active-tab='adventure'] .action-skin>.skin-n{background-image:url('/assets/alpha-action-frame-v11.png');background-size:110.42196238% 124.43750000px;background-position:50.24390244% -30.93750000px;} #app[data-active-tab='adventure'] .action-skin>.skin-ne{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 124.43750000px;background-position:-355.78125000px -30.93750000px;} #app[data-active-tab='adventure'] .action-skin>.skin-w{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 377.08333333%;background-position:-6.70312500px 45.86466165%;} #app[data-active-tab='adventure'] .action-skin>.skin-c{background-image:url('/assets/alpha-action-frame-v11.png');background-size:110.42196238% 377.08333333%;background-position:50.24390244% 45.86466165%;} #app[data-active-tab='adventure'] .action-skin>.skin-e{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 377.08333333%;background-position:-355.78125000px 45.86466165%;} #app[data-active-tab='adventure'] .action-skin>.skin-sw{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 124.43750000px;background-position:-6.70312500px -74.93750000px;} #app[data-active-tab='adventure'] .action-skin>.skin-s{background-image:url('/assets/alpha-action-frame-v11.png');background-size:110.42196238% 124.43750000px;background-position:50.24390244% -74.93750000px;} #app[data-active-tab='adventure'] .action-skin>.skin-se{background-image:url('/assets/alpha-action-frame-v11.png');background-size:373.31250000px 124.43750000px;background-position:-355.78125000px -74.93750000px;} #app[data-active-tab='adventure'] .supply-skin>.skin-nw{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 104.72727273px;background-position:-9.30681818px -28.32954545px;} #app[data-active-tab='adventure'] .supply-skin>.skin-n{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:130.27989822% 104.72727273px;background-position:50.14005602% -28.32954545px;} #app[data-active-tab='adventure'] .supply-skin>.skin-ne{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 104.72727273px;background-position:-138.88636364px -28.32954545px;} #app[data-active-tab='adventure'] .supply-skin>.skin-w{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 348.29931973%;background-position:-9.30681818px 50.00000000%;} #app[data-active-tab='adventure'] .supply-skin>.skin-c{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:130.27989822% 348.29931973%;background-position:50.14005602% 50.00000000%;} #app[data-active-tab='adventure'] .supply-skin>.skin-e{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 348.29931973%;background-position:-138.88636364px 50.00000000%;} #app[data-active-tab='adventure'] .supply-skin>.skin-sw{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 104.72727273px;background-position:-9.30681818px -67.39772727px;} #app[data-active-tab='adventure'] .supply-skin>.skin-s{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:130.27989822% 104.72727273px;background-position:50.14005602% -67.39772727px;} #app[data-active-tab='adventure'] .supply-skin>.skin-se{background-image:url('/assets/alpha-supply-frame-v11.png');background-size:157.09090909px 104.72727273px;background-position:-138.88636364px -67.39772727px;} /* 冒險導覽以內底色呈現，去除繼承的透明實邊，保留首屏CTA餘裕。 */ #app[data-active-tab='adventure'] .tabs button{border:0} #app[data-active-tab='adventure'] .tabs button[aria-selected='true']{border:0} /* V11：斜角僅在背景層；文字、焦點和既有盒模型保持完整。 */ #app[data-active-tab='adventure'] .battle-skill,#app[data-active-tab='adventure'] .battle-supplies,#app[data-active-tab='adventure'] .battle-continuity,#app[data-active-tab='adventure'] .target-card,#app[data-active-tab='adventure'] .report{position:relative;isolation:isolate;border-radius:0;clip-path:none;background:transparent;border-color:transparent;box-shadow:none} #app[data-active-tab='adventure'] .battle-skill::before,#app[data-active-tab='adventure'] .battle-supplies::before,#app[data-active-tab='adventure'] .battle-continuity::before,#app[data-active-tab='adventure'] .target-card::before,#app[data-active-tab='adventure'] .report::before{content:'';display:block;position:absolute;inset:-3px;z-index:-1;pointer-events:none;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background:linear-gradient(#fffefb,#fffaf0);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff9,inset 0 -1px 0 #c8c0ab55,inset -1px 0 0 #d5cbb866} #app[data-active-tab='adventure'] .target-card::before,#app[data-active-tab='adventure'] .report::before{inset:0} #app[data-active-tab='adventure'][data-battle-action='start'] #start:not(:disabled) .action-skin,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop:not(:disabled) .action-skin{filter:drop-shadow(0 2px 1px #99420830)} #app[data-active-tab='adventure'] .supply-settings-label .supply-skin{filter:drop-shadow(0 1px 1px #034b9d33)} #app[data-active-tab='adventure'][data-battle-action='start'] #start:active:not(:disabled),#app[data-active-tab='adventure'][data-battle-action='stop'] #stop:active:not(:disabled){background-color:transparent;box-shadow:none} #app[data-active-tab='adventure'][data-battle-action='start'] #start:active:not(:disabled) .action-skin,#app[data-active-tab='adventure'][data-battle-action='stop'] #stop:active:not(:disabled) .action-skin{filter:brightness(.92) drop-shadow(0 1px 0 #99420830)} #app[data-active-tab='adventure'] .battle-supplies>summary:active .supply-skin{filter:brightness(.94) drop-shadow(0 1px 0 #034b9d33)} #app[data-active-tab='adventure'] #start:disabled .action-skin,#app[data-active-tab='adventure'] #stop:disabled .action-skin{filter:saturate(.45)} #app[data-active-tab='adventure'] #start:focus-visible,#app[data-active-tab='adventure'] #stop:focus-visible{clip-path:none;outline:3px solid #034f97;outline-offset:3px} /* V11 導覽底板：只恢復背景小切角，不裁切各目的地與焦點。 */ #app[data-active-tab='adventure'] .tabs::before,#app[data-active-tab='adventure'] .tabs::after{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}