:root{font-family:system-ui,-apple-system,Microsoft JhengHei,sans-serif;color:#e9f5fc;background:#07111e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#19364d,#07111e 70%)}button,input{font:inherit}button{cursor:pointer;border-radius:10px;border:1px solid #477d97;background:#163a51;color:#eaffff;padding:12px 16px;font-weight:750}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#5be4e8;color:#082531;border-color:#5be4e8}.outline{background:#102b40}.shell{max-width:1160px;margin:auto;padding:20px 16px 28px}header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;color:#61e6e5}h1{font-size:clamp(27px,4vw,43px);margin:6px 0}h1 span{color:#6de9ed}h2{font-size:clamp(22px,3vw,31px);color:#7ff0ee;margin:9px 0 12px}.muted{color:#a5bece;margin:0}.small{font-size:13px;line-height:1.6}.hud{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}.hud>div{background:#122b40;border:1px solid #31536b;border-radius:10px;padding:10px 13px;font-size:13px;color:#adc7d5}.hud b{color:#fff;margin-left:5px}.game{position:relative;aspect-ratio:16/9;background:#081524;border:2px solid #3b6e84;border-radius:15px;overflow:hidden;box-shadow:0 22px 60px #0008}.phaser{width:100%;height:100%}.phaser canvas{display:block;width:100%;height:100%}.screen-corner{position:absolute;right:15px;top:13px;pointer-events:none;color:#6ee8e9;font-size:12px;letter-spacing:2px}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#04101ae8;display:flex;justify-content:center;align-items:center;padding:14px}.panel{background:linear-gradient(155deg,#15374e,#091c2d);border:1px solid #548ba3;border-radius:16px;max-width:700px;width:100%;padding:25px;max-height:100%;overflow:auto;box-shadow:0 22px 80px #000b}.panel p,.panel li{color:#c6d9e5;line-height:1.7}.panel ul{padding-left:24px}.formula{white-space:pre-line;line-height:1.8;background:#071827;border:1px solid #355a71;border-radius:10px;padding:15px;margin:15px 0;color:#a3f5ee;font-size:clamp(14px,2vw,19px);font-weight:700}.answer,.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.answer input{flex:1;min-width:170px;border:1px solid #5789a0;border-radius:9px;background:#071521;color:#fff;padding:13px;font-size:19px}.error,.hint{border-radius:9px;padding:12px;margin-top:12px;line-height:1.6}.error{background:#42232b;border:1px solid #b95c68}.hint{background:#3e351d;border:1px solid #a58b52;color:#ffe4a6}.gold{color:#ffd584;font-size:22px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stats>div{background:#0a2638;border:1px solid #345c73;border-radius:10px;padding:13px}.stats small{display:block;color:#a9c5d5}.stats b{display:block;font-size:25px;color:#70ede9;margin-top:5px}.controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0}.pad{display:flex;gap:9px}.pad button{min-width:70px;min-height:56px;font-size:21px;touch-action:none;-webkit-user-select:none;user-select:none}footer{text-align:center;font-size:12px;color:#7c9baa;margin-top:8px}@media(max-width:650px){.shell{padding:12px 8px 22px}.panel{padding:16px}.veil{padding:7px}.game{aspect-ratio:4/5;max-height:640px}.phaser canvas{object-fit:contain}.controls{align-items:flex-start;flex-direction:column}.pad button{min-width:64px}.screen-corner{font-size:9px}.hud>div{padding:7px 9px}.panel p{margin:9px 0}}html,body,#root{height:100%;overflow:hidden}.shell{max-width:none;height:100dvh;padding:10px 18px;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#1b303c,#080f17 80%)}header{margin:0 0 7px;gap:8px;flex-shrink:0}h1{font-size:24px;margin:3px 0}h1 span{font-weight:400;font-size:17px;color:#b0c7cc}.eyebrow{font-size:10px;color:#bdcda9}header .actions{margin:0}button{border-color:#42525e;border-radius:7px;background:#1c2d39;padding:9px 13px}.primary{background:#d7c29a;border-color:#d7c29a;color:#182b35}button:hover{filter:brightness(1.13)}button:focus-visible,input:focus-visible{outline:2px solid #eed9aa;outline-offset:3px}.hud{gap:7px;margin-bottom:7px;align-items:center}.hud>div{padding:6px 10px;background:#10202c;border-color:#2e414d}.hud button{margin-left:auto}.game{flex:1;min-height:0;aspect-ratio:auto;border:1px solid #465661;border-radius:12px;box-shadow:0 15px 60px #0009}.phaser{height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0}.phaser canvas{width:100%!important;height:100%!important;object-fit:fill}.veil{background:#07121bcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.panel{max-width:760px;background:linear-gradient(145deg,#20333f,#101f2b);border:1px solid #667271;padding:28px;border-radius:14px;box-shadow:0 20px 80px #0009}.panel h2{color:#e8d9ba}.panel h3{color:#c8d8d9;font-size:17px}.panel section{border-bottom:1px solid #3b4d56;padding:12px 0}.panel .formula{font-size:16px;font-weight:400;color:#d9e3e1;border-color:#3d515b;background:#0c1c26}.panel summary{cursor:pointer;color:#d7c29a;padding:8px 0}.method{background:#223b3d60;padding:12px!important;border-radius:10px}.profile{background:#0c1c26;padding:16px;border-radius:10px;margin:14px 0}.profile label{display:flex;flex-direction:column;gap:8px}.profile input{padding:12px;background:#1c303e;color:#fff;border:1px solid #586971;border-radius:7px;font:inherit}.avatars{display:flex;gap:14px;margin-top:15px}.avatars button{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:#203340}.avatars .selected{background:#46504e;border-color:#d7c29a}.portrait{display:block;position:relative;width:64px;height:84px}.portrait i{position:absolute;left:19px;top:7px;width:28px;height:29px;background:#e8bd99;border-top:9px solid #322939;border-radius:10px}.portrait b{position:absolute;left:10px;top:38px;width:45px;height:42px;border-radius:13px 13px 5px 5px;background:#81aaa9}.portrait.female i{box-shadow:-7px 4px #322939,7px 4px #322939}.portrait.female b{background:#b7c7d9}.controls{padding:7px 2px;flex-shrink:0}.pad{display:grid;grid-template-columns:repeat(3,46px) 100px;grid-template-rows:38px 38px;gap:3px}.pad button{min-width:0;min-height:0;font-size:18px;padding:3px}.up{grid-area:1/2}.left{grid-area:2/1}.down{grid-area:2/2}.right{grid-area:2/3}.interact{grid-area:1/4/3/5;margin-left:12px}.controls .small{max-width:420px}footer{display:none}.shell:fullscreen{width:100vw;height:100vh}input{max-width:100%}@media(max-width:700px){.shell{padding:5px}header{gap:3px}h1{font-size:17px}h1 span,.eyebrow{display:none}header button{font-size:11px;padding:7px}.hud{gap:3px;margin-bottom:4px}.hud>div{font-size:10px;padding:4px 6px}.hud>div:nth-child(3){display:none}.hud button{padding:5px;font-size:12px}.controls{flex-direction:row;align-items:center}.controls .small{font-size:10px;max-width:140px}.panel{padding:16px}.veil{padding:8px}.game{max-height:none}.panel h2{font-size:23px}.pad{grid-template-columns:repeat(3,42px) 90px;grid-template-rows:34px 34px}}@media(max-height:550px){header{margin-bottom:3px}header .eyebrow{display:none}h1{font-size:17px}.hud{margin-bottom:3px}.hud>div{padding:3px 7px}.controls{position:absolute;bottom:12px;left:16px;right:16px;pointer-events:none;z-index:5}.pad{pointer-events:auto}.controls .small{background:#0c1b25b9;padding:8px;border-radius:6px}.game{margin-bottom:0}.pad button{background:#203541d9}.pad .primary{background:#d7c29ae8}}