:root{--bg:#07111b;--bg2:#0a1622;--panel:#0e1c2a;--panel2:#112334;--line:#24384b;--muted:#8fa4b8;--text:#f3f7fb;--cyan:#25d0c4;--orange:#ff9c4a;--red:#ff626b;--green:#54d68c;--shadow:0 22px 70px #0006;--radius:18px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;min-height:46px;border:1px solid var(--line);background:#07131e;color:var(--text);border-radius:11px;padding:10px 13px;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #25d0c41c}label{display:grid;gap:8px;color:#c7d4df;font-size:.88rem}label small{color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:clamp(1.9rem,4vw,3.15rem);letter-spacing:-.045em;line-height:1.1;margin-bottom:0}h2{letter-spacing:-.025em}.eyebrow,.panel-kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--muted);font-size:.73rem;font-weight:700;margin-bottom:9px}.panel{background:linear-gradient(145deg,#0f1f2e,#0b1824);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel-title,.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head{margin-bottom:25px}.panel-title h2{margin:2px 0;font-size:1.25rem}.primary,.danger,.ghost,.text-btn{border:0;border-radius:11px;padding:13px 18px;font-weight:800}.primary{background:var(--cyan);color:#05211f}.primary:hover{filter:brightness(1.08)}.danger{background:var(--red);color:white}.ghost{background:#ffffff0a;color:var(--text);border:1px solid var(--line)}.compact{padding:9px 14px;width:auto;min-height:42px}.text-btn{background:none;color:var(--cyan);padding:8px}.icon-btn{background:none;border:0;color:white;font-size:1.4rem}.form-error{background:#ff626b17;border:1px solid #ff626b55;color:#ff9ca2;padding:11px 13px;border-radius:10px;margin:4px 0 15px}
/* login */.login-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#123352 0,transparent 38%),radial-gradient(circle at 80% 80%,#163c39 0,transparent 34%),#071019;display:grid;place-items:center;padding:32px}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);background:#091522dd;box-shadow:var(--shadow);border-radius:28px;overflow:hidden}.brand-panel{padding:64px;background:linear-gradient(145deg,#0d2235cc,#0a1824 70%);position:relative}.brand-panel:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff0d;border-radius:18px;pointer-events:none}.brand-mark{font-weight:900;letter-spacing:-.08em;font-size:2rem;color:var(--cyan)}.brand-panel .eyebrow{margin:54px 0 12px}.brand-panel h1{font-size:clamp(2.7rem,5vw,4.9rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 24px}.brand-copy{color:#b8c7d6;line-height:1.8;max-width:32rem}.rule-strip{margin-top:46px;display:flex;align-items:center;gap:12px;padding:16px 18px;background:#061019aa;border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%;color:#c6d4e2}.rule-strip b{color:#526b82}.rule-strip strong{color:var(--orange)}.login-card{padding:64px 52px;display:flex;flex-direction:column;justify-content:center}.status-pill{font-size:.8rem;color:#a8bacb;display:flex;align-items:center;gap:8px}.status-pill i,.phase-badge i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.login-card h2{font-size:2rem;margin:24px 0 8px}.login-card>p{margin:0 0 20px;color:var(--muted)}.login-card label{margin:16px 0}.login-card button{width:100%;border:0;border-radius:12px;background:var(--cyan);color:#05201f;font-weight:800;padding:15px;display:flex;justify-content:center;gap:12px}.demo-note{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem}.demo-note code{color:#dbe7f1}
/* admin shell */.app-body{background:radial-gradient(circle at 80% 0,#0d2835 0,transparent 28%),var(--bg);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#08141f;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 30px}.side-brand>span{font-weight:950;font-size:1.4rem;color:var(--cyan);letter-spacing:-.08em}.side-brand div,.side-foot div{display:grid}.side-brand small,.side-foot small{color:var(--muted);font-size:.72rem}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:11px;padding:12px;color:#9eb0c1;background:none;text-align:left}.nav-item span{font-size:1.15rem;color:#61788d}.nav-item:hover,.nav-item.active{background:#13283a;color:white}.nav-item.active span{color:var(--cyan)}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:19px 7px 0;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#1b3f50;color:var(--cyan);font-weight:900}.side-foot form{margin-left:auto}.side-foot form button{border:0;background:none;color:var(--muted);font-size:1.2rem}.app-main{margin-left:250px;padding:38px clamp(24px,4vw,64px) 70px;max-width:1680px}.view,.player-view{display:none}.view.active,.player-view.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.35;transform:translateY(4px)}}.mobile-header{display:none}.phase-badge,.permission-chip{display:flex;align-items:center;gap:9px;background:#0c211f;border:1px solid #1e4d48;border-radius:99px;padding:8px 13px;color:#9de7df;font-size:.8rem;font-weight:700}.control-deck{display:grid;grid-template-columns:1fr minmax(500px,1.2fr);gap:28px;align-items:center;margin-bottom:18px}.control-deck h2{font-size:1.8rem;margin:5px 0}.control-deck p{color:var(--muted);margin-bottom:0}.control-form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:end}.switch-row{display:flex;min-height:67px;padding:9px 11px;background:#08141f;border:1px solid var(--line);border-radius:11px;align-items:center;justify-content:space-between}.switch-row span{display:grid}.switch-row small{font-size:.68rem}.switch-row input{appearance:none;width:42px;min-height:24px;height:24px;border-radius:99px;background:#26394b;padding:2px;position:relative;box-shadow:none}.switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8ea2b3;transition:.2s}.switch-row input:checked{background:#15665f}.switch-row input:checked:after{left:20px;background:var(--cyan)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card{background:#0d1b29;border:1px solid var(--line);border-radius:15px;padding:18px}.stat-card span{color:var(--muted);font-size:.8rem}.stat-card strong{display:block;font-size:1.7rem;margin-top:6px}.stat-card em{font-style:normal;color:var(--cyan);font-size:.75rem}.grid-2{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;border-bottom:1px solid #1e3143;padding:13px 10px;white-space:nowrap}th{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.09em}td{font-size:.88rem}.money{color:var(--cyan);font-variant-numeric:tabular-nums}.activity-list{display:grid;gap:8px;max-height:345px;overflow:auto}.activity{padding:11px 0;border-bottom:1px solid #1d3041}.activity b{display:block;font-size:.86rem}.activity small{color:var(--muted)}.company-grid,.machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.company-card,.machine-card{background:linear-gradient(145deg,#102131,#0b1824);border:1px solid var(--line);border-radius:16px;padding:20px}.company-card-head,.machine-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.code-chip{color:var(--orange);font-size:.74rem;font-weight:800}.company-card h2,.machine-card h2{margin:4px 0;font-size:1.2rem}.company-card p,.machine-card p{color:var(--muted);font-size:.8rem}.asset-line{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.asset-line div{background:#07131e;border-radius:9px;padding:8px;text-align:center}.asset-line small{color:var(--muted);display:block}.asset-line strong{font-size:.95rem}.mini-action{border:1px solid var(--line);background:#0b1925;color:#cbd8e3;border-radius:9px;padding:7px 10px}.run-bar{display:flex;gap:5px;margin:15px 0}.run-bar i{height:6px;flex:1;border-radius:9px;background:#243747}.run-bar i.used{background:var(--orange)}.info-banner,.settlement-warning{color:#b8c8d5;margin-bottom:17px}.rules-form{padding:0;overflow:hidden}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr)}.rule-field{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rule-field:nth-child(3n){border-right:0}.rule-field input{font-size:1.2rem;font-weight:800}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}.form-actions p{margin:0;color:var(--muted);font-size:.82rem}.tabs,.segmented{display:flex;gap:5px;overflow-x:auto;margin-bottom:14px}.tabs button,.segmented button{border:1px solid var(--line);background:#0b1925;color:var(--muted);border-radius:9px;padding:9px 14px;white-space:nowrap}.tabs button.active,.segmented button.active{background:#173449;color:var(--text);border-color:#2b536a}.record-panel{min-height:300px}.record-empty,.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.podium-card{border:1px solid var(--line);background:#0e1c2a;border-radius:16px;padding:20px;position:relative}.podium-card:first-child{border-color:#a67b28;background:linear-gradient(145deg,#2e2615,#10202c)}.podium-card span{color:var(--orange);font-size:.8rem;font-weight:900}.podium-card strong{display:block;font-size:1.3rem}.podium-card b{font-size:2rem;float:right}
/* dialogs */dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(520px,calc(100% - 24px));max-height:90vh}dialog::backdrop{background:#01070dcc;backdrop-filter:blur(5px)}.dialog-card{position:relative;background:#0d1b29;border:1px solid #2c4256;border-radius:20px;padding:28px;box-shadow:var(--shadow);display:grid;gap:16px;max-height:90vh;overflow:auto}.dialog-card h2{margin:0 0 4px}.dialog-x{position:absolute;right:15px;top:13px;border:0;background:none;color:var(--muted);font-size:1.6rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cost-preview{display:flex;align-items:center;justify-content:space-between;background:#07131e;border:1px solid var(--line);padding:13px;border-radius:11px}.cost-preview span{color:var(--muted)}.cost-preview strong{font-size:1.25rem;color:var(--cyan)}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:10px;width:min(370px,calc(100% - 28px))}.toast{background:#102535;border:1px solid #2d5267;border-left:4px solid var(--cyan);border-radius:11px;padding:13px 15px;box-shadow:var(--shadow);animation:toast-in .25s ease}.toast.error{border-left-color:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}
/* player */.player-body{background:radial-gradient(circle at 20% 0,#102d3d 0,transparent 32%),var(--bg);min-height:100vh}.player-top{position:sticky;top:0;z-index:10;height:70px;background:#07131eeb;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:20px}.player-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.player-brand b{font-size:1.3rem;letter-spacing:-.08em;color:var(--cyan)}.player-brand span{font-weight:800}.player-main{max-width:1180px;margin:auto;padding:36px 20px 120px}.company-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.company-hero h1{font-size:clamp(2.2rem,6vw,4.2rem)}.company-hero p{color:var(--muted);margin:10px 0 0}.cash-block{text-align:right}.cash-block small{display:block;color:var(--muted)}.cash-block strong{font-size:clamp(2rem,5vw,3.5rem);color:var(--cyan);font-variant-numeric:tabular-nums}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.resource-card{background:#0e1d2b;border:1px solid var(--line);border-radius:16px;padding:18px}.resource-card span{display:flex;align-items:center;gap:7px;color:var(--muted)}.resource-card i{font-style:normal;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#192d3e;color:var(--orange);font-weight:900}.resource-card strong{display:block;font-size:2rem;margin:10px 0 2px}.resource-card small{color:var(--muted)}.mobile-stack{display:grid;grid-template-columns:1.45fr .75fr;gap:18px}.machine-list{display:grid;gap:10px}.player-machine{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:#081621;border:1px solid #203547;border-radius:13px;padding:14px}.machine-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#183344;color:var(--cyan);font-weight:900}.player-machine h3{margin:0;font-size:1rem}.player-machine p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.player-machine button{border:0;background:var(--cyan);color:#05201f;border-radius:9px;padding:9px 12px;font-weight:800}.player-machine button:disabled,.primary:disabled{opacity:.35;cursor:not-allowed}.recipe-visual{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:25px 0}.recipe-part{background:#081621;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.recipe-part b{color:var(--orange)}.recipe-plus{color:#597084}.house-count{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.house-count span,.recipe-panel>p{color:var(--muted)}.house-count strong{font-size:1.5rem;color:var(--cyan)}.recipe-panel>p{font-size:.78rem;margin:14px 0 0}.bottom-nav{position:fixed;z-index:12;left:50%;bottom:18px;transform:translateX(-50%);display:flex;background:#0a1824ed;backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow)}.bottom-nav button{border:0;background:none;color:var(--muted);border-radius:11px;padding:9px 18px;min-width:90px;display:grid;gap:2px;font-size:.75rem}.bottom-nav button span{font-size:1.1rem}.bottom-nav button.active{color:white;background:#173449}.market-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:15px}.listing-card{border:1px solid var(--line);background:linear-gradient(145deg,#102131,#0b1824);border-radius:15px;padding:18px}.listing-head{display:flex;justify-content:space-between;align-items:flex-start}.material-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#173548;color:var(--orange);font-weight:900}.listing-card small{color:var(--muted)}.listing-price{font-size:1.6rem;font-weight:900;margin:15px 0 3px}.listing-meta{display:flex;justify-content:space-between;margin-bottom:15px;color:#b9c7d3}.listing-card button{width:100%;border:0;background:var(--cyan);color:#05201f;padding:10px;border-radius:9px;font-weight:800}.record-cards{display:grid;gap:10px}.record-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0d1c29;border:1px solid var(--line);border-radius:13px;padding:14px}.record-card p{margin:0}.record-card small{color:var(--muted)}.record-card strong.in{color:var(--green)}.record-card strong.out{color:var(--orange)}.sync-note{position:fixed;bottom:24px;right:22px;color:var(--muted);font-size:.7rem}.rank-lock{text-align:center;color:var(--muted);padding:60px 20px}
@media(max-width:1100px){.control-deck{grid-template-columns:1fr}.control-form{grid-template-columns:1fr 1fr 1fr auto}.grid-2,.mobile-stack{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:16px}.login-body{padding:14px}.login-shell{grid-template-columns:1fr}.brand-panel{padding:30px}.brand-copy{display:none}.brand-panel .eyebrow{margin-top:25px}.brand-panel h1{font-size:2.65rem}.rule-strip{margin-top:25px;font-size:.85rem;gap:8px}.login-card{padding:32px 28px}.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-header{display:flex;position:sticky;top:0;z-index:15;height:58px;padding:0 15px;background:#08141ff5;border-bottom:1px solid var(--line);align-items:center;gap:12px}.mobile-header b{margin-right:auto}.live-dot{font-size:.7rem;color:var(--cyan)}.app-main{margin-left:0;padding:23px 14px 70px}.page-head{align-items:flex-start}.page-head h1{font-size:2rem}.phase-badge{padding:7px 9px}.control-deck{padding:17px}.control-form{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:1.35rem}.grid-2{grid-template-columns:1fr}.company-grid,.machine-grid{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}.rule-field,.rule-field:nth-child(3n){border-right:0}.form-actions{align-items:stretch;flex-direction:column}.podium{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.dialog-card{padding:25px 19px}.player-top{height:58px;padding:0 14px}.player-brand span{display:none}.player-top .phase-badge{margin-left:auto}.player-top .ghost{padding:7px 10px;min-height:38px}.player-main{padding:24px 14px 110px}.company-hero{display:block}.cash-block{text-align:left;margin-top:20px}.cash-block strong{font-size:2.4rem}.resource-grid{grid-template-columns:1fr 1fr;gap:9px}.resource-card{padding:14px}.resource-card strong{font-size:1.55rem}.mobile-stack{grid-template-columns:1fr}.panel{padding:17px}.player-machine{grid-template-columns:auto 1fr}.player-machine button{grid-column:1/-1;min-height:44px}.bottom-nav{bottom:0;left:0;right:0;transform:none;border-radius:16px 16px 0 0;border-bottom:0;padding:5px max(5px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));justify-content:space-around}.bottom-nav button{min-width:0;flex:1;padding:7px 5px}.market-toolbar{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.listing-grid{grid-template-columns:1fr}.record-card{align-items:flex-start}.sync-note{display:none}.toast-stack{right:14px;bottom:82px}.asset-line{grid-template-columns:repeat(2,1fr)}table{min-width:560px}}
.head-actions{display:flex;align-items:center;gap:10px}@media(max-width:760px){.head-actions{align-items:flex-end;flex-direction:column-reverse}}
.language-toggle{white-space:nowrap}.login-language{position:fixed;right:22px;top:22px;z-index:5}.side-language{margin-top:auto;border:1px solid var(--line);background:#0d1c29;color:#c8d4df;border-radius:10px;padding:9px}.side-language+.side-foot{margin-top:10px}.card-actions,.trade-actions{display:flex;gap:7px}.delete-action{color:#ff8d94;border-color:#6b3038}.trade-tabs{margin-bottom:0}.count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--orange);color:#241305;font-size:.7rem;font-weight:900}.trade-request-card{background:linear-gradient(145deg,#102131,#0b1824);border:1px solid var(--line);border-radius:15px;padding:18px}.trade-request-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.trade-request-head h3{margin:8px 0 3px}.trade-request-head p{color:var(--muted);font-size:.78rem;margin:0}.trade-request-head>strong{font-size:1.25rem;color:var(--cyan);white-space:nowrap}.trade-request-detail{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.trade-actions{justify-content:flex-end;margin-top:14px}.status-tag{display:inline-block;border-radius:99px;padding:4px 8px;font-size:.7rem;font-weight:800;background:#283a49;color:#b9c8d5}.status-tag.pending{background:#59411c;color:#ffd08a}.status-tag.accepted{background:#174735;color:#85e8b5}.status-tag.rejected,.status-tag.cancelled{background:#3c2930;color:#ffadb2}.dialog-note{color:var(--muted);font-size:.8rem;margin:0}.out{color:var(--orange)!important}.in{color:var(--green)!important}
@media(max-width:760px){.player-top{gap:8px}.player-top .language-toggle{padding:7px 9px}.trade-request-head{align-items:flex-start}.trade-request-detail{gap:12px}.trade-tabs button{padding:9px 10px}.card-actions{flex-direction:column}.login-language{right:14px;top:14px}}