:root{color-scheme:dark;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;background:#071832}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top,#173d72 0,#071832 52%,#020711)}.loading-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;color:#213239;background:linear-gradient(180deg,#f8f4eaf7,#e2eeedf7),#f8f4ea;opacity:1;transition:opacity .36s ease,visibility .36s ease}.loading-page__content{display:grid;justify-items:center;gap:12px}.loading-page__pet{width:min(42vw,192px);height:auto;image-rendering:auto}.loading-page__text{color:#314f55;font-size:clamp(18px,3.8vw,28px);line-height:1.1;font-weight:800;letter-spacing:0}.is-game-ready .loading-page{visibility:hidden;opacity:0;pointer-events:none}#app{display:flex;justify-content:center}#game{width:100%;height:100%;margin:0;overflow:hidden}@media(min-width:760px)and (orientation:landscape){#game{width:min(100vw,760px);box-shadow:0 0 0 1px #d2e6f52e,0 24px 80px #00000057}}canvas{display:block;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-intro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;color:#f5fbff;background:#030d1db8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-intro-card{width:min(520px,100%);padding:clamp(24px,5vw,40px);background:linear-gradient(160deg,#12314efa,#06172ffa);border:1px solid rgba(181,216,235,.44);border-top:5px solid #ffd86b;border-radius:14px;box-shadow:0 28px 90px #00000075}.game-intro-eyebrow{margin:0 0 10px;color:#ffd86b;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.game-intro-card h1{margin:0;font:800 clamp(34px,8vw,52px)/.98 Georgia,"Times New Roman",serif}.game-intro-objective{margin:20px 0 18px;color:#e5f1f7;font-size:17px;line-height:1.5}.game-intro-card ul{display:grid;gap:9px;margin:0 0 22px;padding-left:22px;color:#c8dce8;font-size:14px;line-height:1.45}.game-intro-practice{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px;color:#e4eef3;font-size:14px;line-height:1.4;cursor:pointer}.game-intro-practice input{width:20px;height:20px;margin:0;accent-color:#ffd86b}.game-intro-start{width:100%;min-height:50px;padding:0 20px;color:#12263a;background:#ffd86b;border:0;border-radius:7px;font:800 17px/1 Inter,Avenir,Helvetica,Arial,sans-serif;cursor:pointer}.game-intro-start:focus-visible,.keyboard-controls :focus-visible{outline:3px solid #ffffff;outline-offset:3px}.keyboard-controls{position:fixed;z-index:25;left:12px;bottom:12px;color:#fff;background:#06172feb;border:1px solid rgba(181,216,235,.42);border-radius:8px;box-shadow:0 12px 34px #00000047}.keyboard-controls summary{padding:10px 13px;font-size:13px;font-weight:800;cursor:pointer}.keyboard-controls__panel{display:grid;grid-template-columns:repeat(2,minmax(116px,1fr));gap:8px;padding:0 10px 10px}.keyboard-controls button{min-height:38px;padding:0 10px;color:#fff;background:#173d72;border:1px solid rgba(255,255,255,.2);border-radius:5px;font:700 12px/1 Inter,Avenir,Helvetica,Arial,sans-serif;cursor:pointer}.name-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#050e1a7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.name-modal{width:min(420px,100%);padding:24px;color:#213239;background:#f8f4eaf7;border:1px solid rgba(255,255,255,.78);border-top:5px solid #728d8c;border-radius:8px;box-shadow:0 24px 80px #02071161}.name-modal h2{margin:0 0 8px;font-size:26px;line-height:1.1;font-weight:800;letter-spacing:0}.name-modal p{margin:0 0 18px;color:#52635f;font-size:15px;line-height:1.4}.name-modal input{width:100%;height:48px;padding:0 14px;color:#213239;background:#fff;border:1px solid #aebdb7;border-radius:6px;font:700 18px/1 Inter,Avenir,Helvetica,Arial,sans-serif;letter-spacing:0;outline:none}.name-modal input:focus{border-color:#314f55;box-shadow:0 0 0 3px #314f552e}.name-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.name-modal button{min-width:116px;height:42px;padding:0 16px;border:0;border-radius:4px;font:800 14px/1 Inter,Avenir,Helvetica,Arial,sans-serif;letter-spacing:0;cursor:pointer}.name-modal-secondary{color:#314f55;background:#314f551f}.name-modal-primary{color:#fff;background:#314f55}.name-modal button:focus-visible{outline:3px solid rgba(49,79,85,.26);outline-offset:2px}@media(max-width:520px){.game-intro-backdrop{align-items:end;padding:12px}.game-intro-card{max-height:calc(100vh - 24px);overflow:auto;padding:24px}.keyboard-controls{left:8px;bottom:8px}.name-modal-backdrop{padding:16px}.name-modal{padding:20px}.name-modal-actions{display:grid;grid-template-columns:1fr}.name-modal button{width:100%}}