.shop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:stretch;justify-content:flex-end;pointer-events:auto;background:#080c188c}.shop-panel{width:min(520px,96vw);height:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-12px 0 40px #00000073}.shop-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.shop-panel__title{margin:0;font-size:20px;letter-spacing:.08em;text-transform:uppercase}.shop-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:13px}.shop-stats span{color:var(--muted)}.shop-stats strong{display:block;color:var(--ice);font-size:15px}.shop-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 18px;border-bottom:1px solid var(--line)}.shop-tab{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px}.shop-tab--active{color:var(--ice);border-color:var(--azure);background:#2f7bf61f}.shop-list{flex:1;overflow:auto;padding:12px 18px 24px;display:flex;flex-direction:column;gap:10px}.shop-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#ffffff05;text-align:left}.shop-card--disabled{opacity:.55}.shop-card__row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.shop-card h3{margin:0 0 6px;font-size:15px}.shop-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.shop-card__meta{margin-top:8px;font-size:12px;color:var(--muted)}.shop-card__block{margin-top:8px;font-size:12px;color:var(--amber)}.shop-card__btn{margin-top:10px}.shop-subnav{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line)}.shop-tutorial{margin:0 18px 12px;padding:10px 12px;border-radius:10px;background:#2f7bf61f;border:1px solid rgba(47,123,246,.25);font-size:13px;line-height:1.45}.org-tree{font-size:13px;line-height:1.5}.org-tree ul{margin:4px 0 4px 18px;padding:0}.org-tree li{margin:2px 0}.journal-list{font-size:12px;color:var(--muted);max-height:160px;overflow:auto}.journal-list div{padding:4px 0;border-bottom:1px solid var(--line)}.hire-form{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.hire-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.hire-form select{background:var(--bg);color:var(--ice);border:1px solid var(--line);border-radius:8px;padding:8px 10px}@media(max-width:1366px){.shop-panel{width:min(460px,100vw)}}html,body,#root{height:100%;margin:0;overflow:hidden}:root{--bg: #0e1526;--panel: #141f36;--line: rgba(220, 235, 255, .08);--azure: #2f7bf6;--deep: #1b4fd8;--ice: #dcebff;--cyan: #35d6e8;--red: #ff5a4e;--amber: #ffb020;--good: #39d98a;--muted: #7e8db0}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ice)}.game-shell__canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0a101ed1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;text-align:center;padding:24px}.overlay--hud-gap{top:64px;background:#0a101ed1}.overlay h1{font-size:clamp(38px,6.4vw,78px);letter-spacing:.06em;font-weight:800;color:var(--ice);text-shadow:0 0 42px rgba(47,123,246,.55);margin:0}.overlay h1.overlay__heading--sm{font-size:clamp(24px,3.8vw,42px)}.overlay h1.overlay__heading--md{font-size:clamp(26px,4.2vw,48px)}.tag{font-size:clamp(14px,1.8vw,19px);color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.btn{cursor:pointer;border:1px solid rgba(220,235,255,.18);background:linear-gradient(180deg,#2f7bf6,#1b4fd8);color:#fff;font-size:18px;font-weight:700;letter-spacing:.08em;padding:15px 42px;border-radius:999px;box-shadow:0 14px 34px -12px #2f7bf6a6,inset 0 1px #ffffff40;transition:transform .12s cubic-bezier(.16,1,.3,1)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.4;pointer-events:none}.btn--ghost{background:transparent;box-shadow:none;border-color:#dcebff47;color:var(--ice)}.overlay__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.help-fab{position:absolute;top:64px;right:16px;z-index:40;width:40px;height:40px;margin:0;padding:0;border-radius:999px;border:1px solid rgba(220,235,255,.22);background:#0a101ee0;color:var(--ice);font-size:20px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 8px 20px #00000059;transition:transform .12s ease,border-color .12s ease,background .12s ease}.help-fab:hover{transform:translateY(-1px);border-color:#2f7bf68c;background:#141f36f2;color:#fff}.help-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#080c18b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.help-panel{width:min(560px,96vw);max-height:min(82vh,720px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #00000073;overflow:hidden}.help-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.help-panel__title{margin:0;font-size:22px;letter-spacing:.06em;text-transform:uppercase}.help-panel__body{padding:8px 18px 20px;overflow-y:auto;text-align:left}.help-section{padding:12px 0;border-bottom:1px solid rgba(220,235,255,.06)}.help-section:last-child{border-bottom:none}.help-section h3{margin:0 0 8px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.help-section p{margin:0 0 6px;font-size:14px;line-height:1.45;color:var(--ice)}.help-section p:last-child{margin-bottom:0}.cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:1080px}.card,.rrow{font:inherit;color:inherit}.card{width:214px;padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;transition:transform .15s cubic-bezier(.16,1,.3,1),border-color .15s,box-shadow .15s}.card:hover{transform:translateY(-3px)}.card.sel{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 18px 40px -18px #35d6e880}.card .cn{font-weight:800;letter-spacing:.04em;font-size:13.5px;margin-bottom:6px}.card .cd{font-size:12px;color:var(--muted);line-height:1.45}.card .cz{margin-top:9px;font-size:10px;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}.rrow{display:flex;align-items:center;gap:0;width:min(760px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.rrow .rif{flex:1;font-size:14px;font-weight:700}.rrow .rthen{flex:1;font-size:14px;color:var(--muted);text-align:right}.rrow .rwire{flex:0 0 120px;height:4px;margin:0 14px;border-radius:2px;background:#233252;position:relative;overflow:hidden}.rrow.sel{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.rrow.sel .rwire{background:linear-gradient(90deg,var(--cyan),var(--azure));box-shadow:0 0 12px #35d6e8b3}.rrow.sel .rthen{color:var(--ice)}.rules-list{display:flex;flex-direction:column;gap:10px}.stats{display:flex;flex-direction:column;gap:9px;font-size:16px;min-width:min(380px,92vw)}.srow{display:flex;justify-content:space-between;gap:30px;padding:9px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.srow b{font-variant-numeric:tabular-nums}.lose{color:var(--red)}.win{color:var(--good)}.small{font-size:13px;color:var(--muted);max-width:560px;line-height:1.55}.hint-pill{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:5;background:#141f36eb;border:1px solid var(--line);border-radius:999px;padding:9px 20px;font-size:14px;letter-spacing:.03em;color:var(--ice);opacity:0;transition:opacity .35s;pointer-events:none;white-space:nowrap;box-shadow:0 10px 30px -10px #0009}.hint-pill--visible{opacity:1}.otimer{font-size:12px;color:var(--muted);letter-spacing:.1em}
