:root{--ink:#172033;--paper:#fffaf1;--teal:#2f6f63;--coral:#bd5c45}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit}.play-header{padding:14px 20px;border-bottom:1px solid #ddd4c5;background:#fff}.play-header nav{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.play-brand{font:800 1.5rem Georgia,serif;text-decoration:none}.play-nav{display:flex;flex-wrap:wrap;gap:8px}.play-nav a{min-height:48px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;text-decoration:none}.play-hero{padding:clamp(34px,8vw,86px) 20px;background:radial-gradient(circle at 15% 20%,#ffd9cb,transparent 38%),radial-gradient(circle at 86% 25%,#ccebe2,transparent 35%),#fff}.play-hero>div,.play-main{max-width:1120px;margin:auto}.play-kicker{font-size:.78rem;font-weight:900;letter-spacing:.13em;color:#8a3f2d}.play-hero h1{max-width:760px;margin:.3em 0;font:800 clamp(2.2rem,7vw,5rem)/1.02 Georgia,serif}.play-hero p{max-width:680px}.play-main{padding:26px 20px 80px}.play-section{margin:22px 0;padding:clamp(17px,4vw,28px);border:1px solid #dcd3c4;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(22,33,61,.07)}.play-section h2{margin-top:0;font:700 clamp(1.5rem,5vw,2.2rem) Georgia,serif}.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vibe-choice,.battle-choice{min-width:0;min-height:118px;padding:16px;border:2px solid #ddd4c5;border-radius:16px;background:#fff;color:var(--ink);font-weight:900;font-size:1.05rem;cursor:pointer}.vibe-choice:hover,.battle-choice:hover{border-color:var(--teal);transform:translateY(-2px)}.vibe-round,.play-status{color:#5d6472}.result-card{padding:20px;border-radius:18px;background:#172033;color:#fff}.result-card a{display:inline-flex;min-height:48px;align-items:center;margin-top:10px;padding:8px 14px;border-radius:999px;background:#fff;color:#172033;font-weight:900;text-decoration:none}.play-button{min-height:48px;padding:10px 16px;border:0;border-radius:999px;background:var(--teal);color:#fff;font-weight:900;cursor:pointer}.play-button.secondary{border:1px solid var(--teal);background:#fff;color:var(--teal)}.roulette-stage{display:grid;place-items:center;min-height:180px;margin:14px 0;border-radius:18px;background:linear-gradient(135deg,#fff1cf,#ffd8cc);text-align:center;padding:20px}.roulette-stage strong{font-size:clamp(1.45rem,5vw,2.5rem)}.battle-bar{height:16px;overflow:hidden;border-radius:999px;background:#e9e3d8}.battle-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#70b7a8);transition:width .25s}.battle-stats{display:flex;justify-content:space-between;gap:10px;font-weight:800}.feed-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feed-form label{display:grid;gap:5px;font-weight:800}.feed-form input,.feed-form select,.feed-form textarea{width:100%;min-height:48px;padding:10px;border:1px solid #aaa;border-radius:10px;background:#fff;font:inherit}.feed-form .wide{grid-column:1/-1}.feed-tabs{display:flex;gap:7px;overflow-x:auto;margin:20px 0;padding:2px}.feed-tabs button{flex:0 0 auto;min-height:48px;padding:8px 13px;border:1px solid #aaa;border-radius:999px;background:#fff;font-weight:800}.feed-tabs .is-active{background:var(--ink);color:#fff}.drop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.drop-card{min-width:0;overflow:hidden;border:1px solid #ddd4c5;border-radius:15px;background:#fff}.drop-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.drop-card-body{padding:12px}.drop-card p{overflow-wrap:anywhere}.drop-card-actions{display:flex;gap:6px;flex-wrap:wrap}.drop-card-actions button{min-height:44px;border:1px solid #aaa;border-radius:9px;background:#fff}.empty-feed{grid-column:1/-1;padding:24px;border:1px dashed #aaa;border-radius:14px;text-align:center}.play-toast{position:fixed;left:50%;bottom:24px;z-index:10;transform:translateX(-50%);padding:10px 15px;border-radius:999px;background:#111;color:#fff}.play-toast[hidden]{display:none}@media(max-width:720px){.drop-grid{grid-template-columns:1fr 1fr}.feed-form{grid-template-columns:1fr}.feed-form .wide{grid-column:auto}}@media(max-width:430px){.play-grid,.drop-grid{grid-template-columns:1fr}.play-header nav{align-items:flex-start}.play-nav{justify-content:flex-end}.play-section{padding:15px}.vibe-choice,.battle-choice{min-height:90px}}@media print{.play-header,.play-button,.feed-form,.feed-tabs{display:none!important}}