:root{--bg:#2B2560;--ind:#3B2F8F;--vio:#6C5CE7;--cream:#FFF3D7;--yellow:#FFC93C;--coral:#FF7A6B;--mint:#5ED6B0;--ink:#211b4d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream)}body{overscroll-behavior:none}.screen{position:fixed;inset:0;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));display:none;align-items:center;justify-content:center}.screen.active{display:flex}.card{width:min(94vw,580px);max-height:94dvh;overflow:auto;background:#fff;color:var(--ink);border-radius:28px;padding:clamp(16px,4vw,28px);box-shadow:0 18px 60px #17123888;border:3px solid #ffffff55}.start-card{display:grid;gap:12px}.brand{display:flex;align-items:center;gap:14px}.brand h1,.result-card h1{margin:0;font-size:clamp(30px,8vw,48px);line-height:1}.tag{margin:5px 0 0;font-weight:700;color:#514b7c}.pick h2{font-size:15px;margin:10px 0 7px}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}button{min-height:44px;border:0;border-radius:15px;background:#eeeafa;color:var(--ink);font:700 15px system-ui;cursor:pointer;padding:9px 10px}button:hover{filter:brightness(.98)}button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}.seg button.selected{background:var(--vio);color:#fff;box-shadow:inset 0 -4px #0002}.primary{background:var(--yellow);font-size:20px;box-shadow:inset 0 -5px #d59e18;color:#352a57}.how{background:#f2f0ff;border-radius:17px;padding:10px 13px;font-weight:650;font-size:14px;line-height:1.35}.stats{display:flex;justify-content:space-between;font-weight:800;color:#5b5386}.mini-owl,.big-owl{position:relative;flex:none;width:72px;height:72px;border-radius:50% 50% 46% 46%;background:linear-gradient(135deg,var(--ind),var(--vio));box-shadow:inset 0 -7px #0002}.mini-owl:before,.big-owl:before{content:"";position:absolute;left:12%;right:12%;top:18%;height:42%;background:var(--cream);border-radius:48%}.mini-owl:after,.big-owl:after{content:"••";letter-spacing:12px;padding-left:7px;position:absolute;left:18%;top:15%;font-size:35px;color:#24204b}.mini-owl i,.big-owl i{position:absolute;width:15px;height:11px;background:#f3a62c;clip-path:polygon(0 0,100% 0,50% 100%);left:29px;top:39px;z-index:2}.mini-owl b,.big-owl b{position:absolute;width:18px;height:28px;border-radius:70%;background:var(--yellow);left:-4px;top:32px;transform:rotate(28deg)}.mini-owl em,.big-owl em{position:absolute;width:18px;height:28px;border-radius:70%;background:var(--mint);right:-4px;top:32px;transform:rotate(-28deg)}#game{padding:0;touch-action:none;user-select:none}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;z-index:3;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:6px;pointer-events:none}.pill,.prompt{background:#191445cc;border:2px solid #ffffff22;border-radius:14px;padding:8px 10px;font-weight:850;text-align:center;box-shadow:0 4px 12px #0004}.prompt{font-size:clamp(14px,4.2vw,21px);color:#fff;white-space:normal}.pill{font-size:13px;color:var(--cream)}#hearts{color:var(--coral);letter-spacing:1px}#feedback{position:absolute;z-index:4;top:20%;left:50%;transform:translateX(-50%);background:#fff;color:var(--ink);padding:8px 14px;border-radius:16px;font-weight:900;opacity:0;pointer-events:none;text-align:center;max-width:80%}.corner{position:absolute;z-index:5;right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));display:flex;gap:7px}.corner button,.flightBtns button{width:48px;height:48px;padding:0;background:#191445cc;color:#fff;border:2px solid #ffffff44}.flightBtns{position:absolute;z-index:5;left:max(9px,env(safe-area-inset-left));bottom:max(9px,env(safe-area-inset-bottom));display:flex;gap:7px}.overlay{display:none;position:fixed;inset:0;z-index:20;background:#171238aa;align-items:center;justify-content:center;padding:20px}.overlay.active{display:flex}.small{text-align:center}.small h2{margin-top:0}.small button{width:100%;margin-top:8px}.result-card{text-align:center}.big-owl{width:105px;height:105px;margin:0 auto 10px}.big-owl:after{font-size:51px;letter-spacing:18px;padding-left:8px}.big-owl i{left:44px;top:57px}.big-owl b,.big-owl em{top:46px;width:24px;height:38px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.result-grid div{background:#f2f0ff;border-radius:17px;padding:12px 5px}.result-grid strong{display:block;font-size:26px;color:var(--ind)}.result-grid span{font-size:12px;font-weight:700}.result-card p{font-weight:700;color:#514b7c}.result-card button{width:100%;margin-top:8px}@media(max-width:370px){.screen{padding:8px}.card{border-radius:22px;padding:14px}.brand h1{font-size:30px}.mini-owl{width:60px;height:60px}.mini-owl:after{font-size:29px;letter-spacing:10px}.mini-owl i{left:24px;top:33px}.seg button{font-size:13px;padding:7px 4px}.how{font-size:12px}.pick h2{margin:7px 0 5px}}@media(orientation:landscape) and (max-height:520px){.start-card{grid-template-columns:1fr 1.4fr;align-items:center}.brand,.how,.stats{grid-column:1}.pick{grid-column:2;grid-row:1/4}.primary{grid-column:2}.card{max-width:760px;padding:12px 18px}.pick h2{margin:5px 0}.how{font-size:12px}.mini-owl{width:58px;height:58px}.tag{font-size:12px}.brand h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}