:root{color:#f4efe6;background:#17191d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden;-webkit-text-size-adjust:100%}button,select{border:1px solid #3f4852;border-radius:6px;background:#252b32;color:#f4efe6;font:inherit;min-height:34px}button{cursor:pointer;padding:0 10px}button.active{border-color:#f1ba4b;background:#674d1e}button:hover,select:hover{border-color:#7f8c99}#app{display:grid;grid-template-columns:218px 1fr;width:100vw;height:100vh}#hud{display:flex;flex-direction:column;gap:12px;border-right:1px solid #303740;background:#20252b;padding:14px;overflow-y:auto}.hud-block{display:grid;gap:8px}.hud-title{color:#b6c0ca;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.segmented,.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tools button,.actions button,select{width:100%}.needs label{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;color:#d9e0e7;font-size:12px}progress{width:100%;height:10px;accent-color:#65b892}#game-shell{position:relative;min-width:0;background:radial-gradient(circle at center,#2e3540 0,#15181c 72%)}#game,#game canvas{width:100%;height:100%;display:block}#toast{position:absolute;right:14px;bottom:14px;max-width:min(320px,calc(100vw - 28px));border:1px solid #45505b;border-radius:6px;background:#181d23f0;color:#f4efe6;padding:10px 12px;font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}#toast.visible{opacity:1;transform:translateY(0)}@media (max-width: 760px){body{overflow:hidden}#app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:100vh}#hud{display:grid;grid-template-columns:1fr;gap:8px;border-right:0;border-bottom:1px solid #303740;padding:8px;max-height:178px;overflow-x:hidden;overflow-y:auto}.hud-block{gap:5px}.hud-title{font-size:10px}.segmented,.tools,.actions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar,.tools::-webkit-scrollbar,.actions::-webkit-scrollbar{display:none}button,select{border-radius:5px;font-size:13px;min-height:30px}button{flex:0 0 auto;min-width:66px;padding:0 9px}.tools button,.actions button,select{width:auto}select{width:100%;min-height:32px}.needs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:6px}.needs .hud-title{grid-column:1 / -1}.needs label{grid-template-columns:48px 1fr;gap:6px;font-size:11px}progress{height:8px}#game-shell{min-height:0;height:100%}#game,#game canvas{min-height:0}#toast{right:8px;bottom:8px;font-size:12px;padding:8px 10px}}@media (max-width: 420px){#hud{max-height:170px}.needs{grid-template-columns:1fr 1fr}.needs label{grid-template-columns:44px 1fr}}