/* Nasi Kandar Tycoon: game lobby, HUD and shop skin. Gameplay coordinates are unchanged. */
:root{--arcade-gold:#ffd66b;--arcade-orange:#ed9328;--arcade-brown:#723b15;--arcade-ink:#542c15;--arcade-green:#5ebc39;--arcade-deep:#174c39}
.arcade-shell{min-height:100dvh;background:#0d5148;color:#fff3ce;font-family:'Trebuchet MS','Arial Rounded MT Bold',Arial,sans-serif;overflow-x:hidden}
.arcade-shell:before{content:'';position:fixed;inset:-25px;z-index:-2;background:linear-gradient(#064c47d9,#04372ae8),url('assets/shop-gerai.webp') center/cover;filter:blur(12px)}
.arcade-shell:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,#b8ffc837,transparent 65%)}
.arcade-shell main,.arcade-shell .site-header,.arcade-shell footer{width:calc(100% - 36px);max-width:min(1440px,calc((100dvh - 170px)*1.77778));margin-left:auto;margin-right:auto;padding:0}
.arcade-shell .site-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.arcade-shell .brand{gap:8px;color:#ffe79c;text-decoration:none;line-height:.94;letter-spacing:-.4px;font-size:17px;font-weight:900;text-shadow:0 2px 0 #5d310c}
.arcade-shell .brand img{width:59px;height:59px;filter:drop-shadow(0 3px 0 #092f2a)}
.arcade-shell .brand strong{display:block;font-size:25px;color:#ffbb3d;letter-spacing:1px}
.game-tools{display:flex;gap:9px}.tool-button{height:40px;display:flex;align-items:center;gap:7px;border:2px solid #f6cf72;border-radius:12px;background:linear-gradient(#407b5c,#20583f);color:#fff0c2;padding:7px 11px;font-size:11px;font-weight:900;box-shadow:0 3px 0 #123425,inset 0 1px 0 #ffffff4d}
.tool-button img{width:21px;height:21px}.tool-button:hover{filter:brightness(1.16)}
.arcade-shell .business-ribbon{margin:0 0 12px;padding:0;height:60px;display:flex;align-items:center;gap:14px;background:none;border:0;box-shadow:none;border-radius:0;position:relative}
.arcade-shell .business-ribbon>div{flex-direction:row;align-items:center;gap:10px}
.player-chip{flex:1;min-width:0}.player-avatar{width:53px;height:53px;border:3px solid #ffd671;border-radius:15px;background:linear-gradient(#ffba57,#df6e20);box-shadow:0 3px 0 #653518;object-fit:contain}
.player-chip>div{display:flex;flex-direction:column;gap:5px;min-width:0}.arcade-shell .player-chip strong{font-size:18px;color:#fff5da;text-shadow:0 2px 0 #154d3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.arcade-shell .player-chip span{font-size:10px;color:#d4f4ca;background:#143c2e;padding:3px 8px;border-radius:8px;border:1px solid #7eae68;width:max-content;max-width:100%}
.currency-chip{min-width:195px;border:3px solid #dfab4e;border-radius:14px;background:linear-gradient(#fff4bd,#ffd574);padding:5px 13px 5px 7px;box-shadow:0 4px 0 #75401b,inset 0 2px 0 #fffad9;color:#693612;position:relative}
.currency-icon{display:grid;place-items:center;background:linear-gradient(#efaa32,#cf6d1a);border:2px solid #fff3ad;outline:1px solid #b96c1f;border-radius:50%;width:37px;height:37px;box-shadow:0 2px 0 #ac5c12;flex-shrink:0}.currency-icon img{width:23px;height:23px;filter:drop-shadow(0 1px #934514)}
.currency-chip>div{display:flex;flex-direction:column;gap:1px}.arcade-shell .currency-chip small{color:#926126;letter-spacing:.6px;font-size:8px;font-weight:900}.arcade-shell .currency-chip strong{font-size:20px;line-height:1.1;font-weight:900;letter-spacing:-.4px;white-space:nowrap}
.plus-button{height:30px;width:30px;margin-left:9px;display:grid;place-items:center;padding:0;border:2px solid #fff3a2;border-radius:9px;background:linear-gradient(#95df42,#43a52d);color:#fff;font-size:27px;font-weight:900;line-height:1;text-shadow:0 2px #33812a;box-shadow:0 3px #3b791f}
.arcade-shell .save-status{display:none}
.arcade-shell .game-wrap{border:5px solid #f1bd59;border-radius:24px;background:#99581d;box-shadow:0 7px 0 #5c3015,0 0 0 2px #7e4619,0 18px 40px #001c1770;overflow:hidden}
.arcade-shell #game{border-radius:18px;background:#143b2b}
.arcade-shell .menu{background:linear-gradient(90deg,#052f2ccc 0%,#083b2b50 44%,transparent 74%);align-items:center}
.arcade-shell .menu-card{width:34%;margin-left:5%;padding:0;text-align:center;transform:translateY(-1%)}
.arcade-shell .menu .eyebrow{display:inline-block;letter-spacing:1.5px;font-size:clamp(7px,.8cqw,12px);font-weight:900;color:#ffdd7c;background:#174935d9;border:1px solid #c4a04b;border-radius:20px;padding:5px 12px;text-shadow:0 2px #31501e}
.arcade-shell .menu .logo-title{margin:4px auto 0;line-height:1;letter-spacing:0}
.arcade-shell .logo-title img{width:100%;max-width:none;max-height:30cqw;object-fit:contain;margin:auto;filter:drop-shadow(0 8px 2px #09281788);animation:lobby-float 4.5s ease-in-out infinite}
@keyframes lobby-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.arcade-shell .menu .menu-card>p{font-size:clamp(8px,1cqw,15px);font-weight:700;line-height:1.3;margin:3px 0 12px;color:#fff0c4;text-shadow:0 2px 2px #183728}
.arcade-shell button{touch-action:manipulation}.arcade-shell .primary,.arcade-shell .serve{background:linear-gradient(#a5e74c,#62c134 55%,#43a22b);border:3px solid #f8e697;border-radius:16px;color:#fff9dc;box-shadow:0 5px 0 #2d7023,0 7px 0 #264c20,inset 0 3px 0 #dcffad;transition:filter .12s,transform .12s;font-weight:900;text-shadow:0 2px 0 #2b7829}
.arcade-shell .primary:hover,.arcade-shell .serve:hover{background:linear-gradient(#b5f16a,#70cd40 55%,#4baf30);filter:brightness(1.06)}
.arcade-shell .primary:active,.arcade-shell .serve:active,.dock-button:active,.tool-button:active{transform:translateY(3px)}
.arcade-shell #start{position:relative;width:86%;margin:auto;padding:9px 15px;display:flex;justify-content:center;gap:10px;align-items:center;min-height:4.4cqw;line-height:1}
#start>img{width:2.8cqw;height:2.8cqw;min-width:19px;min-height:19px;filter:drop-shadow(0 2px #347c25)}#start>span{font-size:clamp(20px,3.2cqw,48px);letter-spacing:1px;line-height:1}#start>small{font-size:clamp(6px,.6cqw,9px);position:absolute;right:10px;bottom:7px;letter-spacing:1px;color:#f0ffbf}
.arcade-shell #practice{display:flex;align-items:center;justify-content:center;gap:7px;width:78%;margin:13px auto 0;padding:8px;border:2px solid #91c5cc;border-radius:12px;background:linear-gradient(#4fa6b8,#2b7f99);box-shadow:0 3px 0 #154b66,inset 0 1px 0 #b4e7ea;text-shadow:0 2px #276a80;color:#fff5d0;font-size:clamp(9px,1cqw,15px);font-weight:900}
#practice>img{height:19px;width:19px}#practice>small{font-size:.65em;opacity:.9;font-weight:700}
.menu-dock{display:flex;justify-content:center;gap:12px;margin:15px auto 0;width:80%}.dock-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#ffc954,#e88c21);border:2px solid #ffe397;border-radius:12px;box-shadow:0 4px 0 #9e4f19,inset 0 2px 0 #ffebaa;padding:9px 8px;color:#73380e;font-size:clamp(7px,.8cqw,12px);font-weight:900;white-space:nowrap;text-shadow:0 1px #ffeaa2}.dock-button img{width:23px;height:23px;filter:drop-shadow(0 2px #b86c1b)}.ranking-button{background:linear-gradient(#f8b44c,#e07d25)}
.arcade-shell .menu-note{right:3%;bottom:4%;padding:10px 15px 12px;background:linear-gradient(#225a3be8,#123b2ee8);border:2px solid #efc46d;border-radius:16px;box-shadow:0 4px 0 #4d2b14;color:#fff0cc;text-align:center}
.arcade-shell .menu-note .journey-title{font-size:clamp(7px,.75cqw,11px);letter-spacing:1.4px;font-weight:900;color:#ffe189}
#tier-steps{display:flex;align-items:center;gap:6px;margin-top:10px}.tier-step{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.5}.tier-step img{height:23px;width:23px;padding:6px;box-sizing:content-box;background:#0e322b;border-radius:50%;border:2px solid #779376}.arcade-shell .tier-step>span{font-size:clamp(5px,.55cqw,8px);letter-spacing:.2px;color:#d2ddbb}.tier-step.current,.tier-step.unlocked{opacity:1}.tier-step.current img{background:linear-gradient(#ffc856,#d78925);border-color:#fff5bd;box-shadow:0 0 12px #ffca5d80}.arcade-shell .tier-step.current>span{color:#ffe49a}.journey-connector{width:17px;height:3px;border-radius:4px;background:#72966b}
.arcade-shell .shift-tag{background:linear-gradient(#376e47,#194b36);border:2px solid #f2cf77;border-radius:13px;box-shadow:0 4px 0 #5b3618,inset 0 2px 0 #79a875}.arcade-shell .shift-tag strong{font-weight:900;text-shadow:0 2px #1d472e}.arcade-shell .cash{background:linear-gradient(#ffde83,#e9af43);color:#713e16;text-shadow:0 1px #ffe5a1;border:2px solid #fff1b7;box-shadow:0 3px 0 #9c591e;font-weight:900}.arcade-shell .cash small{color:#85531e;font-weight:700}.arcade-shell .square{border:2px solid #ffe3a2;border-radius:12px;background:linear-gradient(#56a565,#277644);box-shadow:0 3px #195334;color:#fff3c7}.arcade-shell .order{border:3px solid #d7993e;background:linear-gradient(#fffbe4,#fff1c7);box-shadow:0 4px 0 #835022,0 8px 18px #143b2b44;border-radius:19px 19px 7px 19px;color:#653c20}.arcade-shell #customer-name{color:#a77a34;font-weight:900}.arcade-shell .order p{font-weight:900}.arcade-shell .order.urgent{border-color:#d45028;box-shadow:0 4px #852918,0 0 15px #ff773955}.arcade-shell .patience-track{height:9px;background:#c8b78f;box-shadow:inset 0 2px 2px #947e4e44;border:1px solid #bdaa7b}.arcade-shell #patience{background:linear-gradient(#b0e76c,#64ad37)}.arcade-shell .patience-label strong{background:#f7df99;border:1px solid #ddb963;padding:2px 6px;border-radius:7px;font-weight:900}.arcade-shell .order.urgent .patience-label strong{background:#ffddd0;border-color:#e07751;color:#b12e20}
.arcade-shell #combo-badge{background:linear-gradient(#ffde76,#e69c26);border:3px solid #fff0b8;box-shadow:0 4px 0 #93501b;border-radius:16px;color:#8f4515;text-align:center;min-width:11%}.arcade-shell #combo-badge small{color:#97531d;font-weight:900;letter-spacing:1px}.arcade-shell #combo-badge strong{font-size:3cqw;color:#fff7c5;text-shadow:2px 2px #a85b1c,-1px -1px #a85b1c;font-weight:900}.arcade-shell #combo-badge span{color:#8e571d;font-weight:700;font-size:.65cqw}.arcade-shell #combo-badge.on-fire{background:linear-gradient(#ffae3f,#f45e23);box-shadow:0 4px 0 #a23b18,0 0 25px #ff9b3b99}.arcade-shell .stock-tag{background:linear-gradient(#326241,#164b31);border:1px solid #f4d891;border-radius:6px;color:#fff6ce;box-shadow:0 2px #53381c;font-weight:700}.arcade-shell .stock-tag.locked{background:#47372b;border-color:#a08d70;color:#d5c7a7}.arcade-shell .stock-tag.empty{background:#bc512e;border-color:#ffd080}.arcade-shell .utility,.arcade-shell .gravy-card{background:linear-gradient(#3b6c43f2,#194a33f2);border:2px solid #e9cb7e;box-shadow:0 3px 0 #59401e;border-radius:12px}.arcade-shell .serve{font-size:1.7cqw;padding:12px 24px;border-radius:13px}.arcade-shell .serve span{margin-left:20px}.arcade-shell .mistakes{background:#5a301de6;border:1px solid #f1c379;box-shadow:0 2px 0 #3a2916;color:#ffe1b8}.arcade-shell #toast{border:3px solid #e0ab4a;box-shadow:0 4px 0 #78491f;background:#fff1bf;border-radius:15px;color:#5f401b}.arcade-shell #toast.bad{border-color:#cd7140;background:#ffe2c6;color:#9e3d26}.arcade-shell #loading{background:radial-gradient(#24613cf5,#0a3427fa);font-weight:900}.arcade-shell .spinner{border-width:4px;border-color:#416f40;border-top-color:#ffd367;width:40px;height:40px}
.arcade-shell .modal{background:linear-gradient(#fff7d8,#ffe3a8);border:4px solid #c58a39;border-radius:22px;box-shadow:0 7px 0 #6d381b,0 16px 50px #0006;color:#6c3c1c}.arcade-shell .modal h2{font-family:inherit;font-size:33px;font-weight:900;letter-spacing:-.6px;color:#8d4a20;text-shadow:0 2px #ffedb7}.arcade-shell .modal p{color:#967447;font-size:13px;font-weight:700}.arcade-shell .modal .eyebrow{color:#ba7a2b}.arcade-shell .modal .secondary{background:linear-gradient(#52a5b5,#287a91);border:2px solid #e8e6bc;box-shadow:0 3px #1c536d;color:#fff4d0}.arcade-shell .result-stats{padding:14px;background:#f1d191;border:2px solid #d1a04b;border-radius:13px;gap:25px}.arcade-shell .result-stats strong{font-size:26px;font-weight:900}.arcade-shell .result-stats span{color:#a36b2b;font-weight:900}
.arcade-shell footer{height:28px;margin-top:12px;border:0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8fbba0;font-weight:700;letter-spacing:.5px}.arcade-shell footer b{padding:0 5px}.footer-help{background:none;border:0;color:#a9c6a9;font-size:9px;font-weight:700;padding:0}.footer-help:hover{color:#fff0bf}
/* Game shop and ranking windows. */
.arcade-shell .game-dialog{background:linear-gradient(#fff4cf,#f6d89c);border:5px solid #e8b552;outline:3px solid #865019;border-radius:24px;color:#6a3d1b;padding:0;box-shadow:0 10px 0 #6c3c18,0 30px 100px #0009;max-height:88dvh;width:min(1020px,94vw)}
.arcade-shell .game-dialog::backdrop{background:#042d26bd;backdrop-filter:blur(7px)}
.arcade-shell #business-dialog{padding:0;width:min(1020px,94vw);background:linear-gradient(#fff4cf,#f6d89c);color:#6a3d1b}
.business-head,.popup-title{position:relative;padding:19px 27px;background:linear-gradient(#e99c36,#bd671f);border-bottom:4px solid #8b4c1d;box-shadow:inset 0 3px 0 #ffde91;display:flex;align-items:center;gap:14px;color:#fff6c6}
.business-head h2,.popup-title h2{font-size:30px;line-height:1;margin:5px 0 0;font-weight:900;letter-spacing:1px;text-shadow:0 3px 0 #95501c;color:#fff5b6}.business-head .eyebrow{color:#ffe8ad;font-size:9px;letter-spacing:1.5px}.popup-title>img{width:35px;height:35px}.popup-title h2{margin:0}.arcade-shell .close-button,.arcade-shell .business-head>button{width:36px;height:36px;flex-shrink:0;background:linear-gradient(#f67d55,#d44e32);border:2px solid #ffe4a5;border-radius:11px;box-shadow:0 3px 0 #94331f,inset 0 2px 0 #ffac86;padding:7px;position:absolute;right:18px;top:20px}.close-button img{width:100%;height:100%;display:block}
.arcade-shell .business-tabs{margin:0;padding:17px 25px 12px;gap:13px;border:0;background:#eac27d66;display:flex}.arcade-shell .business-tabs button{background:linear-gradient(#ffdb80,#e9ad4b);border:2px solid #fef0b8;box-shadow:0 3px #b9792a;border-radius:13px;color:#8f551e;padding:10px 18px;font-weight:900;font-size:14px;display:flex;align-items:center;gap:9px}.business-tabs button img{width:23px;height:23px;filter:drop-shadow(0 1px #ac6d2c)}.arcade-shell .business-tabs .selected{background:linear-gradient(#87cd4c,#4b9e35);color:#fff5cc;border-color:#eff7bc;box-shadow:0 3px #36712a;text-shadow:0 2px #397a2d}
#shop-content,#leader-content{padding:8px 25px 25px}.arcade-shell .shop-overview{background:linear-gradient(#fff7db,#f9e4b1);border:3px solid #d3a057;border-radius:18px;gap:23px;box-shadow:0 3px #bf8743;grid-template-columns:38% 1fr}.arcade-shell .shop-overview>img{height:204px;border-right:3px solid #cc9b58}.arcade-shell .shop-overview>div{padding:17px 17px 15px 0}.arcade-shell .shop-overview h3{font-size:27px;line-height:1.1;margin:7px 0;font-weight:900;letter-spacing:-.5px;color:#8e521e}.arcade-shell .shop-overview p{font-size:11px;line-height:1.5;color:#a07745;font-weight:700}.arcade-shell .shop-overview .eyebrow{color:#c48c3c}.arcade-shell .shop-numbers{gap:25px;margin-top:10px}.arcade-shell .shop-numbers small{color:#a77933;font-weight:900;font-size:8px;letter-spacing:.7px}.arcade-shell .shop-numbers strong{font-size:22px;color:#734318;font-weight:900}
.guest-details{background:#e6c3866b;border:1px solid #cda363;border-radius:9px;margin-top:17px;padding:10px 13px;font-size:12px;color:#9c723c}.guest-details summary{cursor:pointer;font-weight:900;list-style-position:inside}.arcade-shell .name-editor{margin:13px 0 8px;font-weight:700}.arcade-shell .name-editor input{background:#fff8df;border:2px solid #cba363;color:#75461f}.arcade-shell .name-editor button{background:#639c3e;box-shadow:0 3px #3e702b;border:1px solid #eff3ac}.arcade-shell .guest-note{color:#a27b47;font-size:10px}.arcade-shell #shop-feedback{color:#8a5e24;min-height:13px;margin:10px 0 8px;font-size:12px}
.arcade-shell #upgrade-list{gap:16px}.arcade-shell .upgrade-card{border:3px solid #d8a050;border-radius:19px;background:linear-gradient(#fff9df,#f9dfaa);padding:17px 16px;box-shadow:0 4px #b67d35;align-items:center;text-align:center;position:relative}.arcade-shell .upgrade-icon{width:71px;height:71px;object-fit:contain;border-radius:20px;padding:9px;background:radial-gradient(ellipse at 40% 20%,#ffda75,#df9b39);border:2px solid #fff4bd;box-shadow:0 3px #c08635;filter:drop-shadow(0 3px 1px #8c5d1833)}.arcade-shell .upgrade-card small{font-size:9px;color:#ba8b40;margin-top:12px;font-weight:900}.arcade-shell .upgrade-card h3{font-size:19px;margin:6px 0 7px;font-weight:900;color:#864c20}.arcade-shell .upgrade-card p{color:#a17d4e;font-weight:700;font-size:11px;line-height:1.5;margin-bottom:17px}.arcade-shell .upgrade-card button{font-size:13px;padding:10px 8px;border-width:2px;border-radius:12px;justify-content:center}.arcade-shell button:disabled{opacity:.55;filter:saturate(.65)}
.arcade-shell .leader-intro h3{font-size:33px;font-weight:900;letter-spacing:.5px;margin:14px 0 8px;color:#ab671e;text-shadow:0 2px #fff9d2}.arcade-shell .leader-intro p{color:#9b7340;font-size:12px;font-weight:700}.arcade-shell .leader-intro label{color:#9a6c2e;font-weight:900;margin:17px 0}.arcade-shell .leader-intro select{background:#fff4c7;border:2px solid #cfa354;color:#915d22;border-radius:11px;font-weight:900}.arcade-shell #leader-list{min-height:100px;background:#fff1c3;border:2px solid #d2a156;border-radius:15px;padding:15px;color:#a57535;font-weight:700;font-size:14px}.arcade-shell .leader-row{border-color:#e8cd94;color:#87552a;gap:15px;padding:13px 10px}.arcade-shell .leader-row b{background:linear-gradient(#ffdc67,#e8aa32);border:2px solid #ffeab0;border-radius:12px;display:grid;place-items:center;height:36px;color:#98541c;font-size:17px;box-shadow:0 2px #bf862c}.arcade-shell .leader-row.you{background:#dbeba8}.arcade-shell .leader-row strong{font-size:17px;font-weight:900}
#help-dialog{max-width:850px}.help-body{padding:24px;color:#936832}.help-body>p:first-child{font-weight:900;font-size:16px;line-height:1.5}#help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}#help-steps article{background:#fff6d8;border:2px solid #d5ac65;border-radius:14px;padding:16px}#help-steps .step{background:#e8a43c;border:2px solid #fff2ae;box-shadow:0 2px #ae7127;color:#fff5ce;font-weight:900}#help-steps h3{font-size:18px;font-weight:900;color:#895323;margin:15px 0 9px}#help-steps p{font-size:12px;line-height:1.65;margin:0;color:#ab8453}.help-goal{background:#477b45;color:#fff0bb;border:3px solid #d7bd60;border-radius:12px;padding:15px;font-size:13px;line-height:1.6}.help-body>a{display:inline-block;font-size:11px;margin:5px 15px 0 0;color:#9c7038;font-weight:900}
@media(max-width:1000px){.arcade-shell main,.arcade-shell .site-header,.arcade-shell footer{width:calc(100% - 25px);max-width:min(1440px,calc((100dvh - 160px)*1.77778))}.currency-chip{min-width:145px;padding-right:8px}.arcade-shell .currency-chip strong{font-size:17px}.arcade-shell .business-ribbon{gap:10px}.arcade-shell .player-chip strong{font-size:15px}.arcade-shell .menu-card{width:36%;margin-left:4%}.arcade-shell #start{border-radius:13px;padding:8px}.arcade-shell #practice{margin-top:11px;padding:6px}.menu-dock{margin-top:12px;gap:9px}.dock-button{padding:7px 6px;border-radius:10px}.dock-button img{width:18px;height:18px}.arcade-shell .menu-note{padding:9px 11px}.tier-step img{width:18px;height:18px;padding:4px}#tier-steps{margin-top:7px}.journey-connector{width:11px}.arcade-shell .order{border-width:2px}.arcade-shell .patience-track{height:6px}.arcade-shell #combo-badge{border-width:2px;padding:8px}.arcade-shell .serve{padding:9px 15px}.arcade-shell .modal h2{font-size:27px}.arcade-shell .result-stats strong{font-size:22px}}
@media(max-width:650px){.arcade-shell main,.arcade-shell .site-header,.arcade-shell footer{width:calc(100% - 20px);max-width:none}.arcade-shell .site-header{height:60px}.arcade-shell .brand{font-size:12px}.arcade-shell .brand strong{font-size:19px}.arcade-shell .brand img{width:47px;height:47px}.tool-button{padding:6px;width:35px;height:35px;border-radius:10px}.tool-button span{display:none}.tool-button img{width:20px;height:20px}.game-tools{gap:6px}.arcade-shell .business-ribbon{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:0 0 15px}.arcade-shell .business-ribbon .player-chip{grid-column:span 2;gap:9px}.player-avatar{width:36px;height:36px;border-width:2px;border-radius:11px}.player-chip>div{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex:1}.arcade-shell .player-chip strong{font-size:14px}.arcade-shell .player-chip span{font-size:9px}.currency-chip{min-width:0;border-width:2px;border-radius:11px;padding:5px 7px;gap:6px!important}.currency-icon{width:27px;height:27px}.currency-icon img{width:18px;height:18px}.arcade-shell .currency-chip small{font-size:7px}.arcade-shell .currency-chip strong{font-size:15px}.plus-button{margin-left:auto;width:25px;height:25px;font-size:22px;border-radius:7px}.arcade-shell .game-wrap{border-width:3px;border-radius:15px}.arcade-shell #game{border-radius:11px}.arcade-shell .menu-card{width:41%;margin-left:3%}.arcade-shell .logo-title img{max-height:28cqw}.arcade-shell .menu .eyebrow{padding:3px 7px;letter-spacing:.5px;font-size:1.5cqw}.arcade-shell .menu .menu-card>p{font-size:1.45cqw;line-height:1.2;margin:2px 0 7px}.arcade-shell #start{min-height:0;padding:5px 8px;border-width:2px;border-radius:10px;width:84%;gap:4px;box-shadow:0 3px #2d7023,0 5px #264c20,inset 0 2px #dcffad}#start>span{font-size:4cqw}#start>img{width:3cqw;height:3cqw;min-width:12px;min-height:12px}#start>small{display:none}.arcade-shell #practice{font-size:2cqw;margin-top:9px;padding:4px;border-radius:8px;gap:4px}#practice>img{width:13px;height:13px}#practice>small{display:none}.menu-dock{margin-top:9px;gap:6px;width:87%}.dock-button{border-radius:7px;padding:5px 4px;gap:4px;font-size:1.55cqw;box-shadow:0 2px #9e4f19}.dock-button img{width:13px;height:13px}.arcade-shell .menu-note{bottom:4%;right:3%;padding:6px 8px 7px;border-radius:10px;border-width:1px}.arcade-shell .menu-note .journey-title{font-size:1.5cqw;letter-spacing:.5px}#tier-steps{gap:3px;margin-top:4px}.tier-step{gap:3px}.tier-step img{height:12px;width:12px;padding:3px;border-width:1px}.arcade-shell .tier-step>span{font-size:1.2cqw}.journey-connector{width:8px;height:2px}.arcade-shell #combo-badge{padding:5px 6px;border-radius:10px}.arcade-shell #combo-badge strong{font-size:4cqw}.arcade-shell #combo-badge span{display:none}.arcade-shell .cash{padding:5px 8px;border-width:1px}.arcade-shell .square{border-width:1px}.arcade-shell .order{border-radius:10px 10px 4px 10px}.arcade-shell .patience-label strong{padding:1px 4px}.arcade-shell .utility,.arcade-shell .gravy-card{border-width:1px;border-radius:8px}.arcade-shell .serve{border-width:1px;border-radius:8px;padding:6px 12px;font-size:2.3cqw}.arcade-shell .stock-tag{border-radius:4px}.arcade-shell .modal{padding:18px;border-width:3px}.arcade-shell .modal h2{font-size:5cqw}.arcade-shell .modal p{font-size:2cqw}.arcade-shell .result-stats{padding:9px;gap:15px}.arcade-shell .result-stats strong{font-size:4cqw}.arcade-shell footer{height:auto;margin-top:14px;gap:13px;flex-direction:column;font-size:7px;letter-spacing:.4px}.footer-help{font-size:9px}.arcade-shell #business-dialog,.arcade-shell .game-dialog{width:94vw;padding:0;border-width:3px;border-radius:19px}.business-head,.popup-title{padding:16px 18px;border-bottom-width:3px}.business-head h2,.popup-title h2{font-size:22px}.business-head .eyebrow{font-size:7px;letter-spacing:.6px}.arcade-shell .close-button,.arcade-shell .business-head>button{right:13px;top:14px;width:29px;height:29px;padding:5px}.popup-title>img{width:25px;height:25px}.arcade-shell .business-tabs{padding:13px 13px 10px;gap:8px}.arcade-shell .business-tabs button{font-size:11px;padding:8px 10px;gap:5px;border-radius:10px}.business-tabs button img{width:18px;height:18px}#shop-content,#leader-content{padding:6px 13px 19px}.arcade-shell .shop-overview{grid-template-columns:1fr;gap:0;border-width:2px;border-radius:13px}.arcade-shell .shop-overview>img{height:135px;border-right:0;border-bottom:2px solid #cc9b58}.arcade-shell .shop-overview>div{padding:15px}.arcade-shell .shop-overview h3{font-size:23px}.arcade-shell .shop-numbers strong{font-size:20px}.arcade-shell .guest-details{padding:9px 10px;font-size:11px}.arcade-shell #upgrade-list{gap:12px 10px}.arcade-shell .upgrade-card{padding:12px 9px;border-width:2px;border-radius:15px}.arcade-shell .upgrade-icon{width:58px;height:58px;border-radius:16px;padding:7px}.arcade-shell .upgrade-card h3{font-size:16px}.arcade-shell .upgrade-card p{font-size:10px;margin-bottom:14px}.arcade-shell .upgrade-card button{font-size:11px;padding:8px 5px;border-radius:9px}.arcade-shell .upgrade-card small{font-size:8px}.arcade-shell .leader-intro h3{font-size:27px}.arcade-shell .leader-row{gap:9px;padding:11px 5px}.arcade-shell .leader-row b{font-size:14px;height:30px;border-radius:9px}.arcade-shell .leader-row strong{font-size:13px}#help-steps{grid-template-columns:1fr;gap:12px;margin:18px 0}.help-body{padding:16px}.help-body>p:first-child{font-size:14px}#help-steps article{padding:13px}#help-steps h3{margin:8px 0;font-size:17px}}
@media(max-height:600px) and (orientation:landscape){.arcade-shell main,.arcade-shell .site-header,.arcade-shell footer{max-width:calc((100dvh - 60px)*1.77778);width:calc(100% - 16px)}.arcade-shell .site-header{height:38px}.arcade-shell .brand{font-size:10px}.arcade-shell .brand strong{font-size:14px}.arcade-shell .brand img{width:32px;height:32px}.tool-button{width:28px;height:27px;padding:4px;border-radius:8px}.tool-button span{display:none}.tool-button img{width:16px;height:16px}.arcade-shell .business-ribbon{display:none}.arcade-shell footer{height:14px;margin-top:5px;font-size:6px;flex-direction:row}.footer-help{font-size:7px}.arcade-shell .game-wrap{border-width:3px;border-radius:15px}.arcade-shell #game{border-radius:10px}.arcade-shell .menu .eyebrow{font-size:.9cqw}.arcade-shell .logo-title img{max-height:29cqw}.arcade-shell .menu-card{width:34%;margin-left:4%}.arcade-shell #start{padding:5px 10px}.arcade-shell #practice{padding:4px;margin-top:10px}.menu-dock{margin-top:10px}.dock-button{padding:5px}.arcade-shell .menu .menu-card>p{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.arcade-shell .logo-title img{animation:none}.arcade-shell button{transition:none}}
.arcade-shell .game-dialog{overflow-x:hidden;scrollbar-color:#bc8133 #ecd39d;scrollbar-width:thin}.game-dialog::-webkit-scrollbar{width:9px}.game-dialog::-webkit-scrollbar-track{background:#ecd39d;border-radius:12px}.game-dialog::-webkit-scrollbar-thumb{background:#bd8234;border:2px solid #ecd39d;border-radius:10px}.arcade-shell .upgrade-card p{color:#8d6539;font-size:12px}.arcade-shell .shop-overview p{color:#906638;font-size:12px}.arcade-shell .leader-row.podium{background:linear-gradient(90deg,#ffe6a1,#fff2c800);border-radius:12px;margin-bottom:5px}.arcade-shell .leader-row.podium b{height:42px;color:#fff7d6;font-size:20px;text-shadow:0 2px #ae6a1e}.ranking-empty{text-align:center;padding:12px 15px 20px}.ranking-empty>img{width:125px;height:125px;object-fit:contain;filter:drop-shadow(0 5px 0 #bc863a44)}.ranking-empty h4{font-size:23px;font-weight:900;color:#b67a26;margin:10px 0}.ranking-empty p{font-size:12px;color:#9f763d;margin:0 0 18px}.arcade-shell .ranking-empty button{width:190px;margin:auto;justify-content:center}.arcade-shell.game-document main{max-width:780px;width:calc(100% - 40px);margin:35px auto;padding:35px;box-sizing:border-box;background:linear-gradient(#fff6d9,#f9dfab);border:4px solid #d9a64c;border-radius:22px;color:#82552a;box-shadow:0 7px #704118}.game-document .text-page h1{font-family:inherit;font-size:36px;font-weight:900;color:#a26424;text-shadow:0 2px #ffe9b0}.game-document .text-page h2{color:#955d27;font-weight:900}.game-document .text-page p,.game-document .text-page li{color:#906d40;font-size:14px}.game-document .text-page .back{display:inline-block;padding:8px 12px;border:2px solid #dcac5f;border-radius:10px;background:#fff2c2;color:#9c6a2d;font-weight:900;text-decoration:none}@media(max-width:650px){.arcade-shell .upgrade-card p,.arcade-shell .shop-overview p{font-size:11px}.ranking-empty>img{width:100px;height:100px}.ranking-empty h4{font-size:20px}.arcade-shell.game-document main{width:calc(100% - 24px);padding:22px;margin:20px auto}.game-document .text-page h1{font-size:28px}}
/* Keep the whole lobby inside the stage, including short phone/fullscreen views. */
.arcade-shell .menu-card{height:92%;max-height:92%;display:flex;flex-direction:column;align-items:center;transform:none}
.arcade-shell .menu .logo-title{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.arcade-shell .logo-title img{height:100%;width:100%;max-height:100%;min-height:0}
.arcade-shell .menu-card>.eyebrow,.arcade-shell .menu-card>p,.arcade-shell #start,.arcade-shell #practice,.arcade-shell .menu-dock{flex-shrink:0}
@media(max-height:600px) and (orientation:landscape){
 .arcade-shell .menu-card{height:90%;max-height:90%}
 .arcade-shell .menu .eyebrow{padding:2px 8px;line-height:1.2}
 .arcade-shell .menu .menu-card>p{margin:3px 0 7px}
 .arcade-shell #start{min-height:0;padding:5px 8px}
 .arcade-shell #practice{margin-top:9px;padding:4px}
 .arcade-shell .menu-dock{margin-top:9px}
 .arcade-shell .dock-button{padding:5px 6px;gap:5px}
 .arcade-shell .dock-button img{width:18px;height:18px}
}

#account-dialog{max-width:530px}#account-status{font-size:14px;line-height:1.6;color:#79562d}#google-signin{min-height:44px;margin:20px 0;display:flex;justify-content:center}.account-save-button{background:#2e7549;color:#fff5cd;border:2px solid #e4bb67;border-radius:10px;padding:10px 15px;font-weight:900;margin:6px 0 12px}.arcade-shell .account-tool{color:#fff9dc}@media(max-width:650px){.arcade-shell .brand{font-size:10px}.arcade-shell .brand strong{font-size:16px}.arcade-shell .account-tool{width:auto;font-size:10px}.arcade-shell .account-tool span{display:inline}.arcade-shell .account-tool img{display:none}}

/* Compact order ticket stays above the food trays on small game surfaces. */
.order-level{display:none}
@container (max-width:1000px){
 .arcade-shell .order{z-index:1;top:3%;left:24%;width:46%;padding:5px 7px;border-width:2px;border-radius:10px;box-shadow:0 2px 0 #835022}
 .arcade-shell #customer-name{display:block;padding-right:34px;font-size:clamp(7px,1.1cqw,11px);line-height:1.2}
 .arcade-shell .order #dialogue{display:none}
 .arcade-shell #order-icons{display:flex;flex-wrap:nowrap;gap:3px;margin-top:5px;align-items:flex-start}
 .arcade-shell .order-item{position:relative;flex:1;min-width:0;max-width:none;font-size:clamp(6px,.85cqw,9px);line-height:1.15;gap:1px;overflow-wrap:normal}
 .arcade-shell .order-item img{width:clamp(14px,3.2cqw,29px);height:clamp(14px,3.2cqw,29px)}
 .arcade-shell .order-item.done:after{right:0;top:0;margin:0;font-size:clamp(8px,1.2cqw,12px)}
 .arcade-shell .order-level{display:block;font-weight:900;font-size:clamp(8px,1.25cqw,12px);line-height:1.2;margin-top:4px}
 .arcade-shell .order .patience-label{position:absolute;right:6px;top:3px;margin:0}
 .arcade-shell .order .patience-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .arcade-shell .order .patience-label strong{font-size:clamp(10px,1.6cqw,16px);line-height:1.1;padding:1px 4px}
 .arcade-shell .order .patience-track{height:4px;margin-top:4px}
}