:root{font-family:Inter,ui-rounded,Noto Sans TC,system-ui,sans-serif;color:#f7f4e9;background:#17263a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 82% 12%,rgba(242,169,92,.2),transparent 28rem),linear-gradient(145deg,#17263a,#29465b)}button,select{font:inherit}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:28px clamp(16px,4vw,56px) 36px;display:grid;align-content:center;gap:18px}.game-header{display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 4px;color:#f3b76d;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.05}.language-control{display:grid;gap:6px;color:#bcd0dc;font-size:.78rem;font-weight:700}.language-control select{min-width:132px;padding:8px 10px;color:#f7f4e9;background:#243b50;border:1px solid #58778c;border-radius:10px}.game-frame{overflow:visible;aspect-ratio:16 / 9;background:#0f1a28;border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 24px 70px #050c166b}.game-stage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.game-host,.game-host canvas{width:100%!important;height:100%!important;display:block}.game-host:focus{outline:3px solid #f3bd67;outline-offset:-3px}.touch-controls{display:none;position:absolute;inset:0;z-index:10;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.touch-controls button{width:58px;height:58px;padding:0;border:2px solid rgba(255,244,211,.82);border-radius:18px;color:#fff4d3;background:#112333c2;box-shadow:0 6px 18px #08111a47;font-size:1.45rem;font-weight:900;pointer-events:auto;touch-action:none}.touch-controls button:active{transform:scale(.96);border-color:#ffd16f;background:#2d485beb}.touch-portraits,.touch-move,.touch-actions{position:absolute;display:flex;gap:9px}.touch-portraits{top:78px;left:max(12px,env(safe-area-inset-left))}.touch-portraits button{width:42px;height:42px;border-radius:50%;font-size:1rem}.touch-move{bottom:max(15px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left))}.touch-actions{right:max(14px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,58px)}.touch-jump{grid-column:1 / 3;justify-self:center}.touch-pause{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.touch-context{position:absolute;right:29%;bottom:18%;background:#edb24de6!important;color:#172638!important}.rotate-device{position:absolute;inset:0;z-index:30;display:grid;place-content:center;gap:14px;color:#fff3d3;background:#0f1d2bf5;text-align:center}.rotate-device span{font-size:3.5rem}.status-card{display:flex;align-items:baseline;gap:12px;color:#bcd0dc;font-size:.92rem}.status-card strong{color:#f7f4e9}@media(max-width:640px){.app-shell{align-content:start;padding-top:20px}.game-header,.status-card{align-items:start;flex-direction:column;gap:12px}.game-frame{min-height:180px;aspect-ratio:16 / 9}}@media(pointer:coarse)and (orientation:landscape){.touch-controls{display:block}.app-shell{width:100vw;min-height:100svh;padding:0;display:block}.game-header,.status-card{display:none}.game-frame,.game-stage{width:100vw;height:100svh;border:0;border-radius:0;aspect-ratio:auto}}@media(max-height:700px)and (orientation:landscape){.app-shell{width:100vw;min-height:100svh;padding:0;display:block}.game-header,.status-card{display:none}.game-frame,.game-stage{width:100vw;height:100svh;border:0;border-radius:0;aspect-ratio:auto}}