*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Trebuchet MS',Arial,sans-serif;color:#093b60;background:#2ebbe2;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #073c6d;outline-offset:3px}button:disabled{cursor:default}.game{height:100dvh;padding:12px 24px;display:grid;grid-template-rows:140px minmax(0,1fr) 64px;gap:14px;position:relative;isolation:isolate;background:linear-gradient(#7fdef12b,#a1e6e42b),url('assets/background.png') center/cover no-repeat}.topbar{display:flex;align-items:center;gap:24px;position:relative;z-index:3;min-width:0}.brand{height:140px;width:275px;flex-shrink:0;margin:0;display:flex;align-items:center;flex-direction:column;justify-content:center}.lettering{width:275px;height:65px;object-fit:contain;flex-shrink:0;position:relative;z-index:1}.logo{height:84px;width:182px;object-fit:contain;margin-top:-8px}.hud{margin:auto;display:flex;align-items:center;justify-content:center;background:#f1fdfff2;border:3px solid white;border-radius:44px;box-shadow:0 5px 0 #157fba35;padding:14px 12px;flex:1;max-width:650px}.hud>div{padding:0 24px;display:flex;gap:10px;align-items:center;white-space:nowrap}.hud>div+div{border-left:2px solid #7dcde5}.hud span{font-weight:900;font-size:15px;letter-spacing:.4px}.hud strong{font-size:26px}.hud small{font-size:19px}.tools{display:flex;gap:12px}.round{width:62px;height:62px;border-radius:50%;border:3px solid white;background:linear-gradient(#ffe364,#ffbf29);box-shadow:0 4px 0 #c88c12,0 4px 10px #176e872b;color:#063d62;font-size:28px;font-weight:900;position:relative;display:grid;place-items:center}.round svg{width:30px;height:30px;fill:currentColor}.round[aria-pressed=false] .sound-waves{display:none}.round[aria-pressed=false] .muted-mark{width:29px;height:3px;background:#074467;transform:rotate(-45deg);position:absolute;border-radius:4px}.round:active,.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #c88c12}.round:disabled{opacity:.5}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,24%);gap:24px;min-height:0;position:relative;z-index:1}.board-panel{min-height:0;padding:18px;background:#e8fbf5e8;border:4px solid #fff;border-radius:34px;box-shadow:0 7px 0 #117d9d2c,0 10px 24px #156d8733;display:grid;place-items:center}.board{--cols:4;--rows:3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:clamp(7px,1.2vw,16px);width:100%;height:100%;min-height:0}.card{position:relative;min-width:0;min-height:0;width:100%;height:100%;border:0;padding:0;background:transparent;border-radius:20px;perspective:850px;touch-action:manipulation}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .32s ease}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:4px solid white;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 3px 0 #239bb452,0 3px 6px #087e9633}.card-back{background:radial-gradient(ellipse at 5% 30%,#6de1f4 0 13%,transparent 14%),radial-gradient(ellipse at 90% 85%,#3ad0ef 0 32%,transparent 33%),linear-gradient(150deg,#21c9eb,#03a5d4);color:#ffe05d}.card-back::after{content:'?';font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(28px,6vw,92px);font-weight:900;text-shadow:0 3px 0 #d89729,0 5px 9px #036b973b;line-height:1}.card-front{background:#fff;transform:rotateY(180deg);padding:8px}.card-front img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.card.matched .card-front{border-color:#42b72b;box-shadow:inset 0 0 0 3px #ebffd9,0 3px 0 #26892928;background:#f7fff0}.card.matched .card-front::after{content:'✓';position:absolute;right:5px;top:5px;background:#39a725;color:white;border:2px solid #fff;box-shadow:0 2px 2px #19762a25;font:bold 18px Arial;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.card:not(.flipped):not(:disabled):hover .card-back{filter:brightness(1.08)}.board.dense{gap:7px}.board.dense .card-front{padding:5px}.board.dense .card-back,.board.dense .card-front,.board.dense .card{border-radius:13px}.board.dense .card-back,.board.dense .card-front{border-width:3px}.board.dense .card-back::after{font-size:clamp(25px,4vw,56px)}.board.dense .card.matched .card-front::after{width:19px;height:19px;font-size:12px;right:2px;top:2px}.companion{min-height:0;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:10px;padding:0 3px}.speech{background:#fffffff5;border:3px solid white;border-radius:32px;box-shadow:0 5px 0 #0e7c9b22;padding:17px 20px;text-align:center;font-weight:900;font-size:clamp(17px,1.7vw,25px);line-height:1.25;position:relative;flex-shrink:0;max-width:330px;min-height:75px;display:grid;place-items:center}.speech::after{content:'';position:absolute;bottom:-12px;right:30%;width:24px;height:24px;background:white;transform:skew(-20deg) rotate(45deg);z-index:-1}.leo{display:block;max-width:100%;width:auto;min-height:0;height:62%;object-fit:contain;flex:1;filter:drop-shadow(0 6px 4px #3a76452a)}.pair-dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;background:#eafbfff5;border:3px solid white;border-radius:30px;padding:10px 13px;max-width:270px;flex-shrink:0;box-shadow:0 3px 0 #1487a527}.dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#a4e5f5;border:2px solid #6bcde8;color:#895011;font:bold 16px Arial}.dot.found{background:#ffdb56;border-color:#efb12b}.stage{padding:4px 10px;margin:0;color:#063d5e;background:#eafcffde;border-radius:15px;text-align:center;font-size:14px;font-weight:900;display:grid;gap:3px;flex-shrink:0}.stage span:last-child{font-size:12px;font-weight:normal}.game footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.pill,.calm{border:3px solid white;border-radius:30px;background:#e9fcfff2;color:#06426a;box-shadow:0 4px 0 #0e8aab2b;padding:10px 17px;font-size:16px;font-weight:900;white-space:nowrap}.pill b{display:inline-grid;place-items:center;background:#09467a;color:#fff;border-radius:50%;width:25px;height:25px;margin-right:7px;font-size:19px}.calm{display:flex;align-items:center;gap:10px}.calm span{color:#e7a81e;font-size:24px}.game footer p{font-size:clamp(16px,1.7vw,24px);font-weight:900;text-align:center;margin:0;background:#f0fcffe0;padding:8px 17px;border-radius:22px}.overlay{position:absolute;inset:0;z-index:10;background:#06557361;backdrop-filter:blur(5px);display:grid;place-items:center;padding:16px}.overlay[hidden]{display:none}.dialog{width:min(460px,95vw);max-height:calc(100dvh - 32px);overflow:auto;padding:30px 34px;border:4px solid #fff;border-radius:35px;background:#f4feff;box-shadow:0 10px 0 #00677b2e,0 20px 80px #07445b44;text-align:center;outline:none}.eyebrow{font-weight:900;font-size:12px;letter-spacing:2px;color:#1688a4;margin:0 0 10px}.dialog h2{font-size:34px;line-height:1.08;letter-spacing:-.7px;margin:0 0 16px}.dialog p:not(.eyebrow){font-size:17px;line-height:1.45;margin:14px 0}.dialog-extra{display:grid;gap:10px;margin:23px 0;text-align:left}.dialog-extra span{display:flex;align-items:center;gap:12px;font-size:16px}.dialog-extra b{width:30px;height:30px;border-radius:50%;background:#ceeff7;color:#087a9b;display:grid;place-items:center;flex-shrink:0}.primary{color:#123e5e;border:3px solid white;border-radius:25px;background:linear-gradient(#ffe16b,#ffc234);padding:14px 28px;font-size:23px;font-weight:900;box-shadow:0 4px 0 #d08c14;min-width:210px;max-width:100%}.primary:disabled{opacity:.7}.secondary{display:block;margin:18px auto 0;border:0;background:none;text-decoration:underline;color:#246981;font-size:16px}.secondary[hidden]{display:none}.dialog .dialog-note{font-size:13px!important;color:#41839c;margin-bottom:0!important}.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}
@media(max-width:1100px){.game{grid-template-rows:118px minmax(0,1fr) 58px;padding:10px 16px;gap:12px}.brand{width:220px;height:118px}.lettering{width:220px;height:51px}.logo{width:158px;height:77px}.topbar{gap:16px}.hud{padding:11px 7px}.hud>div{padding:0 14px;gap:8px}.hud span{font-size:13px}.hud strong{font-size:23px}.hud small{font-size:17px}.round{width:53px;height:53px;font-size:26px}.tools{gap:9px}.play-layout{gap:16px;grid-template-columns:minmax(0,1fr) minmax(160px,23%)}.board-panel{padding:13px;border-radius:27px}.speech{padding:14px;font-size:18px;min-height:69px}.dot{width:19px;height:19px;font-size:13px}.pair-dots{gap:5px;padding:8px 10px}.pill,.calm{padding:8px 12px;font-size:14px}.game footer p{font-size:17px}}
@media(max-width:780px){.game{grid-template-rows:114px minmax(0,1fr) 52px;gap:10px;padding:8px 12px}.topbar{flex-wrap:wrap;justify-content:space-between;align-content:start;gap:4px}.brand{flex-direction:row;width:236px;height:48px;gap:4px}.lettering{width:140px;height:44px}.logo{width:86px;height:44px;margin:0}.tools{order:1}.round{width:42px;height:42px;font-size:22px}.round svg{width:25px;height:25px}.hud{order:2;flex-basis:100%;max-width:none;margin:4px 0 0;padding:8px 4px;justify-content:space-evenly;height:53px}.hud>div{padding:0 20px;gap:9px;justify-content:center;flex:1}.hud strong{font-size:23px}.hud span{font-size:13px}.play-layout{grid-template-columns:minmax(0,1fr) 145px;gap:12px}.board-panel{padding:10px;border-width:3px}.speech{font-size:16px;padding:12px 10px;border-radius:22px}.companion{gap:8px}.dot{width:17px;height:17px;font-size:12px}.pair-dots{padding:7px;gap:4px}.stage{font-size:12px}.stage span:last-child{font-size:12px}.calm{display:none}.game footer p{font-size:15px;padding:8px 12px}.card-back::after{font-size:clamp(32px,8vw,62px)}.card-back,.card-front{border-width:3px;border-radius:15px}.card-front{padding:5px}}
@media(max-width:580px){.game{grid-template-rows:115px minmax(0,1fr) 50px;padding:8px;gap:8px}.brand{width:220px}.lettering{width:132px}.logo{width:78px}.tools{gap:7px}.round{width:39px;height:39px;font-size:20px}.hud>div{padding:0 9px;gap:6px}.hud span{font-size:12px;letter-spacing:0}.hud strong{font-size:21px}.hud small{font-size:15px}.play-layout{display:flex;flex-direction:column;gap:8px}.board-panel{flex:1;min-height:0;order:2;padding:8px;border-radius:23px}.companion{order:1;flex-direction:row;justify-content:center;max-height:56px;min-height:48px;gap:8px;padding:0 2px}.leo{height:53px;width:48px;flex:0 0 48px;order:-1;object-position:top}.speech{min-height:0;padding:9px 15px;max-width:100%;font-size:15px;flex:1;border:2px solid white}.speech::after,.pair-dots,.stage{display:none}.board{gap:7px}.card-back,.card-front,.card{border-radius:13px}.card-front{padding:5px}.card-back::after{font-size:clamp(35px,11vw,62px)}.board.dense{gap:5px}.board.dense .card-back,.board.dense .card-front{border-width:2px;border-radius:10px}.board.dense .card-front{padding:3px}.board.dense .card-back::after{font-size:32px}.card.matched .card-front::after{width:20px;height:20px;font-size:14px;top:3px;right:3px}.board.dense .card.matched .card-front::after{width:16px;height:16px;font-size:10px;right:1px;top:1px}.pill{padding:6px 9px;font-size:13px;border-width:2px}.pill b{width:21px;height:21px;font-size:16px;margin-right:4px}.game footer{gap:6px}.game footer p{font-size:13px;padding:7px 9px;max-width:205px}.dialog{padding:25px 22px}.dialog h2{font-size:31px}}
@media(max-height:650px) and (min-width:781px){.game{grid-template-rows:94px minmax(0,1fr) 48px;gap:8px;padding:6px 14px}.brand{height:94px;width:200px}.lettering{height:42px;width:200px}.logo{height:60px;width:130px}.round{height:47px;width:47px}.board-panel{padding:10px}.speech{min-height:0;padding:10px 13px;font-size:16px}.companion{gap:6px}.stage{padding:3px 8px}.pill,.calm{padding:6px 12px}.game footer p{font-size:16px}.pair-dots{padding:6px 9px}.dot{width:17px;height:17px}.card-back::after{font-size:clamp(28px,6vw,66px)}}
@media(max-height:450px) and (min-width:581px){.game{grid-template-rows:58px minmax(0,1fr) 40px;padding:6px 10px;gap:6px}.topbar{flex-wrap:nowrap;gap:10px;align-items:center}.brand{height:52px;width:178px;flex-direction:row;gap:4px}.lettering{width:109px;height:35px}.logo{width:63px;height:39px;margin:0}.hud{order:0;flex-basis:auto;height:43px;padding:5px 3px;margin:auto}.hud>div{padding:0 9px;gap:5px}.hud strong{font-size:18px}.hud small{font-size:14px}.hud span{font-size:11px}.round{width:37px;height:37px}.tools{gap:6px}.play-layout{grid-template-columns:minmax(0,1fr) 128px;gap:10px}.board-panel{padding:7px;border-radius:20px}.board{gap:6px}.speech{font-size:13px;padding:7px 8px;min-height:0}.stage{display:none}.pair-dots{padding:5px;gap:3px}.dot{width:13px;height:13px;font-size:9px}.pill,.calm{padding:5px 9px;font-size:12px}.game footer p{font-size:13px;padding:5px 9px}.card-front{padding:3px}.card-back::after{font-size:36px}.board.dense .card-back::after{font-size:25px}.dialog{padding:15px 24px;width:520px}.dialog h2{font-size:26px;margin-bottom:8px}.dialog p:not(.eyebrow){font-size:14px;margin:8px 0}.dialog-extra{margin:12px 0;gap:5px}.dialog-extra span{font-size:14px}.dialog-extra b{width:23px;height:23px}.primary{font-size:19px;padding:9px 22px}.eyebrow,.dialog-note{display:none}.secondary{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}
@media(max-width:360px){.brand{width:183px}.lettering{width:111px}.logo{width:66px}.tools{gap:5px}.round{width:36px;height:36px}.hud>div{padding:0 6px;gap:4px}.hud span{font-size:12px}.hud strong{font-size:19px}.hud small{font-size:14px}.game footer p{font-size:12px}.pill{font-size:12px}}