*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#efbc68;font-family:system-ui,sans-serif}#game{--ma-game-style:shell-pairs;position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.beach{position:absolute;inset:0;z-index:-1;pointer-events:none}.beach img{width:100%;height:100%;object-fit:fill}.corner-button{position:absolute;z-index:20;cursor:pointer;display:block}.corner-button:active{transform:scale(.94)}.workspace{position:absolute;inset:0}.workspace.leaving{pointer-events:none}.has-brand-finale .workspace{visibility:hidden}#shells{position:absolute;left:2%;right:2%;top:14%;bottom:10%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:1%;row-gap:1%;align-items:center;justify-items:center}.shell{width:100%;height:100%;max-width:41vh;max-height:41vh;border:0;padding:0;background:transparent;position:relative;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.shell:disabled{cursor:default}.shell>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 5px 3px #75400e35)}.shell:focus-visible{outline:3px solid #7738ba;outline-offset:1px;border-radius:30%}.shell:not(:disabled):active>svg{transform:scale(.97)}.shell .closed-art{transform-origin:50% 93%;transition:transform 300ms ease,opacity 230ms ease}.shell .open-art{opacity:0;transform:scaleY(.92);transform-origin:50% 93%;transition:opacity 260ms ease,transform 320ms ease}.shell.open .closed-art{opacity:0;transform:scaleY(.15);pointer-events:none}.shell.open .open-art{opacity:1;transform:scaleY(1)}.shell.rejected>svg{animation:shell-no 320ms ease-in-out}.ma-match-glint{transform-box:fill-box;transform-origin:center}.celebration-screen{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.celebration-screen[hidden]{display:none}.celebration-content{position:relative;min-height:0}.mascots{position:relative;z-index:1;min-height:0;pointer-events:none}.finish-actions{position:relative;z-index:2;display:flex;flex-direction:column;flex:none}.finish-button{position:relative;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes shell-no{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media(orientation:portrait){#shells{left:5%;right:5%;top:max(12.5%,82px);bottom:8%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));column-gap:4%;row-gap:1.7%}.shell{max-width:none;max-height:none}}@media(orientation:landscape) and (max-height:500px){#shells{top:66px;bottom:4%;left:7%;right:7%;row-gap:0}.shell{max-height:none;max-width:none}}@media(prefers-reduced-motion:reduce){.shell .closed-art,.shell .open-art{transition:opacity 180ms ease;transform:none!important}.shell.rejected>svg{animation:none}}@media(orientation:portrait){.shell>svg{position:absolute;left:-5%;top:-5%;width:110%;height:110%}}