/* Continuous lobby scene with bare container models. */
@font-face{font-family:"LuckDraw Tactical SC";src:url('/theme/tactical-title-sc-700.woff2?v=6aff62ba40b8') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.operations-page{--accent:#45f4c2;--ink:#eff8f7;--muted:#a3b8bb;--line:#b8dbdf33;background:#0b161b;color:var(--ink);min-height:100svh;isolation:isolate}
.supply-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#142832 url('/theme/delta-operations.webp?v=f3662b97c573') center 38%/cover no-repeat}
.supply-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06151ec9,#071b25a6 48%,#061218cf),linear-gradient(0deg,#07151cf5,#07151cb8 34%,#0c1d2533 78%)}
.operations-page .site-header{height:76px;background:#081215db;border-bottom:1px solid #d5f7ff22;backdrop-filter:blur(10px)}
.operations-page .header-inner{max-width:none;padding:0 36px;gap:36px}
.operations-page .brand-name{font-size:23px}
.operations-page .brand-name small{color:#a3b7b8}
.operations-page .brand-symbol{transform:skew(-20deg) scale(.85)}
.operations-page .main-nav{gap:0;margin-right:auto;height:100%}
.operations-page .main-nav a{padding:0 24px;font-size:15px;letter-spacing:2px;color:#bdcacc;font-weight:600}
.operations-page .main-nav a.is-active{background:linear-gradient(transparent,#45f4c21c);color:white}
.operations-page .main-nav a:after{height:3px}
.operations-page .header-login{border:0;padding:12px 0 12px 15px;max-width:164px;color:#e3eded}
.operations-page .header-login .button-arrow{display:none}
.operations-page .wallet-value{color:#e5f0ef}
.operations-page .wallet-tooltip,.operations-page .wallet-tooltip:before{background:#10272c;border-color:#466466}
.operations-page .wallet-haf .wallet-tooltip{left:auto;right:-1px}
.operations-page .wallet-haf .wallet-tooltip:before{left:auto;right:19px}
.supply-main{min-height:calc(100svh - 150px);max-width:1560px;margin:auto;display:flex;flex-direction:column}
.supply-intro{position:relative}
.supply-intro-inner{position:relative;padding:34px 56px 18px;text-align:center}

.supply-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font:9px/1.5 Consolas,monospace;letter-spacing:3px;color:#a3c3cc}
.supply-eyebrow .signal-square{box-shadow:0 0 10px #45f4c277}
.supply-intro h1{font:700 clamp(34px,3.5vw,48px)/1.2 "LuckDraw Tactical SC","Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.18em;padding-left:.18em;margin:12px 0 14px;color:#f0f6f5;text-shadow:0 2px 18px #020a0dcc,0 1px 2px #000;transform:skew(-5deg)}
.supply-intro h1:after{content:"";display:block;width:40px;height:2px;margin:17px auto 0;background:var(--accent);box-shadow:0 0 10px #45f4c233;transform:translateX(-.09em) skew(5deg)}
.supply-intro p{font-size:12px;line-height:1.8;color:#b7cbd0;margin:0;letter-spacing:.5px}
.operations-page{--difficulty-accent:#45f4c2;--difficulty-rgb:69,244,194;--shell-header-height:76px}
.operations-page[data-difficulty=confidential]{--difficulty-accent:#ebbb6e;--difficulty-rgb:235,187,110}
.operations-page[data-difficulty=confidential] .supply-scene{filter:contrast(1.05) saturate(.92)}
.operations-page[data-difficulty=confidential] .supply-scene:after{background:radial-gradient(ellipse at 85% 24%,#d77a353f,transparent 64%),linear-gradient(90deg,#0b1720c9,#14202791 48%,#26190ed9),linear-gradient(0deg,#09151df5,#101b23b8 34%,#211a1430 78%)}
.operations-page[data-difficulty=top-secret]{--difficulty-accent:#f58d7e;--difficulty-rgb:245,141,126}
.operations-page[data-difficulty=top-secret] .supply-scene{filter:contrast(1.14) saturate(.8)}
.operations-page[data-difficulty=top-secret] .supply-scene:after{background:radial-gradient(ellipse at 88% 16%,#ca392e66,transparent 60%),radial-gradient(ellipse at 4% 38%,#e5782f26,transparent 48%),linear-gradient(90deg,#111720d6,#101c27a8 45%,#290e14e0),linear-gradient(0deg,#09131cf5,#17151fba 34%,#2a151635 78%)}
.supply-audio-settings{position:absolute;left:56px;top:50px;display:grid;gap:10px;text-align:left}
.supply-sound{display:flex;align-items:center;gap:13px;font-size:12px;color:#bdd0d3}
.supply-sound button{display:flex;align-items:center;gap:7px;justify-content:center;min-width:76px;min-height:32px;padding:6px 10px;border:1px solid #7399a56b;background:#0b202a75;color:#d7e9eb;font:600 12px/1.3 var(--font);cursor:pointer}
.supply-sound button[aria-pressed=false]{color:#92a5ab;border-color:#7f9aa63d}
.supply-sound button:focus-visible{outline:2px solid var(--difficulty-accent);outline-offset:3px}
.supply-volume{display:flex;align-items:center;gap:8px}
.supply-volume input{width:88px;height:22px;margin:0;accent-color:var(--difficulty-accent);cursor:pointer}
.supply-bgm-status{max-width:210px;font-size:10px;line-height:1.5;color:#abc1c8}
.supply-difficulty{position:absolute;right:56px;top:48px;min-width:0;width:300px;margin:0;padding:0;border:0;text-align:left}
.supply-difficulty legend{padding:0;margin-bottom:11px;color:#adc3ca;font-size:10px;letter-spacing:2px}
.supply-difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border:1px solid rgba(var(--difficulty-rgb),.32);background:#071a24a6}
.supply-difficulty-options label{position:relative;cursor:pointer}
.supply-difficulty-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.supply-difficulty-options span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px;color:#a1b5c0;border:1px solid transparent;font-size:13px;letter-spacing:2px;pointer-events:none}
.supply-difficulty-options input:checked+span{color:var(--difficulty-accent);background:rgba(var(--difficulty-rgb),.13);border-color:rgba(var(--difficulty-rgb),.53);box-shadow:inset 0 -2px 0 var(--difficulty-accent)}
.supply-difficulty-options input:focus-visible+span{outline:2px solid var(--difficulty-accent);outline-offset:3px}
.case-workspace{position:fixed;inset:var(--shell-header-height) 0 0;z-index:5;background:#0b161b}
.case-workspace iframe{display:block;width:100%;height:100%;border:0}
.operations-page.is-case-view{overflow:hidden}
.operations-page.is-case-view>.site-footer{display:none}
.operations-page [hidden]{display:none!important}
@media(max-width:1100px){.supply-intro-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.supply-intro-inner>.supply-eyebrow,.supply-intro-inner>h1,.supply-intro-inner>p{grid-column:1/-1}.supply-audio-settings,.supply-difficulty{position:static;margin-top:24px}.supply-difficulty{width:100%;max-width:316px;justify-self:end}.supply-audio-settings{justify-self:start}}
@media(max-width:760px){.supply-intro-inner{grid-template-columns:1fr;gap:0}.supply-audio-settings{grid-row:5;justify-self:center;margin-top:18px;width:100%;max-width:310px;grid-template-columns:1fr 1fr;gap:12px}.supply-sound{flex-direction:column;gap:7px}.supply-sound button{min-width:100%;min-height:34px}.supply-volume input{width:82px}.supply-bgm-status{grid-column:1/-1;max-width:none;text-align:center}.supply-difficulty{grid-row:4;justify-self:center;margin-top:22px;max-width:310px}.supply-difficulty legend{font-size:10px}.supply-difficulty-options span{min-height:40px}}
.supply-catalog{width:100%;padding:14px 56px 28px;flex:1;display:flex;flex-direction:column;justify-content:center}

.has-many-containers{justify-content:flex-start}
.has-many-containers .supply-grid{align-items:start;gap:42px 28px}
.has-many-containers .supply-card-visual{height:clamp(190px,20vw,280px)}
.has-many-containers .supply-details h3{font-size:18px;letter-spacing:2px;margin-top:14px}
.supply-card.is-artwork-loading .supply-card-visual:after{content:"正在加载容器图片…";position:absolute;color:#8aa6b1;font-size:11px}
.supply-card.is-artwork-unavailable .supply-card-visual:after{content:"容器图片暂未加载";color:#8aa6b1;font-size:11px}
.supply-feedback{padding:36px 0;color:#b8cdd3;font-size:12px;line-height:1.8}
.supply-feedback p{margin:0}
.supply-feedback button{margin-top:14px;padding:8px 16px;border:1px solid #6f9b9e;background:transparent;color:var(--accent);font:11px/1.5 var(--font)}
.supply-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:end;padding:12px 0 28px}
.supply-card{--container-scale:1.4;--container-brightness:1;--container-hover-lift:-7px;--container-shadow:0 12px 10px #0008;--container-hover-shadow:0 14px 12px #0009;min-width:0;position:relative;border:0;background:none;box-shadow:none}
.supply-card[data-container="travel-bag"]{--container-scale:1.9}
.supply-card[data-container="server"]{--container-scale:1.53;--container-hover-lift:-3px}
.supply-details{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 16px;background:none;border:0;color:var(--ink);cursor:pointer}
.supply-card-visual{width:100%;height:clamp(210px,23vw,330px);display:flex;align-items:center;justify-content:center;background:none;border:0;overflow:hidden}
.supply-card-visual img{display:block;width:100%;height:94%;object-fit:contain;transform:scale(var(--container-scale));filter:brightness(var(--container-brightness)) drop-shadow(var(--container-shadow));transition:transform .25s,filter .25s;user-select:none;-webkit-user-drag:none}
.supply-card:is([data-container="large-safe"],[data-container="sand-safe"]){--container-shadow:0 7px 8px #0005;--container-hover-shadow:0 9px 9px #0006}
.supply-details h3{position:relative;margin:20px 0 0;padding-bottom:10px;font-size:20px;line-height:1.4;letter-spacing:3px;font-weight:550;text-shadow:0 2px 9px #000b}
.supply-details h3:after{content:"";position:absolute;bottom:0;left:50%;height:2px;width:0;background:var(--accent);transform:translateX(-50%);transition:width .2s}
.supply-card-price{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;min-height:34px;margin-top:3px;color:#f0deac;font-size:25px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.2px;text-shadow:0 2px 8px #000b;white-space:nowrap}
.supply-price-amount{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* The coin artwork has transparent padding; match its visible diameter to the digits. */
.supply-price-coin{display:block;flex:0 0 auto;width:1.35em;height:1.35em;object-fit:contain;user-select:none;-webkit-user-drag:none}
.supply-price-currency{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.supply-card-price.is-unavailable{color:#92acb6}
.supply-details:hover .supply-card-visual img,.supply-details:focus-visible .supply-card-visual img{transform:translateY(var(--container-hover-lift)) scale(calc(var(--container-scale) * 1.025));filter:brightness(var(--container-brightness)) drop-shadow(var(--container-hover-shadow))}
.supply-details:hover h3,.supply-details:focus-visible h3{color:var(--accent)}
.supply-details:hover h3:after,.supply-details:focus-visible h3:after{width:30px}
.supply-details:focus-visible{outline:none}
.supply-catalog-foot{display:flex;justify-content:space-between;gap:16px;color:#92acb6;font-size:10px;letter-spacing:1px;margin-top:auto;padding-top:6px}
.supply-catalog-foot>span:first-child{font:8px/1.5 Consolas,monospace;letter-spacing:2px;color:#74939d}
.operations-page .site-footer{max-width:none;margin:0;min-height:74px;padding:18px 36px;border-top:1px solid #b8dbdf1a;background:#07171dda;color:#8ea7b0}
.operations-page .footer-brand{color:#c2d6dc}
@media(max-width:1200px){.operations-page .header-inner{padding-inline:28px;gap:24px}.operations-page .main-nav a{padding-inline:16px;font-size:13px}.supply-intro-inner{padding-inline:36px}.supply-catalog{padding-inline:36px}.supply-grid{gap:22px}}
@media(min-width:761px) and (max-width:1050px){.operations-page .site-header{height:126px}.operations-page .header-inner{grid-template-rows:74px 51px;gap:0 20px}.operations-page .main-nav{width:100%;justify-content:center;margin:0}.operations-page .main-nav a{padding-inline:30px}.supply-main{min-height:calc(100svh - 200px)}.supply-card-visual{height:220px}.supply-details h3{font-size:18px}}
@media(max-width:760px){.operations-page .site-header{height:146px}.operations-page .header-inner{padding-inline:22px;gap:0 16px}.operations-page .brand-name{font-size:22px}.operations-page .main-nav{justify-content:space-between;margin:0}.operations-page .main-nav a{font-size:11px;padding-inline:12px;letter-spacing:1px}.operations-page .header-login{padding:9px 0 9px 12px;max-width:150px}.supply-main{min-height:calc(100svh - 246px)}.supply-scene{background-position:48% center}.supply-scene:after{background:linear-gradient(#081d27ae,#06151edb 55%,#07151cf5)}.supply-intro-inner{padding:28px 24px 14px}.supply-intro h1{font-size:34px}.supply-intro p{font-size:11px}.supply-catalog{padding:14px 24px 26px}.supply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-top:18px}.supply-card-visual{height:clamp(160px,38vw,245px)}.supply-details{padding-bottom:0}.supply-details h3{font-size:17px;margin-top:12px;letter-spacing:2px}.supply-catalog-foot{font-size:9px;letter-spacing:0}.supply-catalog-foot>span:first-child{font-size:7px;letter-spacing:1px}.operations-page .site-footer{min-height:100px;padding:18px 24px}}
@media(max-width:380px){.operations-page .header-inner{padding-inline:18px}.operations-page .main-nav a{padding-inline:9px}.supply-intro-inner,.supply-catalog{padding-inline:18px}.supply-grid{gap:22px 14px}.supply-card-visual{height:150px}}
@media(max-width:760px){.has-many-containers .supply-grid{gap:28px 18px}.has-many-containers .supply-card-visual{height:clamp(150px,36vw,220px)}.has-many-containers .supply-details h3{font-size:15px;letter-spacing:1px;margin-top:10px}}
@media(max-width:760px){.supply-card-price{min-height:29px;margin-top:2px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.supply-card-visual img,.supply-details h3:after{transition:none}.supply-details:hover .supply-card-visual img,.supply-details:focus-visible .supply-card-visual img{transform:scale(var(--container-scale))}}