:root{font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#123047;background:#061a2d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{border:0;font:inherit;cursor:pointer}.numbermuncher-shell{--game-shell-gap: 8px;background:linear-gradient(#127fc7,#75d4ef 48%,#1185ad)}.nm-pill,.nm-small-button{background:#ffffffdb;color:#123047;box-shadow:0 5px 14px #031e362e}.nm-small-button{min-height:32px;padding:7px 12px;border-radius:999px;font-weight:800}.nm-primary{min-height:44px;padding:10px 20px;border-radius:999px;background:#ffd43b;color:#113047;font-weight:900;box-shadow:0 7px #d99d00,0 12px 22px #061c3138}.nm-primary:active{transform:translateY(3px);box-shadow:0 4px #d99d00,0 8px 16px #061c3133}.nm-field{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.34) 0 2.5%,transparent 2.8%),radial-gradient(circle at 76% 18%,rgba(255,255,255,.2) 0 2%,transparent 2.3%),linear-gradient(180deg,#72d1ffe6,#209aced1 48%,#187497eb);box-shadow:inset 0 0 0 3px #ffffff40,0 12px 28px #051b303d;isolation:isolate}.nm-field:focus{outline:none}.nm-field.feedback-correct .nm-swimmer{filter:drop-shadow(0 0 18px rgba(255,212,59,.95)) drop-shadow(0 12px 16px rgba(4,24,43,.28))}.nm-field.feedback-wrong .nm-swimmer{filter:drop-shadow(0 0 18px rgba(255,75,92,.95)) drop-shadow(0 12px 16px rgba(4,24,43,.28))}.nm-field:before,.nm-field:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-3%;height:28%;background:radial-gradient(ellipse at 11% 58%,#356a99 0 12%,transparent 13%),radial-gradient(ellipse at 29% 68%,#407bad 0 10%,transparent 11%),radial-gradient(ellipse at 58% 72%,#316e99 0 13%,transparent 14%),radial-gradient(ellipse at 82% 62%,#3a78a7 0 14%,transparent 15%);opacity:.78;z-index:1}.nm-field:after{bottom:-1%;height:22%;background:linear-gradient(90deg,transparent 3%,#178f89 4% 7%,transparent 8% 18%,#1d9d8a 19% 21%,transparent 22% 65%,#16897a 66% 69%,transparent 70%),radial-gradient(ellipse at 18% 45%,#d06d8a 0 2%,transparent 2.2%),radial-gradient(ellipse at 64% 55%,#cc6682 0 2.4%,transparent 2.6%);opacity:.86}.nm-water{position:absolute;inset:0;background-repeat:repeat;pointer-events:none}.nm-water-back{background-image:radial-gradient(circle,rgba(255,255,255,.24) 0 5px,transparent 6px),radial-gradient(ellipse,rgba(255,255,255,.18) 0 24px,transparent 25px);background-size:180px 150px,420px 210px;animation:driftBack 18s linear infinite;opacity:.75}.nm-water-front{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent),radial-gradient(circle,rgba(255,255,255,.16) 0 3px,transparent 4px);background-size:240px 100%,120px 120px;animation:driftFront 8s linear infinite;opacity:.55}.nm-field.bonus-break .nm-water-back{animation-duration:9s}.nm-field.bonus-break .nm-water-front{animation-duration:4s;opacity:.7}.nm-field.bonus-break .nm-prompt-label{color:#fff4a7}.nm-prompt-card{position:absolute;top:clamp(8px,2vh,18px);left:50%;z-index:5;display:grid;gap:3px;min-width:min(440px,80%);padding:8px 16px 10px;border-radius:14px;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(4,25,45,.35);transform:translate(-50%)}.nm-prompt-label{font-size:clamp(.78rem,1.8vw,.98rem);font-weight:800}#numberPair{font-size:clamp(2.1rem,7vw,4.8rem);line-height:.95;letter-spacing:0}.nm-items{position:absolute;inset:0;z-index:4}.nm-item,.nm-swimmer{--lane-x: 50%;position:absolute;left:var(--lane-x);transform:translate(-50%,-50%)}.lane-0{--lane-x: 24%}.lane-1{--lane-x: 50%}.lane-2{--lane-x: 76%}.nm-item{top:var(--y);display:grid;place-items:center;z-index:6}.nm-item.answer{width:clamp(58px,9vw,96px);height:clamp(58px,9vw,96px);border-radius:999px;background:#fffffff2;color:#0f4564;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:1000;box-shadow:inset 0 -8px #168dbe2e,0 10px 22px #041a2d33}.nm-item.fish{width:clamp(78px,11vw,126px);height:clamp(48px,7vw,82px)}.nm-item.obstacle{width:clamp(96px,14vw,170px);height:clamp(70px,10vw,122px);opacity:.96}.nm-item-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.nm-item.hit{animation:pop .18s ease-out forwards}.nm-item.answer.correct-hit{background:#ffd43b;color:#4b3100;box-shadow:inset 0 -8px #b87a0040,0 0 0 8px #fff4a78c,0 12px 28px #041a2d42;animation:answerFlash .42s ease-out forwards}.nm-item.answer.wrong-hit{background:#ff4b5c;color:#fff;box-shadow:inset 0 -8px #78001638,0 0 0 8px #ff949e70,0 12px 28px #041a2d42;animation:answerFlash .42s ease-out forwards}.nm-swimmer{top:78%;z-index:7;width:clamp(82px,15vw,166px);height:clamp(132px,23vw,250px);transition:left .16s ease;filter:drop-shadow(0 12px 16px rgba(4,24,43,.28))}.nm-swimmer:before,.nm-swimmer:after{content:"";position:absolute}.nm-swimmer.shark:before{inset:0;background-image:var(--swimmer-image);background-repeat:no-repeat;background-position:center;background-size:contain}.nm-swimmer.shark:after{display:none}.nm-swimmer.dolphin:before{inset:0;background-image:var(--swimmer-image);background-repeat:no-repeat;background-position:center;background-size:contain}.nm-swimmer.dolphin:after{display:none}.nm-move{position:absolute;top:50%;z-index:9;display:grid;place-items:center;width:clamp(54px,8vw,82px);height:clamp(76px,14vh,132px);border-radius:999px;background:#ffffff4d;color:#fff;font-size:clamp(3rem,9vw,6rem);font-weight:900;text-shadow:0 3px 12px rgba(5,29,50,.3);transform:translateY(-50%)}.nm-move-left{left:clamp(8px,2vw,22px)}.nm-move-right{right:clamp(8px,2vw,22px)}.nm-start-panel{position:absolute;inset:0;z-index:20;display:grid;align-content:center;justify-items:center;gap:18px;padding:clamp(16px,4vw,36px);background:#05243f7a;color:#fff;text-align:center}.nm-start-panel h1{margin:0;font-size:clamp(2.4rem,8vw,5.5rem);line-height:.95;text-shadow:0 6px 20px rgba(3,24,43,.32)}.nm-start-panel p{max-width:560px;margin:0;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700}.nm-avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,190px));gap:12px;width:min(100%,420px)}.nm-avatar-card{display:grid;gap:6px;justify-items:center;min-height:154px;padding:14px;border:3px solid rgba(255,255,255,.42);border-radius:12px;background:#fff3;color:#fff}.nm-avatar-card.selected{border-color:#ffd43b;background:#ffffff52}.nm-avatar-card strong{font-size:1.08rem}.nm-avatar-card span:last-child{font-size:.86rem;font-weight:800;opacity:.9}.nm-avatar-preview{position:relative;display:block;width:72px;height:78px}.nm-avatar-preview:before{content:"";position:absolute;inset:4px 18px;clip-path:polygon(50% 0,72% 30%,100% 50%,64% 48%,57% 100%,50% 82%,43% 100%,36% 48%,0 50%,28% 30%)}.nm-avatar-preview-shark:before{inset:0;background:var(--avatar-preview-image) center / contain no-repeat;clip-path:none}.nm-avatar-preview-dolphin:before{inset:0;background:var(--avatar-preview-image) center / contain no-repeat;clip-path:none}.nm-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#0315269e}.nm-modal-card{width:min(92vw,470px);display:grid;gap:12px;padding:24px;border-radius:16px;background:#fffffff7;color:#13314a;text-align:center;box-shadow:0 20px 52px #02121f57}.nm-modal-card h2,.nm-modal-card p{margin:0}.nm-modal-card h2{font-size:1.55rem}.nm-modal-card p{line-height:1.45;font-weight:650}.nm-modal-card #gameOverSummary{display:grid;gap:5px}.nm-modal-card #gameOverSummary span,.nm-modal-card #gameOverSummary strong{display:block}.nm-modal-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hidden{display:none!important}@keyframes driftBack{0%{background-position:0 0,0 0}to{background-position:0 150px,420px 210px}}@keyframes driftFront{0%{background-position:0 0,0 0}to{background-position:240px 0,0 120px}}@keyframes pop{to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}@keyframes answerFlash{0%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.18);opacity:1}to{transform:translate(-50%,-50%) scale(1.28);opacity:0}}@media(max-width:620px){.numbermuncher-shell{--game-shell-gap: 6px}.nm-field{border-radius:12px}.nm-avatar-grid{grid-template-columns:1fr 1fr}.nm-avatar-card{min-height:136px;padding:10px}.nm-prompt-card{min-width:86%}}@media(max-height:620px){.nm-start-panel{gap:10px}.nm-avatar-card{min-height:116px}.nm-avatar-preview{width:54px;height:58px}}