@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";
.kid-font{font-family:Comic Neue,cursive,sans-serif}.kid-font .font-black,.kid-font .font-extrabold{font-weight:700!important}.dino-match-screen{--dino-match-edge-padding:clamp(.5rem, 1.4vw, 1rem);--dino-match-card-width:clamp(5.5rem, min(17vw, 18vh), 13rem);--dino-match-card-column-gap:clamp(.45rem, min(1.5vw, 1.45vh), 1.2rem);--dino-match-card-row-gap:clamp(1rem, min(3vw, 3.1vh), 2.4rem);--dino-match-setup-card-width:clamp(7rem, min(30vw, 25.5vh), 16rem);--dino-match-setup-card-gap-x:clamp(.7rem, min(4.2vw, 3.5vh), 4rem);--dino-match-setup-card-gap-y:clamp(.35rem, min(1.7vw, 1.4vh), 1.25rem);--dino-match-turn-font:clamp(.95rem, min(1.9vw, 2.5vh), 1.55rem);--dino-match-side-column-width:clamp(6.5rem, 17vw, 18rem);--dino-match-side-dino-size:clamp(9rem, min(19vw, 36vh), 18rem);--dino-match-player-side-lift:clamp(-5.25rem, -6vh, -2.5rem);--dino-match-side-avatar-gap:clamp(1rem, 3.1vh, 2.4rem);--dino-match-score-badge-size:clamp(4.25rem, min(8vw, 12vh), 6.75rem);--dino-match-score-lift:clamp(-6.8rem, -8vh, -4rem);--dino-match-turn-offset:clamp(1.4rem, 3vh, 2.35rem);--dino-match-board-lift:clamp(-1.45rem, -2vh, -.55rem);--dino-match-reveal-font:clamp(1rem, min(5vw, 5vh), 3rem);--dino-match-reveal-asset:clamp(3rem, min(12vw, 11.5vh), 6.25rem)}.dino-match-stage{padding:var(--dino-match-edge-padding)}.dino-match-setup-panel{width:min(90vw,44rem);margin-bottom:clamp(.65rem,1.8vh,1.5rem);padding:clamp(.7rem,1.8vh,1rem) clamp(1rem,3vw,2rem)}.dino-match-setup-title{font-size:clamp(1.35rem,min(5.5vw,5vh),3rem);line-height:1.05}.dino-match-setup-copy{font-size:clamp(.8rem,min(2.4vw,2.1vh),1.125rem)}.dino-match-setup-grid,.dino-match-board-grid{place-content:center;min-height:0;display:grid}.dino-match-setup-grid{grid-template-columns:repeat(3, minmax(0, var(--dino-match-setup-card-width)));column-gap:var(--dino-match-setup-card-gap-x);row-gap:var(--dino-match-setup-card-gap-y);width:100%}.dino-match-setup-egg{transform:translate(var(--dino-match-setup-egg-x,0), var(--dino-match-setup-egg-y,0)) rotate(var(--dino-match-setup-egg-rotation,0deg));transform-origin:50% 72%}.dino-match-turn-bar{z-index:20;justify-content:center;width:100%;display:flex;position:relative}.dino-match-playfield{grid-template-columns:minmax(4.75rem, var(--dino-match-side-column-width)) minmax(0, auto) minmax(4.75rem, var(--dino-match-side-column-width));flex:1;grid-template-areas:"player-one board player-two";place-content:center;align-items:center;gap:clamp(.6rem,2vw,2.25rem);width:min(100%,90rem);min-height:0;padding-block:clamp(.65rem,1.9vh,1.6rem);display:grid}.dino-match-player-side{pointer-events:none;min-height:0;transform:translateY(var(--dino-match-player-side-lift));flex-direction:column;justify-content:flex-start;align-items:center;padding-top:clamp(.25rem,1.2vh,1rem);padding-bottom:clamp(.25rem,2vh,2rem);display:flex}.dino-match-player-side[data-player="1"]{grid-area:player-one;justify-self:end}.dino-match-player-side[data-player="2"]{grid-area:player-two;justify-self:start}.dino-match-side-score{aspect-ratio:1;max-width:var(--dino-match-score-badge-size);transform:translateY(var(--dino-match-score-lift));width:min(var(--dino-match-score-badge-size), 100%);background:#ffffffed;border:clamp(.16rem,.35vw,.26rem) solid #d1d5db;border-radius:clamp(.65rem,1vw,1rem);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 .45rem 1rem #0f172a1a}.dino-match-side-score.is-active{border-color:#00a859}.dino-match-side-score-egg{opacity:.72;width:78%;height:78%}.dino-match-side-score-count{color:#020617;font-size:clamp(1.45rem,min(3.5vw,5vh),3rem);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dino-match-side-avatar{aspect-ratio:1;margin-top:var(--dino-match-side-avatar-gap);max-width:var(--dino-match-side-dino-size);width:min(var(--dino-match-side-dino-size), 100%)}.dino-match-side-avatar img{object-fit:contain;transform-origin:50%;width:100%;height:100%;transform:scale(1.18)}.dino-match-side-avatar.is-flipped img{transform:scaleX(-1)scale(1.18)}.dino-match-turn-pill{max-width:min(100%,21rem);margin-top:var(--dino-match-turn-offset);border-width:clamp(.16rem,.36vw,.24rem);justify-self:center;padding:clamp(.36rem,.85vh,.58rem) clamp(.75rem,2vw,1.8rem)}.dino-match-turn-title{font-size:var(--dino-match-turn-font)}.dino-match-done-button{justify-self:center;margin-top:0;padding:clamp(.32rem,.75vh,.45rem) clamp(.75rem,1.8vw,1.35rem);font-size:clamp(.78rem,1.45vw,1.15rem)}.dino-match-done-tray{bottom:clamp(3.25rem,6vh,5rem);pointer-events:none;z-index:30;justify-content:center;display:flex;position:absolute;inset-inline:0}.dino-match-done-tray .dino-match-done-button{pointer-events:auto}.dino-match-board-wrap{width:100%;min-height:0;max-height:100%;transform:translateY(var(--dino-match-board-lift));grid-area:board;align-self:center;align-items:center}.dino-match-board-grid{grid-template-columns:repeat(4, minmax(0, var(--dino-match-card-width)));column-gap:var(--dino-match-card-column-gap);row-gap:var(--dino-match-card-row-gap);box-sizing:border-box;max-width:min(100%,74rem);max-height:100%;padding:0}.dino-match-board-grid[data-card-count="8"]{--dino-match-card-width:clamp(6.75rem, min(19vw, 22vh), 15rem)}.dino-match-board-grid[data-card-count="12"]{--dino-match-card-width:clamp(5.9rem, min(17.8vw, 18vh), 13rem)}.dino-match-board-grid[data-card-count="16"]{--dino-match-card-width:clamp(5.6rem, min(15vw, 17vh), 11.25rem)}.dino-match-card{aspect-ratio:1}.dino-match-card-flipper{height:100%;transform-style:preserve-3d;width:100%;transition:transform .56s cubic-bezier(.2,.9,.2,1);position:relative}.dino-match-card-flipper.is-flipped{transform:rotateY(180deg)}.dino-match-card-face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dino-match-card-front img{transition:filter .22s,transform .22s;transform:scale(1.08)}.dino-match-card:hover .dino-match-card-front img{transform:translateY(-3px)scale(1.14)}.dino-match-card-back{overflow:visible;transform:rotateY(180deg)}.dino-match-reveal-panel{box-sizing:border-box;background:radial-gradient(circle at 58% 18%,#fffffffa 0 11%,#0000 12%),linear-gradient(#fffffffa,#fffdf4f5);border:clamp(.08rem,.18vw,.16rem) solid #facc15d1;border-radius:50% 50% 47% 47%/60% 60% 42% 42%;width:78%;height:96%;padding:clamp(.25rem,.9vw,.75rem);overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffad,0 .45rem .85rem #0f172a1f}.dino-match-card-asset{width:var(--dino-match-reveal-asset);height:var(--dino-match-reveal-asset);z-index:1;font-size:clamp(2.3rem,min(10vw,9vh),5.6rem);position:relative}.dino-match-card-word{font-size:clamp(.5rem, calc(var(--dino-match-reveal-font) * var(--dino-match-word-scale,1)), var(--dino-match-reveal-font));letter-spacing:0;text-shadow:0 .1rem #ffffffe6,0 0 .8rem #ffffffe6;white-space:nowrap;z-index:1;max-width:100%;line-height:.95;display:inline-block;position:relative;overflow:visible}@media (max-width:480px){.dino-match-screen{--dino-match-card-width:clamp(3.4rem, min(20vw, 10vh), 5rem);--dino-match-card-column-gap:clamp(.25rem, 1vw, .45rem);--dino-match-card-row-gap:clamp(.45rem, 1.7vh, .85rem);--dino-match-setup-card-width:clamp(5.8rem, 29vw, 6.8rem);--dino-match-setup-card-gap-x:clamp(.55rem, 3vw, .95rem);--dino-match-setup-card-gap-y:clamp(.35rem, 1.4vh, .75rem);--dino-match-side-column-width:clamp(3.25rem, 15vw, 4.25rem);--dino-match-side-dino-size:clamp(5rem, 24vw, 7rem);--dino-match-player-side-lift:0rem;--dino-match-side-avatar-gap:0rem;--dino-match-score-badge-size:clamp(3.2rem, 15vw, 4.1rem);--dino-match-score-lift:0rem;--dino-match-board-lift:0rem;--dino-match-turn-offset:clamp(.45rem, 1.4vh, .8rem)}.dino-match-playfield{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"player-one player-two""board board";gap:clamp(.35rem,1.5vw,.65rem);padding-block:clamp(.35rem,1.2vh,.65rem)}.dino-match-player-side{flex-direction:row;justify-content:flex-start;gap:clamp(.35rem,1.4vw,.6rem);padding:0}.dino-match-player-side[data-player="1"],.dino-match-player-side[data-player="2"]{justify-self:center}.dino-match-side-avatar{max-width:clamp(3.2rem,16vw,5rem);margin-top:0}.dino-match-board-grid{padding:clamp(.4rem,1.5vw,.7rem)}.dino-match-board-grid[data-card-count="8"]{--dino-match-card-width:clamp(4.6rem, min(21.5vw, 16.5vh), 6.1rem)}.dino-match-board-grid[data-card-count="12"]{--dino-match-card-width:clamp(3.55rem, min(20.5vw, 10.2vh), 5.1rem)}.dino-match-board-grid[data-card-count="16"]{--dino-match-card-width:clamp(3.65rem, min(21vw, 8.4vh), 4.8rem)}.dino-match-done-button{padding:clamp(.3rem,.8vh,.45rem) clamp(.7rem,4vw,1.1rem);font-size:clamp(.8rem,4vw,1rem)}.dino-match-setup-egg{transform:translate(calc(var(--dino-match-setup-egg-x,0) * .45), var(--dino-match-setup-egg-y,0)) rotate(var(--dino-match-setup-egg-rotation,0deg))}}@media (max-height:520px) and (orientation:landscape){.dino-match-screen{--dino-match-card-column-gap:clamp(.25rem, min(.9vw, 1vh), .45rem);--dino-match-card-row-gap:clamp(.4rem, min(1.6vw, 1.8vh), .8rem);--dino-match-score-badge-size:clamp(2.8rem, 13vh, 4rem);--dino-match-side-dino-size:clamp(4.5rem, 30vh, 7.5rem);--dino-match-player-side-lift:clamp(-1.8rem, -5vh, -1rem);--dino-match-side-avatar-gap:clamp(.3rem, 2vh, .8rem);--dino-match-score-lift:clamp(-3rem, -6.4vh, -1.55rem);--dino-match-turn-offset:clamp(.75rem, 2.5vh, 1.1rem);--dino-match-board-lift:clamp(-.75rem, -2.4vh, -.3rem);--dino-match-turn-font:clamp(.85rem, 4vh, 1.05rem)}.dino-match-stage{padding:clamp(.35rem,1vw,.6rem)}.dino-match-turn-pill{padding:clamp(.25rem,.9vh,.4rem) clamp(.7rem,2vw,1.2rem)}.dino-match-playfield{gap:clamp(.45rem,1.4vw,1rem);padding-block:clamp(.25rem,1vh,.45rem)}.dino-match-done-button{padding:clamp(.28rem,.9vh,.4rem) clamp(.75rem,2vw,1.2rem);font-size:clamp(.78rem,4vh,1rem)}.dino-match-done-tray{bottom:clamp(2rem,5vh,2.75rem)}.dino-match-side-avatar{margin-top:var(--dino-match-side-avatar-gap)}.dino-match-board-grid[data-card-count="8"]{--dino-match-card-width:clamp(4.5rem, min(16vw, 23vh), 7rem)}.dino-match-board-grid[data-card-count="12"]{--dino-match-card-width:clamp(3.75rem, min(14vw, 18vh), 5.75rem)}.dino-match-board-grid[data-card-count="16"]{--dino-match-card-width:clamp(3.35rem, min(13vw, 14vh), 5rem)}}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.egg-shape{border-radius:50%/60% 60% 40% 40%;box-shadow:inset -10px -10px 20px #00000026,inset 10px 10px 20px #fff6,0 8px 15px #0000001a}.wobble{animation:3.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.02)}}@keyframes fall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@keyframes winner-action{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.6)rotate(0)}70%{transform:scale(1.6)rotate(360deg)}to{transform:scale(1)rotate(360deg)}}.animate-winner{transform-origin:50%;z-index:10;animation:1.5s ease-in-out forwards winner-action}@keyframes crown-drop{0%{opacity:0;transform:translateY(-20px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-crown{opacity:0;animation:.4s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards crown-drop}
.kid-font{font-family:Comic Neue,cursive,sans-serif}.kid-font .font-black,.kid-font .font-extrabold{font-weight:700!important}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.wobble{animation:3.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.02)}}@keyframes winner-action{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.6)rotate(0)}70%{transform:scale(1.6)rotate(360deg)}to{transform:scale(1)rotate(360deg)}}.animate-winner{transform-origin:50%;z-index:10;animation:1.5s ease-in-out forwards winner-action}@keyframes crown-drop{0%{opacity:0;transform:translateY(-20px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-crown{opacity:0;animation:.4s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards crown-drop}@keyframes fall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}.word-scroll::-webkit-scrollbar{width:8px}.word-scroll::-webkit-scrollbar-track{background:0 0}.word-scroll::-webkit-scrollbar-thumb{background-color:#fde68a;border-radius:20px}
.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.card-shadow{box-shadow:0 8px 32px #3b82f62e,0 2px 8px #00000014}@keyframes flyToGot{0%{opacity:1;transform:scale(1)translate(0)rotate(0)}to{opacity:0;transform:scale(.85)translate(-30%,50%)rotate(-3deg)}}@keyframes flyToAlmost{0%{opacity:1;transform:scale(1)translate(0)rotate(0)}to{opacity:0;transform:scale(.85)translateY(50%)rotate(0)}}.fly-got{pointer-events:none;animation:.3s ease-in-out forwards flyToGot}.fly-almost{pointer-events:none;animation:.3s ease-in-out forwards flyToAlmost}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.animate-error-shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both error-shake}@keyframes glow-green{0%{border-color:#bfdbfe;box-shadow:0 0 #10b98100}50%{background-color:#f0fdf4;border-color:#10b981;box-shadow:0 0 40px #10b98199}to{border-color:#bfdbfe;box-shadow:0 0 #10b98100}}.animate-glow-green{animation:.4s ease-in-out glow-green}