:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --panel:rgba(255,248,235,.88);--line:rgba(120,80,40,.22);--ink:#3b2a20;--soft:#7b6252;
  --chip:rgba(255,255,255,.72);--chipon:#ffd66b;--chipink:#3b2a20;--btn:rgba(255,255,255,.82);
  --accent:#f08a4b;--shadow:0 4px 18px rgba(20,10,40,.38);
  --font:'Zen Maru Gothic','Hiragino Maru Gothic ProN','Hiragino Sans','Yu Gothic UI','Noto Sans JP',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--panel:rgba(18,24,58,.82);--line:rgba(255,255,255,.16);--ink:#f6f2ff;--soft:#b8b6dd;--chip:rgba(255,255,255,.12);--btn:rgba(40,48,96,.86)}}
:root[data-theme="dark"]{--panel:rgba(18,24,58,.82);--line:rgba(255,255,255,.16);--ink:#f6f2ff;--soft:#b8b6dd;--chip:rgba(255,255,255,.12);--btn:rgba(40,48,96,.86)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;margin:0;overflow:hidden;background:#0b1030;font-family:var(--font);color:var(--ink)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}
button{font-family:inherit;color:inherit;border:0;cursor:pointer}
#labels,#ui{position:fixed;inset:0;pointer-events:none}
body.title-open #labels,body.title-open #ui{display:none}
.lab{position:fixed;left:0;top:0;text-align:center;will-change:transform;display:none;font-weight:700}
.lab .bb{background:var(--panel);color:var(--ink);padding:2px 9px;border-radius:12px;margin-bottom:2px;white-space:nowrap;font-size:11px;box-shadow:var(--shadow);opacity:0;transition:opacity .2s}
.lab .bb.on{opacity:1}
.lab .ic{font-size:20px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.lab.q .ic{animation:bob 1.2s ease-in-out infinite}
.lab.tag .ic{font-size:13px;color:#fff;background:rgba(20,24,60,.7);padding:2px 8px;border-radius:10px}
@keyframes bob{50%{transform:translateY(-5px)}}
#top{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 8px);padding:0 10px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{pointer-events:auto;display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:5px 11px;font-size:13px;font-weight:700;box-shadow:var(--shadow)}
.pill .pv{font-variant-numeric:tabular-nums}
.bar{width:38px;height:6px;border-radius:4px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s}
.tools{display:flex;gap:6px}
.ibtn{pointer-events:auto;width:38px;height:38px;border-radius:50%;background:var(--panel);border:1px solid var(--line);font-size:17px;box-shadow:var(--shadow)}
#chips{position:absolute;left:10px;top:calc(env(safe-area-inset-top,0px) + 54px);display:flex;gap:6px;flex-wrap:wrap}
.chip{pointer-events:auto;background:var(--chip);border:1px solid var(--line);border-radius:14px;padding:5px 10px;font-size:12px;font-weight:700;backdrop-filter:blur(6px);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.chip.on{background:var(--chipon);color:var(--chipink);text-shadow:none}
.chip b{margin-left:3px}
#hint{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 158px);max-width:min(92vw,440px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 14px;font-size:13px;font-weight:700;text-align:center;box-shadow:var(--shadow)}
#joy{position:absolute;left:calc(env(safe-area-inset-left,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.35);pointer-events:auto;touch-action:none}
#knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,236,170,.85);box-shadow:0 3px 10px rgba(0,0,0,.4)}
#cmds{position:absolute;right:calc(env(safe-area-inset-right,0px) + 104px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.rbtn{pointer-events:auto;min-width:88px;padding:10px 14px;border-radius:20px;background:var(--btn);border:1px solid var(--line);font-size:14px;font-weight:900;box-shadow:var(--shadow);color:var(--ink)}
.rbtn.main{background:var(--chipon);color:var(--chipink);font-size:15px;padding:13px 18px}
.rbtn.on{outline:3px solid var(--accent)}
.rbtn:active,.chip:active{transform:scale(.96)}
#toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 96px);transform:translate(-50%,-10px);background:var(--chipon);color:var(--chipink);padding:9px 18px;border-radius:20px;font-weight:900;font-size:15px;opacity:0;transition:all .3s;pointer-events:none;box-shadow:var(--shadow);text-align:center;max-width:90vw}
#toast.show{opacity:1;transform:translate(-50%,0)}
.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,rgba(40,50,120,.55),rgba(6,8,24,.86));z-index:10}
.overlay.hidden{display:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:24px 22px;max-width:420px;width:100%;box-shadow:var(--shadow);text-align:center}
.card h1{margin:0 0 4px;font-size:28px;font-weight:900;letter-spacing:.02em;line-height:1.25}
.card h2{margin:0 0 8px;font-size:22px;font-weight:900}
.card p{margin:8px 0;font-size:14px;line-height:1.7;color:var(--soft);font-weight:500}
.card .big{display:block;width:100%;margin-top:14px;padding:14px;border-radius:22px;background:var(--chipon);color:var(--chipink);font-size:18px;font-weight:900;box-shadow:0 5px 0 rgba(160,110,20,.5)}
.card .sub{display:block;width:100%;margin-top:10px;padding:10px;border-radius:18px;background:var(--btn);border:1px solid var(--line);font-size:14px;font-weight:700}
.card ul{list-style:none;padding:0;margin:10px 0 0;text-align:left;font-size:13px;line-height:1.6;color:var(--ink)}
.card li{padding:3px 0 3px 22px;position:relative}.card li:before{content:attr(data-i);position:absolute;left:0}
.row{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px;font-weight:700;text-align:left}
.row label{width:96px;flex:none}.row input[type=range]{flex:1;accent-color:#f08a4b}
#nogl .card{max-width:340px}
@media (max-height:520px){#joy{width:96px;height:96px}.rbtn{padding:7px 10px;min-width:78px}.rbtn.main{padding:9px 12px}#cmds{gap:5px}.abtn{width:64px;height:64px}.abtn.dash{width:48px;height:48px}#hint{bottom:calc(env(safe-area-inset-bottom,0px) + 120px)}}
#jbase{position:fixed;display:none;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.35);pointer-events:none}
#jknob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,236,170,.85);box-shadow:0 3px 10px rgba(0,0,0,.4)}
#cmds{flex-direction:row!important;align-items:flex-end!important;left:calc(env(safe-area-inset-left,0px) + 12px);right:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;gap:8px!important}
.ibtn2{pointer-events:auto;width:58px;height:58px;border-radius:18px;background:var(--btn);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--ink)}
.ibtn2 small{font-size:9.5px;font-weight:900;margin-top:3px;white-space:nowrap}
.ibtn2.on{outline:3px solid var(--accent)}.ibtn2.dis{opacity:.5}
#bMain{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 100px)}
#act{position:absolute;right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 22px);display:flex;flex-direction:column;gap:12px;align-items:center}
.abtn{pointer-events:auto;position:relative;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffeeb5,#f5a94a);font-size:26px;box-shadow:0 5px 0 rgba(150,90,20,.55),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;color:#3b2a20;overflow:hidden}
.abtn small{font-size:11px;font-weight:900;margin-top:3px}
.abtn.dash{width:56px;height:56px;font-size:20px;background:radial-gradient(circle at 35% 30%,#dff4ff,#5fb4ee)}
.abtn.dash small{font-size:9px}
.abtn:active{transform:translateY(3px)}
.abtn .cd{position:absolute;inset:0;background:conic-gradient(rgba(10,10,40,.5) var(--p,0deg),transparent 0);pointer-events:none}
.rbtn.dis{opacity:.5}
.pop{position:fixed;left:0;top:0;pointer-events:none;font-weight:900;font-size:16px;color:#fff;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.7),0 0 10px rgba(255,220,120,.7);will-change:transform}
.pop.big{font-size:22px;color:#ffe08a}
.pop.r0{color:#e3e6ee}.pop.r1{color:#8ccaff}.pop.r2{color:#d9a4ff}.pop.r3{color:#ffcf5e}
.card.wide{max-width:560px;max-height:88vh;overflow:auto;text-align:left}
.card h3{margin:14px 0 6px;font-size:14px}.card h3 small{font-weight:500;color:var(--soft);margin-left:6px;font-size:11px}
.two{display:flex;gap:10px}.two .sub{flex:1}
#titleInfo{font-weight:900;color:var(--ink)!important}
#title{overflow-y:auto;align-items:stretch;justify-content:flex-start;padding:0;color:#fff;background:linear-gradient(90deg,rgba(7,14,31,.86) 0%,rgba(8,17,35,.62) 43%,rgba(8,17,35,.06) 100%),linear-gradient(0deg,rgba(5,13,28,.76),transparent 46%)}
#title:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 32%,rgba(255,220,125,.17),transparent 23%),radial-gradient(circle at 63% 69%,rgba(109,194,235,.12),transparent 25%)}
.title-stars{position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle,#fff8d1 1px,transparent 2px),radial-gradient(circle,#c5e8ff 1px,transparent 2px);background-size:147px 113px,211px 169px;background-position:23px 11px,77px 55px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.title-layout{position:relative;z-index:1;width:min(100%,1400px);min-height:100dvh;margin:auto;padding:clamp(32px,6vh,76px) clamp(24px,6vw,94px) max(28px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px}
.title-heading{text-shadow:0 3px 24px rgba(0,0,0,.55)}
.title-eyebrow{display:inline-block;padding:8px 15px;border:1px solid rgba(255,241,196,.4);border-radius:99px;background:rgba(13,29,48,.48);font-size:clamp(12px,1vw,15px);font-weight:900;letter-spacing:.14em;color:#fff0b6;backdrop-filter:blur(8px)}
.title-heading h1{margin:18px 0 12px;font-size:clamp(44px,6vw,94px);font-weight:900;letter-spacing:.045em;line-height:1.13;color:#fff9e7;filter:drop-shadow(0 5px 0 rgba(19,48,61,.45))}
.title-heading h1 span{color:#f4c979}
.title-heading p{margin:0;font-size:clamp(16px,1.7vw,23px);font-weight:900;letter-spacing:.08em;color:#e8f6f0}
.title-menu{width:min(100%,390px);padding:20px;border:1px solid rgba(255,239,191,.38);border-radius:28px;background:linear-gradient(145deg,rgba(18,38,56,.9),rgba(11,31,45,.82));box-shadow:0 16px 55px rgba(0,8,20,.46),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.title-mission{display:flex;align-items:center;gap:12px;text-align:left}.title-mission-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:15px;background:#f8d879;color:#624b29;font-size:23px;box-shadow:0 3px 0 #ab7f4c}.title-mission b,.title-mission span:last-child{display:block}.title-mission b{color:#ffe7a0;font-size:14px}.title-mission div span{font-size:12px;line-height:1.45;color:#d8e6e9}
#title #titleInfo{margin:13px 0 12px;font-size:11px;font-weight:700;color:#bdcfce!important;text-align:left}
.title-start{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:12px 18px;border-radius:19px;background:linear-gradient(180deg,#ffdf80,#f7b957);color:#493416;font-size:21px;font-weight:900;box-shadow:0 5px 0 #a66c35,0 12px 24px rgba(0,0,0,.22);transition:transform .15s,box-shadow .15s}.title-start span{font-size:24px}.title-start:hover{transform:translateY(-2px);box-shadow:0 7px 0 #a66c35,0 16px 26px rgba(0,0,0,.24)}.title-start:active{transform:translateY(3px);box-shadow:0 2px 0 #a66c35}
.title-link{display:block;width:100%;min-height:43px;margin-top:10px;padding:9px 12px;border:1px solid rgba(231,245,240,.29);border-radius:14px;background:rgba(228,248,247,.1);color:#f5fbf7;font-size:14px;font-weight:900;text-align:left}.title-link:hover,.title-link:focus-visible{background:rgba(228,248,247,.2)}.title-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.title-tools .title-link{font-size:12px}
.title-guide{margin-top:14px;border-top:1px solid rgba(236,245,239,.2);padding-top:10px;font-size:12px;color:#d0e2e1}.title-guide summary{list-style:none;cursor:pointer;font-weight:900}.title-guide summary::-webkit-details-marker{display:none}.title-guide summary span{float:right;font-size:18px;line-height:12px}.title-guide ul{margin:10px 0 0;padding-left:18px;line-height:1.7}.title-guide li+li{margin-top:5px}
@media(max-width:640px){#title{background:linear-gradient(0deg,rgba(5,16,30,.96),rgba(5,16,30,.36) 56%,rgba(5,16,30,.2)),linear-gradient(90deg,rgba(5,16,30,.48),transparent)}.title-layout{padding:calc(env(safe-area-inset-top,0px) + 22px) 16px calc(env(safe-area-inset-bottom,0px) + 18px);gap:24px}.title-heading h1{font-size:clamp(32px,8.6vw,48px);letter-spacing:.01em;margin:12px 0 8px}.title-heading p{font-size:15px}.title-menu{width:100%;padding:16px}.title-eyebrow{font-size:11px}.title-start{min-height:54px;font-size:19px}}
@media(max-height:680px) and (min-width:641px){.title-layout{padding-top:24px;padding-bottom:20px;gap:18px}.title-heading h1{font-size:clamp(38px,5vw,64px);margin:10px 0 5px}.title-menu{padding:14px}.title-link{min-height:38px;margin-top:7px}.title-guide{margin-top:8px}}
#invTabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.inv-card{max-width:820px!important;max-height:92dvh!important;display:flex;flex-direction:column;overflow:hidden!important;background:#fff8eb}.inv-card>p{text-align:left}.inv-card #invTabs{flex:none;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 7px}.inv-card #invTabs .chip2{flex:none}.inv-card #invBody{min-height:0;overflow-y:auto;text-align:left;padding-right:4px}.inv-card #bInvClose{flex:none}.inv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}.inv-head b,.inv-head span{display:block}.inv-head b{font-size:17px}.inv-head span{font-size:11px;color:var(--soft)}.inv-recommend{flex:none;padding:10px 14px;border-radius:14px;background:var(--chipon);color:var(--chipink);font-size:13px;font-weight:900}.inv-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inv-slot{display:flex;flex-direction:column;gap:5px;min-height:108px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--chip)}.inv-slot-label{font-size:12px;font-weight:900;color:var(--soft)}.inv-slot b{font-size:13px;line-height:1.3}.inv-slot small{font-size:10px;line-height:1.35;color:var(--soft)}.inv-slot button{align-self:flex-start;margin-top:auto;padding:4px 9px;border-radius:9px;background:var(--btn);border:1px solid var(--line);font-size:11px;font-weight:900}.inv-slot-empty{margin:auto 0;color:var(--soft);font-size:12px}.inv-stats{font-size:11px;font-weight:700;color:var(--accent);padding:9px 2px}.inv-card #invNotice{min-height:1.3em;margin:0 0 5px!important;font-size:11px!important;color:var(--accent)!important}.inv-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}.inv-items-head h3{margin:0}.inv-filters{display:flex;gap:4px;flex-wrap:wrap}.inv-filters .chip2{font-size:11px;padding:4px 8px}.inv-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.inv-item{padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--chip)}.inv-item.unavailable{opacity:.7}.inv-item-main{display:flex;justify-content:space-between;gap:6px;align-items:flex-start}.inv-item-main b{font-size:13px;line-height:1.3}.inv-rarity{font-size:10px;font-weight:900;white-space:nowrap}.inv-item>small{display:block;margin:5px 0;color:var(--soft);font-size:10px}.inv-item-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.inv-owner{flex:1 1 100%;font-size:11px;font-weight:900;color:var(--soft)}.inv-item-actions button{padding:6px 9px;border-radius:9px;background:var(--chipon);color:var(--chipink);font-size:11px;font-weight:900}.inv-item-actions button:disabled{opacity:.55;cursor:default}.inv-item-actions .inv-sell{background:var(--btn);border:1px solid var(--line);color:var(--ink)}.inv-empty{grid-column:1/-1;text-align:center;padding:20px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .inv-card{background:#17213b}}:root[data-theme="dark"] .inv-card{background:#17213b}
@media(max-width:600px){.inv-card{max-height:94dvh!important;padding:16px 13px}.inv-card>p{font-size:12px}.inv-head{align-items:flex-start}.inv-head b{font-size:15px}.inv-recommend{font-size:11px;padding:9px}.inv-slots{grid-template-columns:1fr;gap:6px}.inv-slot{min-height:0}.inv-items{grid-template-columns:1fr}}
.chip2{border-radius:14px;padding:5px 10px;background:var(--chip);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink)}
.chip2.on{background:var(--chipon);color:var(--chipink)}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.slot{min-height:76px;border:2px dashed var(--line);border-radius:12px;padding:4px;display:flex}
.slot .it{flex:1;margin:0}.slot .empty{margin:auto;text-align:center;font-size:12px;color:var(--soft);font-weight:700}
.sum{margin-top:8px;font-size:12px;font-weight:700;color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.it{border:2px solid;border-radius:12px;padding:6px 8px;background:var(--chip);font-size:11px;position:relative}
.it .in{font-weight:900;font-size:12px}.it .in small{font-weight:500;opacity:.8}.it .ia{color:var(--soft);margin-top:2px;line-height:1.5;font-weight:500}
.sell{margin-top:4px;padding:3px 8px;border-radius:10px;background:var(--btn);border:1px solid var(--line);font-size:11px;font-weight:700;color:var(--ink)}
.srow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;text-align:left}
.srow small{color:var(--soft);font-weight:500}
.buy{padding:8px 14px;border-radius:14px;background:var(--chipon);color:var(--chipink);font-weight:900}.buy:disabled{opacity:.4}
.pcard{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px;border-radius:18px;background:var(--btn);border:2px solid var(--chipon);text-align:left;color:var(--ink);position:relative}
.pcard .pi{font-size:30px}.pcard .pt b{display:block;font-size:15px}.pcard .pt small{font-size:12px;color:var(--soft);font-weight:500}
.pcard i{position:absolute;right:12px;top:8px;font-style:normal;font-size:11px;font-weight:900;color:var(--accent)}
#clearLoot{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;text-align:left}
#bXp{background:#7fd6ff}
.stage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;max-height:55vh;overflow:auto;text-align:left}
.stage-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--btn);color:var(--ink);text-align:left}
.stage-card b{font-size:14px}.stage-card small{font-size:11px;color:var(--soft)}.stage-card.locked{opacity:.55}
.crew-card{max-width:760px!important;background:#fff8eb}.crew-list{display:grid;gap:8px;max-height:55vh;overflow-y:auto;padding:2px}.crew-row{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--chip)}.crew-row.selected{border-color:#e8ad4c;background:rgba(255,217,125,.16)}.crew-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--chipon);font-size:22px}.crew-copy{min-width:0;flex:1;text-align:left}.crew-copy b,.crew-copy span{display:block}.crew-copy b{font-size:14px}.crew-copy b small{font-size:11px;color:var(--accent)}.crew-copy span{font-size:11px;color:var(--soft);line-height:1.4}.crew-action{flex:none;max-width:150px;padding:9px 11px;border-radius:12px;background:var(--chipon);color:var(--chipink);font-size:11px;font-weight:900}.crew-action:disabled{opacity:.52;cursor:default}#crewSummary,#crewHint{font-size:12px;font-weight:700}#crewHint{color:var(--accent)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .crew-card{background:#17213b}}:root[data-theme="dark"] .crew-card{background:#17213b}
@media(max-width:560px){.crew-row{flex-wrap:wrap}.crew-copy{flex-basis:calc(100% - 56px)}.crew-action{width:100%;max-width:none}.crew-list{max-height:50vh}}
.action-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px;max-height:58vh;overflow:auto;text-align:left}
.action-card{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--btn);color:var(--ink);text-align:left}
.action-card b{font-size:13px}.action-card small{font-size:11px;color:var(--soft)}.action-card:disabled{opacity:.45}
.action-progress{font-size:12px!important;font-weight:900;color:var(--ink)!important;padding:8px;border-radius:12px;background:var(--chip)}

@media (max-width:560px){.pill{padding:4px 8px;font-size:12px;gap:4px}.pills{max-width:calc(100vw - 150px)}#chips{top:calc(env(safe-area-inset-top,0px) + 92px)}.ibtn{width:34px;height:34px;font-size:15px}.tools{gap:4px}}
@media (prefers-reduced-motion:reduce){.lab.q .ic{animation:none}}