:root{--forest-green:#2d4c1e;--earth-brown:#5c4033;--denim-blue:#1560bd;--off-white:#f4f1ea;--ticket-yellow:#f9f5d7;--pixel-font:'VT323',monospace;--display-font:'Press Start 2P',monospace}body,html{margin:0;padding:0;height:100vh;font-family:var(--pixel-font);background-color:#000;color:#333;overflow:hidden;touch-action:manipulation}h1,h2,h3{font-family:var(--display-font);text-shadow:2px 2px 0 rgba(0,0,0,.2)}.game-container{display:flex;height:100vh;width:100vw}.magazine-panel{flex:1;background-color:var(--off-white);background-image:radial-gradient(#d5d1c5 1px,transparent 1px);background-size:10px 10px;padding:20px;box-sizing:border-box;overflow-y:auto;border-right:8px solid #222}.magazine-title{color:var(--denim-blue);text-align:center;font-size:2rem;margin-bottom:30px;border-bottom:4px dashed var(--denim-blue);padding-bottom:10px}.ads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.ad-card{background:#fff;border:4px solid #000;padding:15px;box-shadow:6px 6px 0 rgba(0,0,0,.2);display:flex;flex-direction:column}.ad-header{display:flex;justify-content:space-between;font-family:var(--display-font);font-size:.8rem;margin-bottom:15px;color:var(--forest-green);border-bottom:2px solid #000;padding-bottom:5px}.ad-stat{font-size:1.2rem;font-weight:700;margin-bottom:10px}.ad-desc{font-size:1.1rem;flex-grow:1;margin-bottom:15px}.ad-icons{display:flex;gap:10px;flex-wrap:wrap;border-top:2px dashed #999;padding-top:10px}.icon{background:#000;color:#fff;font-family:var(--display-font);font-size:.7rem;padding:5px;border-radius:2px}.desk-panel{width:350px;background-color:var(--earth-brown);background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 10px,transparent 10px,transparent 20px);position:relative;border-left:4px solid #3a271f;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.calendar{background:#fff;border:4px solid #000;width:150px;margin:0 auto;text-align:center;box-shadow:4px 4px 0 rgba(0,0,0,.5);font-family:var(--display-font)}.calendar-header{background:#e63946;color:#fff;padding:5px;font-size:.8rem;border-bottom:4px solid #000}.calendar-date{font-size:3rem;padding:10px 0;color:#000;font-family:var(--pixel-font)}.calendar-footer{margin-top:5px;font-size:.6rem;padding:5px;background:#ddd;color:#333}.tickets-area{height:200px;position:relative;margin-top:20px}.ticket-stack{position:relative;width:280px;height:100px;margin:0 auto}.ticket{position:absolute;width:100%;height:100px;background-color:var(--ticket-yellow);border:2px solid #000;box-shadow:2px 2px 0 rgba(0,0,0,.3);padding:10px;box-sizing:border-box;cursor:grab;display:flex;flex-direction:column;justify-content:space-between;transition:transform .1s;user-select:none}.ticket:active{cursor:grabbing;z-index:100!important}.ticket-top span{font-family:var(--display-font);font-size:.7rem;font-weight:700}.ticket-bottom{text-align:right;font-size:.9rem;margin-top:auto}.envelope-area{text-align:center;margin-top:20px}.envelope{width:250px;height:150px;background:#e0e0e0;border:4px solid #000;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--display-font);font-size:.8rem;color:#888;box-shadow:8px 8px 0 rgba(0,0,0,.4)}.envelope.drag-over{background:silver;border:4px dashed #000;color:#000}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:var(--off-white);padding:30px;width:600px;max-width:90%;border:8px solid #000;box-shadow:10px 10px 0 var(--denim-blue)}.modal h2{text-align:center;color:var(--denim-blue);margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;font-size:1.5rem}.form-group label{font-family:var(--display-font);font-size:.8rem;margin-bottom:5px}.pixel-input{font-family:var(--display-font);font-size:1.2rem;padding:10px;background:#000;color:#0f0;border:4px solid #333;outline:0;text-transform:uppercase}.pixel-input:focus{border-color:var(--denim-blue)}.mad-libs p{font-size:1.5rem;margin-bottom:10px}.phrase-selectors{display:flex;flex-direction:column;gap:10px}.pixel-dropdown{font-family:var(--pixel-font);font-size:1.5rem;padding:10px;padding-right:30px;background:#000 url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300ff00%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 10px center;background-size:12px;color:#0f0;border:4px solid #333;outline:0;cursor:pointer;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.pixel-dropdown:focus{border-color:var(--denim-blue)}.modal-actions{display:flex;justify-content:space-between;margin-top:30px}.pixel-btn{font-family:var(--display-font);font-size:.8rem;padding:15px 20px;border:4px solid #000;cursor:pointer;box-shadow:4px 4px 0 rgba(0,0,0,.5);transition:transform .1s,box-shadow .1s}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 transparent}.pixel-btn.primary{background:var(--forest-green);color:#fff}.pixel-btn.secondary{background:#999;color:#000}.text-center{text-align:center}.mobile-tab-bar{display:none}@media (max-width:768px){.game-container{flex-direction:column;position:relative}.desk-panel,.magazine-panel{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 56px);transition:opacity .2s ease}.magazine-panel{border-right:none;padding:16px;padding-bottom:20px}.desk-panel{width:100%;border-left:none;padding:16px;align-items:center}.panel.mobile-hidden{opacity:0;pointer-events:none;z-index:0}.panel.mobile-visible{opacity:1;pointer-events:auto;z-index:1}.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;width:100%;height:56px;background:#1a1a1a;border-top:3px solid #333;z-index:500}.mobile-tab-bar button{flex:1;background:0 0;border:none;color:#777;font-family:var(--display-font);font-size:.65rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:color .15s,background .15s;touch-action:manipulation}.mobile-tab-bar button .tab-icon{font-size:1.4rem;font-style:normal}.mobile-tab-bar button.active{color:#fff;background:rgba(255,255,255,.08)}.mobile-tab-bar button.active .tab-icon{filter:none}.magazine-title{font-size:1.2rem;margin-bottom:16px;padding-bottom:8px}.ads-grid{grid-template-columns:1fr;gap:14px}.ad-card{padding:12px;border-width:3px;box-shadow:4px 4px 0 rgba(0,0,0,.2)}.ad-header{font-size:.65rem;margin-bottom:10px}.ad-stat{font-size:1rem;margin-bottom:6px}.ad-desc{font-size:1rem;margin-bottom:10px}.icon{font-size:.6rem;padding:4px}.legend{font-size:.75rem!important;padding:8px!important;margin-top:14px!important}.desk-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:320px;margin:0 auto}.calendar{width:130px}.calendar-header{font-size:.7rem}.calendar-date{font-size:2.5rem;padding:8px 0}.calendar-footer{font-size:.55rem}.tickets-area{height:140px;margin-top:10px}.ticket-stack{width:240px;height:90px}.ticket{height:90px;padding:8px}.envelope-area{margin-top:10px}.envelope{width:220px;height:120px;font-size:.7rem}.modal-content{padding:20px;width:92%;max-height:85vh;overflow-y:auto;border-width:5px;box-shadow:6px 6px 0 var(--denim-blue)}.modal h2{font-size:.9rem;margin-bottom:14px}.form-group{margin-bottom:14px;font-size:1.2rem}.form-group label{font-size:.65rem}.pixel-input{font-size:1rem;padding:8px}.mad-libs p{font-size:1.2rem;margin-bottom:8px}.pixel-dropdown{font-size:1.1rem;padding:8px;padding-right:28px}.pixel-btn{font-size:.7rem;padding:12px 16px}.modal-actions{margin-top:20px}}