@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Silkscreen:wght@400;700&display=swap";:root{font-family:DM Mono,monospace;color:#fff;background:#100d17;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% 32%,#493145,#100d17 72%)}button,input{font:inherit;color:inherit}.hidden{display:none!important}#mobileGate{display:none}#hud{position:fixed;z-index:20;top:0;left:0;right:0;height:74px;padding:10px 22px;display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,#15111feF 0%,#15111fe8 74%,transparent);pointer-events:none}.brand{margin-right:auto;line-height:15px}.brand span{display:block;font:700 17px Silkscreen;color:#ffd584;text-shadow:2px 2px #6b3d3d}.brand small{font-size:8px;color:#b6a0b9;letter-spacing:3px}.stat{min-width:52px;text-align:center}.stat small{display:block;font-size:7px;color:#a99aae;letter-spacing:1px}.stat b{font:400 13px Silkscreen;color:#fff0cc}#connection{font:700 8px Silkscreen;color:#65daa0;background:#193229;border:1px solid #356854;padding:7px 8px}#connection.offline{color:#e78b83;background:#392024;border-color:#6c343b}#manageBtn{pointer-events:auto;background:#e5a450;color:#201823;padding:11px 13px;border:0;box-shadow:4px 4px #713f3e;font:700 10px Silkscreen;cursor:pointer}#game{width:100%;height:100%}canvas{display:block!important;margin:auto;image-rendering:pixelated}#order-card{position:fixed;z-index:15;top:82px;left:50%;transform:translate(-50%);width:410px;padding:11px 14px;background:#211c31f2;border:2px solid #8e6e89;box-shadow:6px 6px #0e0c14;display:grid;grid-template-columns:1fr 1.8fr;gap:6px 12px}#order-card small,#held-card small{display:block;font-size:7px;color:#b99db7;letter-spacing:1px}#order-card strong{font:700 12px Silkscreen;color:#ffd17c}#order-items{text-transform:uppercase;font:700 10px Silkscreen;align-self:center}.patience{grid-column:1/-1;height:5px;background:#0f0d17}.patience i{display:block;height:100%;width:100%;background:#70d39a;transition:width 1s linear}.patience i.low{background:#e66e61}#crew-list{position:fixed;z-index:15;left:18px;top:88px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.crew{padding:6px 9px;background:#171420dd;border-left:4px solid var(--crew);font:8px Silkscreen;box-shadow:3px 3px #0c0b10}.crew:before{content:"●";color:#65daa0;margin-right:7px}#toast{position:fixed;z-index:40;left:50%;top:143px;transform:translate(-50%,-14px);opacity:0;pointer-events:none;background:#f3dfb7;color:#231b26;padding:10px 14px;box-shadow:5px 5px #6f3e43;font:700 10px Silkscreen;transition:opacity .12s,transform .12s}#toast.show{opacity:1;transform:translate(-50%)}#held-card{position:fixed;z-index:12;bottom:58px;left:20px;background:#1c1728dd;border:1px solid #57455c;padding:8px 10px;min-width:105px}#held-card b{display:block;margin-top:3px;color:#ffd17c;font:8px Silkscreen}#keyHints{position:fixed;z-index:12;bottom:20px;left:20px;display:flex;gap:16px;color:#bfaebb;font:8px Silkscreen}kbd{padding:5px 7px;background:#272034;border:1px solid #80617e;color:#ffd17c;box-shadow:2px 2px #0d0b12;font:inherit}#action{position:fixed;z-index:12;right:24px;bottom:20px;width:124px;height:58px;border:2px solid #5a495d;background:#292137;color:#8e8194;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:5px 5px #0d0b12;cursor:pointer}#action span{font:14px Silkscreen;border:1px solid;padding:6px}#action b{font:8px Silkscreen}#action.ready{background:#dc754f;color:#fff3cf;border-color:#ffd17c}#helpBtn{position:fixed;z-index:18;right:164px;bottom:25px;width:38px;height:38px;border:1px solid #6c586e;background:#282034;color:#c8b4c8;font:700 14px Silkscreen;cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:30px;background:#0b0911d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel,.join-panel{position:relative;width:min(820px,90vw);max-height:84vh;overflow:auto;padding:30px;background:#211b2d;border:3px solid #8b687f;box-shadow:10px 10px #0b0910;color:#eadcc9}.panel h2,.join-panel h1{margin:0 0 16px;font:700 20px Silkscreen;color:#ffd17c}.panel h2 small{font-size:10px}.panel h3{font:700 10px Silkscreen;color:#e99d72}.panel p{font-size:11px;line-height:1.65;color:#c6b7bf}.close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#d7c3cf;font-size:27px;cursor:pointer}.join-panel{width:510px;padding:42px;background:linear-gradient(145deg,#292036,#191522);text-align:left}.join-mark{font:700 11px Silkscreen;color:#de7e58;letter-spacing:5px;margin-bottom:14px}.join-panel p{color:#bbaeb8;line-height:1.6}.join-panel label{display:block;margin:24px 0 7px;color:#d5bdc7;font:9px Silkscreen}.join-panel input{width:100%;border:2px solid #715971;background:#100d17;padding:15px;color:#fff2d2;outline:none;font:14px Silkscreen;text-transform:uppercase}.join-panel input:focus{border-color:#ffd17c}.join-panel button{width:100%;margin-top:14px;padding:15px;border:0;background:#df8054;color:#241923;box-shadow:5px 5px #783f42;font:700 11px Silkscreen;cursor:pointer}.join-panel small{display:block;margin-top:18px;color:#807483;font-size:9px}.join-panel #joinError{min-height:20px;margin-top:9px;color:#f28b80;font-size:10px}.manage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}.manage-summary span{background:#15111d;border:1px solid #4f4050;padding:10px;color:#a99bab;font-size:8px}.manage-summary b{float:right;color:#ffd17c;font:9px Silkscreen}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#17131f;border:1px solid #574657;padding:14px}.card.wide{grid-column:span 2}.card button,.supplier button,.price-row button,.stock-grid button{border:1px solid #6d586c;background:#30263a;padding:9px;color:#eadcc9;cursor:pointer}.supplier{display:flex;gap:8px}.supplier button{flex:1}.supplier .active{border-color:#ffd17c;color:#ffd17c}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stock-grid small{color:#b7a5b6}.price-row{display:flex;justify-content:space-between;align-items:center;margin:7px 0}.price-row div{display:flex;align-items:center;gap:8px}.card button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:767px),(pointer:coarse)and (hover:none){#mobileGate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:30px;text-align:center;background:radial-gradient(circle at 50% 35%,#3a293d,#120f1b 72%);color:#e8dac7}#mobileGate div{max-width:430px;border:2px solid #76576c;background:#1d1828;padding:35px;box-shadow:8px 8px #08070d}#mobileGate b{font:11px Silkscreen;color:#de8057;letter-spacing:3px}#mobileGate h1{font:18px/1.5 Silkscreen;color:#ffd17c;margin:18px 0}#mobileGate p{color:#a99ba8;line-height:1.6}#app,#join,#modal{display:none!important}}