.pixel-page{color:#363636;background:#f8f0e5;min-height:100vh;overflow-x:hidden}.pixel-section{max-width:49rem;margin-left:auto;margin-right:auto;padding:3rem 1.5rem}@media (min-width:768px){.pixel-section{padding:6rem 1.5rem 0}}.pixel-dialog,.pixel-input,.pixel-btn,.pixel-btn-submit,.pixel-box,.pixel-box-inner,.pixel-box-blue,.pixel-dialog-simple,.pixel-input-wrapper-simple,.pixel-btn-simple{background:var(--pb-bg,transparent);border:none;position:relative}.pixel-dialog:before,.pixel-input:before,.pixel-btn:before,.pixel-btn-submit:before,.pixel-box:before,.pixel-box-inner:before,.pixel-box-blue:before,.pixel-btn-outline:before{content:"";background:  linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(var(--pb-size,8px)*3)0/calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(var(--pb-size,8px)*3)100%/calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))0 calc(var(--pb-size,8px)*3)/var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))100% calc(var(--pb-size,8px)*3)/var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6)no-repeat;pointer-events:none;position:absolute;inset:0}.pixel-dialog-simple:before,.pixel-input-wrapper-simple:before,.pixel-btn-simple:before{content:"";--size:14px;background:  linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))var(--size)0/calc(100% - var(--size)*2)var(--size)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))var(--size)100%/calc(100% - var(--size)*2)var(--size)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))0 var(--size)/var(--size)calc(100% - var(--size)*2)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))100% var(--size)/var(--size)calc(100% - var(--size)*2)no-repeat;pointer-events:none;position:absolute;inset:0}.pixel-dialog:after,.pixel-input:after,.pixel-btn:after,.pixel-btn-outline:after,.pixel-btn-submit:after,.pixel-box:after,.pixel-box-inner:after,.pixel-box-blue:after{content:"";background:  linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(var(--pb-size,8px)*2)var(--pb-size,8px)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))var(--pb-size,8px)calc(var(--pb-size,8px)*2)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(100% - var(--pb-size,8px)*2)var(--pb-size,8px)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(100% - var(--pb-size,8px))calc(var(--pb-size,8px)*2)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))var(--pb-size,8px)calc(100% - var(--pb-size,8px)*2)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px))/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(100% - var(--pb-size,8px))calc(100% - var(--pb-size,8px)*2)/var(--pb-size,8px)var(--pb-size,8px)no-repeat,linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002))calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px))/var(--pb-size,8px)var(--pb-size,8px)no-repeat;pointer-events:none;position:absolute;inset:0}.pixel-input{text-align:left}.pixel-dialog-simple{--pb-size:14px;--pb-bg:transparent;z-index:0;padding:calc(14px + 1rem);position:relative}.pixel-dialog-simple:after{content:"";z-index:-1;pointer-events:none;background:#fff;position:absolute;inset:14px}.pixel-input-wrapper-simple{--pb-size:14px;--pb-bg:transparent;padding:14px;position:relative}.pixel-input-simple{color:#363636;text-align:left;background:#fff;border:none;outline:none;width:100%;padding:.875rem 1rem;font-family:"Press Start 2P",monospace;font-size:.875rem}.pixel-input-simple::placeholder{color:#363636;opacity:.4}.pixel-input-simple:focus{--pb-color:#3a0002}.pixel-btn-simple{--pb-size:14px;--pb-bg:transparent;--btn-inner-bg:#ecd7d7;color:#363636;cursor:pointer;z-index:0;padding:calc(14px + .625rem) calc(14px + 2rem);font-family:"Press Start 2P",monospace;font-size:.625rem;transition:all .15s;display:inline-block}.pixel-btn-simple:after{content:"";background:var(--btn-inner-bg);z-index:-1;pointer-events:none;position:absolute;inset:14px}.pixel-btn-simple:hover{--btn-inner-bg:#d9bebe;transform:translateY(-1px)}.pixel-btn-simple:active{transform:translateY(1px)}.pixel-btn-simple:disabled{opacity:.4;cursor:not-allowed;transform:none}.pixel-box{--pb-bg:#fff;padding:calc(8px + 1.5rem);position:relative}.pixel-box-inner{--pb-bg:transparent;padding:calc(8px + 1.5rem);position:relative}.pixel-dialog{--pb-size:8px;--pb-bg:transparent;padding:16px;position:relative}.pixel-dialog-header{background:#ecd7d7;justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex;position:relative}.pixel-dialog-body{text-align:center;background:0 0;padding:2rem 1.5rem;position:relative}.pixel-input{--pb-size:8px;--pb-bg:#fff;color:#363636;outline:none;width:100%;padding:calc(8px + .875rem) calc(8px + 1rem);font-family:"Press Start 2P",monospace;font-size:.875rem}.pixel-input::placeholder{color:#363636;opacity:.4}.pixel-input:focus{--pb-color:#3a0002}.pixel-btn{--pb-bg:#ecd7d7;color:#363636;cursor:pointer;padding:calc(8px + .625rem) calc(8px + 2rem);font-family:"Press Start 2P",monospace;font-size:.625rem;transition:all .15s;display:inline-block}.pixel-btn:hover{--pb-bg:#e0c8c8;transform:translateY(-1px)}.pixel-btn:active{transform:translateY(1px)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pixel-btn-outline{--pb-size:8px;--pb-bg:transparent;--btn-inner-bg:transparent;color:#363636;cursor:pointer;z-index:0;border:none;padding:calc(8px + .75rem) calc(8px + 1.5rem);font-family:Cormorant Garamond,serif;transition:all .15s;display:inline-block;position:relative}.pixel-btn-outline:before{content:"";z-index:-1;background-image:  linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002)),linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002)),linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002)),linear-gradient(var(--pb-color,#4c0002),var(--pb-color,#4c0002)),linear-gradient(var(--btn-inner-bg),var(--btn-inner-bg));background-position:  calc(var(--pb-size,8px)*3)0,calc(var(--pb-size,8px)*3)100%,0 calc(var(--pb-size,8px)*3),100% calc(var(--pb-size,8px)*3),var(--pb-size,8px)var(--pb-size,8px);background-size:  calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px)*2);-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:  calc(var(--pb-size,8px)*3)0,calc(var(--pb-size,8px)*3)100%,0 calc(var(--pb-size,8px)*3),100% calc(var(--pb-size,8px)*3),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),calc(100% - var(--pb-size,8px))var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)),calc(100% - var(--pb-size,8px))calc(100% - var(--pb-size,8px));-webkit-mask-size:  calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px)*2),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px);-webkit-mask-composite:destination-out;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-repeat:no-repeat;-webkit-mask-position:calc(var(--pb-size,8px)*3)0,calc(var(--pb-size,8px)*3)100%,0 calc(var(--pb-size,8px)*3),100% calc(var(--pb-size,8px)*3),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),calc(100% - var(--pb-size,8px))var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)),calc(100% - var(--pb-size,8px))calc(100% - var(--pb-size,8px));-webkit-mask-position:calc(var(--pb-size,8px)*3)0,calc(var(--pb-size,8px)*3)100%,0 calc(var(--pb-size,8px)*3),100% calc(var(--pb-size,8px)*3),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),calc(100% - var(--pb-size,8px))var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)),calc(100% - var(--pb-size,8px))calc(100% - var(--pb-size,8px));mask-position:calc(var(--pb-size,8px)*3)0,calc(var(--pb-size,8px)*3)100%,0 calc(var(--pb-size,8px)*3),100% calc(var(--pb-size,8px)*3),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),calc(100% - var(--pb-size,8px))var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)),calc(100% - var(--pb-size,8px))calc(100% - var(--pb-size,8px));-webkit-mask-size:calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px)*2),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px);-webkit-mask-size:calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px)*2),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px);mask-size:calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),calc(100% - var(--pb-size,8px)*6)var(--pb-size,8px),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),var(--pb-size,8px)calc(100% - var(--pb-size,8px)*6),calc(100% - var(--pb-size,8px)*2)calc(100% - var(--pb-size,8px)*2),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px),var(--pb-size,8px)var(--pb-size,8px);-webkit-mask-composite:xor;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.pixel-btn-outline:hover{--btn-inner-bg:#4c00020d}.pixel-btn-outline.active{--btn-inner-bg:#ecd7d7}.pixel-btn-wrapper-filled{--pb-size:8px;--pb-color:#4c0002;padding:var(--pb-size);cursor:pointer;font-family:Cormorant Garamond,serif;transition:background .15s;display:inline-block;position:relative}.pixel-btn-wrapper-filled:hover .pixel-btn-inner-filled{background:#3a0002}.pixel-btn-wrapper-filled:before{content:"";background:  linear-gradient(var(--pb-color),var(--pb-color))calc(var(--pb-size)*2)0/calc(100% - var(--pb-size)*4)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(var(--pb-size)*2)100%/calc(100% - var(--pb-size)*4)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))0 calc(var(--pb-size)*2)/var(--pb-size)calc(100% - var(--pb-size)*4)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))100% calc(var(--pb-size)*2)/var(--pb-size)calc(100% - var(--pb-size)*4)no-repeat;pointer-events:none;position:absolute;inset:0}.pixel-btn-wrapper-filled:after{content:"";background:  linear-gradient(var(--pb-color),var(--pb-color))calc(var(--pb-size)*2)var(--pb-size)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))var(--pb-size)calc(var(--pb-size)*2)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(100% - var(--pb-size)*2)var(--pb-size)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(100% - var(--pb-size))calc(var(--pb-size)*2)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))var(--pb-size)calc(100% - var(--pb-size)*2)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(var(--pb-size)*2)calc(100% - var(--pb-size))/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(100% - var(--pb-size))calc(100% - var(--pb-size)*2)/var(--pb-size)var(--pb-size)no-repeat,linear-gradient(var(--pb-color),var(--pb-color))calc(100% - var(--pb-size)*2)calc(100% - var(--pb-size))/var(--pb-size)var(--pb-size)no-repeat;pointer-events:none;position:absolute;inset:0}.pixel-btn-inner-filled{color:#f8f0e5;cursor:pointer;background:#4c0002;border:none;width:100%;padding:.75rem 1.5rem;font-family:Cormorant Garamond,serif;transition:background .15s;display:block}.pixel-btn-inner-filled:hover{background:#3a0002}.pixel-btn-inner-filled:disabled{opacity:.4;cursor:not-allowed}.pixel-strikethrough{display:inline-block;position:relative}.pixel-strikethrough:after{content:"";background:#af0b10;height:3px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.pixel-heart-list{padding:0;list-style:none}.pixel-heart-list li{margin-bottom:1rem;padding-left:2rem;line-height:1.6;position:relative}.pixel-heart-list li:before{content:"♥";color:#4c0002;font-size:.875rem;position:absolute;top:0;left:0}.pixel-link{text-underline-offset:3px;text-decoration:underline;transition:opacity .2s}.pixel-link:hover{opacity:.7}.ttt-grid{grid-template-columns:repeat(3,1fr);gap:0;width:240px;margin:0 auto;display:grid}.ttt-cell{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.ttt-cell:nth-child(2),.ttt-cell:nth-child(5),.ttt-cell:nth-child(8){border-left:3px solid #363636;border-right:3px solid #363636}.ttt-cell:nth-child(4),.ttt-cell:nth-child(5),.ttt-cell:nth-child(6){border-top:3px solid #363636;border-bottom:3px solid #363636}@keyframes pixelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pixel-fade-in{animation:.5s ease-out forwards pixelFadeIn}@keyframes pixelHeartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-heart-beat{animation:1.5s ease-in-out infinite pixelHeartBeat}.pixel-box-blue{--pb-bg:transparent;--pb-color:#adb8ca;padding:calc(8px + 1.5rem);position:relative}.pixel-btn-tst{--s:8px;--b:8px;--border:#4c0002;--fill:transparent;--text:#363636;padding:calc(var(--s) + .75rem)calc(var(--s) + 1.5rem);color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;transition:transform .15s;display:inline-grid;position:relative}.pixel-btn-tst:before,.pixel-btn-tst:after{content:"";pointer-events:none;clip-path:polygon(  calc(var(--s)*3)0,calc(100% - var(--s)*3)0,calc(100% - var(--s)*2)var(--s),calc(100% - var(--s)*1)calc(var(--s)*2),100% calc(var(--s)*3),100% calc(100% - var(--s)*3),calc(100% - var(--s)*1)calc(100% - var(--s)*2),calc(100% - var(--s)*2)calc(100% - var(--s)*1),calc(100% - var(--s)*3)100%,calc(var(--s)*3)100%,calc(var(--s)*2)calc(100% - var(--s)*1),calc(var(--s)*1)calc(100% - var(--s)*2),0 calc(100% - var(--s)*3),0 calc(var(--s)*3),calc(var(--s)*1)calc(var(--s)*2),calc(var(--s)*2)var(--s));position:absolute;inset:0}.pixel-btn-tst:before{background:var(--border);z-index:-2}.pixel-btn-tst:after{inset:var(--b);background:var(--fill);z-index:-1;clip-path:inherit}.pixel-btn-tst:hover{--fill:#4c00020f}.pixel-btn-tst:active,.pixel-btn-tst.active{--fill:#ecd7d7;transform:translateY(1px)}