:root{font-family:system-ui,Arial,sans-serif;color:#f2f6f7;background:#080d11}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#25323d,#080d11 70%)}.shell{max-width:1000px;margin:auto;border:4px solid #53606a;background:#12191e;min-height:100vh;box-shadow:0 0 0 3px #05090c,0 0 50px #000}header{padding:16px;text-align:center}.top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:9px;background:#0b1015;border-bottom:5px solid #424b53;text-align:left}.top>div{border:2px solid #697780;background:#151d23;padding:9px;border-radius:9px}.top small{display:block;color:#a9b7bd;font-size:11px}.player{color:#8af357}.room{background:#737b7e;border:8px ridge #404a52;min-height:420px}.room-top{display:flex;align-items:center;justify-content:space-around;background:repeating-linear-gradient(90deg,#555e65 0 90px,#606970 90px 94px);height:130px;border-bottom:8px solid #c9c6b8}.room-top strong{background:#11171b;border:4px solid #424b51;padding:12px;border-radius:10px}.room-top span{color:#8bef40}.door{width:95px;height:120px;background:#d5d0c6;border:8px ridge #5e5e5b;border-bottom:0}.rack{font-size:30px;background:#252c30;border:7px ridge #7b8186;padding:8px}.stations{padding:18px 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 8px;background:repeating-linear-gradient(0deg,#b3b0a7 0 37px,#898c89 38px 40px);color:white}.station{text-align:center;min-width:0}.station-label{background:#101619;padding:5px;border:2px solid #666;border-radius:6px;font-size:12px;display:block}.desk{height:94px;display:flex;align-items:center;flex-direction:column;justify-content:end}.computer{font-size:53px;line-height:1}.desk-foot{background:#77b52f;width:85%;height:15px;border:4px solid #213819;box-shadow:0 14px 0 -5px #3b6b1f}.station small{display:block;color:#17200e;font-weight:800}.station select{width:100%;font-size:11px}.station .mini{padding:5px;font-size:11px;margin-top:3px}.output{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#0d1317;border:7px ridge #414b55}.output h3{margin:0 0 10px}.big{font-size:36px;font-weight:1000;color:#ffc838;text-shadow:2px 3px #754716}.big small{font-size:16px;color:white}.output p{color:#b4c6c4;font-size:13px}.collect,button{background:linear-gradient(#b7ff68,#48d72b);border:2px solid #205c1a;border-radius:7px;color:#101b0c;font-weight:900;padding:11px 18px;cursor:pointer}.collect{font-size:21px;padding:23px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px;background:#10171b}.tabs button{background:#1a2329;color:white;border-color:#59636b}.tabs button.active{border-color:#78ff3d;color:#aaff77;box-shadow:inset 0 0 12px #2c702c}.tab{display:none;padding:16px}.tab.active{display:block}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filters button{background:#1e292d;color:white;border-color:#69777e;padding:8px 14px}.filters button.selected{border-color:#8bff3b;color:#a4ff69}.catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product{min-width:0;border:3px solid #68727a;background:linear-gradient(#252c31,#11171a);padding:10px;text-align:center;box-shadow:inset 0 0 15px #000}.product.common{border-color:#2878f7}.product.rare{border-color:#00d887}.product.epic{border-color:#d74abf}.product.legend{border-color:#f8bd42}.product>b{display:block;font-size:13px}.pc-icon{font-size:56px;margin:12px 0}.product p{text-align:left;font-size:13px;line-height:1.7}.product button{width:100%}.product[hidden]{display:none}.item{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border:1px solid #44545c;background:#202a30;padding:12px;margin:5px 0}.merge{display:flex;gap:10px;flex-wrap:wrap}.merge select{flex:1;min-width:160px}select,input{background:#f8fafb;color:#101820;border:1px solid #87949b;border-radius:5px;padding:10px}footer{text-align:center;color:#9aafb6;padding:20px;font-size:12px}.auth{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px}.auth form{border:2px solid #4c5a64;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.error,.success{padding:12px;margin:8px 16px;border-radius:6px}.error{background:#7c2424}.success{background:#285c27}.logout{margin-top:20px;background:#dd5555;color:white}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:680px){.top{grid-template-columns:repeat(2,1fr)}.stations{gap:10px 2px;padding:10px 3px}.station-label{font-size:9px}.computer{font-size:32px}.desk{height:70px}.desk-foot{height:10px}.station select{font-size:9px;padding:2px}.station .mini{font-size:9px;padding:3px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:10px;padding:10px 2px}.output{flex-direction:column;align-items:stretch}.auth{grid-template-columns:1fr}.door{width:65px}.rack{font-size:20px}}

/* Pixel room refresh: no database or third-party image dependency */
.pixel-hud{grid-template-columns:1.45fr repeat(3,1fr);gap:6px;padding:8px;background:#090d10;border-bottom:6px ridge #77828a}.pixel-hud>div{border:3px ridge #98a3a9;border-radius:4px;box-shadow:inset 0 0 0 2px #090c0e,2px 3px #030405;background:#151b20;min-height:64px}.pixel-hud .player{display:flex;gap:9px;align-items:center}.hud-icon{font-size:34px}.hud-details{min-width:0;flex:1}.hud-details b{color:#ffe64d;font-size:14px}.hud-details b span{color:white}.xp-track{height:12px;border:2px solid #090e0b;border-radius:3px;background:#263329;margin-top:4px;overflow:hidden}.xp-track span{display:block;height:100%;background:linear-gradient(#9aff64,#2fb31c)}.pixel-hud small{font-size:10px}
.pixel-room{border:9px ridge #5e6569;background:#62686b;overflow:hidden}.pixel-room .room-top{height:178px;position:relative;justify-content:initial;background:linear-gradient(#747b7f,#63686b);border-bottom:8px ridge #c7c8c2}.pixel-room .room-top strong{position:absolute;top:16px;left:12px;z-index:2;border:5px ridge #778086;color:white;font-size:15px;line-height:1.5;text-align:center;background:#101417;box-shadow:3px 4px #303638}.pixel-room .door{position:absolute;left:33%;bottom:0;height:142px;width:90px;border:7px ridge #343a3b;background:#d0d1cb;border-bottom:0;box-shadow:inset 5px 0 #f5f3e8}.door-knob{position:absolute;right:11px;top:55%;width:13px;height:13px;border-radius:50%;background:#879193;border:2px solid #252c2c}.room-decor{position:absolute;bottom:9px}.plant{left:5%;font-size:45px}.crate{left:19%;font-size:42px;color:#313638;text-shadow:2px 3px #aaa}.wall-aircon{position:absolute;top:12px;left:53%;font-size:40px;color:#e2e6e7;text-shadow:3px 3px #222}.wall-aircon i{display:block;font-size:22px;color:#69c8ed;font-style:normal;line-height:.5}.pixel-room .rack{position:absolute;right:11%;bottom:0;width:115px;height:138px;border:7px ridge #454d51;background:repeating-linear-gradient(0deg,#41494b 0 4px,#737b7b 4px 8px);font-size:23px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:0}.expand-room{position:absolute;right:10px;top:18px;background:#10191b;border:4px ridge #646f70;color:#4af74e;text-align:center;padding:6px;font-size:26px}.expand-room small{display:block;color:white;font-size:10px}.pixel-room .stations{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 7px;padding:18px 12px 22px;background:repeating-linear-gradient(0deg,#b5b4ae 0 34px,#757b79 35px 37px);border-top:4px solid #5a6060}.pixel-room .station{position:relative;min-height:160px}.pixel-room .desk{height:95px;position:relative;justify-content:flex-end}.pixel-room .desk-top{width:94%;height:19px;background:linear-gradient(#a1d857,#6c9e26);border:4px solid #222f20;border-radius:4px;z-index:1}.pixel-room .desk-legs{display:flex;justify-content:space-between;width:75%;height:25px}.pixel-room .desk-legs i{height:100%;width:10px;background:#5c8c29;border:3px solid #26381c}.pixel-room .computer{position:relative;height:66px;width:80%;display:flex;align-items:center;justify-content:center}.monitor{width:58px;height:53px;background:#d6d8d2;border:5px solid #292f2e;border-radius:7px;box-shadow:inset 0 0 0 2px #f7f7ed;position:relative}.screen{position:absolute;inset:4px 4px 10px;background:#0d1d17;border:2px solid #111;overflow:hidden}.screen-art{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#16de67 0 2px,#153a24 2px 5px)}.pc-common .screen-art{background:repeating-linear-gradient(90deg,#0e3a26 0 4px,#16ec77 4px 6px)}.pc-rare .screen-art{background:radial-gradient(circle,#a3f6ff,#008cfa 55%,#132f68)}.pc-epic .screen-art{background:linear-gradient(120deg,#35014e,#e14bfa,#491178)}.pc-legend .screen-art,.pc-legendary .screen-art{background:radial-gradient(circle,#fff6a1,#df9b0c 55%,#3d2504)}.monitor .stand{position:absolute;bottom:-10px;left:19px;width:12px;height:7px;background:#333}.keyboard{position:absolute;bottom:1px;left:22%;width:55%;height:7px;border:2px solid #313a39;background:#dedfd3}.pixel-room .station small{font-size:10px;min-height:15px;color:#17211a;overflow-wrap:anywhere}.slot-form{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.slot-form select{width:100%;padding:3px;font-size:10px}.pixel-room .slot-action{width:28px;height:28px;border:3px solid white;outline:3px solid #17211d;border-radius:50%;background:#0d1515;color:white;font-size:19px;line-height:16px;padding:0;margin-top:5px}.pixel-room .slot-action:hover{background:#348b32}.pixel-room .station.occupied .slot-action{background:#641a22}.pixel-room .station.vacant .computer{opacity:0}.product .pc-icon{filter:drop-shadow(2px 3px 0 #000)}
@media(max-width:680px){.pixel-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-room .room-top{height:125px}.pixel-room .room-top strong{font-size:10px;padding:4px;top:6px;left:3px}.pixel-room .door{width:52px;height:92px}.plant{font-size:26px}.crate{font-size:23px}.wall-aircon{font-size:24px}.pixel-room .rack{width:60px;height:95px;font-size:13px;right:10%}.expand-room{font-size:14px;padding:2px;right:2px}.pixel-room .stations{gap:9px 2px;padding:9px 2px}.pixel-room .station{min-height:130px}.pixel-room .desk{height:65px}.pixel-room .computer{height:43px}.monitor{width:34px;height:35px;border-width:3px}.screen{inset:3px 3px 7px}.monitor .stand{left:10px}.keyboard{bottom:0;height:5px}.pixel-room .desk-top{height:11px;border-width:2px}.pixel-room .desk-legs{height:15px}.pixel-room .desk-legs i{width:7px;border-width:2px}.pixel-room .station small{font-size:8px}.slot-form select{font-size:8px;padding:1px}.pixel-room .slot-action{width:23px;height:23px;font-size:14px;line-height:12px}}

/* Selected PC sprite override: occupied stations show the exact rarity PC. */
.station .computer:has(.placed-pc-sprite){height:95px;display:flex;align-items:flex-end;justify-content:center;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.placed-pc-sprite{display:block;width:min(100%,110px);height:100px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 3px 0 #17201b)}
.station.occupied .slot-action{background:#121719!important;color:#fff!important;border:3px solid #e34e4e!important;border-radius:50%;width:34px;height:34px;padding:0;font-size:24px;line-height:23px;box-shadow:0 0 0 2px #080b0c}
@media(max-width:680px){.placed-pc-sprite{height:65px}.station .computer:has(.placed-pc-sprite){height:65px}.station.occupied .slot-action{width:27px;height:27px;font-size:20px;line-height:18px}}

/* Screenshot-matched compact vertical game layout (non-destructive). */
body{background:#080b0d}.shell{max-width:540px;border:5px solid #4e575c;box-shadow:0 0 0 3px #050607,0 10px 40px #000;font-family:system-ui,Arial,sans-serif}
.top.pixel-hud{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3px;padding:4px;background:#080b0e;border-bottom:6px ridge #788085}
.top.pixel-hud>div{min-width:0;padding:5px 3px;border:3px ridge #838a8b;border-radius:5px;box-shadow:inset 0 0 0 2px #060809;background:#101315;font-size:12px;overflow:hidden}
.top.pixel-hud b{font-size:12px;white-space:nowrap}.top.pixel-hud small{font-size:9px;white-space:normal}.top.pixel-hud .player{display:flex;gap:4px;align-items:center}.hud-icon{font-size:25px}.xp-track{height:8px}
.pixel-room{border:7px ridge #53595c;min-height:0}.pixel-room .room-top{height:178px;position:relative;background:linear-gradient(#5f6160,#888a85);border-bottom:8px ridge #aaa99e}.pixel-room .room-top strong{position:absolute;top:20px;left:12px;font-size:12px;z-index:2;background:#131719;color:white;border:5px ridge #828785;padding:10px 7px}.pixel-room .room-top .door{height:134px;width:80px;position:absolute;left:34%;bottom:0}.pixel-room .room-top .rack{position:absolute;right:11%;bottom:0}.pixel-room .room-top .plant{position:absolute;left:4%;bottom:0}.pixel-room .room-top .crate{position:absolute;left:17%;bottom:0}.pixel-room .room-top .wall-aircon{position:absolute;top:8px;left:51%}.pixel-room .room-top .expand-room{position:absolute;right:4px;top:13px}
.pixel-room .stations{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 3px;padding:9px 5px 14px;background:repeating-linear-gradient(0deg,#b5b5af 0 26px,#666966 27px 29px);min-height:240px}.pixel-room .station{min-width:0;min-height:105px}.pixel-room .desk{height:71px}.pixel-room .station .computer:has(.placed-pc-sprite){height:68px}.pixel-room .placed-pc-sprite{height:70px;width:100%;object-fit:contain}.pixel-room .station small{font-size:9px}.pixel-room .station-label{display:none}.pixel-room .slot-action{width:29px;height:29px;font-size:18px;border-radius:50%;border:3px solid #121716;background:#12191a;color:#90ff56;box-shadow:0 0 0 2px #eee}.pixel-room .station.occupied .slot-action{width:29px;height:29px;font-size:19px;line-height:17px}.pixel-room .slot-form select{width:100%;max-width:100%;font-size:9px}
.output{margin:5px 0;display:grid;grid-template-columns:2fr 1fr;gap:5px;padding:6px;border:5px ridge #757d7d}.output>div{min-width:0}.output h3{font-size:12px}.output .big{font-size:30px}.output p{font-size:10px}.output .collect{font-size:18px;padding:17px 6px;min-height:105px;width:100%}
.tabs{padding:4px;gap:3px}.tabs button{font-size:11px;padding:9px 2px}.tab{padding:7px}.filters{gap:3px;margin:0 0 6px}.filters button{flex:1;min-width:0;padding:5px 2px;font-size:10px}.catalog{gap:4px}.product{padding:5px 3px;border-width:3px}.product>b{font-size:10px}.product .pc-icon{font-size:24px;margin:4px 0}.product strong{font-size:11px}.product p{font-size:10px;line-height:1.5;margin:5px 0}.product button{font-size:11px;padding:7px 2px}
.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#111618;border:5px ridge #707779;margin:6px 2px 0;padding:7px 3px}.bottom-nav a,.bottom-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;background:transparent;border:0;color:#eee;text-decoration:none;font-size:11px;padding:5px 1px;box-shadow:none}.bottom-nav span{font-size:27px;line-height:1.1}.bottom-nav .current{color:#adff78}
@media(max-width:540px){.shell{width:100%;border-width:3px}.top.pixel-hud>div{padding:3px 2px}.top.pixel-hud b{font-size:10px}.top.pixel-hud small{font-size:8px}.hud-icon{font-size:19px}.pixel-room .room-top{height:155px}.pixel-room .stations{padding:5px 2px 10px;gap:5px 1px;min-height:210px}.pixel-room .desk{height:58px}.pixel-room .placed-pc-sprite{height:57px}.pixel-room .station .computer:has(.placed-pc-sprite){height:57px}.pixel-room .station{min-height:98px}.pixel-room .room-top .rack{right:10%}.pixel-room .room-top strong{left:3px;top:12px;padding:7px 3px;font-size:10px}.pixel-room .room-top .door{left:33%;width:60px}.pixel-room .station small{font-size:7px}.output .big{font-size:24px}.output .collect{font-size:15px;min-height:95px}.product strong{font-size:9px}.product p{font-size:9px}.product>b{font-size:9px}}

/* Pixel-market screenshot inspired interface: retains working PHP forms. */
.shell{background:#10171b}
.filters button,.bottom-nav a,.bottom-nav button{background:#0a0d0e;color:#f6f8f8;border:3px solid #9ca2a4;border-radius:2px;box-shadow:inset 0 0 0 2px #050708,3px 3px 0 #030405;text-shadow:1px 1px #000}
.filters button.selected{border-color:#8dff43;color:#aaff6c}
.catalog .product{background:linear-gradient(#171f24,#080d10);border:3px solid #b5b5b5;border-radius:3px;box-shadow:inset 0 0 0 2px #060809,0 0 0 1px #030506}
.catalog .product.common{border-color:#2684ff}.catalog .product.rare{border-color:#14e3d8}.catalog .product.epic{border-color:#ef59d5}.catalog .product.legend{border-color:#ffc544}
.catalog .product .pc-icon{height:78px;margin:6px 0 4px;display:flex;align-items:center;justify-content:center}
.catalog .product .pc-icon img{display:block;max-width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.catalog .product button{background:linear-gradient(#b3ff6b,#45db20);border:3px solid #256b1b;box-shadow:inset 0 1px #e0ff9e;color:#071309;border-radius:5px}
.bottom-nav{border:4px solid #9ca2a4;gap:4px;background:#070a0b;padding:5px}
.bottom-nav a,.bottom-nav button{min-height:80px;padding:8px 2px;font-weight:800;font-size:11px}
.bottom-nav span{font-size:28px}
.bottom-nav .current{border-color:#a4ff50;color:#a4ff50}
@media(max-width:540px){.catalog .product .pc-icon{height:57px}.bottom-nav a,.bottom-nav button{min-height:68px}.bottom-nav span{font-size:23px}}

/* Screenshot-matched single-panel bottom navigation; clickable quadrants. */
.pixel-nav-reference{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;width:100%;max-width:666px;aspect-ratio:666 / 155;margin:14px auto 10px;padding:0!important;background:transparent url("bottom-nav-reference.png") center / 100% 100% no-repeat!important;border:0!important;box-shadow:none!important;overflow:hidden}
.pixel-nav-reference>a,.pixel-nav-reference>button{display:block!important;position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:transparent!important;text-decoration:none!important;cursor:pointer;appearance:none}
.pixel-nav-reference>a:hover,.pixel-nav-reference>button:hover{background:rgba(149,255,70,.09)!important}
.pixel-nav-reference>a:focus-visible,.pixel-nav-reference>button:focus-visible{outline:3px solid #aaff66;outline-offset:-5px}