: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}}