:root{--bg:#0c2032;--grid:#17374a;--ink:#fff;--gold:#f9c22c;--gold2:#e0a72d;--deep:#071823;--blue:#15384c;--edge:#06131c;--muted:#9fb5c2}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background:#0c2032;color:#fff;font-family:'Press Start 2P',monospace;text-transform:uppercase;font-size:12px;line-height:1.6;-webkit-font-smoothing:none;text-rendering:optimizeSpeed;image-rendering:pixelated}body{min-height:100vh;background-image:linear-gradient(rgba(51,104,132,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(51,104,132,.22) 1px,transparent 1px);background-size:16px 16px;overflow-x:hidden}button,a{font:inherit;color:inherit;text-transform:uppercase}button{cursor:pointer}.hidden{display:none!important}
.topbar{height:56px;display:flex;align-items:center;padding:0 27px;position:relative;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:8px}.brand-coin-img{width:31px;height:31px;object-fit:contain}.brand-text{font-size:18px;letter-spacing:-1.8px;text-transform:lowercase;color:#fff}.topbar nav{display:flex;align-items:center;gap:18px;margin-left:26px;width:100%}.topbar nav button,.topbar nav a{background:transparent;border:0;text-decoration:none;font-size:12px;letter-spacing:.2px;white-space:nowrap}.topbar nav>i{flex:1}.topbar .primary,.big-button,.room button,.modal button{border:2px solid var(--gold);background:rgba(4,21,31,.78);color:var(--gold);padding:8px 12px;box-shadow:none}.topbar .primary{font-size:11px;padding:8px 11px}.topbar nav button:hover,.topbar nav a:hover{color:var(--gold)}.mobile-menu{display:none}.room-actions{display:flex;gap:8px;align-items:center}.icon-btn{position:relative}.icon-btn small{position:absolute;right:2px;top:-5px;font-size:6px}
.landing{height:calc(100vh - 56px);min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding-top:208px}.hero-copy h1{font-size:18px;line-height:1.45;letter-spacing:.1px;white-space:nowrap}.hero-copy h1 span{color:var(--gold)}.hero-copy h2{font-size:12px;margin-top:11px;line-height:1.5;white-space:nowrap}.hero-copy h2 strong{color:var(--gold);font-weight:400;margin-right:4px}.hero-copy p{font-size:10px;margin-top:12px;letter-spacing:.15px}.glow{text-shadow:0 0 2px rgba(249,194,44,.15)}
.hero-orb{margin-top:27px;margin-bottom:22px}.orb-frame{width:149px;height:149px;border:2px solid var(--gold);background:#10121b;position:relative;overflow:hidden}.orb-frame:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:12px 12px}.orb-cross{position:absolute;background:var(--gold);opacity:.95}.orb-cross.v{width:2px;height:100%;left:50%;top:0;transform:translateX(-50%)}.orb-cross.h{height:2px;width:100%;left:0;top:50%;transform:translateY(-50%)}.globe{width:96px;height:96px;border:2px solid var(--gold);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 55% 42%,rgba(222,84,59,.18),transparent 45%)}.globe:before,.globe:after{content:'';position:absolute;inset:3px;border:2px solid #dd593d;border-radius:50%;transform:rotate(25deg);clip-path:polygon(0 0,52% 0,45% 100%,0 100%)}.globe:after{transform:rotate(-25deg);clip-path:polygon(52% 0,100% 0,100% 100%,45% 100%)}.longitude,.latitude{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--gold);border-radius:50%}.longitude{height:92px}.longitude.l1{width:34px}.longitude.l2{width:58px}.longitude.l3{width:76px}.latitude{width:92px}.latitude.a1{height:28px}.latitude.a2{height:52px}.latitude.a3{height:74px}.big-button{font-size:10px;padding:8px 17px;letter-spacing:.2px}.pixel-frame{position:relative;border:2px solid #315166;background:#0d2737;box-shadow:inset 0 0 0 2px #071823}.pixel-frame:before,.pixel-frame:after{content:'';position:absolute;width:10px;height:10px;border-color:#7595a6;pointer-events:none}.pixel-frame:before{left:-4px;top:-4px;border-left:2px solid;border-top:2px solid}.pixel-frame:after{right:-4px;bottom:-4px;border-right:2px solid;border-bottom:2px solid}
.room{max-width:1440px;margin:24px auto 60px;padding:0 24px}.room-grid{display:grid;grid-template-columns:360px 1fr 330px;grid-template-rows:auto auto 560px;gap:18px}.panel{min-height:150px}.profile-panel{grid-row:1/3;padding:14px}.stats-panel{padding:18px}.claim-panel{padding:16px}.facility{grid-column:2/4;min-height:560px;overflow:hidden}.tabs,.subtabs{display:flex;gap:4px;margin-bottom:16px}.tabs button,.subtabs button,.stats-head button{border:0;background:#0b2130;color:#718c9e;padding:10px 8px;font-size:8px}.tabs button.active,.subtabs button.active,.stats-head button.active{color:var(--gold);background:#17374a}.tab-body{min-height:260px;padding:8px}.profile-card{text-align:center}.avatar{width:82px;height:82px;margin:14px auto;border:4px solid #0a1720;background:#24485c;display:grid;place-items:center;font-size:28px;color:var(--gold)}.muted{color:#86a1b2}.resource-lines p,.space-lines p,.selected-lines p{padding:10px 0;border-bottom:2px dotted #315166}.tab-body .action{width:100%;margin-top:15px;background:#17384b;border:2px solid #496a7e;padding:12px}.stats-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stats-head>div{display:flex;align-items:center;gap:5px}.stats-head h3{color:var(--gold)}.stat-line{padding:8px 0}.stat-line span{color:var(--gold);margin-left:6px}.claim-panel{display:flex;flex-direction:column;justify-content:center;gap:22px}.claim-line span{color:var(--gold);margin-left:8px}.claim-panel button:disabled{opacity:.4;cursor:not-allowed}.facility{position:relative}.facility-scene{position:absolute;inset:0;background:#0d2939;overflow:hidden}.facility-wall{position:absolute;inset:0 0 38%;background:linear-gradient(#173447,#102a3a);background-image:linear-gradient(#25485b 2px,transparent 2px),linear-gradient(90deg,#25485b 2px,transparent 2px);background-size:64px 48px;opacity:.5}.facility-scene:after{content:'';position:absolute;inset:62% 0 0;background:linear-gradient(90deg,#183d51 1px,transparent 1px),linear-gradient(#183d51 1px,transparent 1px);background-size:44px 30px;transform:perspective(220px) rotateX(30deg);transform-origin:top}.ceiling-light{position:absolute;top:28px;width:120px;height:12px;background:#e9f7db;box-shadow:0 0 24px #d5ff8d}.ceiling-light.l1{left:20%}.ceiling-light.l2{right:20%}.facility-grid{position:absolute;inset:90px 50px 85px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:24px;z-index:4}.slot{border:3px dashed rgba(123,164,186,.5);display:grid;place-items:end center;position:relative;min-height:150px}.slot.empty:hover{background:rgba(249,194,44,.06);border-color:var(--gold)}.slot-label{position:absolute;top:5px;left:7px;font-size:7px;color:#66879a}.rig{width:92px;height:110px;background:#162d38;border:5px solid #06131c;box-shadow:0 0 0 3px #456476;position:relative;margin-bottom:10px}.rig:before{content:'';position:absolute;left:12px;right:12px;top:15px;height:45px;background:repeating-linear-gradient(0deg,#0a151b 0 7px,#263e49 7px 10px);border:3px solid #06131c}.rig:after{content:'';position:absolute;left:14px;bottom:16px;width:10px;height:10px;background:#3cdb78;box-shadow:20px 0 #f9c22c,40px 0 #56d6ff}.rig.potato{border-radius:20px;background:#845126}.rig.pocket{height:82px;width:72px}.rig.raspberry{height:100px;background:#5a2255}.rig.gaming{height:120px;background:#263f57}.console{position:absolute;left:22px;bottom:22px;width:145px;height:65px;background:#06131c;border:4px solid #456476;z-index:6;display:flex;gap:8px;padding:10px}.console span{flex:1;background:#14394b;border:2px solid #0a1b25;box-shadow:inset 0 0 12px #2ca7d3}.empty-facility{position:absolute;inset:0;z-index:8;background:rgba(6,19,28,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.empty-facility h1{font-size:16px}.facility.active .empty-facility{display:none}
.modal-wrap{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(780px,95vw);max-height:88vh;overflow:auto;background:#0f2b3c;padding:5px}.modal-inner{padding:24px}.modal h2{font-size:15px;color:#fff;margin-bottom:18px}.modal h3{font-size:10px;color:var(--gold);margin:20px 0 10px}.modal p{font-size:9px;margin:10px 0;color:#dbe9ef}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.token-grid div{background:#0a2130;border:2px solid #2f5267;padding:14px}.token-grid b,.token-grid span{display:block}.token-grid b{color:var(--gold);font-size:8px}.token-grid span{margin-top:7px;font-size:9px}.badge-grid,.reward-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.badge,.reward-row>div{background:#0a2130;border:2px solid #34596f;padding:15px;text-align:center}.badge img,.reward-row img{width:96px;max-width:100%}.badge b,.reward-row b,.badge small,.reward-row small{display:block;margin-top:10px}.badge small,.reward-row small{font-size:7px;color:#9db3c0}.badge.locked{filter:grayscale(1);opacity:.45}.copybox{display:flex;gap:8px;align-items:center;background:#081d2a;padding:12px;margin-top:15px;overflow:auto}.copybox span{flex:1;text-transform:none}.facility-card{display:flex;gap:20px;background:#0a2130;border:2px solid #3a5d70;padding:18px}.facility-thumb{width:190px;height:120px;background:#14384a;position:relative;border:4px solid #06131c}.facility-thumb span{position:absolute;left:20px;right:20px;bottom:10px;height:55px;background:#273e4b;border:4px solid #07151e}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.catalog.compact{grid-template-columns:repeat(3,1fr)}.miner-card{background:#091f2d;border:2px solid #3f6073;padding:14px;display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.compact .miner-card{grid-template-columns:1fr;text-align:center}.miner-icon{height:95px;display:grid;place-items:center}.miner-icon .rig{transform:scale(.72);margin:0}.miner-card h3{margin:0 0 8px;color:white}.miner-card p{font-size:7px;margin:4px 0}.miner-card button{margin-top:8px;font-size:8px;padding:9px}.miner-card button:disabled{opacity:.35}.selected-miner-box{padding:10px;border:2px solid #36586b;margin-top:10px}.selected-miner-box b{color:var(--gold)}
@media(max-width:1000px){.topbar{padding:0 16px}.brand-text{font-size:16px}.mobile-menu{display:block;position:absolute;right:15px;top:13px;border:2px solid var(--gold);background:#071823;color:var(--gold);padding:5px 8px}.topbar nav{display:none;position:absolute;right:12px;top:54px;background:#081d2a;border:2px solid #38596c;padding:16px;flex-direction:column;align-items:stretch;width:230px;margin:0;gap:10px}.topbar nav.open{display:flex}.topbar nav>i{display:none}.landing{padding-top:150px}.hero-copy h1{font-size:13px;white-space:normal;padding:0 18px}.hero-copy h2{font-size:9px;white-space:normal;padding:0 18px}.room-grid{grid-template-columns:1fr;grid-template-rows:auto}.profile-panel,.facility{grid-row:auto;grid-column:auto}.facility{min-height:620px}.facility-grid{grid-template-columns:repeat(2,1fr);inset:75px 24px 75px}.catalog,.catalog.compact{grid-template-columns:1fr}}
@media(max-width:560px){html,body{font-size:10px}.brand-coin-img{width:28px;height:28px}.brand-text{font-size:14px}.landing{min-height:620px;padding-top:110px}.hero-copy h1{font-size:11px;line-height:1.7}.hero-copy h2{font-size:8px;line-height:1.8}.hero-copy p{font-size:8px}.orb-frame{width:135px;height:135px}.big-button{font-size:8px}.facility{min-height:700px}.token-grid,.reward-row{grid-template-columns:1fr}.facility-card{flex-direction:column}.facility-thumb{width:100%}.miner-card{grid-template-columns:80px 1fr}}

/* BigCoin miner artwork integration */
.rig-pixel-wrap{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;image-rendering:pixelated;image-rendering:crisp-edges;overflow:visible}
.rig-pixel{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:none}
.miner-icon{height:135px;background:#0c2032;border:1px solid rgba(88,132,153,.35);padding:8px}
.miner-icon .rig-pixel{max-height:118px;max-width:150px}
.slot .rig-pixel-wrap{position:absolute;inset:14px 4px 5px;align-items:flex-end}
.slot .rig-pixel{max-height:92%;max-width:96%}
.catalog.compact .miner-icon{height:120px}
@media(max-width:560px){.miner-icon{height:115px}.miner-icon .rig-pixel{max-height:100px}}

/* v3 — larger, perfectly centered facility miners */
.slot .rig-pixel-wrap{
  position:absolute;
  inset:24px 8px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  pointer-events:none;
}
.slot .rig-pixel{
  display:block;
  height:82%;
  width:auto;
  max-height:150px;
  max-width:90%;
  object-fit:contain;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  transform-origin:center center;
  filter:drop-shadow(0 7px 4px rgba(0,0,0,.38));
}
.slot:hover .rig-pixel{transform:scale(1.04)}

/* Make catalog miner previews larger too */
.miner-icon .rig-pixel-wrap{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.miner-icon .rig-pixel{
  width:auto;
  height:112px;
  max-width:94%;
  max-height:122px;
  object-fit:contain;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}

@media(max-width:900px){
  .slot .rig-pixel{height:76%;max-height:128px;max-width:92%}
}
@media(max-width:560px){
  .slot .rig-pixel-wrap{inset:20px 4px 4px}
  .slot .rig-pixel{height:72%;max-height:112px;max-width:92%}
  .miner-icon .rig-pixel{height:96px;max-height:104px}
}