:root{--bg:#120b1f;--bg2:#1b1030;--panel:#221538;--panel2:#2c1c47;--line:#3a2a5c;--text:#f2ecff;--muted:#b3a3d6;--accent:#c264ff;--accent2:#ff5fa2;--good:#4ad6a0;--bad:#ff6b7a;--warn:#ffce5a;--radius:14px;--shadow:0 8px 30px #00000073}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #2a173f 0%, var(--bg) 55%);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}.screen{max-width:1000px;min-height:100%;margin:0 auto;padding:16px}.center{justify-content:center;align-items:center;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.85rem}.center-text{text-align:center}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.hidden{display:none}.hero{text-align:center;max-width:460px;padding:28px}.logo{font-size:3rem}.title{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0;font-size:2.4rem}.subtitle{color:var(--muted);margin-top:0}.hint{color:var(--muted);margin-top:18px;font-size:.85rem}.btn{appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:var(--radius);cursor:pointer;min-height:48px;padding:12px 16px;font-size:1rem;font-weight:600;transition:transform 50ms,filter .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;border:none}.btn-good{background:var(--good);color:#06281e;border:none}.btn-bad{background:var(--bad);color:#2b0a0e;border:none}.btn-ghost{background:0 0}.btn-xl{min-height:60px;padding:18px 22px;font-size:1.2rem}.btn-sm{min-height:36px;padding:7px 10px;font-size:.85rem}.btn-block{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.card-h{margin:0 0 8px;font-size:1.05rem}.pill{background:var(--panel2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.pill.good{border-color:var(--good);color:var(--good);background:#4ad6a02e}.pill.bad{border-color:var(--bad);color:var(--bad);background:#ff6b7a2e}.pill.warn{border-color:var(--warn);color:var(--warn);background:#ffce5a29}.badge-phase{text-transform:capitalize;letter-spacing:.3px;font-weight:700}input[type=text],input[type=number],select,textarea{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:10px;width:100%;padding:12px;font-size:1rem}textarea{resize:vertical;min-height:48px}label.field{margin:8px 0;display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:.82rem;display:block}.inline-toggle{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.inline-toggle input{width:auto;transform:scale(1.4)}.timer{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800}.timer.low{color:var(--bad)}.timer-wrap{text-align:center}.code-big{letter-spacing:.5rem;color:var(--accent);font-size:3rem;font-weight:800}.qr-box{border-radius:var(--radius);background:#fff;padding:14px;display:inline-block}.join-url{word-break:break-all}.plist{flex-direction:column;gap:8px;display:flex}.pitem{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.pitem .avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.dot{background:var(--bad);border-radius:50%;width:9px;height:9px}.dot.on{background:var(--good)}.people{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.person-chip{background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex:none;padding:10px 12px}.person-chip.active{border-color:var(--accent);background:var(--panel)}.person-chip.unread{box-shadow:0 0 0 2px var(--accent2)}.chat-log{flex-direction:column;gap:8px;max-height:46vh;padding:6px;display:flex;overflow-y:auto}.bubble{border-radius:14px;max-width:80%;padding:9px 12px}.bubble.me{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#fff;align-self:flex-end}.bubble.them{background:var(--panel2);border:1px solid var(--line);align-self:flex-start}.bubble .meta{opacity:.8;margin-bottom:2px;font-size:.7rem}.role-card{text-align:center;background:linear-gradient(160deg, var(--panel2), var(--panel));border:1px solid var(--accent);padding:22px}.role-name{color:var(--accent);font-size:1.8rem;font-weight:800}.notes{flex-direction:column;gap:6px;display:flex}.note{background:var(--panel2);border-left:3px solid var(--accent2);border-radius:8px;padding:8px 10px;font-size:.9rem}.score-row{background:var(--panel2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.score-row.lead{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}.rank{text-align:center;width:2ch;font-size:1.3rem;font-weight:800}.score-val{margin-left:auto;font-size:1.2rem;font-weight:800}.narrator{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#2a1840,#1c1130);padding:14px 16px}.narrator .n-line{border-bottom:1px dashed var(--line);padding:4px 0}.narrator .n-line:last-child{border-bottom:none}.highlight{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.highlight .q{font-style:italic}.toaster{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:16px;left:0;right:0}.toast{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px}.toast.error{border-color:var(--bad)}.toast.success{border-color:var(--good)}.overlay{z-index:60;background:#080410bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:720px;max-height:88vh;box-shadow:var(--shadow);padding:18px;overflow-y:auto}.controlbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);background:#120b1feb;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:0}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-roles{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=620px){.grid-roles{grid-template-columns:1fr 1fr}}.big-emoji{font-size:2.4rem}.spoiler{filter:blur(5px);transition:filter .2s}.spoiler:hover{filter:none}:root{--bg:#17182e;--bg2:#1e2039;--panel:#24263f;--panel2:#30324e;--line:#56506a;--text:#fff0d5;--muted:#c2bdd0;--accent:#77d9ce;--accent2:#f083aa;--radius:8px}html{scrollbar-gutter:stable}body{background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.screen{min-height:100dvh}.scene{isolation:isolate;max-width:none;padding:clamp(12px,2.5vw,32px);position:relative}.scene:before{content:"";z-index:-2;image-rendering:pixelated;background-position:50%;background-size:cover;position:fixed;inset:0}.scene:after{content:"";z-index:-1;background:linear-gradient(#11122473,#111224cc);position:fixed;inset:0}.lounge-scene:before{background-image:url(/assets/lounge-DQzCLsj_.png)}.stage-scene:before{background-image:url(/assets/leaderboard-kjPayHL8.png)}.scene>:not(.overlay){max-width:1120px;margin-left:auto;margin-right:auto}.scene>header,.scene>.stack,.scene>.grid2,.scene>.card,.scene>.controlbar{width:100%}.player-screen>:not(.overlay){max-width:760px}.scene .card{background:#1f2137f5;border:1px solid #676078;box-shadow:0 5px #121428,0 20px 50px #0d102b66}.card h2{margin-top:4px}.btn{border-radius:5px;min-height:44px;box-shadow:0 3px #111427}.btn-primary{background:var(--accent);color:#142d36;border:1px solid #adefe0;font-weight:800}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5}.pill{border-radius:5px}.grow{overflow-wrap:anywhere;min-width:0}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid2>.card+.card{margin-top:0}.portrait{aspect-ratio:1;object-fit:contain;width:64px;height:64px;image-rendering:pixelated;background:#17182e;border:1px solid #88718d;border-radius:4px;flex:none;display:block}.portrait-hero{width:192px;height:192px;margin:4px auto 20px;box-shadow:0 0 0 4px #17182e,0 0 0 5px #77d9ce}.portrait-reveal{width:192px;max-width:100%;height:192px;margin:8px auto 14px}.role-card:not(:has(.portrait-hero)){display:flow-root}.role-card:not(:has(.portrait-hero))>.portrait{float:left;margin:0 12px 8px 0}.pixel-icon{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;background-size:800% 100%;display:inline-block}.big-emoji .pixel-icon{width:48px;height:48px}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.72rem;font-weight:800}.landing-panel{background:#1a1d31f7;border:1px solid #82728e;width:min(100%,560px);padding:clamp(24px,4vw,44px);box-shadow:8px 8px #121629,0 20px 80px #111427aa}.landing-moon{margin:18px 0 12px}.landing-moon .pixel-icon{width:64px;height:64px}.landing-panel .title{letter-spacing:-.065em;color:var(--text);background:0 0;margin:0 0 22px;font-size:clamp(3.6rem,10vw,5.9rem);font-weight:900;line-height:.91}.title-dot{color:var(--accent2)}.landing-panel .subtitle{font-size:1.05rem;line-height:1.7}.join-code-form{margin-top:26px}.join-code-form label{letter-spacing:.16em;color:var(--accent);margin-bottom:8px;font-size:.7rem;font-weight:800;display:block}.join-code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.join-code-row input{letter-spacing:.15em;text-transform:uppercase;min-height:52px;font-weight:800}.soft-divider{color:var(--muted);margin:24px 0 14px;font-size:.8rem}.landing-panel>.small{margin:24px 0 0}.join-screen{align-items:flex-start}.avatar-fieldset{border:0;min-width:0;margin:22px 0;padding:0}.avatar-fieldset legend{font-weight:800}.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.avatar-option{background:var(--bg2);border:1px solid var(--line);cursor:pointer;border-radius:6px;min-width:0;padding:6px;font-size:.8rem;position:relative}.avatar-option .portrait{border:0;width:100%;height:auto}.avatar-option>span{margin-top:5px;display:block}.avatar-option.selected{outline:2px solid var(--accent);background:#29434b}.avatar-option .chosen-mark{background:var(--accent);color:var(--bg);width:20px;margin:0;position:absolute;top:4px;right:6px}.chosen-mark:empty{display:none}.chat-threads{flex-direction:column;gap:10px;margin-top:16px;display:flex}.chat-thread{--tone:#77d9ce;text-align:left;cursor:pointer;border:1px solid var(--tone);border-left:5px solid var(--tone);background:color-mix(in srgb,var(--tone) 12%,#20223b);border-radius:6px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px;display:flex}.tone-1{--tone:#f083aa}.tone-2{--tone:#f6d18c}.tone-3{--tone:#9b9bdf}.tone-4{--tone:#9fc78b}.tone-5{--tone:#d39bd4}.chat-thread:hover{filter:brightness(1.12)}.thread-copy{flex:1;gap:4px;min-width:0;display:grid}.thread-copy strong{overflow-wrap:anywhere}.thread-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.9rem;overflow:hidden}.unread-badge{background:var(--accent2);color:#271a34;border-radius:50%;place-items:center;min-width:26px;height:26px;font-size:.8rem;font-weight:900;display:grid}.chat-shell{padding:0;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.chat-header .portrait{width:48px;height:48px}.chat-header .pill{white-space:nowrap}.modern-chat-log{overscroll-behavior:contain;background:#171a2fcc;height:clamp(180px,45dvh,500px);max-height:none;padding:16px}.bubble{overflow-wrap:anywhere;white-space:pre-wrap}.bubble.me{color:#fff7e8;background:#558a87;border-bottom-right-radius:3px}.bubble.them{background:#363650;border-bottom-left-radius:3px}.empty-chat{text-align:center;color:var(--muted);margin:auto}.chat-composer{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px;display:flex}.chat-composer input{flex:1;min-width:0}.date-option{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.date-option.selected{border-color:var(--accent);background:#29434b}.score-row{gap:10px}.score-row .pill{overflow-wrap:anywhere;max-width:100%;margin-left:0!important}.pitem{flex-wrap:wrap}.qr-box{max-width:100%}.qr-box svg{max-width:100%;height:auto;display:block}.controlbar{padding-bottom:max(12px,env(safe-area-inset-bottom))}.overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.person-chip{color:var(--text);text-align:left;white-space:normal}.person-chip .portrait{float:left;margin-right:12px}.join-url,.highlight,.note{overflow-wrap:anywhere}@media (width>=1500px){.host-screen{padding-top:4vh}.host-screen>:not(.overlay){max-width:1360px}.host-screen .score-row{padding:16px}.host-screen .score-val{font-size:1.8rem}}@media (width<=700px){.grid2,.grid-roles{grid-template-columns:minmax(0,1fr)}.scene{padding:12px}.screen>header{gap:10px}.timer{font-size:1.8rem}.score-row .portrait{width:48px;height:48px}.score-row{gap:7px;padding:9px}}@media (width<=420px){.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.avatar-option{padding:3px;font-size:.65rem}.join-code-row{grid-template-columns:1fr}.chat-thread .portrait{width:48px;height:48px}.chat-thread{gap:8px;padding:9px}.card{padding:12px}.chat-shell{padding:0}.chat-header{flex-wrap:wrap;gap:7px}.pitem .portrait{width:48px;height:48px}.rank{flex:none;width:1.5ch;font-size:1.1rem}.btn-xl{padding:14px;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.host-home-button{margin-top:24px}.condition-badges{vertical-align:middle;flex-wrap:wrap;gap:4px;display:inline-flex}.condition-badge img{image-rendering:pixelated;display:block}.heart-score{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.heart-score .pixel-icon{width:20px;height:20px}.config-text{white-space:pre;min-height:220px;overflow-x:auto}.settings-modal .config-text{min-height:160px}.settings-savebar{border-top:1px solid var(--line);z-index:2;background:#1b1e34;margin:18px -18px -18px;padding:14px 18px;position:sticky;bottom:-18px}.settings-savebar .row{gap:8px}.settings-error{border:1px solid var(--bad);color:#ffe2e8;overflow-wrap:anywhere;background:#492a3d;border-radius:6px;margin:0 0 10px;padding:10px 12px}.title,.role-name{overflow-wrap:anywhere}.apocalypse-win{background:#2b453b;border:1px solid #91b386;margin-top:14px;padding:16px}.score-row{flex-wrap:wrap}.score-row>.grow{min-width:min(120px,40%)}input[type=file]{max-width:100%}.private-role-detail{clear:both;background:var(--bg2);text-align:left;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:.9rem;display:flex}.private-role-detail img{image-rendering:pixelated;flex:none}.grid-roles>.card{margin:0}@media (width>=1000px){.host-screen>.stack>.grid-roles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.role-controls{clear:both;border-top:1px solid var(--line);gap:8px;margin-top:14px;padding-top:10px;display:grid}.role-controls select,.role-controls textarea{max-width:100%}.recap-theater{background:#171b30ed;border:1px solid #77728a;border-radius:12px;overflow:hidden;box-shadow:0 6px #101326,0 28px 80px #070b2355}.recap-masthead{background:#25283b;border-bottom:1px solid #67607880;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.recap-page{color:#d3cbdc;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.recap-stage{background:radial-gradient(at 75% 15%,#f083aa17,#0000 55%);min-height:480px;padding:clamp(24px,4vw,54px);animation:.28s ease-out stage-arrive;position:relative}.recap-opening{text-align:center;max-width:900px;margin:auto}.recap-overline{letter-spacing:.17em;color:var(--muted);font-size:.72rem;font-weight:800;display:block}.recap-stage h1,.recap-stage h2{letter-spacing:-.055em;overflow-wrap:anywhere;margin:24px 0;font-size:clamp(2.8rem,5.8vw,5.2rem);font-weight:900;line-height:1.02}.recap-stage em{color:var(--accent2);font-style:normal}.recap-stage p{color:#d5cedf;font-size:1.05rem;line-height:1.65}.recap-cast{flex-wrap:wrap;justify-content:center;gap:10px;margin:32px auto 20px;display:flex}.recap-cast .portrait{border-color:#a98aab;width:64px;height:64px;transform:rotate(-4deg)}.recap-cast .portrait:nth-child(2n){transform:rotate(4deg)translateY(6px)}.recap-foot{border-top:1px solid #67607880;align-items:center;gap:20px;padding:18px 26px;display:flex}.recap-foot>span{color:var(--muted);letter-spacing:.12em;white-space:nowrap;font-size:.62rem;font-weight:700}.recap-progress{background:#3d3e56;border-radius:4px;flex:1;height:4px;overflow:hidden}.recap-progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.recap-pair{justify-content:center;align-items:center;gap:clamp(10px,2vw,28px);display:flex}.recap-character{text-align:center;justify-items:center;gap:14px;min-width:0;max-width:220px;display:grid}.recap-character .portrait{border:2px solid #a88ca8;width:clamp(96px,13vw,168px);height:auto;box-shadow:6px 6px #101428}.recap-character strong{overflow-wrap:anywhere;font-size:clamp(1rem,1.6vw,1.4rem);line-height:1.25}.recap-connection{width:56px;color:var(--muted);flex:0 0 56px;place-items:center;font-size:3rem;display:grid}.recap-connection .pixel-icon{width:52px;height:52px}.recap-connection.answered{color:var(--accent2)}.recap-date-caption{text-align:center;margin-top:32px}.recap-date-caption h2{margin:14px 0 16px}.recap-date-caption p{overflow-wrap:anywhere;max-width:700px;margin:0 auto}.is-match{background:radial-gradient(#77d9ce24,#0000 75%)}.is-match em{color:var(--accent)}.recap-choice .recap-date-caption h2{font-size:clamp(2.4rem,4.8vw,4.4rem)}.recap-receipts{max-width:900px;margin:auto}.recap-receipts h2{margin:0;font-size:clamp(2.4rem,4vw,3.5rem)}.recap-subtitle{color:var(--muted)!important}.recap-messages{flex-direction:column;gap:18px;margin-top:30px;display:flex}.recap-message{background:#29444b;border:1px solid #75a7aa;border-radius:14px 14px 14px 3px;width:90%;margin:0;padding:20px 24px;box-shadow:4px 4px #101428}.recap-message.reply{background:#49324d;border-color:#a7789d;border-radius:14px 14px 3px;align-self:flex-end}.recap-message-byline{color:#dae9e7;letter-spacing:.08em;overflow-wrap:anywhere;align-items:center;gap:10px;font-size:.72rem;font-weight:700;display:flex}.recap-message-byline .portrait{width:32px;height:32px}.recap-message-byline .pixel-icon{flex-shrink:0;width:24px;height:24px;margin-left:auto}.recap-message p{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:12px 0 0;font-size:clamp(1.1rem,2.1vw,1.7rem);line-height:1.4}.recap-match-list{flex-wrap:wrap;justify-content:center;gap:14px;margin:30px auto;display:flex}.recap-match-chip{background:#29444b;border:1px solid #75a7aa;border-radius:8px;align-items:center;gap:18px;padding:18px 22px;display:flex}.recap-match-chip .portrait{width:64px;height:64px}.recap-match-chip .recap-character{gap:8px;max-width:140px}.recap-match-chip .recap-character strong{font-size:.9rem}.presentation-heading{text-align:center;max-width:900px;margin:12px auto 24px}.presentation-heading h2{letter-spacing:-.05em;margin:12px 0;font-size:clamp(2.5rem,4.5vw,3.6rem);line-height:1.08}.presentation-heading p{color:var(--muted)}.standings-list{gap:12px;max-width:960px;margin:0 auto;display:grid}.standings-row{background:#23273deb;border:1px solid #64617a;border-radius:8px;align-items:center;gap:22px;padding:12px 20px;display:flex;box-shadow:0 4px #101428}.standings-row .portrait{width:56px;height:56px}@media (width>=1000px){.host-screen .standings-list.many{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px}}.standings-row.first{background:linear-gradient(110deg,#564334e8,#26283ef5);border-color:#e6bd7a}.standings-rank{color:#ddd2e8;font-variant-numeric:tabular-nums;gap:5px;min-width:2ch;font-size:2rem;font-weight:900;line-height:1.1;display:grid}.standings-rank .small{letter-spacing:.18em;font-size:.5rem;font-weight:700}.first .standings-rank{color:#f6d18c}.standings-name{overflow-wrap:anywhere;flex:1;gap:5px;min-width:0;display:grid}.standings-name strong{font-size:1.3rem}.standings-name>span{color:var(--muted);font-size:.8rem}.leader-tag{letter-spacing:.12em;color:#f6d18c;text-align:right;font-size:.65rem;font-weight:800}.standings-row .heart-score{font-size:1.6rem;font-weight:900}.sealed-hearts{color:var(--muted);letter-spacing:.16em;justify-content:center;align-items:center;gap:10px;margin:18px auto;font-size:.62rem;display:flex}.unmasking-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.unmasking-card{text-align:center;background:radial-gradient(at 50% 20%,#f083aa20,#0000 70%),#20243a;border:1px solid #b58ca7;border-radius:12px;flex:280px;max-width:700px;padding:24px;animation:.35s ease-out stage-arrive;box-shadow:0 5px #101428}.unmasking-card .recap-overline{color:#e1c5d8;overflow-wrap:anywhere}.unmasking-card .portrait{width:144px;height:144px;margin:20px auto;box-shadow:0 0 0 7px #30324c,0 0 50px #f083aa30}.unmasking-card h3{color:var(--accent2);letter-spacing:-.03em;overflow-wrap:anywhere;margin:12px 0 8px;font-size:2rem}.unmasking-card p{color:#d5cedf;line-height:1.7}.presentation-hold{text-align:center;color:var(--muted);margin:28px auto;font-size:.85rem}.highlight-picker summary{cursor:pointer;font-weight:700}.highlight-picker input{width:auto}.highlight-picker .btn{margin-top:16px}@keyframes stage-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.recap-stage{min-height:400px;padding:28px 18px}.recap-masthead{padding:16px}.recap-masthead .eyebrow{letter-spacing:.12em;font-size:.6rem}.recap-foot{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.recap-foot>span{text-align:center;font-size:.55rem}.recap-pair{gap:12px}.recap-character{max-width:42%}.recap-character .portrait{width:min(100%,120px)}.recap-connection{flex-basis:32px;width:32px;font-size:2rem}.recap-connection .pixel-icon{width:32px;height:32px}.recap-message{width:96%;padding:15px}.recap-match-chip{gap:10px;padding:12px}.recap-match-chip .recap-character{max-width:120px}.standings-row{flex-wrap:wrap;gap:12px;padding:12px}.standings-row .portrait{width:48px;height:48px}.standings-name{flex-basis:100px}.standings-name strong{font-size:1rem}.standings-rank{font-size:1.5rem}.leader-tag{font-size:.5rem}.standings-row .heart-score{font-size:1.1rem}.unmasking-card{padding:24px 18px}.unmasking-card .portrait{width:160px;height:160px}.sealed-hearts{letter-spacing:.08em;font-size:.55rem}}@media (prefers-reduced-motion:reduce){.recap-stage,.unmasking-card{animation:none}}.system-message{border-color:var(--warn)!important}.date-result{background:var(--panel2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:10px}.virus-glitch{border-color:var(--accent);text-shadow:2px 0 #f083aa,-2px 0 #77d9ce;animation:.45s 2 signal-jitter}@keyframes signal-jitter{0%,to{transform:translate(0)}20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.virus-glitch{animation:none}}
