:root{color:#f7efe4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07090d;--surface:#10141deb;--surface-strong:#161b27fa;--surface-soft:#ffffff0b;--line:#ffffff17;--line-strong:#f5b45257;--text:#f7efe4;--muted:#9fa7b5;--gold:#f5b452;--gold-2:#ffdf8f;--green:#88d878;--red:#ff7a6f;--blue:#7fb7ff;--shadow:#00000061;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#f5b45229,#0000 34rem),radial-gradient(circle at 10% 20%,#6491ff14,#0000 28rem),linear-gradient(#0d111a 0%,#07090d 58%,#050609 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{width:min(1420px,100%);margin:0 auto;padding:clamp(10px,1.8vw,22px)}.shell-frame{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff04),#07090dd1;border-radius:22px;min-height:calc(100vh - 24px);padding:clamp(10px,1.4vw,18px);box-shadow:0 26px 70px #0000006b}.resource-strip{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(6,minmax(116px,1fr));gap:10px;padding-bottom:14px;display:grid;position:sticky;top:0}.resource-card,.tap-panel,.command-panel,.row-card,.side-log,.relic-card,.dynasty-box,.audio-controls{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, #ffffff05), var(--surface);box-shadow:0 14px 34px var(--shadow);border-radius:18px}.resource-card{grid-template-rows:1fr auto;grid-template-columns:34px 1fr;gap:4px 10px;min-height:72px;padding:11px;display:grid}.resource-card img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #00000059);grid-row:1/3;align-self:center}.resource-card span,.kicker,.row-card small,.quick-stats span,.side-log small,.subhead span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:850}.resource-card strong{color:var(--text);margin-top:2px;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1;display:block}.resource-card small{color:var(--gold-2);grid-column:2;font-weight:800}.game-grid{grid-template-columns:minmax(330px,.78fr) minmax(520px,1.22fr);align-items:start;gap:14px;display:grid}.play-column{gap:14px;display:grid}.tap-panel,.command-panel,.side-log{padding:clamp(16px,2vw,24px)}.brand-row,.row-title,.subhead,.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;color:var(--text);margin:2px 0 0;font-size:clamp(3rem,6.2vw,5.8rem);line-height:.88}h1:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);border-radius:999px;width:68px;height:5px;margin-top:12px;display:block}h2{margin-bottom:12px;font-size:1.25rem}h3{margin-bottom:5px;font-size:1rem}p{color:#cdd3dc;line-height:1.45}.status-pill{text-align:center;border:1px solid var(--line);min-width:104px;color:var(--muted);background:#ffffff0e;border-radius:999px;padding:8px 10px;font-size:.75rem;font-weight:900}.status-pill.online{color:#c8ffad;border-color:#88d87852}.status-pill.syncing{color:var(--gold);border-color:#f5b45252}.status-pill.offline{color:#ffb3ad;border-color:#ff7a6f52}.tap-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#f5b4522e,#0000 13rem),linear-gradient(#ffffff09,#ffffff03),#0000002e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:380px;margin:16px 0;padding:26px 18px 18px;display:flex;position:relative;overflow:hidden}.tap-orbit{pointer-events:none;opacity:.72;position:absolute;inset:34px}.tap-orbit span{border:1px solid #f5b45221;border-radius:999px;position:absolute}.tap-orbit span:first-child{inset:10%}.tap-orbit span:nth-child(2){border-color:#7fb7ff1f;inset:22%}.tap-orbit span:nth-child(3){border-color:#ffffff14;inset:35%}.main-click,.wide-button,.row-card button,.audio-controls button,.tabs button{color:#120d08;text-transform:uppercase;background:linear-gradient(#ffe7a8,#f2af3f 58%,#c8781f);border:0;font-weight:950;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 14px 30px #f5b4522e,inset 0 1px #ffffff61}.main-click:hover,.wide-button:hover,.row-card button:hover,.audio-controls button:hover,.tabs button:hover{filter:brightness(1.05)}.main-click:active,.wide-button:active,.row-card button:active,.audio-controls button:active,.tabs button:active{transform:translateY(2px)scale(.99)}button:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.56);box-shadow:none}.main-click{z-index:2;aspect-ratio:1;border-radius:999px;align-content:center;place-items:center;gap:8px;width:min(250px,70vw);padding:26px;font-size:clamp(2.1rem,5vw,3.2rem);display:grid;position:relative}.main-click img{width:64px;image-rendering:pixelated}.main-click small,.wide-button span,.row-card button span{color:#120d08b8;text-transform:none;margin-top:4px;font-size:.72rem;display:block}.tap-caption{z-index:2;max-width:360px;color:var(--muted);text-align:center;margin:0;font-size:.9rem;position:relative}.quick-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quick-stats div{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;min-height:64px;padding:11px}.quick-stats strong{color:var(--gold-2);margin-top:6px;font-size:1.05rem;display:block}.command-panel{min-height:690px}.tabs{border:1px solid var(--line);background:#0003;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:8px;margin:6px 0 16px;padding:5px;display:grid}.tabs button{min-height:44px;box-shadow:none;color:var(--muted);background:0 0;border-radius:12px;padding:8px;font-size:.74rem}.tabs button.active{color:#140d06;background:linear-gradient(#ffe6a3,#eda73b)}.tab-body{min-height:555px}.panel-stack{gap:12px;display:grid}.row-card{background:linear-gradient(#ffffff0d,#ffffff05);border-radius:16px;grid-template-columns:1fr minmax(116px,.25fr);gap:14px;padding:15px;display:grid}.compact-row{grid-template-columns:1fr 108px}.row-card button{border-radius:13px;align-self:stretch;min-height:58px;padding:10px}.row-title span,.subhead span{color:var(--gold-2);white-space:nowrap}.empty{color:var(--muted);background:#ffffff06;border:1px dashed #ffffff21;border-radius:14px;padding:14px}.relic-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.relic-card{filter:grayscale()brightness(.68);min-height:166px;padding:14px}.relic-card.owned{filter:none;border-color:var(--line-strong);background:#f5b45214}.relic-card img{width:42px;image-rendering:pixelated}.dynasty-box{padding:16px}.wide-button{border-radius:14px;width:100%;margin-top:12px;padding:16px}.side-log{min-height:184px}.side-log p{border-bottom:1px solid #ffffff12;margin-bottom:8px;padding-bottom:8px}.audio-controls{grid-template-columns:auto minmax(120px,1fr) minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:10px;display:grid}.audio-controls button{border-radius:12px;min-height:38px;padding:8px 14px}.audio-controls label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:.72rem;font-weight:800;display:grid}.audio-controls input{width:100%;accent-color:var(--gold)}@media (width<=1040px){.resource-strip{grid-template-columns:repeat(3,1fr)}.game-grid{grid-template-columns:1fr}.command-panel{min-height:0}.tab-body{min-height:420px}}@media (width<=680px){.app-shell{padding:8px}.shell-frame{border-radius:18px}.resource-strip,.tabs{grid-template-columns:repeat(2,1fr)}.quick-stats,.row-card,.compact-row,.audio-controls{grid-template-columns:1fr}h1{font-size:3.5rem}.tap-stage{min-height:390px}}