:root{--bg-main:#d8dcdb;--bg-grid-line:#ffffff4d;--text-main:#1a1a1a;--text-heading:#2b2b2b;--heading-shadow:#fff;--ui-bg-gradient:linear-gradient(180deg, #f0f0f0 0%, #c8cac9 100%);--ui-border:#7a7c7b;--ui-border-dark:#5a5c5b;--ui-shadow:#4a4b4a;--ui-shadow-dark:#2a2b2a;--ui-highlight:#fff;--input-bg:#fff;--fab-bg-gradient:linear-gradient(180deg, #e6e6e6 0%, #a3a5a4 100%);--fab-border-inner:#fff;--card-bg:#f4f4f4;--card-border:#7a7c7b;--card-shadow:#4a4b4a;--card-header-gradient:linear-gradient(90deg, #8a8c8b 0%, #c8cac9 100%);--card-price-color:#1b5e20;--card-text:#333;--card-seller-text:#555;--card-divider:#aaa;--card-img-filter:grayscale(20%);--modal-overlay-bg:#28282899}body.theme-cyber{--bg-main:#121316;--bg-grid-line:#ffffff0d;--text-main:#e2e8f0;--text-heading:#f1f5f9;--heading-shadow:#000;--ui-bg-gradient:linear-gradient(180deg, #2a2d34 0%, #1a1c22 100%);--ui-border:#4a4e58;--ui-border-dark:#383c44;--ui-shadow:#08090a;--ui-shadow-dark:#000;--ui-highlight:#ffffff1a;--input-bg:#181a1f;--fab-bg-gradient:linear-gradient(180deg, #383c44 0%, #202228 100%);--fab-border-inner:#4a4e58;--card-bg:#1e2024;--card-border:#383c44;--card-shadow:#08090a;--card-header-gradient:linear-gradient(90deg, #383c44 0%, #2a2d34 100%);--card-price-color:#0f6;--card-text:#cbd5e1;--card-seller-text:#94a3b8;--card-divider:#383c44;--card-img-filter:grayscale(10%) contrast(105%);--modal-overlay-bg:#000c}body.theme-darkroom{--bg-main:#1a1816;--bg-grid-line:#d2bea014;--text-main:#ece6dc;--text-heading:#f5f0e6;--heading-shadow:#000;--ui-bg-gradient:linear-gradient(180deg, #332f2b 0%, #201d1a 100%);--ui-border:#524a42;--ui-border-dark:#3b352f;--ui-shadow:#0d0c0b;--ui-shadow-dark:#000;--ui-highlight:#ffffff14;--input-bg:#221f1c;--fab-bg-gradient:linear-gradient(180deg, #443e38 0%, #282420 100%);--fab-border-inner:#524a42;--card-bg:#262320;--card-border:#443e38;--card-shadow:#0d0c0b;--card-header-gradient:linear-gradient(90deg, #443e38 0%, #332f2b 100%);--card-price-color:#e5a95d;--card-text:#d6cecf;--card-seller-text:#a69c8e;--card-divider:#443e38;--card-img-filter:sepia(30%) contrast(105%);--modal-overlay-bg:#000000d1}*{box-sizing:border-box;font-family:Courier New,Courier,monospace}body{background-color:var(--bg-main);background-image:linear-gradient(90deg, var(--bg-grid-line) 1px, transparent 1px), linear-gradient(var(--bg-grid-line) 1px, transparent 1px);color:var(--text-main);background-size:20px 20px;margin:0;padding:12px}h1{text-align:center;color:var(--text-heading);text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0px var(--heading-shadow);margin-bottom:25px;font-size:1.8rem}.top-bar{z-index:100;background:var(--ui-bg-gradient);border:2px solid var(--ui-border);max-width:1100px;box-shadow:inset 1px 1px 0px var(--ui-highlight), 3px 3px 0px var(--ui-shadow);flex-wrap:wrap;gap:8px;margin:0 auto 20px;padding:8px;display:flex;position:sticky;top:10px}.top-bar input,.top-bar select{border:2px solid var(--ui-border);background:var(--input-bg);color:var(--text-main);outline:none;flex:180px;min-width:0;min-height:44px;padding:8px;font-size:.85rem;font-weight:700}.fab{background:var(--fab-bg-gradient);width:55px;height:55px;color:var(--text-main);border:2px solid var(--fab-border-inner);outline:2px solid var(--ui-border-dark);cursor:pointer;box-shadow:4px 4px 0px var(--ui-shadow-dark);z-index:99;font-size:28px;font-weight:700;transition:transform .1s;position:fixed;bottom:30px;right:30px}.fab-help{background:var(--fab-bg-gradient);width:55px;height:55px;color:var(--text-main);border:2px solid var(--fab-border-inner);outline:2px solid var(--ui-border-dark);cursor:pointer;box-shadow:4px 4px 0px var(--ui-shadow-dark);z-index:99;border-radius:50%;font-size:22px;font-weight:700;transition:transform .1s;position:fixed;bottom:30px;left:30px}.fab:active,.fab-help:active{box-shadow:2px 2px 0px var(--ui-shadow-dark);transform:translate(2px,2px)}.modal-overlay{background:var(--modal-overlay-bg);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.form-container{background:var(--ui-bg-gradient);border:2px solid var(--ui-border-dark);width:90%;max-width:460px;max-height:90vh;box-shadow:inset 1px 1px 0px var(--ui-highlight), 5px 5px 0px var(--ui-shadow-dark);padding:18px;overflow-y:auto}.modal-header{border-bottom:2px solid var(--ui-border);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:8px;display:flex}.modal-header h2{color:var(--text-heading);text-transform:uppercase;margin:0;font-size:1.1rem}.close-btn{background:var(--ui-border);border:1px solid var(--ui-border-dark);cursor:pointer;color:var(--text-main);padding:0 6px;font-size:18px;font-weight:700}.form-container input,.form-container textarea,.form-container button{border:2px solid var(--ui-border);background:var(--input-bg);width:100%;color:var(--text-main);outline:none;margin-bottom:10px;padding:8px;font-size:.85rem}.char-counter{text-align:right;color:var(--card-seller-text);margin-top:-6px;margin-bottom:8px;font-size:.7rem;display:block}.form-error{color:#d32f2f;margin-bottom:10px;font-size:.8rem;font-weight:700}.form-container button[type=submit]{background:var(--fab-bg-gradient);color:var(--text-main);text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0px var(--ui-shadow);margin-top:5px;font-weight:700}.board-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;max-width:1100px;margin:0 auto;display:grid}.card-container{perspective:1000px;cursor:pointer;min-height:330px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.card-container.flipped .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background:var(--card-bg);border:2px solid var(--card-border);width:100%;height:100%;box-shadow:4px 4px 0px var(--card-shadow);word-break:break-word;flex-direction:column;padding:12px;display:flex;position:absolute;overflow:hidden}.card-face:before{content:"";background:var(--card-header-gradient);border-bottom:1px solid var(--card-border);height:10px;margin:-12px -12px 10px;display:block}.card-front img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--card-border);width:100%;filter:var(--card-img-filter)}.card-front h3{color:var(--text-main);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 4px;font-size:.95rem;overflow:hidden}.card-front .price{color:var(--card-price-color);margin-bottom:4px;font-size:.9rem;font-weight:700}.card-front .seller{color:var(--card-seller-text);border-top:1px dashed var(--card-divider);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding-top:6px;font-size:.75rem;overflow:hidden}.flip-hint{color:var(--card-seller-text);text-align:right;margin-top:4px;font-size:.65rem;font-style:italic}.card-back{justify-content:space-between;transform:rotateY(180deg)}.card-back h3{border-bottom:1px solid var(--card-divider);color:var(--text-main);text-transform:uppercase;margin:0 0 10px;padding-bottom:4px;font-size:.95rem}.card-back .description{color:var(--card-text);flex-grow:1;max-height:180px;padding-right:4px;font-size:.8rem;line-height:1.35;overflow-y:auto}.card-back .meta-info{border-top:1px dashed var(--card-divider);color:var(--card-seller-text);margin-top:8px;padding-top:8px;font-size:.75rem}.card-back .date{margin-top:2px;font-size:.7rem;display:block}.image-container{aspect-ratio:4/3;background-color:#0000000d;width:100%;position:relative;overflow:hidden}.image-container img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .3s ease-in-out;display:block}.image-container img.loaded{opacity:1}.help-list{margin:10px 0;padding-left:20px;font-size:.85rem;line-height:1.5}.help-list li{margin-bottom:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){body{padding:8px 6px}h1{margin-bottom:12px;font-size:1.4rem}.top-bar{z-index:100;gap:4px;margin-bottom:12px;padding:4px;position:sticky;top:0}.top-bar input,.top-bar select{flex:100%;min-height:36px;padding:4px 6px;font-size:.75rem}.board-grid{grid-template-columns:repeat(2,1fr);gap:8px}.card-container{min-height:250px}.card-face{padding:6px}.card-front h3,.card-back h3,.card-front .price{font-size:.8rem}.fab,.fab-help{width:45px;height:45px;font-size:20px;bottom:15px}.fab{right:15px}.fab-help{left:15px}}