:root{--bg: #08111c;--panel: #101c2a;--panel-2: #1a2a3b;--line: #344659;--text: #f4f1e9;--muted: #a4b2be;--accent: #e9be72;--good: #71d6ad;--bad: #e78075;--south: #72c6db;--north: #cf8c78;--radius: 12px;--display: "Black Han Sans", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-family:Noto Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--text);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(circle at 50% 30%,#183044,var(--bg) 72%);overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}#app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.topbar{display:grid;grid-template-columns:150px minmax(250px,1fr) minmax(210px,.8fr) auto;align-items:center;gap:12px;padding:9px 16px;background:linear-gradient(180deg,#1a2939,#101b29);border-bottom:1px solid #6c573b;min-height:60px;box-shadow:0 8px 22px #0005;z-index:1}.era{display:flex;flex-direction:column;min-width:0;padding-left:12px;border-left:3px solid var(--accent)}.era b{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:1px;color:var(--accent)}.era span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-economy,.top-health,.top-controls{display:flex;align-items:center;min-width:0}.top-economy{gap:12px}.top-economy .stat{flex:1}.top-economy .stat:nth-child(2){flex:1.5}.top-economy .stat:last-child{flex:.65}.top-economy .stat:first-child>span{color:var(--accent)}.top-health{gap:12px}.top-health .stat{flex:1}.top-controls{gap:6px;justify-self:end}.sound-control{display:flex;align-items:center;gap:6px}.sound-volume{width:76px;height:28px;accent-color:var(--accent);cursor:pointer}.stat{display:flex;flex-direction:column;font-size:12px;color:var(--muted);min-width:0}.stat b{font-size:17px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.3px;white-space:nowrap}.bar{height:5px;background:#0008;border-radius:3px;overflow:hidden;margin-top:4px}.bar>i{display:block;height:100%;background:var(--accent);width:0}.bar.good>i{background:var(--good)}.bar.bad>i{background:var(--bad)}.hp{min-width:0}.tbtn{background:linear-gradient(180deg,#243649,#172536);border:1px solid #506175;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:13px;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}.tbtn:hover{border-color:var(--accent);transform:translateY(-1px)}.tbtn.on{background:var(--accent);color:#111;border-color:var(--accent)}.stage{position:relative;flex:1;min-height:200px;background:#132637;overflow:hidden}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.pause-menu{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow-y:auto;color:var(--text);background:linear-gradient(155deg,#1a3042,#0d1b2a);border:1px solid #aa8a59;border-radius:16px;box-shadow:0 24px 70px #000c}.pause-menu::backdrop{background:#06111cbd;backdrop-filter:blur(4px)}.pause-menu h2{margin:0 0 18px;color:var(--accent);font-family:var(--display);font-size:29px;font-weight:400;text-align:center}.pause-actions{display:grid;gap:9px}.pause-action{min-height:46px;padding:9px 14px;border:1px solid #62788a;border-radius:9px;background:#193247;color:var(--text);cursor:pointer;font-weight:700}.pause-action:hover{border-color:var(--accent);background:#29475c}.pause-action.primary{border-color:#d0a869;background:#544731;color:#fff0d1}.toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%);background:#102031ee;border:1px solid #8e7149;box-shadow:0 10px 25px #0008;padding:9px 18px;border-radius:20px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.show{opacity:1}.orientation-tip{display:none;position:absolute;top:27px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 16px);padding:5px 10px;border:1px solid #c5a26e99;border-radius:7px;background:#102031d9;color:#f4e6c6;font-size:11px;text-align:center;pointer-events:none}.bottom{position:relative;display:flex;gap:16px;background:linear-gradient(180deg,#152638,#0d1927);border-top:1px solid #6b563c;padding:12px 18px;min-height:186px;box-shadow:0 -10px 25px #0007;z-index:1}.touch-info{display:none;position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);padding:10px 14px;background:#102031f2;border:1px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px #000b;color:var(--text);font-size:13px;line-height:1.45;pointer-events:none}.touch-info.show{display:block}.left{flex:1;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;align-items:center;gap:6px;margin-bottom:9px}.tab{background:#0d1a29;border:1px solid var(--line);border-radius:7px;padding:5px 13px;cursor:pointer;color:var(--muted);font-size:13px;transition:background .18s,color .18s}.tab.on{background:#33495d;color:var(--accent);border-color:#7b6548}.tab-spacer{flex:1}.rail-status{min-width:62px;padding:5px 7px;border:1px solid #465c70;border-radius:6px;color:#d4dee3;background:#0c1928;font-size:11px;line-height:16px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.rail-nav{width:34px;height:28px;flex:0 0 34px;background:#263c50;border:1px solid #71889a;border-radius:7px;color:var(--accent);cursor:pointer;font-size:21px;line-height:18px}.rail-nav:hover:not(:disabled){background:#344e64;border-color:var(--accent)}.rail-nav:disabled{color:#7e8b95;opacity:.45;cursor:default}.pane{display:none;gap:7px;flex-wrap:nowrap;align-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8495a1 transparent;scroll-snap-type:x proximity;padding-bottom:6px}.pane.on{display:flex}.pane>*{scroll-snap-align:start}.info{font-size:12px;color:#bdcbd4;margin-top:auto;padding-top:6px;min-height:22px}.card{position:relative;width:165px;flex:0 0 165px;min-height:96px;background:linear-gradient(145deg,#273a4e,#172637);border:1px solid #43576a;border-radius:var(--radius);padding:8px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 1px #fff1,0 6px 14px #0003;transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover:not(.off){border-color:var(--accent);transform:translateY(-2px);box-shadow:inset 0 1px #fff2,0 10px 22px #0007}.card.off{border-color:#3e4d5c;background:linear-gradient(145deg,#234,#172637);cursor:not-allowed}.card.off .portrait{opacity:.65}.card .cls{font-size:11px;color:#a9bdcb}.card .nm{font-size:14px;font-weight:700;line-height:1.2}.card .cost{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}.card .meta{font-size:11px;color:#b9c6d0}.card .key{position:absolute;right:7px;top:6px;font-size:11px;color:var(--accent);border:1px solid #8b7453;border-radius:5px;padding:0 5px;background:#101b29a8}.card .lock{font-size:11px;color:#ffb86b}.card.hero{border-color:#9e7f48;background:linear-gradient(145deg,#4a3d32,#202e3a)}.unit-card{width:184px;flex-basis:184px;min-height:104px;padding-left:74px;justify-content:center;overflow:hidden}.unit-card .portrait{position:absolute;left:2px;bottom:2px;width:70px;height:91px;object-fit:contain;filter:drop-shadow(0 4px 5px #000a)}.unit-card .nm{position:relative;z-index:1}.unit-card .meta{line-height:1.15}.swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.slotlist{display:flex;flex-direction:column;gap:4px;width:250px}.slot{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:12px}.slot .sn{flex:1}.mini{background:#0003;border:1px solid var(--line);border-radius:5px;padding:2px 8px;cursor:pointer;font-size:12px}.mini:hover:not(:disabled){border-color:var(--accent)}.mini:disabled{opacity:.7;cursor:not-allowed}.upg{width:150px;min-height:64px}.pips{font-size:12px;letter-spacing:2px;color:var(--accent)}.right{width:264px;flex:0 0 264px;display:flex;flex-direction:column;gap:7px;padding-left:14px;border-left:1px solid #496074}.queue{display:flex;gap:4px;align-items:center;font-size:12px;color:var(--muted)}.qcell{position:relative;width:34px;height:34px;padding:0;border-radius:7px;background:#0c1928;border:1px solid #4b6073;overflow:hidden;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.05}.qcell:hover:not(:disabled){border-color:var(--accent)}.qcell:disabled{cursor:default;opacity:.6}.qcell i{position:absolute;left:0;bottom:0;height:4px;background:var(--good)}.big{width:100%;background:linear-gradient(120deg,#284054,#1a2c3e);border:1px solid #50657a;border-radius:var(--radius);padding:8px 11px;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s}.big:hover:not(.off){border-color:var(--accent);transform:translateY(-1px)}.big.off{border-color:#485a6b;cursor:not-allowed}.big.off b{color:#d0d9df}.big b{display:block;font-size:14px}.big span{font-size:12px;color:var(--muted)}.big.ready{border-color:var(--accent);box-shadow:0 0 0 1px #e9be7277 inset,0 0 22px #e9be7222}.overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#2b3550,#0d1016 70%);display:flex;align-items:center;justify-content:center;z-index:10;padding:24px;overflow-y:auto;isolation:isolate}.overlay:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07131dc4,#0a1b2b94 52%,#07131db7);pointer-events:none}.title-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.box{max-width:760px;width:100%;text-align:center;background:#0c1a29d9;border:1px solid #b49a6b88;border-radius:22px;padding:30px 34px 22px;box-shadow:0 24px 80px #000b,inset 0 1px #ffffff15;backdrop-filter:blur(12px)}.logo{font-family:var(--display);font-size:clamp(48px,7vw,78px);font-weight:400;letter-spacing:7px;margin:0 0 20px;background:linear-gradient(180deg,#fff1ce,#e4b868 72%,#af7c45);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 14px 40px #e9be7233}.board-preview{margin:0 0 18px;padding:11px 14px 13px;text-align:left;border:1px solid #7a6b52;border-radius:13px;background:linear-gradient(120deg,#183247e8,#122535e8);box-shadow:inset 0 1px #ffffff17}.board-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#f3dba9;font-size:13px}.board-preview-open{padding:2px 4px;border:0;background:transparent;color:#f3dba9;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}.board-preview-open:hover{color:#fff4dc}.board-preview-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px}.board-preview-recent,.board-preview-best{min-width:0}.board-preview-best{padding-left:12px;border-left:1px solid #ffffff2a}.board-preview-label{display:block;margin-bottom:5px;color:#aebfca;font-size:11px}.board-preview-rows{display:grid;gap:4px}.board-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px;font-size:12px}.board-preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4e6c4}.board-preview-difficulty{color:#b9c8d0}.board-preview-time,.board-preview-leader{color:#f2cc85;font-variant-numeric:tabular-nums}.board-preview-time{text-align:right}.board-preview-best-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.board-preview-empty{color:#b5c4cc;font-size:12px}.title-sound{display:inline-block;margin:0 0 4px;padding:8px 15px;border:1px solid #8b7453;border-radius:999px;background:#13273bbd;color:var(--accent);cursor:pointer}.title-sound:hover,.title-sound[aria-pressed=true]{background:#3b3a2b;border-color:var(--accent)}.choose-title{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 9px}.diffs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.diff{background:linear-gradient(155deg,#2b4052,#172638);border:1px solid #5d7080;border-radius:11px;padding:14px 10px;cursor:pointer;min-width:0;box-shadow:0 8px 18px #0004;transition:transform .2s,border-color .2s,background .2s}.diff b{display:block;font-size:16px}.diff span{font-size:12px;color:var(--muted)}.diff:hover{border-color:var(--accent);transform:translateY(-3px);background:linear-gradient(155deg,#475c69,#20384b)}.controls-help{margin-top:10px;padding:8px 12px;text-align:left;color:#cbd6dd;border:1px solid #496072;border-radius:9px;background:#071624b8;font-size:12px}.controls-help summary{cursor:pointer;color:var(--accent);font-weight:700}.controls-help p{margin:7px 0 2px;line-height:1.6}.controls-help kbd{background:#333a47;border-radius:4px;padding:0 5px;font-size:12px}.title-archive{display:flex;gap:8px;margin:0 0 5px}.archive-link{flex:1;min-height:42px;padding:8px 12px;border:1px solid #826f54;border-radius:10px;background:#182b3bc9;color:#f1d9a7;cursor:pointer;font-weight:700}.archive-link:hover,.archive-back:hover,.archive-tab:hover{border-color:var(--accent);background:#2b4052}.saved-summary{margin:0 0 12px;color:#a9bbc7;font-size:12px}.collection-notice{position:absolute;top:30px;right:14px;max-width:min(340px,80%);padding:9px 13px;background:#112c39e8;border:1px solid var(--good);border-radius:9px;box-shadow:0 10px 28px #0008;color:#d6ffe9;font-size:13px;opacity:0;transform:translateY(-7px);transition:opacity .2s,transform .2s;pointer-events:none}.collection-notice.show{opacity:1;transform:translateY(0)}.archive-box{max-width:940px;max-height:calc(100dvh - 36px);overflow-y:auto;text-align:left;padding:24px}.archive-overlay{overflow:hidden}.archive-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.archive-header h2{font-family:var(--display);font-size:36px;font-weight:400;color:var(--accent);margin:0}.archive-back{flex:0 0 auto;min-height:42px;padding:7px 13px;border:1px solid #6b7884;border-radius:9px;background:#172b3e;cursor:pointer}.archive-summary{margin:0 0 14px;color:#c4d1d8;font-size:13px}.archive-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.archive-tab{flex:0 0 auto;min-height:40px;padding:7px 12px;border:1px solid #526779;border-radius:8px;background:#16293b;color:#cbd7df;cursor:pointer}.archive-tab.on{color:#14202b;background:var(--accent);border-color:var(--accent);font-weight:700}.codex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:10px}.codex-era-heading{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;padding:5px 0 3px;border-bottom:1px solid #607285}.codex-era-heading b{color:var(--accent);font-size:18px}.codex-era-heading span{color:#b7c7d1;font-size:12px}.codex-card{min-height:174px;padding:11px;border:1px solid #536b7c;border-radius:12px;background:linear-gradient(150deg,#24394a,#102031);box-shadow:inset 0 1px #ffffff18}.codex-card.locked{border-style:dashed;color:#a8b7c2;background:#142536}.codex-card-top{display:flex;justify-content:space-between;gap:6px;color:#c1d0d8;font-size:11px}.codex-portrait{display:block;width:72px;height:80px;object-fit:contain;margin:3px auto 0;filter:drop-shadow(0 4px 7px #000a)}.codex-symbol{height:83px;display:grid;place-items:center;color:var(--accent);font-size:37px}.codex-card.locked .codex-symbol{color:#607384}.codex-name{display:block;color:#fff0d0;font-size:14px}.codex-card.locked .codex-name{color:#b3c0c8}.codex-desc{margin:4px 0 0;color:#c2d0d9;font-size:11px;line-height:1.42}.codex-card.locked .codex-desc{color:#91a3ae}.record-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.record-stat{padding:16px 10px;text-align:center;border:1px solid #6c7790;border-radius:10px;background:#1b3141;color:#f2dfb8;font-weight:700}.board-status{margin:0 0 8px;color:#b7c8d1;font-size:12px}.board-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.board-column{min-width:0}.board-column .archive-section{margin-top:8px}.board-list{display:grid;gap:6px}.board-row{display:grid;grid-template-columns:minmax(80px,1fr) 64px 78px 65px;align-items:center;gap:7px;min-height:42px;padding:7px 9px;border:1px solid #405b6d;border-radius:8px;background:#12283a;font-size:12px}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4e6c4}.board-difficulty,.board-when{color:#aebfca}.board-time{color:var(--accent);text-align:right}.board-when{text-align:right}.board-empty{padding:18px;border:1px dashed #526879;border-radius:8px;color:#b7c7d1;text-align:center;font-size:13px}.archive-section{margin:22px 0 9px;color:var(--accent);font-size:17px}.best-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.best-row{display:flex;justify-content:space-between;gap:8px;padding:11px 13px;border:1px solid #425d70;border-radius:9px;background:#112536;font-size:13px}.best-row b{color:#e7d3aa}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.achievement-card{display:flex;gap:10px;min-height:72px;padding:11px;border:1px solid #42596a;border-radius:10px;background:#152736;color:#9caeba}.achievement-card.earned{border-color:#a4814b;background:#283a3b;color:#f2ece0}.achievement-mark{color:#7c91a1;font-size:26px;line-height:1}.achievement-card.earned .achievement-mark{color:var(--accent)}.achievement-card b{font-size:13px}.achievement-card p{margin:4px 0 0;font-size:11px;line-height:1.4}.result-record{color:#d8e6df!important;font-weight:700}.record-badge{display:inline-block;margin:2px 0 8px;padding:5px 10px;border:1px solid var(--good);border-radius:999px;color:var(--good)!important}.result-achievements{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px}.result-achievements b{margin-right:4px;color:var(--accent)}.result-achievements span{padding:4px 8px;border:1px solid #95784a;border-radius:6px;background:#51473066;color:#f6e6bc;font-size:12px}.result h2{font-family:var(--display);font-weight:400;font-size:54px;margin:0 0 8px;letter-spacing:3px}.result p{color:var(--muted)}.result .row{display:flex;gap:10px;justify-content:center;margin-top:16px}.share-form{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding:12px;border:1px solid #5c7383;border-radius:10px;background:#13283ab8}.share-form label{display:grid;gap:5px;text-align:left;color:#f2dfb8;font-size:12px;font-weight:700}.share-name{width:174px;min-height:40px;padding:8px 10px;border:1px solid #72899a;border-radius:7px;background:#081a29;color:#f6f4ef;font:inherit}.share-name:focus{outline:2px solid var(--accent);outline-offset:1px}.share-submit{min-height:40px;padding:8px 14px;border:1px solid #b59968;border-radius:7px;background:#3a433b;color:#ffedc9;cursor:pointer;font-weight:700}.share-submit:disabled{opacity:.65;cursor:default}.share-status{flex:1 1 100%;min-height:15px;color:#cad9df;font-size:12px}@media (max-width: 950px){.topbar{grid-template-columns:132px minmax(0,1fr) auto;gap:7px 10px;padding:8px 10px}.top-economy{grid-column:2}.top-health{grid-column:1 / -1;grid-row:2}.top-controls{grid-column:3}.era b{font-size:18px}.era span{font-size:11px}.top-economy,.top-health{gap:8px}.stat b{font-size:15px}.tbtn{padding:7px 8px;font-size:12px}.bottom{gap:10px;padding:10px 12px}.right{width:242px;flex-basis:242px;padding-left:10px}.mini{min-height:40px}}@media (max-width: 760px){.topbar{grid-template-columns:1fr auto;row-gap:8px}.era{grid-column:1}.top-controls{grid-column:2;grid-row:1}.top-economy{grid-column:1 / -1;grid-row:2}.top-health{grid-column:1 / -1;grid-row:3}.top-economy .stat,.top-health .stat{flex:1}.top-economy .stat:nth-child(2){flex:1.5}.top-economy .stat:last-child{flex:1}.bottom{min-height:0}.right{width:220px;flex-basis:220px}}@media (max-width: 640px){.board-preview{padding:10px 11px}.board-preview-content{grid-template-columns:1fr;gap:8px}.board-preview-best{padding:8px 0 0;border-left:0;border-top:1px solid #ffffff2a}.bottom{flex-direction:column;min-height:0}.right{width:100%;flex-basis:auto;flex-direction:row;flex-wrap:wrap;border-left:0;border-top:1px solid #496074;padding:8px 0 0}.right .big{flex:1;min-width:140px}.card{min-width:150px}.unit-card{min-width:172px}.logo{font-size:40px}.box{padding:24px 18px}.diffs{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-box{padding:16px}.archive-header h2{font-size:30px}.record-summary,.best-grid,.achievement-grid{grid-template-columns:1fr}.board-columns{grid-template-columns:1fr;gap:4px}}@media (max-width: 640px) and (orientation: portrait){html,body{height:auto;min-height:100%;overflow-y:auto}#app{height:auto;min-height:100dvh}.topbar{flex:none}.stage{flex:none;height:clamp(210px,34dvh,300px);min-height:210px}.bottom{flex:none;padding:10px}.right{gap:8px}.right .big{min-height:54px}.qcell{width:40px;height:40px}.tab,.rail-nav,.tbtn{min-height:40px}.info{min-height:32px;line-height:1.4}.sound-volume{width:64px}.orientation-tip{display:block}}@media (pointer: coarse){button,input[type=range]{min-height:40px}.rail-nav,.qcell{min-width:40px}}@media (max-height: 520px){.topbar{display:flex;min-height:34px;padding:3px 8px;gap:10px;flex-wrap:nowrap;overflow-x:auto}.era{min-width:0}.era span,.stat span{display:none}.stat{min-width:0}.stat b,.era b{font-size:13px}.top-economy,.top-health,.top-controls{flex:0 0 auto;gap:9px}.hp{min-width:56px}.tbtn{padding:3px 6px;font-size:12px;min-height:40px}.sound-volume{width:52px;min-height:40px}.stage{min-height:110px}.bottom{min-height:0;padding:4px 6px;gap:6px}.tabs{margin-bottom:3px}.tab{padding:2px 8px;font-size:12px;min-height:40px}.rail-nav{height:40px;flex-basis:40px;width:40px;line-height:26px}.pane{flex-wrap:nowrap;overflow-x:auto;max-height:118px;overflow-y:auto}.card{width:112px;min-width:112px;flex-basis:112px;min-height:68px;padding:4px 6px}.unit-card{width:138px;min-width:138px;flex-basis:138px;padding-left:48px}.unit-card .portrait{width:47px;height:58px}.card .meta,.card .cls{display:none}.info{max-height:27px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card .nm{font-size:12px}.slotlist{width:180px}.right{width:236px;flex-basis:236px;gap:4px}.queue{justify-content:space-between;gap:2px}.queue>span:first-child{display:none}.big{padding:4px 6px}.big b{font-size:12px}.qcell{width:40px;height:40px;font-size:9px}.overlay{align-items:flex-start}.box{margin:auto 0}}@media (max-width: 640px) and (max-height: 520px) and (orientation: landscape){.topbar{flex-wrap:wrap;overflow:visible;row-gap:2px}.topbar>.era{flex:0 0 88px}.top-economy{flex:1 1 125px}.top-health{order:4;flex:1 1 100%;justify-content:space-around}.stage{min-height:80px}.bottom{flex-direction:row;flex-shrink:0}.tabs{gap:3px}.tab{white-space:nowrap}.rail-status{display:none}.right{width:226px;flex:0 0 226px;flex-direction:column;flex-wrap:nowrap;border-top:0;border-left:1px solid #496074;padding:0 0 0 6px}.right .big{flex:none;min-width:0}}