:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-handwritten: "relation", "Caveat", cursive}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow-x:auto}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-soft)}button{font-family:inherit}.app{user-select:none;-webkit-user-select:none}.app img,.grid-container,.grid-container *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes mrdPopShrink{0%{transform:translateY(var(--mrdY, 0px)) scale(1);opacity:1}15%{transform:translateY(var(--mrdY, 0px)) scale(1.15);opacity:1}30%{transform:translateY(var(--mrdY, 0px)) scale(1.12);opacity:1}to{transform:translateY(var(--mrdY, 0px)) scale(0);opacity:0}}.vanish-animation{animation:mrdPopShrink .55s cubic-bezier(.2,.9,.2,1) forwards}body.loading .anim-on-hover{animation-play-state:paused!important}.puzzle-card-tilt{transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important;contain:layout style;will-change:transform}.puzzle-card-tilt:hover{transform:rotate(0) translateY(-3px) scale(1.01)!important}.puzzle-card-tilt:active{transform:rotate(0) translateY(-1px) scale(.99)!important}.puzzle-card-tilt .anim-on-hover{animation-play-state:paused!important}.puzzle-card-tilt:hover .anim-on-hover{animation-play-state:running!important}.puzzle-card-notched{transition:outline .1s cubic-bezier(.34,1.56,.64,1),outline-offset .1s cubic-bezier(.34,1.56,.64,1)!important;outline:6px solid transparent;outline-offset:0px;contain:layout style}.puzzle-card-tilt:hover .puzzle-card-notched.mrdHoverGlow:not(:disabled):not(.placed){outline:6px solid rgb(99,180,255);outline-offset:0px;--shadow-x: 9px;--shadow-y: 9px}.puzzle-card-tilt:active .puzzle-card-notched.mrdHoverGlow:not(:disabled):not(.placed){outline:6px solid rgb(99,180,255);outline-offset:0px;--shadow-x: 4px;--shadow-y: 4px}.puzzle-card-tilt:hover .puzzle-card-notched.mrdHoverGlow.coming-soon:not(:disabled){outline:6px solid rgb(160,60,60)}.puzzle-card-tilt:active .puzzle-card-notched.mrdHoverGlow.coming-soon:not(:disabled){outline:6px solid rgb(160,60,60)}.puzzle-card-tilt:hover .puzzle-card-tab{top:-23px!important}.envelope-inner-card{transition:transform .2s ease-out}.puzzle-card-tilt:hover .envelope-inner-card{transform:translateY(-3%)}.envelope-unlock,.envelope-unlock-date{transition:color .2s ease-out,font-weight .2s ease-out}.puzzle-card-tilt:hover .envelope-unlock{color:#2878d2!important;font-weight:800!important}.puzzle-card-tilt:hover .envelope-unlock-date{color:#111!important;font-weight:800!important}.mrdHoverGlow{transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s cubic-bezier(.34,1.56,.64,1),outline .1s cubic-bezier(.34,1.56,.64,1);outline:4px solid transparent;outline-offset:-1px}.mrdHoverGlow:hover:not(:disabled):not(.placed){transform:scale(1.02);outline:4px solid rgb(99,180,255);outline-offset:-1px}.mrdHoverGlow:active:not(:disabled):not(.placed){transform:scale(.98);outline:4px solid rgb(99,180,255);outline-offset:-1px}button.mrdHoverGlow{outline:4px solid transparent;outline-offset:-1px;-webkit-tap-highlight-color:transparent}button.mrdHoverGlow:hover:not(:disabled):not(.placed){outline:4px solid rgb(99,180,255);outline-offset:-1px}button.mrdHoverGlow:focus-visible{outline:4px solid rgb(99,180,255);outline-offset:-1px}.mrdPortraitGroup .mrdPortraitChild{transition:transform .1s cubic-bezier(.34,1.56,.64,1),outline .1s cubic-bezier(.34,1.56,.64,1);outline:4px solid transparent;outline-offset:-1px;-webkit-tap-highlight-color:transparent}.mrdPortraitGroup:hover .mrdPortraitChild:not(:disabled){transform:scale(1.02);outline:4px solid rgb(99,180,255);outline-offset:-1px}.mrdPortraitGroup:active .mrdPortraitChild:not(:disabled){transform:scale(.98);outline:4px solid rgb(99,180,255);outline-offset:-1px}.mrdPortraitGroup.placed:hover .mrdPortraitChild,.mrdPortraitGroup.placed:active .mrdPortraitChild{transform:none;outline:4px solid transparent}.mrdPortraitChild:focus-visible{outline:4px solid rgb(99,180,255);outline-offset:-1px}.print-only{position:fixed;left:-9999px;top:0;width:11in;height:8.5in;z-index:-1;pointer-events:none}body.printing .print-only{left:0;z-index:99999}@media print{.app{display:none!important}.print-only{position:fixed!important;left:0!important;top:0!important;z-index:99999!important;background:#fff!important;pointer-events:auto!important}.print-page{display:flex!important;flex-direction:column!important}@page{size:landscape;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.print-page,.print-page *{--bg: #ffffff !important;--panel: #f8f8f8 !important;--text-muted: #666666 !important;--border: #333333 !important;--wall-thin: rgba(0,0,0,.3) !important;--wall-thick: rgba(0,0,0,.9) !important;--portrait-name-bg: #222222 !important}.print-page .portrait-name-bar{color:#000!important;background:#fff!important;border-top:1px solid #333!important;padding-top:3px!important;padding-bottom:3px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% + 6px)!important;margin:auto -3px -3px!important;box-sizing:border-box!important;border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}.print-page .mrdPortraitGroup{gap:0px!important}.print-page .mrdPortraitChild{background:#fff!important;color:#000!important;padding:2px!important}.print-page .mrdPortraitChild,.print-page .mrdPortraitChild span,.print-page .mrdPortraitChild div,.print-page .mrdPortraitChild strong,.print-page .mrdPortraitChild b,.print-page .mrdPortraitChild em,.print-page .mrdPortraitChild *{color:#000!important;line-height:1!important}.print-page span[style*=textShadow]{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 -1px 0 #000,0 1px 0 #000,-1px 0 0 #000,1px 0 0 #000!important;-webkit-text-stroke:1px #000!important}.print-page div,.print-page button{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-page .grid-note-letter,.print-page .grid-big-letter{color:#fff!important;-webkit-text-stroke:1.5px #000!important}body.print-bw .print-page{filter:grayscale(100%)!important}}@keyframes portraitSlideUp{0%{transform:translateY(80%);animation-timing-function:cubic-bezier(.33,1,.68,1)}60%{transform:translateY(-8px);animation-timing-function:cubic-bezier(.34,1.2,.64,1)}80%{transform:translateY(2px);animation-timing-function:ease-out}to{transform:translateY(0)}}.portrait-slide-up{animation:portraitSlideUp .55s forwards}@keyframes clueBoxPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.clue-box-pop{animation:clueBoxPop .25s ease-out forwards}@keyframes pulse{0%{transform:scale(1)}30%{transform:scale(1.28)}to{transform:scale(1)}}.pulse-anim{animation:pulse .32s ease-out}@keyframes pulseSmall{0%{transform:scale(1)}30%{transform:scale(1.22)}to{transform:scale(1)}}.pulse-anim-small{animation:pulseSmall .2s ease-out}@keyframes pulseMedium{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}.pulse-anim-medium{animation:pulseMedium .26s ease-out}.online-bubble{transition:transform .15s ease}.online-bubble:hover{transform:scale(1.15)!important}@keyframes solvedFlash{0%,to{transform:scale(1);box-shadow:0 0 12px 4px #ffd700cc,0 2px 6px #0006}25%{transform:scale(1.1);box-shadow:0 0 20px 8px gold,0 2px 8px #00000080}50%{transform:scale(1.05);box-shadow:0 0 16px 6px #ffaa00e6,0 2px 6px #0006}75%{transform:scale(1.12);box-shadow:0 0 24px 10px gold,0 2px 10px #00000080}}.just-solved{animation:solvedFlash .6s ease-in-out infinite!important}@keyframes trophyPulse{0%,to{transform:scale(1);box-shadow:0 0 12px #ffc850cc,0 2px 6px #0000004d}50%{transform:scale(1.15);box-shadow:0 0 20px #ffc850,0 0 30px #ff963299,0 3px 8px #0006}}.trophy-pulse{animation:trophyPulse 1.5s ease-in-out infinite}@keyframes sharpie-stroke-staged{0%{stroke-dashoffset:180}15%{stroke-dashoffset:162}25%{stroke-dashoffset:162}50%{stroke-dashoffset:90}60%{stroke-dashoffset:90}to{stroke-dashoffset:0}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px rgba(99,180,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(99,180,255,.6)) drop-shadow(0 0 30px rgba(130,140,255,.3))}}@keyframes secret-mist{0%,to{filter:drop-shadow(0 4px 20px rgba(155,89,182,.35))}50%{filter:drop-shadow(0 6px 28px rgba(155,89,182,.5))}}@keyframes smoke-drift{0%{transform:translate(-10%) translateY(10%);opacity:.4}50%{transform:translate(10%) translateY(-5%);opacity:.6}to{transform:translate(-10%) translateY(10%);opacity:.4}}@keyframes smoke-drift-2{0%{transform:translate(15%) translateY(-10%);opacity:.3}50%{transform:translate(-15%) translateY(5%);opacity:.5}to{transform:translate(15%) translateY(-10%);opacity:.3}}@keyframes premium-shimmer{0%,to{filter:brightness(1) drop-shadow(0 4px 15px rgba(120,120,160,.25))}50%{filter:brightness(1.03) drop-shadow(0 6px 20px rgba(120,120,160,.35))}}@keyframes premium-shine-sweep{0%,to{left:-100%;opacity:0}5%{opacity:1}35%{left:150%;opacity:1}40%,to{left:150%;opacity:0}}@keyframes premium-sparkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}}@keyframes premium-pearl-blob-a{0%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}25%{transform:translate(55%,-25%) scale(1.15);filter:hue-rotate(-8deg)}50%{transform:translate(25%,45%) scale(.85);filter:hue-rotate(10deg)}75%{transform:translate(-40%,15%) scale(1.2);filter:hue-rotate(-5deg)}to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}}@keyframes premium-pearl-blob-b{0%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}30%{transform:translate(-45%,35%) scale(1.25);filter:hue-rotate(-10deg)}60%{transform:translate(35%,-40%) scale(.8);filter:hue-rotate(5deg)}to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}}@keyframes premium-pearl-blob-c{0%{transform:translate(0) scale(1.1);filter:hue-rotate(0deg)}35%{transform:translate(40%,40%) scale(.85);filter:hue-rotate(12deg)}70%{transform:translate(-35%,-20%) scale(1.2);filter:hue-rotate(-8deg)}to{transform:translate(0) scale(1.1);filter:hue-rotate(0deg)}}@keyframes premium-edge-glint{0%{offset-distance:0%;opacity:0}2%{opacity:1}35%{opacity:1}40%{offset-distance:40%;opacity:0}to{offset-distance:40%;opacity:0}}@keyframes envelope-text-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes envelope-arc-mobile{0%{transform:translateY(0)}42%{transform:translateY(-95%)}88%{transform:translateY(3%)}to{transform:translateY(0)}}@keyframes envelope-arc-desktop{0%{transform:translateY(0)}42%{transform:translateY(-110%)}88%{transform:translateY(3%)}to{transform:translateY(0)}}@keyframes envelope-wiggle{0%{transform:rotate(0)}15%{transform:rotate(.7deg)}35%{transform:rotate(-.8deg)}55%{transform:rotate(.4deg)}75%{transform:rotate(-.2deg)}to{transform:rotate(0)}}.envelope-wiggle{animation:envelope-wiggle .7s ease-in-out}@keyframes unlock-burst{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.unlock-icon{animation:unlock-burst .5s ease-out forwards}@keyframes envelope-content-fadein{0%{opacity:0}to{opacity:1}}@keyframes envelope-shine-sweep{0%{left:-60%}to{left:120%}}@keyframes pin-reveal-pulse{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes preview-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}