@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";@font-face{font-family:Quager;src:url(/fonts/16-bit.ttf)format("truetype");font-weight:400;font-style:normal}:root{--bg-main:#2b1f1d;--panel-bg:#3d2f2b;--text-main:#e2d4b7;--text-heading:#f4be6d;--border:#5a453d;--accent:#f47a9e;--accent-bg:#4a2831;--accent-border:#ff9ebb;--social-bg:#4d3c37;--shadow:4px 4px 0px #1a1211}*{box-sizing:border-box;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-smooth:never;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;min-height:100vh;font-family:Courier New,Courier,monospace;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-heading);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px #1a1211;margin-bottom:.5em;font-family:Quager,monospace;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-border)}p{color:var(--text-main);margin-bottom:1em}.centered-canvas{box-shadow:var(--shadow);background-color:#000;margin:0 auto;display:block;border:4px solid var(--border)!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--text-heading)}.retro-modal-overlay{z-index:9999;pointer-events:auto;background-color:#1a121180;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.retro-modal-content{background-color:var(--panel-bg);border:4px solid var(--border);box-shadow:var(--shadow);text-align:center;max-width:90%;max-height:90%;padding:20px;position:relative}.existing-user{background-color:var(--panel-bg);border:4px double var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);text-align:center;margin:20px auto;padding:32px 24px}.login-prompt{color:var(--text-heading);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px #1a1211;margin-bottom:20px;font-family:Courier New,Courier,monospace;font-size:1.25rem;font-weight:700}.reset-prompt{color:var(--text-main);margin-top:24px;margin-bottom:8px;font-family:Courier New,Courier,monospace;font-size:.9rem}.login-form{flex-direction:column;gap:16px;display:flex}.email-field,.password-field{background-color:var(--bg-main);width:100%;color:var(--text-main);border:2px solid var(--border);box-sizing:border-box;border-radius:0;outline:none;padding:10px 14px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;transition:all .2s}.email-field:focus,.password-field:focus{border-color:var(--accent);box-shadow:2px 2px #1a1211}.email-field::placeholder,.password-field::placeholder{color:#7a635a;text-transform:uppercase}.enter-button{text-transform:uppercase;color:var(--text-main);background-color:var(--social-bg);border:2px solid var(--border);cursor:pointer;border-radius:0;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;transition:all .2s;box-shadow:2px 2px #1a1211}.reset-button{text-transform:uppercase;color:var(--text-main);background-color:var(--social-bg);border:2px solid var(--border);cursor:pointer;border-radius:0;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;transition:all .2s;box-shadow:2px 2px #1a1211}.reset-button:hover{background-color:var(--border);color:var(--text-heading);transform:translate(-1px,-1px);box-shadow:3px 3px #1a1211}.reset-button:active{transform:translate(1px,1px);box-shadow:0 0 #0000}.reset-button:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.new-user{background-color:var(--panel-bg);border:4px double var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);text-align:center;margin:20px auto;padding:32px 24px}.create-prompt,.create-prompt-2{color:var(--text-heading);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px #1a1211;margin-bottom:10px;font-family:Courier New,Courier,monospace;font-size:1.25rem;font-weight:700}.create-prompt-2{margin-bottom:20px;font-size:1rem}.create-form p{color:var(--text-heading);text-transform:uppercase;margin:8px 0 4px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700}.create-form{flex-direction:column;gap:16px;display:flex}.username-field,.email-field,.password-field,.house-num-field,.street-field,.city-field{background-color:var(--bg-main);width:100%;color:var(--text-main);border:2px solid var(--border);box-sizing:border-box;border-radius:0;outline:none;padding:10px 14px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;transition:all .2s}.username-field:focus,.email-field:focus,.password-field:focus,.house-num-field:focus,.street-field:focus,.city-field:focus{border-color:var(--accent);box-shadow:2px 2px #1a1211}.username-field::placeholder,.email-field::placeholder,.password-field::placeholder,.house-num-field::placeholder,.street-field::placeholder,.city-field::placeholder{color:#7a635a;text-transform:uppercase}.tos-container{color:var(--text-main);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;display:flex}.tos-container input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.error{color:#f33;text-transform:uppercase;background-color:#ff00001a;border:1px dashed #f33;margin:4px 0;padding:8px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700}.enter-button{text-transform:uppercase;letter-spacing:1px;color:#fff;background-color:var(--accent-bg);border:2px solid var(--accent-border);box-shadow:var(--shadow);cursor:pointer;border-radius:0;margin-top:8px;padding:12px 24px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;transition:all .2s}.enter-button:hover{background-color:var(--accent);color:#1a1211;transform:translate(-1px,-1px);box-shadow:6px 6px #1a1211}.enter-button:active{transform:translate(2px,2px);box-shadow:2px 2px #1a1211}.enter-button:focus-visible{outline:2px dashed var(--text-heading);outline-offset:4px}.retro-modal-overlay{z-index:999;background-color:#1a1211d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.auth-pop-up{background-color:var(--bg-main);border:4px double var(--border);width:820px;max-width:90%;box-shadow:var(--shadow);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;padding:32px;display:flex}.auth-header{color:var(--text-heading);text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px #1a1211;margin-bottom:4px;font-family:Courier New,Courier,monospace;font-size:1.75rem;font-weight:700}.auth-desc{color:var(--text-main);letter-spacing:1px;margin-bottom:24px;font-family:Courier New,Courier,monospace;font-size:.95rem}.auth-cards-container{flex-direction:row;justify-content:center;gap:24px;width:100%;display:flex}@media (width<=1500px){.auth-pop-up{width:440px;max-height:95%;padding:24px 16px;overflow-y:auto}.auth-cards-container{flex-direction:column;gap:16px}.auth-header{font-size:1.4rem}}.retro-editor-container{background-color:var(--panel-bg);border:4px double var(--border);width:100%;max-width:600px;box-shadow:var(--shadow);box-sizing:border-box;margin:20px auto;padding:16px}.editor-header{color:var(--text-heading);text-transform:uppercase;border-bottom:2px dashed var(--border);justify-content:space-between;margin-bottom:12px;padding-bottom:8px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;display:flex}.editor-status{color:var(--accent);text-shadow:1px 1px #1a1211}.editor-form{flex-direction:column;gap:12px;display:flex}.retro-title-input{background-color:var(--bg-main);width:100%;color:var(--text-heading);border:2px solid var(--border);box-sizing:border-box;text-transform:uppercase;border-radius:0;outline:none;padding:10px 14px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;transition:all .2s}.retro-textarea{background-color:var(--bg-main);width:100%;height:200px;color:var(--text-main);border:2px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:0;outline:none;padding:14px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;line-height:1.5;transition:all .2s}.retro-textarea:focus{border-color:var(--accent);box-shadow:inset 0 0 8px #1a121199,2px 2px #1a1211}.retro-textarea::placeholder{color:#7a635a;text-transform:uppercase}.editor-footer{justify-content:space-between;align-items:center;display:flex}.char-counter{color:#7a635a;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700}.editor-save-btn,.editor-load-btn{text-transform:uppercase;letter-spacing:1px;color:#fff;background-color:var(--accent-bg);border:2px solid var(--accent-border);box-shadow:var(--shadow);cursor:pointer;border-radius:0;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;transition:all .2s}.editor-save-btn:hover,.editor-load-btn:hover{background-color:var(--accent);color:#1a1211;transform:translate(-1px,-1px);box-shadow:4px 4px #1a1211}.editor-save-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1211}.writing-backdrop{z-index:9999;background-color:#1a1211d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.writing-editor{background-color:var(--panel-bg);border:4px double var(--border);width:90%;max-width:650px;box-shadow:var(--shadow);text-align:center;padding:32px 24px;position:relative}.writing-title{color:var(--text-heading);text-transform:uppercase;text-shadow:2px 2px #1a1211;margin-bottom:6px;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700}.writing-subtitle{color:#7a635a;text-transform:uppercase;margin-bottom:24px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700}.close-popup-btn{color:#7a635a;cursor:pointer;background:0 0;border:none;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;transition:color .2s;position:absolute;top:12px;right:12px}.close-popup-btn:hover{color:var(--accent)}.letter-tray{z-index:10010;background-color:var(--panel-bg);border:4px double var(--border);box-sizing:border-box;flex-direction:column;gap:14px;width:90%;max-width:500px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #000000d9}.letter-tray>p{color:var(--text-heading);text-transform:uppercase;letter-spacing:1px;border-bottom:2px dashed var(--border);text-shadow:2px 2px #1a1211;justify-content:space-between;align-items:center;margin:0 0 4px;padding-bottom:8px;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;display:flex}.letter-tray-scrollable{max-height:450px;padding-right:6px;overflow-y:auto}.letter-tray::-webkit-scrollbar{width:8px}.letter-tray::-webkit-scrollbar-track{background:var(--bg-main);border-left:2px solid var(--border)}.letter-tray::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.letter-tray::-webkit-scrollbar-thumb:hover{background:var(--accent)}.letter-card{background-color:var(--bg-main);border:2px solid var(--border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.letter-card p{color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Courier New,Courier,monospace;font-size:.9rem;overflow:hidden}.letter-card p:first-of-type{color:var(--text-heading);text-transform:uppercase;flex-grow:1;font-weight:700}.letter-card button{background-color:var(--accent);color:#fff;border:2px solid var(--border);cursor:pointer;padding:6px 14px;font-family:Courier New,Courier,monospace;font-weight:700;transition:all .1s}.letter-card button:hover{background-color:var(--text-heading);box-shadow:2px 2px 0px var(--border);transform:translate(-1px,-1px)}.letter-card button:active{box-shadow:0px 0px 0px var(--border);transform:translate(0)}.drawer-pop-up-backdrop{z-index:500;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.letter-modal-overlay{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;z-index:9999!important;background-color:#0c0907b3!important}:root{--wood-dark:#2c1a11;--wood-base:#5a3825;--wood-mid:#7e4e31;--wood-light:#b37b56;--gold-dark:#825207;--gold-base:#c68912;--gold-light:#ffd54f;--cavity-bg:#140c0a}.drawer-housing{background-color:var(--wood-base);border:6px solid var(--wood-dark);box-sizing:border-box;z-index:10020;width:450px;height:360px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;transition:bottom .2s steps(6,end);position:fixed;bottom:-280px;left:50%;transform:translate(-50%)}.drawer-housing.open{bottom:20px}.drawer-interior-cavity{background-color:var(--cavity-bg);border-bottom:6px solid var(--wood-dark);box-sizing:border-box;width:100%;height:260px;padding:16px;overflow-y:auto}.drawer-letter-rack{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));justify-items:center;gap:16px;display:grid}.pixel-letter-tab{border:4px solid var(--wood-dark);cursor:pointer;box-sizing:border-box;background-color:#f2e6ce;flex-direction:column;justify-content:flex-end;align-items:center;width:70px;height:85px;padding:6px;transition:transform .1s steps(2,end);display:flex;position:relative;box-shadow:4px 4px #00000080}.pixel-letter-tab:before{content:"";border-top:30px solid #dbcaa7;border-left:31px solid #0000;border-right:31px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.pixel-letter-tab span{z-index:2;margin-bottom:4px;font-size:1.5rem}.pixel-letter-tab small{color:var(--wood-dark);text-transform:uppercase;z-index:2;text-align:center;white-space:nowrap;width:100%;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;overflow:hidden}.pixel-letter-tab:hover{background-color:#fff;transform:translateY(-6px)}.drawer-faceplate{background-color:var(--wood-mid);border-top:6px solid var(--wood-light);box-sizing:border-box;width:100%;height:88px;box-shadow:inset 0 6px 0 var(--wood-light), inset 6px 0 0 var(--wood-light), inset -6px -6px 0 var(--wood-dark);justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0}.pixel-brass-handle{background-color:var(--gold-base);border:4px solid var(--wood-dark);cursor:pointer;width:80px;height:24px;box-shadow:inset 0 4px 0 var(--gold-light),  inset 0 -4px 0 var(--gold-dark),  0 4px 0 #0006;position:relative}.pixel-brass-handle:before,.pixel-brass-handle:after{content:"";background-color:var(--wood-dark);width:8px;height:24px;position:absolute;top:-4px}.pixel-brass-handle:before{left:-12px}.pixel-brass-handle:after{right:-12px}.drawer-interior-cavity::-webkit-scrollbar{width:12px}.drawer-interior-cavity::-webkit-scrollbar-track{background:var(--wood-dark)}.drawer-interior-cavity::-webkit-scrollbar-thumb{background:var(--wood-mid);border:3px solid var(--wood-dark)}.drawer-interior-cavity::-webkit-scrollbar-thumb:hover{background:var(--wood-light)}.letter-modal-overlay{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;z-index:999999!important;background-color:#0f0c0acc!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.letter-container{width:100%;max-width:550px;animation:.35s ease-out floatIn;position:relative}.letter-paper{background-size:100% 26px;text-transform:none!important;letter-spacing:normal!important;background-color:#f7eecf!important;background-image:linear-gradient(#b4a07826 1px,#0000 1px)!important;border-radius:4px!important;padding:50px 55px!important;font-family:Playfair Display,Georgia,serif!important;box-shadow:0 15px 35px #00000080,inset 0 0 60px #b89a6a33!important}.letter-paper .letter-header{text-align:right!important;margin-bottom:25px!important}.letter-paper .letter-date{color:#705b45!important;text-shadow:none!important;font-family:Playfair Display,Georgia,serif!important;font-size:1rem!important;font-style:italic!important}.letter-paper .letter-main-title{color:#3d3023!important;text-shadow:none!important;text-transform:none!important;text-align:left!important;border-bottom:1px solid #705b454d!important;margin:0 0 25px!important;padding-bottom:12px!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.6rem!important;font-weight:600!important}.letter-paper .letter-content{color:#403226!important;text-shadow:none!important;white-space:pre-wrap!important;text-align:left!important;margin-top:10px!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.15rem!important;line-height:1.62!important}.letter-paper .letter-footer{text-align:right!important;margin-top:45px!important}.letter-paper .letter-valediction{color:#403226!important;text-shadow:none!important;margin-bottom:5px!important;font-family:Playfair Display,Georgia,serif!important;font-size:1.1rem!important}.letter-paper .letter-sender{color:#16263b!important;text-shadow:none!important;text-transform:none!important;margin:0!important;font-family:Dancing Script,cursive!important;font-size:2rem!important;font-weight:400!important}.close-letter-btn{color:#fff!important;cursor:pointer!important;text-shadow:0 2px 4px #00000080!important;background:0 0!important;border:none!important;font-size:2.5rem!important;line-height:1!important;transition:transform .2s!important;position:absolute!important;top:-40px!important;right:-5px!important}.close-letter-btn:hover{transform:scale(1.1)!important}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.send-button{text-transform:uppercase;letter-spacing:1px;color:var(--text-heading);border:2px solid var(--border);cursor:pointer;box-sizing:border-box;text-shadow:1px 1px #1a1211;background-color:#0000;width:100%;margin-top:10px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;transition:all .2s}.popup-backdrop{z-index:10000;background-color:#000000a6;width:100vw;height:100vh;position:fixed;top:0;left:0}.letter-select-row{border:1px solid rgba(var(--border), .2);box-sizing:border-box;background-color:#ffffff05;align-items:center;gap:12px;margin-bottom:12px;padding:6px;display:flex}.letter-card-flex-wrapper{flex:1}.select-draft-btn{text-transform:uppercase;color:var(--text-heading);border:2px solid var(--border);cursor:pointer;white-space:nowrap;background-color:#0000;height:fit-content;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .2s}.select-draft-btn:hover{background-color:var(--border);color:var(--bg-main);box-shadow:0px 0px 8px var(--border)}.select-draft-btn:active{transform:scale(.96)}.letter-toast{box-sizing:border-box;background-color:#f4ecd8;background-image:linear-gradient(#0000000d 1px,#0000 1px),url(/toast-tex);background-position:50%;background-size:100% 24px,cover;border:4px double #4a3b32;min-width:280px;max-width:360px;padding:16px;position:relative;box-shadow:4px 4px #1a121133}.toast-text{z-index:2;text-align:left;font-family:Courier New,Courier,monospace;position:relative}h4.toast-title{text-transform:uppercase;letter-spacing:1px;border-bottom:2px dashed #7a635a;margin:0 0 8px;padding-bottom:6px;font-size:15px;font-weight:700;color:#1a1211!important;text-shadow:none!important}p.toast-message{word-break:break-word;margin:0;font-size:13px;font-weight:700;line-height:1.5;color:#2b201d!important;text-shadow:none!important}.popup-backdrop{z-index:10000;background-color:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.collect-card{border:2px solid var(--border);background-color:var(--bg-main);cursor:pointer;align-items:center;gap:14px;margin-bottom:10px;padding:12px;transition:all .15s ease-in-out;display:flex}.collect-card:hover{border-color:var(--text-heading);background-color:#ffffff08}.collect-card.selected{border-color:var(--border);background-color:rgba(var(--border-rgb,255, 255, 255), .08);box-shadow:inset 0 0 8px rgba(var(--border-rgb,255, 255, 255), .1)}.collect-checkbox{color:var(--text-heading);-webkit-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.collect-details{text-align:left;flex-direction:column;gap:4px;display:flex}.collect-title{color:var(--text-heading);font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700}.collect-meta{color:var(--text-muted,#888);font-family:Courier New,Courier,monospace;font-size:.8rem}.no-mail-text{color:var(--text-muted,#888);text-align:center;margin:0;padding:40px 10px;font-family:Courier New,Courier,monospace;font-size:.9rem}.send-button{text-transform:uppercase;letter-spacing:1px;color:var(--text-heading);border:2px solid var(--border);cursor:pointer;box-sizing:border-box;text-shadow:1px 1px #1a1211;background-color:#0000;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;transition:all .2s}.send-button:hover{background-color:var(--border);color:var(--bg-main);box-shadow:0px 0px 10px var(--border)}.send-button:active{transform:scale(.98)}.retro-btn{cursor:pointer;border:2px solid var(--border);color:var(--text-heading);background:0 0;justify-content:center;align-items:center;padding:4px 12px;font-family:"'Courier New', monospace";font-size:.9rem;display:flex}.retro-close:hover,.retro-btn:hover{color:var(--accent,#f55);background-color:#ffffff0d}.post-cat-backdrop{z-index:9999;background-color:#1a1211d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.post-cat-editor{background-color:var(--panel-bg);border:4px double var(--border);width:90%;max-width:500px;box-shadow:var(--shadow);text-align:center;padding:32px 24px;position:relative}.post-cat-title{color:var(--text-heading);text-transform:uppercase;text-shadow:2px 2px #1a1211;margin-bottom:6px;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700}.post-cat-subtitle{color:#7a635a;text-transform:uppercase;margin-bottom:16px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700}.post-cat-avatar-container{justify-content:center;margin-bottom:16px;display:flex}.post-cat-gif{width:80px;height:80px;image-rendering:pixelated}.post-cat-speech{color:var(--text-heading);min-height:24px;margin-bottom:24px;font-family:Courier New,Courier,monospace;font-size:1rem;font-style:italic}.post-cat-actions{justify-content:center;gap:16px;display:flex}.post-cat-btn{color:var(--text-heading);border:2px solid var(--border);cursor:pointer;text-transform:uppercase;background-color:#1a1211;padding:10px 16px;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700;transition:all .2s}.post-cat-btn:hover{background-color:var(--accent);color:#1a1211;border-color:#1a1211}.post-cat-editor .close-popup-btn{color:#7a635a;cursor:pointer;background:0 0;border:none;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700;transition:color .2s;position:absolute;top:12px;right:12px}.post-cat-editor .close-popup-btn:hover{color:var(--accent)}.homepage-container{background-color:var(--bg-main);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.title-container{text-align:center;width:100%;margin-bottom:30px;font-family:Retro16Bit;display:block}.homepage-container h1{color:var(--text-heading);text-transform:uppercase;letter-spacing:2px;text-align:center;text-shadow:3px 3px #1a1211;margin:0;font-family:Quager,monospace;font-size:2.5rem;animation:4s ease-in-out infinite gentleFloat}.game-wrapper-box{background-color:var(--panel-bg);border:4px double var(--border);padding:12px;transition:transform .3s,box-shadow .3s;display:inline-block;box-shadow:8px 8px #1a1211}.game-wrapper-box:hover{transform:translate(-2px,-2px);box-shadow:10px 10px #1a1211}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=768px){.homepage-container{padding:20px 10px}.homepage-container h1{font-size:1.8rem}.game-wrapper-box{border-width:2px;padding:6px;box-shadow:4px 4px #1a1211}.game-wrapper-box:hover{transform:none;box-shadow:4px 4px #1a1211}}.legal-screen-wrapper{box-sizing:border-box;background-color:#1a1211;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Courier New,Courier,monospace;display:flex}.legal-container{background-color:var(--bg-surface,#2c1e1c);border:3px solid var(--border,#dfa97e);box-sizing:border-box;width:100%;max-width:700px;color:var(--text-heading,#f3e6d8);padding:30px;box-shadow:8px 8px #00000080}.legal-header h1{color:var(--accent,#fa4);letter-spacing:1px;margin:0 0 6px;font-size:1.1rem}.legal-header h2{margin:0;font-size:1.4rem;font-weight:700}.terminal-divider{color:var(--border,#dfa97e);opacity:.5;-webkit-user-select:none;user-select:none;margin:12px 0}.legal-body-scrollable{text-align:left;max-height:400px;margin:20px 0;padding-right:12px;overflow-y:auto}.legal-section{margin-bottom:24px}.legal-section h3{color:var(--accent,#fa4);text-transform:uppercase;margin:0 0 8px;font-size:1rem}.legal-section p{color:var(--text-body,#d0bfa7);margin:0;font-size:.9rem;line-height:1.5}.legal-footer{text-align:center}.legal-stamp{opacity:.6;letter-spacing:2px;margin:0 0 16px;font-size:.75rem}.legal-back-btn{color:var(--text-heading,#f3e6d8);border:2px solid var(--border,#dfa97e);cursor:pointer;background-color:#0000;padding:10px 24px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;transition:all .2s}.legal-back-btn:hover{background-color:var(--border,#dfa97e);color:var(--bg-surface,#2c1e1c);box-shadow:0px 0px 10px var(--border,#dfa97e)}.legal-back-btn:active{transform:scale(.97)}.legal-body-scrollable::-webkit-scrollbar{width:6px}.legal-body-scrollable::-webkit-scrollbar-track{background:#0003}.legal-body-scrollable::-webkit-scrollbar-thumb{background:var(--border,#dfa97e)}