/* Scout is a standalone acquisition bay, isolated from the legacy gacha UI. */
#app > #scout-screen {
  --scout-ink:#e9eee3; --scout-muted:#a5b5bb; --scout-gold:#e9c78b; --scout-line:#a7bbc330;
  overflow-y:auto !important; overflow-x:hidden; padding:0 !important; color:var(--scout-ink);
  background:radial-gradient(ellipse at 85% 15%,#294d5545,transparent 45%),repeating-linear-gradient(0deg,transparent 0 47px,#a7bbc308 48px),#0b151f !important;
  font-family:'Bahnschrift','Yu Gothic',sans-serif; scrollbar-width:thin;
}
#scout-screen .scout-shell { width:min(100%,640px); margin:auto; padding:20px 18px max(36px,env(safe-area-inset-bottom)); box-sizing:border-box; }
#scout-screen button,.scout-reveal button { cursor:pointer; color:inherit; font:inherit; border:1px solid var(--scout-line,#a7bbc330); border-radius:3px; background:#132532; padding:12px; min-height:44px; box-shadow:none; }
#scout-screen button:focus-visible,.scout-reveal button:focus-visible { outline:2px solid #e9c78b; outline-offset:3px; }
#scout-screen button:disabled { opacity:.38; cursor:not-allowed; }
#scout-screen .scout-header { display:flex; align-items:center; gap:12px; padding-bottom:16px; }
#scout-screen .scout-header span { flex:1; font-size:9px; letter-spacing:.13em; color:var(--scout-muted); }
#scout-screen .scout-header b { font-size:25px; font-weight:600; letter-spacing:.1em; }
#scout-screen .scout-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
#scout-screen .scout-tabs button { font-size:15px; font-weight:700; letter-spacing:.08em; }
#scout-screen :is(.scout-tabs,.scout-pay) button[aria-pressed=true] { background:var(--scout-ink); border-color:var(--scout-ink); color:#11242e; }
#scout-screen .scout-wallet { display:flex; justify-content:space-between; padding:14px 2px; font-size:10px; letter-spacing:.07em; color:var(--scout-muted); }
#scout-screen .scout-wallet strong { font-size:17px; margin-left:6px; color:var(--scout-ink); font-variant-numeric:tabular-nums; }
#scout-screen .scout-feature { position:relative; isolation:isolate; overflow:hidden; border:1px solid var(--scout-line); background:radial-gradient(ellipse at 50% 28%,#dab98020,transparent 50%),linear-gradient(145deg,#21354355,#0b162a33); padding:20px; }
#scout-screen .scout-feature-orbit { position:absolute; top:45px; left:50%; width:235px; height:235px; transform:translateX(-50%) rotate(-25deg); border:1px solid #e9c78b30; border-radius:50%; z-index:-1; }
#scout-screen .scout-feature-orbit::before { content:''; position:absolute; inset:12px; border:1px dashed #e9c78b20; border-radius:50%; }
#scout-screen .scout-feature-orbit::after { content:''; position:absolute; inset:-13px 20px; border-block:2px solid #e9c78b70; border-radius:50%; }
#scout-screen .scout-kicker { margin:0; color:var(--scout-gold); font-size:10px; letter-spacing:.12em; }
#scout-screen .scout-feature-art { width:180px; height:185px; margin:7px auto 0; filter:drop-shadow(0 12px 25px #dfba8330); animation:scout-exhibit .65s ease-out both; }
#scout-screen .scout-art { display:block; width:100%; height:100%; }
#scout-screen .scout-feature-code { font-size:9px; letter-spacing:.22em; color:var(--scout-muted); }
#scout-screen .scout-feature h2 { margin:8px 0; font-family:'Yu Mincho','Georgia',serif; font-size:24px; font-weight:600; line-height:1.35; color:#f3e5cc; }
#scout-screen .scout-feature > p:not(.scout-kicker) { margin:0; font-size:12px; line-height:1.8; color:#bdc9cb; }
#scout-screen .scout-feature-select { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:17px; }
#scout-screen .scout-feature-select button { padding:5px; background:#09162299; }
#scout-screen .scout-feature-select button[aria-pressed=true] { border-color:var(--scout-gold); background:#e9c78b12; }
#scout-screen .scout-feature-select svg { height:38px; }
#scout-screen .scout-feature-select span { display:block; font-size:9px; line-height:1.4; padding:2px; }
#scout-screen .scout-pity { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }
#scout-screen .scout-pity article { border-top:1px solid var(--scout-line); padding-top:12px; }
#scout-screen .scout-pity span { display:block; font-size:11px; color:var(--scout-muted); }
#scout-screen .scout-pity b { display:block; font-size:31px; font-weight:500; letter-spacing:-.03em; line-height:1.3; }
#scout-screen .scout-pity article:last-child b { color:var(--scout-gold); }
#scout-screen .scout-pity small { display:block; font-size:10px; line-height:1.7; color:var(--scout-muted); }
#scout-screen .scout-pay { display:flex; gap:6px; padding-bottom:8px; }
#scout-screen .scout-pay button { flex:1; font-size:12px; min-height:36px; padding:8px; }
#scout-screen .scout-draw-actions { display:grid; grid-template-columns:1fr 1.35fr; gap:8px; }
#scout-screen .scout-draw-actions button { min-height:66px; color:#11242e; background:#c6dcd7; border-color:#c6dcd7; }
#scout-screen .scout-draw-actions button:last-child { background:var(--scout-gold); border-color:var(--scout-gold); }
#scout-screen .scout-draw-actions b { display:block; font-size:17px; }
#scout-screen .scout-draw-actions span { display:block; margin-top:3px; font-size:10px; letter-spacing:.05em; }
#scout-screen .scout-notice { font-size:11px; line-height:1.7; color:#b5c3c6; min-height:20px; }
#scout-screen .scout-history-button { width:100%; font-size:12px; margin-bottom:12px; }
#scout-screen .scout-details { border-top:1px solid var(--scout-line); padding:0 2px; font-size:11px; line-height:1.8; color:#b5c3c6; }
#scout-screen .scout-details summary { cursor:pointer; padding:16px 0; color:#e0e9dd; font-size:12px; }
#scout-screen .scout-details ul { padding:0; list-style:none; }
#scout-screen .scout-details li { display:flex; align-items:center; gap:9px; padding:10px 0; border-top:1px solid #a7bbc316; }
#scout-screen .scout-details li svg { width:45px; height:45px; flex-shrink:0; }
#scout-screen .scout-details li span { flex:1; }
#scout-screen .scout-details li b { color:#e0e9dd; }
#scout-screen .scout-details li small { display:block; }
#scout-screen .scout-details li em { font-style:normal; color:var(--scout-gold); font-variant-numeric:tabular-nums; }
#scout-screen .scout-supply article { display:flex; align-items:center; gap:10px; border-top:1px solid #a7bbc316; padding:12px 0; }
#scout-screen .scout-supply article > span { flex:1; }
#scout-screen .scout-supply article b { display:block; color:var(--scout-gold); }
#scout-screen .scout-supply article small { display:block; line-height:1.7; }
#scout-screen .scout-supply button { flex-shrink:0; }
#shop-screen .scout-shop-link { position:relative; width:100%; margin:12px 0; padding:14px; background:#132b38; color:#edcf97; border:1px solid #ddc48e70; border-radius:3px; font:600 14px 'Bahnschrift','Yu Gothic',sans-serif; }
dialog.scout-reveal { --signal:#97b6c7; color:#e9eee3; border:1px solid #a7bbc340; width:min(540px,100vw - 20px); max-width:none; max-height:calc(100dvh - 32px); padding:0; background:radial-gradient(ellipse at 50% 38%,#22404c,#09131e 65%); font-family:'Bahnschrift','Yu Gothic',sans-serif; box-shadow:0 25px 100px #0009; overscroll-behavior:contain; }
dialog.scout-reveal::backdrop { background:#030911e8; }
dialog.scout-reveal.tier-5 { --signal:#91e1db; }
dialog.scout-reveal.tier-6 { --signal:#efcc8e; background:radial-gradient(ellipse at 50% 38%,#5b4d30,#101921 66%); }
.scout-reveal-shell { padding:20px; }
.scout-reveal header { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:9px; letter-spacing:.12em; color:#aebfc4; }
.scout-reveal header button { font-size:11px; }
.scout-opening { position:relative; display:grid; place-content:center; min-height:min(65dvh,520px); text-align:center; overflow:hidden; }
.scout-opening i { position:absolute; width:230px; height:230px; left:50%; top:45%; margin:-115px; border:1px solid var(--signal); border-radius:50%; opacity:.4; animation:scout-lock 2.4s cubic-bezier(.2,.7,.1,1) both; }
.scout-opening i:nth-child(2) { width:270px; height:270px; margin:-135px; border-style:dashed; animation-delay:.2s; }
.scout-opening i:nth-child(3) { width:310px; height:310px; margin:-155px; border-block-width:3px; border-inline-color:transparent; animation-delay:.4s; }
.scout-signal-core { font:60px/1 'Georgia',serif; color:var(--signal); padding:43px; margin-top:-35px; text-shadow:0 0 40px var(--signal); animation:scout-core 1.8s .1s both; }
.scout-opening p { position:absolute; bottom:25px; left:0; right:0; font-size:10px; letter-spacing:.14em; color:#bdc9c8; }
.scout-results h2 { font:500 24px 'Yu Mincho','Georgia',serif; color:var(--signal); margin:22px 0; }
.scout-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.scout-result-card { display:flex; flex-direction:column; align-items:center; text-align:center; padding:12px 6px; background:#13232b; border:1px solid #8eabb62e; animation:scout-exhibit .45s calc(var(--order)*.06s) both; }
.scout-result-card:only-child { grid-column:1/-1; padding:30px 12px; }
.scout-result-card.tier-5 { border-color:#91e1db85; background:linear-gradient(135deg,#244343,#10222d); }
.scout-result-card.tier-6 { border-color:#efcc8e; background:linear-gradient(135deg,#53452f,#182932); }
.scout-result-card > span { font-size:9px; letter-spacing:.12em; color:#aebfc4; }
.scout-result-card.tier-6 > span { color:#efcc8e; }
.scout-result-card .scout-art { width:95px; height:95px; }
.scout-result-card:only-child .scout-art { width:200px; height:200px; }
.scout-result-card strong { font-size:12px; line-height:1.6; }
.scout-result-card small { font-size:10px; margin-top:5px; color:#b4c9c8; }
.scout-fragment-art { display:grid; place-items:center; height:95px; font-size:38px; color:#9dcacb; }
.scout-results > button { width:100%; margin-top:20px; background:#e9eee3; color:#11242e; }
#scout-screen [hidden],.scout-reveal [hidden] { display:none !important; }
@keyframes scout-exhibit { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes scout-lock { from { transform:scale(1.6) rotate(-140deg); opacity:0; } to { transform:scale(1) rotate(0); opacity:.4; } }
@keyframes scout-core { from { opacity:0; transform:scale(.55); filter:blur(8px); } to { opacity:1; transform:scale(1); filter:blur(0); } }
@media(max-width:380px) { #scout-screen .scout-shell { padding-inline:12px; } #scout-screen .scout-feature { padding:16px; } #scout-screen .scout-header span { max-width:120px; line-height:1.5; } #scout-screen .scout-feature h2 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { #scout-screen *,dialog.scout-reveal * { animation:none !important; } }