:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f7f1e7;background:#0b1016;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{min-height:100vh;padding:20px;max-width:1600px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brand{font-size:24px;font-weight:900;letter-spacing:2px}.brand span{color:#eda84e}.header p{margin:3px 0 0;color:#748291;font-size:10px;letter-spacing:2px}.pill{border:1px solid #344252;border-radius:30px;padding:8px 14px;font-size:10px;color:#98b3ae;letter-spacing:1px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.game{position:relative;background:#111722;min-height:640px;height:640px;align-self:start;border:1px solid #2a3440;border-radius:16px;overflow:hidden}.game>div:first-child{height:640px}.watermark{position:absolute;bottom:20px;left:18px;color:#b6a99a;font-size:10px;letter-spacing:1px;pointer-events:none}.panel{border:1px solid #29333e;border-radius:16px;padding:26px;background:#151b25}.panel h1{font-size:30px;line-height:1.1;margin:0;font-weight:850;letter-spacing:-1px}.panel h1 span{color:#e8a54b}.intro{margin:8px 0 22px;color:#a5afba;font-size:13px}.stats{display:flex;justify-content:space-between;padding:17px;background:#202a35;border-radius:10px;margin-bottom:15px}.stats div{display:flex;flex-direction:column;gap:5px}.stats span{font-size:10px;color:#9aaab6;letter-spacing:1px}.stats strong{font-size:21px}.toast{background:#2c291f;color:#e7c183;border:1px solid #50432b;padding:13px 11px;border-radius:8px;min-height:58px;font-size:13px;display:flex;align-items:center;margin-bottom:24px}.control{display:block;margin-bottom:23px}.control span{display:flex;justify-content:space-between;font-size:12px;color:#b6c0c9;margin-bottom:10px}.control b{color:#f2f0ec}input[type=range]{width:100%;accent-color:#eead54;cursor:pointer}.throw{width:100%;border:none;border-radius:9px;background:#eba94d;color:#20140c;font-size:14px;font-weight:800;padding:17px;cursor:pointer}.throw:disabled{opacity:.5;cursor:not-allowed}.reset{width:100%;border:1px solid #485461;background:transparent;border-radius:9px;color:#c7d1d9;padding:12px;margin-top:10px;cursor:pointer}.hint{color:#82909e;font-size:12px;line-height:1.6}.next{border-top:1px solid #313c49;margin-top:22px;padding-top:17px;color:#a7b5bf;font-size:12px;line-height:1.6}.next b{color:#f3bf77}.next p{margin-top:5px}@media(max-width:900px){.layout{grid-template-columns:1fr}.game,.game>div:first-child{min-height:430px;height:55vh}.panel{max-width:none}}@media(max-width:500px){.app{padding:10px}.header{padding:10px 3px}.pill{display:none}.game,.game>div:first-child{min-height:350px;height:46vh}.panel{padding:20px}}.game{touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.aim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.aim line{stroke:#9aa6b2;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 6}.aim line.ready{stroke:#eda84e;stroke-dasharray:none}.aim circle{fill:#eda84e}.power{position:absolute;right:18px;bottom:46px;width:10px;height:160px;border-radius:6px;background:#202a35;border:1px solid #3a4652;display:flex;align-items:flex-end;overflow:hidden;pointer-events:none}.power span{display:block;width:100%;background:linear-gradient(#e8564b,#eda84e)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.modes button{border:1px solid #3a4652;background:transparent;color:#c7d1d9;border-radius:8px;padding:9px;cursor:pointer}.modes button.on{background:#eba94d;border-color:#eba94d;color:#20140c;font-weight:700}.difficulty{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b6c0c9;margin-bottom:14px}.difficulty select{background:#202a35;color:#f2f0ec;border:1px solid #3a4652;border-radius:6px;padding:6px 8px;font:inherit}.toast.bot{background:#1d2a33;color:#9ec3dc;border-color:#2f4757}.manual{border:1px solid #29333e;border-radius:9px;padding:10px 12px;margin-bottom:20px}.manual summary{cursor:pointer;font-size:12px;color:#b6c0c9}.manual[open] summary{margin-bottom:16px}.toggles{display:flex;gap:18px;font-size:12px;color:#b6c0c9;margin:4px 0 6px}.toggles label{display:flex;align-items:center;gap:6px;cursor:pointer}.toggles input{accent-color:#eead54}.bartender{display:flex;flex-direction:column;gap:4px;margin:-12px 0 22px;padding:11px 13px;border-radius:12px 12px 12px 3px;background:#1f2630;border:1px solid #33404d}.bartender span{font-size:10px;letter-spacing:1.5px;color:#eda84e}.bartender p{margin:0;font-size:13px;line-height:1.45;color:#e4e0d8}.logo{display:block;height:56px;width:auto;max-width:100%}@media(max-width:500px){.logo{height:40px}}.app.embedded{height:100vh;height:100dvh;min-height:0;max-width:none;padding:10px;display:flex;flex-direction:column}.embedded .header,.embedded .panel h1,.embedded .intro,.embedded .hint{display:none}.embedded .layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.embedded .game,.embedded .game>div:first-child{height:100%;min-height:0}.embedded .panel{min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.embedded .panel>*{margin:0}.embedded .stats{padding:10px 14px}.embedded .stats strong{font-size:18px}.embedded .toast{min-height:0;padding:9px 11px}.embedded .bartender{padding:8px 11px}.embedded .control{margin:0}.embedded .control span{margin-bottom:4px}.embedded .manual[open] summary{margin-bottom:10px}.embedded .manual .control{margin-bottom:10px}.embedded .reset{margin-top:auto}.embedded .power{height:min(160px,35%)}@media(max-width:700px){.embedded .layout{display:flex;flex-direction:column}.embedded .game{flex:1 1 55%}.embedded .panel{flex:0 1 45%}}