body #game{inset:calc(54px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#hud{position:fixed;inset:0;pointer-events:none;display:none;z-index:1;font-size:17px;font-weight:650}
#hud button{pointer-events:auto;color:#fff0d8;background:#132733e8;border:2px solid #8b785a;border-radius:14px;font:inherit;min-height:52px;padding:8px 16px;touch-action:none;user-select:none;-webkit-user-select:none}
#topbar{position:absolute;top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);height:54px;display:flex;align-items:center;gap:16px;padding:0 14px;background:#0c1b26f5;border-bottom:2px solid #715b40}
#bag{margin-left:auto;color:#ecbe84}#depth{color:#8cded2}#topbar button{min-height:42px;padding:4px 12px;font-size:15px}
#joy{position:absolute;left:calc(20px + env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%!important;border-color:#7d9aab!important;background:#132733b8!important}
#knob{position:absolute;width:48px;height:48px;left:30px;top:30px;background:#8fb1c1b0;border:2px solid #cfdfdf;border-radius:50%;pointer-events:none}
#mine{position:absolute;right:calc(20px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:104px;height:104px;border-radius:50%!important;font-size:23px!important;border-color:#eab875!important}
#mine.active{background:#91652ce8}#workshop{position:absolute;right:calc(138px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));min-height:66px!important}
#objective{position:absolute;top:calc(64px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));padding:7px 12px;background:#0b1b27cc;border-radius:8px;font-size:16px;color:#ffe1ae;max-width:70%}
#toast{position:absolute;top:calc(104px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:76%;text-align:center;background:#142b37f0;padding:9px 14px;border-radius:8px;font-size:17px;display:none}
.game-panel{position:fixed;inset:calc(12px + env(safe-area-inset-top)) calc(32px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left));z-index:5;background:#10232bf5;border:2px solid #ad8b58;border-radius:16px;padding:16px 22px;overflow:auto;display:none;color:#eee8d9;font-size:17px}
.game-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.game-panel h2{font-size:24px;color:#eebd76;margin:0}.game-panel button{font:inherit;min-height:54px;background:#23424d;border:1px solid #6b8590;border-radius:9px;color:#f2e6cc;padding:9px;touch-action:manipulation}.game-panel button:disabled{opacity:.45}#work-stats{line-height:1.7;color:#9bdfd1;margin-bottom:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.work-grid small{display:block;color:#bed0ce;font-size:14px;margin-top:4px}#station-hint{margin:8px 0;color:#ffd4a1;font-size:16px}
#install-help{margin:8px 0 0!important;padding:8px 12px;background:#233f49;border-radius:8px;color:#ffe0a6!important;font-size:15px!important;line-height:1.45!important}
@media(max-width:700px){#topbar{font-size:15px;gap:8px}#topbar button{font-size:13px}.game-panel{padding:10px 14px}.work-grid{gap:6px}.game-panel h2{font-size:21px}}

[hidden]{display:none!important}
#join .secondary{background:transparent;color:#afd1ce;border:1px solid #4f7479;min-height:34px;margin-top:8px;padding:6px}
#market{position:absolute;right:calc(270px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));min-height:66px!important}
#coins{color:#ffd28a;white-space:nowrap}#topbar{gap:10px;font-size:16px}#topbar strong,#bag{white-space:nowrap}#sound-toggle{padding:4px 8px!important}
#shop-balance{color:#edc480;margin-bottom:6px}.game-panel p{font-size:15px;margin:8px 0;line-height:1.45}.game-panel button:disabled{opacity:.42}
.shop-tabs{display:flex;gap:8px;margin:10px 0}.shop-tabs button{min-height:40px!important;flex:1;background:#325761!important}.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outfit-grid small,#order-button small{display:block;font-size:13px;color:#bdcfcb;margin-top:4px}#order-button{width:100%;margin-top:10px}
.dye-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px}.dye-header select{font:inherit;color:#eee;background:#243d48;border:1px solid #64818c;border-radius:6px;padding:8px}.dye-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.dye-grid button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px!important}.dye-grid i{width:16px;height:16px;display:inline-block;background:var(--dye);border:1px solid #b7b7a3}.dye-grid .selected{outline:2px solid #e8bb75}
@media(max-width:700px){#topbar{gap:6px;font-size:13px}#topbar button{font-size:12px}#market{right:calc(254px + env(safe-area-inset-right));padding:6px 10px!important;font-size:15px!important}#workshop{font-size:15px!important;padding:6px 10px!important}.outfit-grid{grid-template-columns:repeat(2,1fr)}.dye-grid{grid-template-columns:repeat(3,1fr)}}