.etc-shell{--etc-bg:#080a09;--etc-panel:#0e1210;--etc-ink:#edf0ed;--etc-muted:#8e9892;--etc-line:#303833;--etc-accent:#f1d44d;position:relative;left:50%;isolation:isolate;width:min(1100px,calc(100vw - 32px));min-height:720px;overflow:hidden;transform:translateX(-50%);background:var(--etc-bg);color:var(--etc-ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;border:1px solid #252b27}
.etc-shell,.etc-shell *{box-sizing:border-box}.etc-shell [hidden]{display:none!important}.etc-shell button,.etc-shell input{font:inherit}.etc-shell button{border-radius:0}.etc-grid{position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.etc-topbar{position:relative;z-index:2;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--etc-line);font:700 12px/1 Consolas,monospace;letter-spacing:.08em}.etc-brand{display:flex;align-items:center;gap:12px}.etc-brand-code{display:grid;place-items:center;width:38px;height:38px;background:var(--etc-accent);color:#15150d;font-size:13px}.etc-actions{display:flex;gap:3px}.etc-actions button,.etc-board-head button{border:1px solid transparent;background:transparent;color:var(--etc-muted);padding:9px 11px;cursor:pointer}.etc-actions button:hover,.etc-actions button:focus-visible,.etc-board-head button:hover{color:var(--etc-ink);border-color:var(--etc-line);outline:none}
.etc-layout{position:relative;z-index:1;display:block;min-height:650px}.etc-main{min-width:0;display:grid;min-height:650px}.etc-screen{min-width:0}.etc-intro{align-self:center;display:block;width:100%;padding:54px clamp(28px,7vw,82px)}.etc-intro-copy{max-width:820px}.etc-kicker{margin:0 0 18px;color:var(--etc-accent);font:700 11px/1.4 Consolas,monospace;letter-spacing:.16em}.etc-intro h2,.etc-result h2{max-width:900px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.055em;overflow-wrap:normal;word-break:keep-all}.etc-deck{max-width:650px;margin:23px 0 28px;color:#b5bdb8;font-size:16px;line-height:1.7}.etc-seed-row{display:grid;grid-template-columns:auto minmax(100px,180px) auto;align-items:center;width:max-content;max-width:100%;margin-bottom:22px;border:1px solid var(--etc-line)}.etc-seed-row label{padding:0 13px;color:var(--etc-muted);font-size:11px}.etc-seed-row input{min-width:0;width:100%;border:0;border-left:1px solid var(--etc-line);border-right:1px solid var(--etc-line);outline:none;background:#090c0a;color:var(--etc-ink);padding:12px 13px;font:700 14px Consolas,monospace;letter-spacing:.1em}.etc-seed-row input:focus{box-shadow:inset 0 -2px var(--etc-accent)}.etc-seed-row button{height:100%;border:0;background:transparent;color:var(--etc-muted);padding:0 13px;cursor:pointer}.etc-seed-row button:hover{color:var(--etc-accent)}
.etc-loading{align-self:center;justify-self:center;width:min(520px,calc(100% - 40px));text-align:center}.etc-loader-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;background:var(--etc-accent);color:#11140e;font:900 22px Consolas,monospace;box-shadow:0 0 48px rgba(241,212,77,.2);animation:etc-loader-pulse 1.1s steps(2) infinite}.etc-loading h2{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.etc-loader-track{height:3px;margin:28px 0 13px;overflow:hidden;background:#2a302c}.etc-loader-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--etc-accent);transition:transform .22s ease}.etc-loader-status{margin:0;color:#747e78;font:10px Consolas,monospace;letter-spacing:.1em}
.etc-primary,.etc-secondary,.etc-submit button{border:1px solid var(--etc-accent);background:var(--etc-accent);color:#16160d;padding:14px 22px;font-weight:800;cursor:pointer;transition:transform .14s ease,background .14s ease}.etc-primary:hover,.etc-submit button:hover{background:#ffe76b}.etc-primary:active,.etc-secondary:active,.etc-submit button:active{transform:translateY(1px)}.etc-start-actions{display:flex;gap:10px}.etc-start-actions .etc-secondary{margin:0}.etc-controls{margin:13px 0 0;color:#68716b;font-size:11px}.etc-manifest{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--etc-line);border-bottom:1px solid var(--etc-line)}.etc-manifest div{display:flex;flex-direction:column;gap:5px;padding:15px 18px;border-right:1px solid var(--etc-line)}.etc-manifest div:first-child{padding-left:0}.etc-manifest div:last-child{border-right:0}.etc-manifest strong{color:var(--etc-accent);font:700 19px Consolas,monospace}.etc-manifest span{color:var(--etc-muted);font-size:12px}
.etc-play{align-self:center;width:100%;margin:auto;padding:22px 28px 30px}.etc-hud{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:12px}.etc-hud>div{min-width:0;padding-left:12px;border-left:1px solid var(--etc-line)}.etc-hud span{display:block;margin-bottom:6px;color:var(--etc-muted);font:10px Consolas,monospace;letter-spacing:.1em}.etc-hud strong{display:block;overflow:hidden;color:var(--etc-ink);font:700 20px Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.etc-hud>div:nth-child(2) strong{color:var(--etc-cargo,var(--etc-accent))}.has-combo [data-stat=combo]{color:var(--etc-accent);text-shadow:0 0 16px rgba(241,212,77,.7)}.etc-clock strong{font-size:40px;line-height:.8;color:var(--etc-accent)}.etc-timebar{height:3px;margin:17px 0;background:#262c28;overflow:hidden}.etc-timebar i{display:block;width:100%;height:100%;transform-origin:left;background:var(--etc-accent)}.is-danger .etc-timebar i{background:#e55c51}.is-danger .etc-clock strong{color:#f06e63}.etc-canvas-wrap{position:relative;width:100%}.etc-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#101310;border:1px solid #3c4640;box-shadow:0 28px 80px rgba(0,0,0,.42);outline:none}.etc-canvas-wrap canvas:focus-visible{border-color:var(--etc-accent)}.etc-toast{position:absolute;top:18px;left:50%;transform:translate(-50%,-8px);opacity:0;max-width:calc(100% - 30px);padding:9px 13px;background:#0b0e0c;border:1px solid var(--etc-accent);color:var(--etc-ink);font:700 12px Consolas,monospace;white-space:nowrap;transition:.18s;pointer-events:none}.etc-toast.is-visible{opacity:1;transform:translate(-50%,0)}.etc-rewind-label{position:absolute;right:14px;bottom:13px;opacity:0;color:var(--etc-accent);font:700 11px Consolas,monospace;letter-spacing:.14em}.is-rewinding .etc-rewind-label{opacity:1;animation:etc-blink .45s steps(1) infinite}.is-rewinding canvas{filter:contrast(1.2) sepia(.25);box-shadow:inset 0 0 50px rgba(241,212,77,.12)}
.etc-mobile-controls{display:none;align-items:end;justify-content:space-between;margin-top:12px}.etc-dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:4px}.etc-dpad button,.etc-rewind{border:1px solid var(--etc-line);background:#151a17;color:var(--etc-ink);touch-action:none}.etc-dpad button[data-move=up]{grid-column:2}.etc-dpad button[data-move=left]{grid-column:1}.etc-dpad button[data-move=down]{grid-column:2}.etc-dpad button[data-move=right]{grid-column:3}.etc-rewind{height:88px;padding:0 22px;color:var(--etc-accent)}
.etc-mission{position:absolute;left:14px;bottom:13px;max-width:310px;padding:9px 11px;background:rgba(7,10,8,.86);border-left:3px solid var(--etc-cargo,var(--etc-accent));pointer-events:none}.etc-mission span,.etc-mission small{display:block;font-family:Consolas,monospace}.etc-mission span{color:var(--etc-cargo,var(--etc-accent));font-size:11px;font-weight:800;letter-spacing:.06em}.etc-mission small{margin-top:4px;color:#aab3ad;font-size:9px}
.etc-result{align-self:center;padding:55px clamp(28px,7vw,100px)}.etc-result h2{max-width:760px;font-size:clamp(42px,5.4vw,76px)}.etc-final-score{display:flex;align-items:flex-end;gap:18px;margin:30px 0 18px}.etc-final-score span{color:var(--etc-muted)}.etc-final-score strong{color:var(--etc-accent);font:800 62px/.8 Consolas,monospace}.etc-summary{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:30px;color:var(--etc-muted);font-size:13px}.etc-summary b{color:var(--etc-ink);font-family:Consolas,monospace}.etc-submit{max-width:540px}.etc-submit label{display:block;margin-bottom:8px;color:#bbc2bd;font-size:13px}.etc-submit>div{display:grid;grid-template-columns:1fr auto}.etc-submit input{min-width:0;border:1px solid var(--etc-line);border-right:0;outline:none;background:#090c0a;color:var(--etc-ink);padding:13px 14px}.etc-submit input:focus{border-color:var(--etc-accent)}.etc-submit input::placeholder{color:#727b75}.etc-submit button:disabled{opacity:.55;cursor:wait}.etc-form-status{min-height:20px;margin:8px 0;color:var(--etc-accent);font-size:12px}.etc-secondary{margin-top:15px;background:transparent;color:var(--etc-accent)}.etc-result-actions{display:flex;gap:10px;margin-top:15px}.etc-result-actions .etc-secondary{margin:0}
.etc-board{min-width:0;padding:34px 28px 38px;background:var(--etc-panel);border-top:1px solid var(--etc-line);overflow:auto}.etc-board-head{display:flex;align-items:flex-end;justify-content:space-between}.etc-board-head p{margin:0 0 6px;color:var(--etc-accent);font:700 10px Consolas,monospace;letter-spacing:.14em}.etc-board-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.etc-tabs{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 13px;border-bottom:1px solid var(--etc-line)}.etc-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--etc-muted);padding:10px;cursor:pointer}.etc-tabs button.is-active{border-color:var(--etc-accent);color:var(--etc-ink)}.etc-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;list-style:none;margin:0;padding:0}.etc-ranking li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #252c28}.etc-rank{color:#69726c;font:11px Consolas,monospace}.etc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.etc-name small{display:block;margin-top:3px;color:#6f7872;font:10px Consolas,monospace}.etc-ranking strong{color:var(--etc-accent);font:700 12px Consolas,monospace}.etc-ranking .etc-loading,.etc-ranking .etc-empty{display:block;color:var(--etc-muted);font-size:12px;line-height:1.7}.etc-board-note{margin-top:22px;color:#626a65;font-size:11px;line-height:1.6}
@keyframes etc-blink{50%{opacity:.25}}
@keyframes etc-loader-pulse{50%{opacity:.65;transform:scale(.96)}}
@media(max-width:1050px){.etc-mobile-controls{display:flex}}
@media(max-width:720px){.etc-shell{width:calc(100vw - 16px);min-height:640px}.etc-topbar{height:58px;padding:0 13px}.etc-brand>span:last-child{display:none}.etc-actions button{padding:8px 7px;font-size:11px}.etc-layout,.etc-main{min-height:580px}.etc-intro{display:block;padding:42px 18px}.etc-intro h2{font-size:42px;word-break:normal}.etc-deck{font-size:14px;margin:21px 0 26px}.etc-start-actions{display:grid;grid-template-columns:1fr 1fr}.etc-manifest{grid-template-columns:1fr;margin-top:34px}.etc-manifest div,.etc-manifest div:first-child{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-right:0;border-bottom:1px solid var(--etc-line)}.etc-manifest div:last-child{border-bottom:0}.etc-play{padding:14px 10px}.etc-hud{grid-template-columns:repeat(3,1fr);gap:8px 5px}.etc-hud>div{padding:5px 0 5px 8px}.etc-clock strong{font-size:30px}.etc-hud strong{font-size:16px}.etc-canvas-wrap{overflow:hidden}.etc-canvas-wrap canvas{width:100%;aspect-ratio:8/5}.etc-result{padding:46px 18px}.etc-result h2{font-size:42px}.etc-final-score strong{font-size:48px}.etc-submit>div{grid-template-columns:1fr}.etc-submit input{border-right:1px solid var(--etc-line);border-bottom:0}.etc-submit button{width:100%}.etc-board{padding:30px 18px}.etc-ranking{grid-template-columns:1fr}.etc-toast{font-size:10px}.etc-seed-row{width:100%;grid-template-columns:auto 1fr auto}}
@media(max-width:520px){.etc-result-actions{display:grid;grid-template-columns:1fr}.etc-result-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.etc-shell *{animation:none!important;transition:none!important}}