.top-stats{font-family:var(--font-game);color:#fff;align-items:center;gap:18px;font-size:22px;display:flex}#game-shell{grid-template-columns:minmax(0,720px) minmax(280px,360px);justify-content:center;align-items:start;gap:24px;min-height:100vh;padding:112px 24px 170px;display:grid}.calendar-stage,.feed-panel{border:3px solid #1a0a0033;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 24px 70px #1a0a002e}.calendar-stage{background:radial-gradient(circle at 0 0,#ffffff8c,#0000 42%),linear-gradient(160deg,#fff8eef5,#ffefe0eb);min-height:650px;padding:28px}.stage-noise{opacity:.45;pointer-events:none;background-image:linear-gradient(#ff6b570d 1px,#0000 1px),linear-gradient(90deg,#25d0ff0f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.status-marquee,.invite-card,.action-panel,.mobile-hint,.feed-header,.reaction-feed{z-index:2;position:relative}.status-marquee{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:#1a0a00a6;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:13px;display:flex}.invite-card{background:linear-gradient(#ffffffeb,#fffaf4f5);border:3px solid #1a0a0017;border-radius:28px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 12px #1a0a0014,0 24px 40px #1a0a001a}.invite-card.good-hit{border-color:#30d15873;transform:rotate(-1deg)scale(1.01);box-shadow:0 12px #1e8c3a1f,0 28px 50px #30d1582e}.invite-card.bad-hit{border-color:#ff3b3073;transform:rotate(1deg)scale(.995);box-shadow:0 12px #c0392b1f,0 28px 50px #ff3b302e}.invite-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.invite-tag,.invite-duration{letter-spacing:1px;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.invite-tag{color:#006f96;background:#25d0ff24}.invite-duration{color:#7f5600;background:#ffd60a33}.invite-title-row{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;display:grid}.calendar-icon{color:#fff;background:linear-gradient(#ff6b57,#ff8d5d);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:92px;height:104px;display:flex;box-shadow:0 14px 26px #ff6b5747}.calendar-month{letter-spacing:2px;font-size:12px;font-weight:900}.calendar-day{font-family:var(--font-game);letter-spacing:1px;margin-top:6px;font-size:42px;line-height:1}.invite-title{font-family:var(--font-game);letter-spacing:1px;color:var(--ink);margin-bottom:8px;font-size:42px;line-height:.95}.invite-host{color:#1a0a009e;font-size:15px;font-weight:700}.invite-body{color:#1a0a00e0;margin:24px 0 20px;font-size:22px;font-weight:700;line-height:1.45}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.meta-pill{background:#1a0a000b;border:1px solid #1a0a0014;border-radius:18px;padding:14px 12px}.meta-pill span{text-transform:uppercase;letter-spacing:1px;color:#1a0a0073;margin-bottom:6px;font-size:11px;display:block}.meta-pill strong{font-family:var(--font-game);letter-spacing:1px;color:var(--ink);font-size:24px}.invite-clues{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.clue-chip{color:#005d7d;background:#25d0ff1f;border:1px solid #25d0ff33;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800}.decision-meter-label{text-transform:uppercase;letter-spacing:1.5px;color:#1a0a0080;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.decision-track{background:#1a0a0014;border-radius:999px;width:100%;height:16px;overflow:hidden}.decision-fill{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#25d0ff,#ffd60a,#ff6b57);height:100%;transition:transform .18s linear}.action-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.action-btn{font-family:var(--font-game);letter-spacing:1px;cursor:pointer;border:none;border-radius:22px;padding:20px 18px;font-size:28px;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px #1a0a0038}.action-btn:hover{filter:saturate(1.05);transform:translateY(-2px)}.action-btn:active{transform:translateY(4px);box-shadow:0 2px #1a0a0038}.btn-decline{color:#fff;background:linear-gradient(#1a1a1a,#3b3b3b)}.btn-accept{color:var(--ink);background:linear-gradient(#ffd60a,#f5a623)}.mobile-hint{text-align:center;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#1a0a0073;margin-top:14px;font-size:12px}.feed-panel{color:#fff;background:#1a0a00db;min-height:650px;padding:22px 20px}.feed-header{font-family:var(--font-game);letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:24px;display:flex}#focus-display{color:var(--yellow)}.reaction-feed{flex-direction:column;gap:12px;display:flex}.feed-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:14px 14px 12px;animation:.22s feedIn}.feed-item strong{color:#ffffff94;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:13px;display:block}.feed-item span{color:#fffffff2;font-size:15px;line-height:1.45}@keyframes feedIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wrap-up-card{background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffffff1a;border-radius:28px;max-width:420px;margin:0 auto 24px;padding:28px 26px}.wrap-up-kicker{letter-spacing:2px;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px;font-size:12px}.wrap-up-score{font-family:var(--font-game);color:var(--yellow);margin-bottom:12px;font-size:46px}#end-summary{color:#ffffffd1;font-size:18px;line-height:1.5}@media (width<=980px){#game-shell{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.feed-panel{min-height:0}}@media (width<=720px){#header{align-items:flex-start;padding:14px 16px}.header-left{gap:10px;font-size:21px}.top-stats{flex-direction:column;align-items:flex-end;gap:10px;font-size:16px}#game-shell{padding-top:108px;padding-bottom:140px}.calendar-stage,.feed-panel{border-radius:24px}.calendar-stage{min-height:auto;padding:18px}.invite-card{padding:18px}.invite-title-row{grid-template-columns:72px minmax(0,1fr);gap:14px}.calendar-icon{border-radius:18px;width:72px;height:84px}.calendar-day{font-size:34px}.invite-title{font-size:30px}.invite-body{font-size:18px}.meta-grid{grid-template-columns:1fr}.action-panel{gap:12px}.action-btn{padding:16px 14px;font-size:24px}}
