*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-rounded,"Nunito","Arial Rounded MT Bold",system-ui,sans-serif;background:linear-gradient(180deg,#dff8ff 0%,#bfeefa 48%,#f8e7ca 100%);color:#17405d}.ollie-shell-game{min-height:100vh;display:grid;place-items:center;padding:16px}.game-card{width:min(980px,100%);min-height:min(720px,calc(100vh - 32px));border:3px solid rgba(255,255,255,.72);border-radius:34px;background:rgba(255,255,255,.64);box-shadow:0 18px 40px rgba(43,108,147,.22);padding:22px;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:auto -60px -80px -60px;height:190px;background:radial-gradient(circle at 20% 60%,rgba(255,255,255,.8) 0 8px,transparent 9px),radial-gradient(circle at 78% 28%,rgba(255,255,255,.75) 0 11px,transparent 12px),linear-gradient(180deg,transparent,#9edfdc);opacity:.58;pointer-events:none}.top-row{position:relative;z-index:1;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.eyebrow{margin:0 0 4px;color:#4c8cab;font-weight:800;letter-spacing:.04em}.top-row h1{margin:0;font-size:clamp(28px,5vw,54px);line-height:1;color:#17405d}.coin-pill{background:#fff8d6;border:2px solid #ffd56b;border-radius:999px;padding:10px 15px;font-size:20px;font-weight:900;box-shadow:0 5px 0 rgba(234,174,42,.25)}.prompt-board{position:relative;z-index:1;margin:22px auto 8px;width:min(520px,100%);display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 18px;border-radius:24px;background:#fff7dd;border:2px solid rgba(235,183,84,.55);box-shadow:0 8px 0 rgba(221,170,77,.2)}.prompt-board .tiny{grid-column:1/-1;color:#8a6b2c;font-weight:800}.prompt-board strong{font-size:clamp(40px,8vw,78px);line-height:1;color:#153a7a}.small-btn{border:0;border-radius:18px;background:#fff;color:#24547d;font-weight:900;font-size:18px;padding:12px 16px;box-shadow:0 4px 0 rgba(56,118,152,.18)}.shell-stage{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;margin:28px 0 22px}.shell-door{appearance:none;border:0;background:transparent;position:relative;min-height:230px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.shell-img{width:100%;max-width:260px;grid-area:1/1;transition:transform .46s ease,opacity .32s ease;filter:drop-shadow(0 14px 12px rgba(51,99,133,.18))}.shell-img.open{opacity:0;transform:translateY(12px) scale(.92)}.shell-door.is-open .shell-img.closed{opacity:0;transform:translateY(18px) scale(.82)}.shell-door.is-open .shell-img.open{opacity:1;transform:translateY(0) scale(1)}.word-label{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);font-size:clamp(24px,4vw,42px);font-weight:1000;color:#fff;text-shadow:0 3px 0 rgba(45,83,147,.35),0 0 12px rgba(30,74,122,.35);letter-spacing:.02em}.shell-door.is-open .word-label{opacity:0}.inside-prize{position:absolute;bottom:72px;left:50%;transform:translateX(-50%) scale(.1);font-size:58px;opacity:0;transition:transform .35s ease .18s,opacity .25s ease .18s}.shell-door.is-open .inside-prize{opacity:1;transform:translateX(-50%) scale(1)}.shell-door.shake{animation:shake .42s ease}.speak-panel{position:relative;z-index:1;display:grid;justify-items:center;gap:12px}.speak-btn{width:min(380px,92%);border:0;border-radius:999px;padding:18px 28px;font-size:clamp(24px,5vw,38px);font-weight:1000;color:white;background:linear-gradient(180deg,#72dfb6,#27a978);box-shadow:0 8px 0 #198864,0 18px 26px rgba(16,126,97,.22);cursor:pointer}.speak-btn.listening{background:linear-gradient(180deg,#ffb86b,#f27777);box-shadow:0 8px 0 #bf4e4e}.meter{width:min(410px,94%);height:14px;border-radius:999px;background:rgba(255,255,255,.9);overflow:hidden;border:2px solid rgba(61,145,179,.22)}#meterBar{display:block;height:100%;width:8%;border-radius:999px;background:linear-gradient(90deg,#9ee8ff,#93e9b8);transition:width .12s linear}.feedback{margin:0;min-height:28px;text-align:center;font-size:18px;font-weight:850;color:#275879}.progress-dots{position:relative;z-index:1;display:flex;justify-content:center;gap:8px;margin-top:15px}.dot{width:13px;height:13px;border-radius:50%;background:rgba(73,139,178,.25)}.dot.active{background:#36ad86}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@media(max-width:720px){.ollie-shell-game{padding:8px}.game-card{border-radius:24px;padding:14px;min-height:calc(100vh - 16px)}.shell-stage{gap:4px;margin:14px 0 14px}.shell-door{min-height:165px}.word-label{bottom:48px}.inside-prize{bottom:50px;font-size:42px}.prompt-board{margin-top:14px;padding:12px 14px}.small-btn{font-size:15px;padding:10px 12px}.feedback{font-size:16px}}