*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#18231d;letter-spacing:0;background:#ecece4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:inherit;font:inherit}.app-header{background:#f7f7f2;border-bottom:1px solid #d4d7ce;justify-content:space-between;align-items:center;height:62px;padding:0 26px;display:flex}.brand{align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.brand>span{color:#fff;background:#214d38;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.language-switch{background:#e2e4dd;border-radius:5px;padding:3px;display:flex}.language-switch button{cursor:pointer;background:0 0;border:0;border-radius:3px;min-width:42px;padding:6px 8px;font-size:11px}.language-switch button.is-active{color:#214d38;background:#fff;font-weight:800}main{max-width:1240px;margin:0 auto;padding:34px 28px 54px}.page-heading{margin-bottom:22px}.page-heading p{color:#6d9168;margin:0 0 8px;font-size:10px;font-weight:800}.page-heading h1{margin:0 0 5px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500}.page-heading span{color:#67726b}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.scene-panel{background:#172b21;border:1px solid #53685a;border-radius:7px;min-width:0;position:relative;overflow:hidden}.game-canvas{aspect-ratio:900/560;width:100%}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.hud-panel{background:#f9f9f5;border:1px solid #d4d7ce;border-radius:7px;padding:20px}.player-heading{border-bottom:1px solid #d4d7ce;align-items:center;gap:12px;padding-bottom:17px;display:flex}.avatar{color:#214d38;background:#e3eadb;border:1px solid #cedac4;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.player-heading>div:last-child{gap:3px;display:grid}.player-heading span,.field-notes>span{color:#7b857e;text-transform:uppercase;font-size:10px;font-weight:750}.player-heading strong{font-size:15px}.meter{margin-top:18px}.meter>div{justify-content:space-between;align-items:center;display:flex}.meter span{color:#69736d;align-items:center;gap:5px;font-size:11px;display:flex}.meter b{font-size:11px}.meter>i{background:#e0e3dc;border-radius:3px;height:7px;margin-top:7px;display:block;overflow:hidden}.meter>i em{background:#bd5346;height:100%;transition:width .2s;display:block}.meter.xp>i em{background:#d9ad4a}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:19px;display:grid}.stat-grid>div{background:#eeefe9;border-radius:5px;gap:4px;padding:10px;display:grid}.stat-grid svg{color:#6d9168}.stat-grid span{color:#737d77;font-size:10px}.stat-grid strong{font-size:17px}.field-notes{border-top:1px solid #d4d7ce;border-bottom:1px solid #d4d7ce;margin-top:20px;padding:17px 0}.field-notes p{color:#58635c;margin:7px 0 0;font-size:12px;line-height:1.55}.hud-actions{gap:8px;margin-top:17px;display:grid}.hud-actions button{cursor:pointer;background:#fff;border:1px solid #d4d7ce;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:39px;font-size:12px;font-weight:750;display:flex}.hud-actions .attack-button{color:#fff;background:#214d38;border-color:#214d38}.hud-actions kbd{background:#ffffff26;border-radius:3px;margin-left:auto;padding:3px 5px;font-family:inherit;font-size:9px}.hud-actions .text-button{color:#778079;background:0 0;border:0;min-height:28px}.touch-controls{z-index:5;grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,38px);gap:4px;display:grid;position:absolute;bottom:12px;left:12px}.touch-controls button{color:#fff;touch-action:none;background:#14281dc2;border:1px solid #ffffff38;border-radius:4px;justify-content:center;align-items:center;display:flex}.touch-up{grid-column:2}.touch-left{grid-area:2/1}.touch-down{grid-area:2/2}.touch-right{grid-area:2/3}.toast{color:#fff;z-index:20;background:#18231d;border-radius:5px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=900px){main{padding:28px 16px 44px}.game-layout{grid-template-columns:1fr}.hud-panel{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.player-heading,.field-notes,.hud-actions{grid-column:1/-1}}@media (width<=600px){.app-header{padding:0 14px}.page-heading h1{font-size:29px}.scene-panel{border-radius:4px}.hud-panel{display:block}.touch-controls{transform-origin:0 100%;bottom:7px;left:7px;transform:scale(.85)}}