*{margin:0;padding:0;box-sizing:border-box}:root{--paper:#f3ecdc;--paper-card:#fdfaf1;--ink:#2c2620;--ink-soft:#6e6353;--line:#d9cdb4;--stamp:#b23a2e;--shadow:rgba(76,60,36,0.18)}body,html{height:100%;background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.38 0 0 0 0 0.26 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;overflow:hidden}.screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:24px}.screen.menu{justify-content:flex-start;padding-top:44px;overflow-y:auto}h1.title{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:50px;letter-spacing:1px;color:var(--ink)}h1.title:after{content:"";display:block;width:120px;height:3px;margin:8px auto 0;background:var(--stamp)}.sub{font-size:15px;max-width:500px;line-height:1.55}.hint,.sub{color:var(--ink-soft)}.hint{font-size:13px;line-height:1.5}.create-bar{display:flex;gap:10px;width:min(620px,94vw)}.request-input{flex:1 1;padding:13px 16px;border:1.5px solid var(--ink);border-radius:6px;background:var(--paper-card);color:var(--ink);font-size:15px;font-family:inherit;outline:none;box-shadow:2px 2px 0 var(--shadow)}.request-input:focus{border-color:var(--stamp)}button{cursor:pointer;border:1.5px solid var(--ink);border-radius:6px;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 22px;color:var(--paper-card);background:var(--ink);box-shadow:2px 2px 0 var(--shadow);font-family:inherit}button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}button.secondary{background:var(--paper-card);color:var(--ink)}button:disabled{opacity:.45;cursor:default}.cards{display:flex;flex-wrap:wrap;gap:26px;justify-content:center;max-width:1100px;padding-bottom:60px}.card{width:250px;background:var(--paper-card);border:1px solid var(--line);border-radius:4px;padding:10px 10px 12px;display:flex;flex-direction:column;gap:9px;box-shadow:3px 4px 10px var(--shadow)}.card.tilt-0{transform:rotate(-.7deg)}.card.tilt-1{transform:rotate(.5deg)}.card.tilt-2{transform:rotate(-.2deg)}.card:hover{transform:rotate(0deg) translateY(-3px);transition:transform .15s ease}.card-thumb{padding:0;border:1px solid var(--line);border-radius:3px;background:#e7dfcc;overflow:hidden;box-shadow:none;line-height:0}.thumb{width:100%;aspect-ratio:360/210;object-fit:cover;display:block}.thumb.placeholder{background:repeating-linear-gradient(45deg,#e7dfcc,#e7dfcc 8px,#efe8d6 0,#efe8d6 16px)}.card-title{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:16px;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row{display:flex;justify-content:space-between;align-items:center}.vote-btn{padding:6px 12px;font-size:12px;background:var(--paper-card);color:var(--stamp);border:1.5px solid var(--stamp)}.vote-btn.on{background:var(--stamp);color:var(--paper-card)}.watch-btn{padding:6px 14px;font-size:12px}textarea{width:100%;padding:12px;border-radius:6px;border:1.5px solid var(--line);background:var(--paper-card);color:var(--ink);font-size:13px;font-family:inherit;resize:vertical;outline:none}textarea:focus{border-color:var(--ink)}textarea.prompt-out{font-family:ui-monospace,monospace;font-size:11px;color:var(--ink-soft);background:#efe8d6}.modal-overlay{position:fixed;inset:0;background:rgba(44,38,32,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:min(560px,94vw);max-height:90vh;overflow-y:auto;background:var(--paper-card);border:1px solid var(--line);border-radius:6px;box-shadow:6px 8px 24px rgba(30,24,16,.45);padding:22px;display:flex;flex-direction:column;gap:12px;text-align:left}.modal h2{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:17px;color:var(--ink)}.row{display:flex;gap:12px;justify-content:flex-end}.spinner{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--stamp);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{color:var(--stamp);max-width:480px;font-size:13px}.arena-wrap{position:fixed;inset:0}.hud{position:fixed;top:16px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.hud span{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:15px;border:1px solid var(--line);border-radius:4px;padding:6px 16px;box-shadow:2px 2px 0 var(--shadow)}.back-btn,.hud span{color:var(--ink);background:var(--paper-card)}.back-btn{position:fixed;top:14px;left:14px;padding:8px 16px;font-size:12px}.controls{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:12px}