*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071d2e;color:#f9fbf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.app-shell{max-width:1320px;margin:auto;padding:0 28px;background:radial-gradient(circle at 96% 0,#1c5261 0,transparent 31%),radial-gradient(circle at 2% 41%,#17425a 0,transparent 30%)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:17px;font-weight:850;letter-spacing:.065em;line-height:1}.brand b{color:#f0bd73}.brand small{display:block;margin-top:5px;font-size:8px;font-weight:700;letter-spacing:.3em;color:#8cb4c0}.brand-mark{width:37px;height:37px;display:grid;place-items:center;position:relative;border-radius:11px;background:linear-gradient(145deg,#65d8d2,#126b87);color:#072d40;font-size:24px;font-weight:900}.brand-mark span{position:absolute;top:2px;right:3px;color:#f3c784;font-size:10px}.top-actions{display:flex;align-items:center;gap:9px}.edition{padding:7px 12px;border:1px solid #62cfc263;border-radius:999px;color:#8eebda;letter-spacing:.11em;font-size:10px;font-weight:800}.icon-button{width:35px;height:35px;border:1px solid #ffffff35;border-radius:10px;background:#ffffff10;color:#fff}.icon-button:hover,.icon-button:focus-visible{background:#ffffff24;outline:2px solid #86e5d7;outline-offset:2px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:274px;padding:36px 12px 28px}.intro>div:first-child{position:relative;z-index:2}.eyebrow,.kicker,.section-heading small,.promo-eyebrow{color:#82ddd0;font-size:10px;font-weight:850;letter-spacing:.2em}.pulse,.live-dot:before{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#81e1bd;box-shadow:0 0 11px #6deabc}.intro h1{margin:17px 0 12px;font-size:clamp(31px,4vw,54px);line-height:1.12;letter-spacing:-.04em}.intro em{font-style:normal;color:#f5c27d}.intro p{max-width:540px;margin:0;color:#b9cdd5;font-size:15px}.intro-art{position:relative;width:305px;min-width:260px;height:218px;margin-right:8%}.plate{position:absolute;right:35px;top:24px;width:178px;height:178px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff8e7 0 49%,#dfb66e 50% 52%,#fff6e3 53% 68%,#d08d6a 69%);box-shadow:0 20px 52px #0007,0 0 0 14px #ffffff0b;font-size:78px;transform:rotate(-16deg)}.plate-back{top:4px;right:152px;width:103px;height:103px;font-size:50px;transform:rotate(20deg)}.spark{position:absolute;color:#f7ca83}.spark-one{top:12px;right:4px;font-size:28px}.spark-two{bottom:9px;left:15px;font-size:22px}.notice{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,120px);padding:11px 19px;border-radius:12px;background:#f4c782;color:#152f3c;font-weight:750;box-shadow:0 14px 35px #0008;opacity:0;pointer-events:none;transition:.3s;max-width:90vw;text-align:center}.notice.show{transform:translate(-50%,0);opacity:1}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 38px}.metric{display:flex;align-items:center;gap:13px;min-height:92px;padding:15px 17px;border:1px solid #ffffff16;border-radius:18px;background:#ffffff0c;box-shadow:inset 0 1px #ffffff12}.metric-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;font-size:21px;font-weight:800}.coin{color:#eac77c;background:#f5c27622}.guests{color:#8bd9de;background:#8bd9de22}.smile{color:#edacb0;background:#edacb022}.goal{color:#9ee6b4;background:#9ee6b422}.metric small{display:block;margin-bottom:1px;color:#9aafb9;font-size:10px;font-weight:800;letter-spacing:.1em}.metric strong{font-size:23px;letter-spacing:-.03em}.progress{width:100%;min-width:105px;height:7px;margin-top:11px;background:#ffffff21;border-radius:8px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#64d8c9,#b0eed0);border-radius:8px;transition:width .3s}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:3px 0;font-size:26px;letter-spacing:-.035em}.subtle{color:#8daeb9;font-size:13px}.venue-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.venue-tab{display:flex;align-items:center;gap:11px;min-height:67px;padding:10px 13px;border:1px solid #ffffff1c;border-radius:15px;background:#ffffff0a;color:#dbeaec;text-align:left;transition:.2s}.venue-tab:hover,.venue-tab:focus-visible{transform:translateY(-2px);border-color:#7bd6c5;outline:none}.venue-tab.active{background:#1e6062;border-color:#69d6bc;box-shadow:inset 0 1px #ffffff31}.venue-tab.locked{background:#ffffff08;color:#839ca8}.venue-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#ffffff18;font-size:20px}.venue-tab strong{display:block;font-size:12px}.venue-tab small{display:block;color:#aec6c9;font-size:10px}.workspace{overflow:hidden;border:1px solid #ffffff18;border-radius:23px;background:#102f43;box-shadow:0 22px 55px #0003}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 25px 19px;background:linear-gradient(110deg,#1b4853,#204d5a 64%,#29445b)}.workspace-head h2{margin:4px 0 2px;font-size:26px;letter-spacing:-.035em}.workspace-head p{margin:0;color:#b5ced1;font-size:13px}.venue-badge{display:grid;place-items:center;flex:0 0 56px;height:56px;border:1px solid #ffffff33;border-radius:18px;background:#ffffff16;font-size:29px}.play-grid{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(360px,1.15fr);gap:15px;padding:15px}.panel{border:1px solid #ffffff16;border-radius:17px;background:#15384c}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px}.panel-title>div{display:flex;align-items:center;gap:9px}.panel-title h3{margin:0;font-size:15px}.panel-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#72d9c429;color:#7bdbd1;font-weight:800}.orders-panel,.kitchen-panel{min-height:390px;padding:18px}.count-badge,.live-dot{color:#93ddcf;font-size:11px;font-weight:750}.orders-list,.station-list{display:flex;flex-direction:column;gap:10px}.order-card{display:flex;align-items:center;gap:10px;min-height:74px;padding:10px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff0a}.order-face{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#ffddb8;color:#765440;font-size:18px}.order-info{flex:1;min-width:0}.order-info strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.order-info small{display:block;color:#9cb8c1;font-size:10px}.patience{height:4px;margin-top:6px;border-radius:3px;background:#ffffff20}.patience i{display:block;height:100%;border-radius:3px;background:#8ddfbb}.patience.low i{background:#f4a38a}.serve-button,.prepare,.upgrade-button,.staff-button{border:0;border-radius:9px;background:#79dbc2;color:#0b3542;font-size:11px;font-weight:850}.serve-button{min-width:72px;padding:10px 8px}.serve-button:disabled{background:#ffffff1c;color:#bed0d5}.serve-button:hover:not(:disabled),.prepare:hover:not(:disabled),.upgrade-button:hover:not(:disabled),.staff-button:hover:not(:disabled){filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline:2px solid #f6d58b;outline-offset:3px}.panel-foot{margin:17px 1px 0;color:#8caab5;font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:#9cb8c1;text-align:center}.empty-state span{font-size:35px}.empty-state strong{margin:9px 0 2px;color:#e2eeee}.empty-state p{max-width:240px;margin:0;font-size:12px}.station-card{padding:13px;border:1px solid #ffffff17;border-radius:13px;background:#ffffff09}.station-main{display:flex;align-items:center;gap:10px}.dish-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:11px;background:#ffffff18;font-size:25px}.station-name{flex:1;min-width:0}.station-name strong{display:block;font-size:13px}.station-name small{color:#9fbac0;font-size:11px}.ready-chip{padding:5px 7px;border-radius:7px;background:#83dac126;color:#9be9cd;font-size:10px;font-weight:750}.station-timer{height:5px;margin:11px 0;border-radius:3px;background:#ffffff19}.station-timer span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#70dac9,#edc989)}.station-actions{display:flex;flex-wrap:wrap;gap:6px}.prepare,.upgrade-button,.staff-button{padding:7px 9px}.upgrade-button,.staff-button{border:1px solid #ffffff2c;background:#ffffff0b;color:#dfebeb}.staff-button.staffed{border-color:#79dbc255;color:#92e7cd}.station-caption{margin-top:9px;color:#93abb4;font-size:10px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:17px 0}.how-panel,.milestones-panel{min-height:200px;padding:20px 22px}.how-panel ol{margin:5px 0 0 17px;padding:0;color:#b7cdd3;font-size:12px;line-height:2}.how-panel li::marker{color:#e4c27f}.milestone{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid #ffffff12;font-size:12px;color:#b8cdd2}.milestone:last-child{border:0}.milestone.done{color:#9de6c6}.milestone em{font-size:11px;font-style:normal}.upgrade-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;margin:22px 0 34px;border:1px solid #d9ad6d75;border-radius:20px;background:linear-gradient(115deg,#63563c,#2c474d 69%,#1d3950)}.upgrade-promo h2{margin:5px 0;font-size:25px}.upgrade-promo p{max-width:690px;margin:0;color:#d4d7cd;font-size:12px}.promo-eyebrow{color:#f5d087}.cta{display:flex;align-items:center;justify-content:center;gap:15px;flex:0 0 auto;padding:12px 18px;border-radius:10px;background:#f5c77c;color:#173543;text-decoration:none;font-weight:850}.cta:hover{filter:brightness(1.08)}.game-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 3px 30px;border-top:1px solid #ffffff17;color:#829fab;font-size:10px}.game-footer div{display:flex;gap:16px}.game-footer button{padding:0;border:0;background:none;color:#a5c8ce;text-decoration:underline}dialog{max-width:380px;border:1px solid #ffffff2c;border-radius:18px;background:#173649;color:#fff;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#031724bc}dialog h2{margin-top:4px}dialog p{color:#b5cbd0}.dialog-actions{display:flex;justify-content:end;gap:9px}.dialog-actions button{padding:8px 11px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff1a;color:#fff}.dialog-actions .danger{border-color:#e9938b;background:#a64b4e}.light{background:#e9f4f2;color:#153b48}.light .app-shell{background:radial-gradient(circle at 96% 0,#bde6de 0,transparent 31%),radial-gradient(circle at 2% 41%,#d4ece4 0,transparent 30%)}.light .topbar{border-color:#0e3d4a20}.light .brand{color:#173b49}.light .brand small,.light .intro p,.light .subtle{color:#54727c}.light .icon-button,.light .metric,.light .venue-tab,.light .panel,.light .workspace,.light .station-card,.light .order-card{color:#153b48;border-color:#0c4b571c;background:#ffffffb8}.light .intro h1,.light .section-heading h2,.light .panel-title h3,.light .workspace-head h2,.light .order-info strong,.light .station-name strong,.light .empty-state strong{color:#153b48}.light .workspace-head{background:#d9eee8}.light .workspace-head p,.light .how-panel ol,.light .milestone,.light .metric small,.light .order-info small,.light .station-name small,.light .panel-foot,.light .station-caption{color:#526d76}.light .venue-tab.active{background:#9ee1d0}.light .venue-tab.locked{background:#e6eae8}.light .venue-tab small{color:#526d76}.light .workspace{background:#eff8f4}.light .count-badge,.light .live-dot,.light .ready-chip{color:#137665}.light .upgrade-button,.light .staff-button{background:#d8ebe5;color:#164956}.light .serve-button:disabled{background:#d7e3df;color:#7a9396}.light .game-footer{border-color:#143e4b28;color:#54727c}.light .game-footer button{color:#155d68}@media(max-width:980px){.app-shell{padding:0 16px}.dashboard{grid-template-columns:repeat(2,1fr)}.venue-tabs{grid-template-columns:repeat(2,1fr)}.play-grid{grid-template-columns:1fr}.orders-panel,.kitchen-panel{min-height:auto}}@media(max-width:650px){.app-shell{padding:0 12px}.topbar{min-height:67px}.brand{font-size:14px}.brand-mark{width:30px;height:30px;font-size:20px}.top-actions{gap:5px}.edition{font-size:9px;padding:6px}.icon-button{width:29px;height:29px}.intro{min-height:0;padding:29px 4px}.intro h1{font-size:34px}.intro p{font-size:13px}.intro-art{display:none}.dashboard{gap:7px;margin-bottom:27px}.metric{gap:7px;min-height:72px;padding:9px}.metric-icon{flex-basis:30px;height:30px;font-size:15px}.metric strong{font-size:18px}.metric small{font-size:8px}.progress{min-width:62px}.section-heading h2{font-size:23px}.venue-tabs{gap:6px}.venue-tab{gap:6px;min-height:56px;padding:6px}.venue-icon{flex-basis:28px;height:28px;font-size:15px}.venue-tab strong{font-size:10px}.venue-tab small{font-size:9px}.workspace-head{padding:18px}.workspace-head h2{font-size:22px}.workspace-head p{font-size:11px}.venue-badge{flex-basis:39px;height:39px;font-size:22px}.play-grid{padding:8px;gap:8px}.orders-panel,.kitchen-panel{padding:13px}.bottom-grid{grid-template-columns:1fr;gap:8px}.how-panel,.milestones-panel{min-height:0}.upgrade-promo{display:block;padding:19px}.upgrade-promo h2{font-size:21px}.upgrade-promo .cta{margin-top:14px}.game-footer,.game-footer div{display:block}.game-footer div>*{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
