#game-shell{grid-template-columns:minmax(0,860px) 320px;justify-content:center;align-items:start;gap:24px;min-height:calc(100vh - 170px);margin-top:80px;padding:28px 24px 130px;display:grid}.status-strip{font-family:var(--font-mono);color:#fff;gap:14px;display:flex}.status-strip>div{background:#ffffff14;border:2px solid #ffffff1f;border-radius:10px;padding:8px 14px}.status-strip span{color:var(--yellow);margin-left:6px}.desk-stage,.feed-panel{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink), var(--shadow-card);background:#fff8eef0;position:relative}.desk-stage{background:radial-gradient(circle at 0 0,#0a84ff24,#0000 28%),radial-gradient(circle at 100% 100%,#30d15829,#0000 32%),linear-gradient(#fffffffa,#f8f2e8fa);border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:620px;padding:28px;display:flex;overflow:hidden}.desk-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#1a0a0008 1px,#0000 1px),linear-gradient(90deg,#1a0a0008 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.desk-glow{filter:blur(10px);background:radial-gradient(circle,#0a84ff2e,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-60px}.rules-chip{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:#1a0a008c;z-index:1;text-align:center;background:#fffc;border:2px solid #1a0a0014;border-radius:999px;padding:10px 16px;font-size:13px;position:relative}.inbox-card{z-index:1;border:4px solid var(--ink);transform-origin:bottom;background:linear-gradient(#fff,#f4f0ea);border-radius:28px;width:min(100%,620px);min-height:320px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;box-shadow:0 14px #1a0a002e,0 28px 60px #1a0a0029}.inbox-card.slide-left{animation:.32s forwards slideLeft}.inbox-card.slide-right{animation:.32s forwards slideRight}.inbox-card.success{border-color:var(--green);box-shadow:0 14px #30d15840,0 28px 60px #30d1582e}.inbox-card.fail{border-color:var(--red);box-shadow:0 14px #ff3b3047,0 28px 60px #ff3b302e}@keyframes slideLeft{to{opacity:0;transform:translate(-90px)rotate(-8deg)}}@keyframes slideRight{to{opacity:0;transform:translate(90px)rotate(8deg)}}.mail-topline,.mail-from-row,.mail-clues{align-items:center;display:flex}.mail-topline{justify-content:space-between;gap:12px;margin-bottom:22px}.mail-tag,.mail-count,.clue-pill{font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:700}.mail-tag{color:var(--blue);background:#0a84ff1f;border-radius:999px;padding:8px 12px}.mail-count{color:#1a0a0080}.mail-from-row{gap:14px;margin-bottom:18px}.avatar-ring{background:linear-gradient(135deg, var(--blue), #67b1ff);color:#fff;width:58px;height:58px;font-family:var(--font-game);border-radius:18px;place-items:center;font-size:28px;display:grid;box-shadow:inset 0 -4px #0000002e}.mail-from{font-family:var(--font-game);color:var(--ink);letter-spacing:1px;font-size:34px;line-height:1}.mail-subject{color:#1a0a00ad;margin-top:4px;font-size:17px;font-weight:800}.mail-body{color:#1a0a00c7;min-height:110px;margin-bottom:22px;font-size:18px;line-height:1.65}.mail-clues{flex-wrap:wrap;gap:10px}.clue-pill{color:#1a0a008c;background:#1a0a000f;border-radius:999px;padding:8px 11px}.decision-lights{z-index:1;gap:24px;display:flex;position:relative}.light{background:#1a0a0024;border-radius:999px;width:70px;height:10px;overflow:hidden}.light.active-left{background:linear-gradient(90deg, var(--blue), #7ec5ff);box-shadow:0 0 20px #0a84ff73}.light.active-right{background:linear-gradient(90deg, var(--green), #8ef0a6);box-shadow:0 0 20px #30d15873}.action-panel{z-index:1;grid-template-columns:1fr 1fr;gap:16px;width:min(100%,620px);display:grid;position:relative}.action-btn{color:#fff;min-height:78px;font-family:var(--font-game);letter-spacing:1px;cursor:pointer;border:none;border-radius:24px;font-size:30px;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px #00000042,0 18px 34px #0000002e}.action-btn:hover{transform:translateY(-2px)}.action-btn:active,.action-btn.is-pressed{transform:translateY(4px);box-shadow:0 3px #00000042,0 8px 16px #0000002e}.btn-reply{background:linear-gradient(#0a84ff,#0065d1)}.btn-all{background:linear-gradient(#30d158,#209543)}.mobile-hint{font-family:var(--font-mono);letter-spacing:1px;color:#1a0a006b;z-index:1;font-size:12px;position:relative}.feed-panel{color:#fff;background:linear-gradient(#1a0a00f2,#0e0a1afa);border-radius:28px;min-height:620px;padding:18px}.feed-header{font-family:var(--font-game);letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:24px;display:flex}#multiplier-display{color:var(--yellow);font-size:18px}.reaction-feed{flex-direction:column;gap:10px;height:calc(100% - 46px);padding-right:4px;display:flex;overflow:auto}.reaction-item{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;padding:12px 14px;font-size:14px;line-height:1.45}.reaction-item.good{border-color:#30d15866}.reaction-item.bad{border-color:#ff3b3066}.reaction-item .stamp{font-family:var(--font-mono);color:#ffffff8c;margin-bottom:4px;font-size:11px;display:block}.highlight-inline{color:var(--yellow);font-family:var(--font-game);font-size:26px}.wrap-up-card{background:#ffffff14;border:2px solid #ffffff1f;border-radius:24px;width:min(90vw,420px);margin:0 auto 28px;padding:24px}.wrap-up-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:#ffffff8c;margin-bottom:10px}.wrap-up-score{font-family:var(--font-game);color:var(--yellow);margin-bottom:10px;font-size:48px}#end-summary{color:#ffffffd1;line-height:1.6}@media (width<=1080px){#game-shell{grid-template-columns:1fr;max-width:860px;margin-left:auto;margin-right:auto}.feed-panel{min-height:260px}}@media (width<=768px){#header{align-items:flex-start;gap:10px;padding:14px 18px}.header-left{gap:10px;font-size:22px}.status-strip{flex-direction:column;gap:8px;font-size:14px}#game-shell{margin-top:110px;padding:18px 16px 100px}.desk-stage,.feed-panel{border-radius:24px;padding:18px}.inbox-card{min-height:300px;padding:18px}.mail-from{font-size:28px}.mail-subject{font-size:15px}.mail-body{min-height:120px;font-size:16px}.action-panel{grid-template-columns:1fr}.action-btn{min-height:70px;font-size:26px}}
