:root{--bg-deep: #08070f;--text: #d0d0d0;--btn-bg: rgba(20, 20, 32, .85);--btn-border: #4a4a6a;--btn-text: #c8d0f0;--btn-hover: #8fd8ff}html{font-size:clamp(7px,1.25vw,16px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-deep);color:var(--text);overflow:hidden}body{background:radial-gradient(1200px 600px at 50% 0%,#131228,#08070f 60%,#050409);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}.screens-area{flex:1 1 auto;display:flex;gap:.4rem;padding:.4rem;align-items:center;justify-content:center;min-height:0}.screen-frame{position:relative;background:#05060e;border:4px solid #0d0d1c;outline:1px solid #34345a;border-radius:6px;overflow:hidden;flex:1 1 0;aspect-ratio:4 / 3;max-height:100%;box-shadow:inset 0 0 34px #000000d9,0 0 10px #0009}.screen-frame canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:linear-gradient(115deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.015) 22%,transparent 34%,transparent 82%,rgba(255,255,255,.02) 100%)}.lcd-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;background:repeating-linear-gradient(0deg,rgba(0,0,0,.09) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 2px)}.lcd-sub{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:13;background:repeating-linear-gradient(90deg,#ff3c3c07 0,#ff3c3c07 1px,#3cff7807 1px,#3cff7807 2px,#3c78ff07 2px,#3c78ff07 3px);mix-blend-mode:screen}.lcd-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:11;box-shadow:inset 0 0 44px #7896ff14}.button-bar{flex:0 0 auto;position:relative;display:flex;gap:.4rem;padding:.4rem .6rem;align-items:center;justify-content:center;background:#08081099;border-top:1px solid #1d1d30}.action-btn{background:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-border);border-radius:6px;padding:.4rem .9rem;font-size:.85rem;font-family:inherit;cursor:pointer;min-width:5rem;transition:border-color .15s,color .15s,background .15s}.action-btn:hover{border-color:var(--btn-hover);color:var(--btn-hover)}.action-btn:active{transform:translateY(1px)}.action-btn.ghost{border-color:#4a6a9a;color:#9fc0ff}.action-btn.ghost:hover{border-color:#8fd8ff;color:#8fd8ff;background:#2850a066}.action-btn.trick{border-color:#8a4a52;color:#ffb0a0}.action-btn.trick:hover{border-color:#ff8a7a;color:#ffe2c8;background:#8c2c3466}.action-btn.advance{border-color:#8a7a3c;color:#e8c15a}.action-btn.advance:hover{border-color:#ffd98a;color:#ffd98a;background:#5a4a1c66}.filter-group{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);display:flex;gap:.25rem;align-items:center}.filter-group .lab{font-size:.7rem;color:#6a6a8a;letter-spacing:.05rem;margin-right:.25rem}.fbtn{background:#191930;color:#7a7aa8;border:1px solid #33335a;border-radius:4px;padding:.25rem .55rem;font-size:.7rem;cursor:pointer;font-family:inherit}.fbtn.on{color:#ffd98a;border-color:#8a6a3c;background:#241d10}.fbtn:hover{color:#c8c8ff}.lang-switch{position:fixed;bottom:.1rem;left:.1rem;z-index:9999;pointer-events:auto;font-family:inherit}.lang-switch-btn{background:#141420d9;color:#c8d0f0;border:1px solid #4a4a6a;border-radius:4px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.lang-switch-btn:hover{border-color:#8fd8ff;color:#8fd8ff}.lang-switch-list{position:absolute;left:0;bottom:30px;background:#080c14f5;border:1px solid #4a4a6a;border-radius:4px;padding:4px 0;margin:0;list-style:none;min-width:80px;display:none}.lang-switch.open .lang-switch-list{display:block}.lang-switch-list li{padding:6px 12px;color:#c8d0f0;font-size:11px;cursor:pointer}.lang-switch-list li:hover{background:#8fd8ff26;color:#8fd8ff}.lang-switch-list li.active{color:#8fd8ff;font-weight:700}
