@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#f2f1e9;--ink:#161c19;--muted:#758079;--yellow:#e3ff62;--green:#4d785f;--line:#d5d9d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5f9470;outline-offset:4px}header{max-width:1240px;margin:auto;height:106px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 30px}.brand{text-decoration:none;color:var(--ink);font-size:38px;font-weight:800;letter-spacing:-3px}.brand span{color:#6a8961;margin-left:6px}.brand-sub{font-size:10px;letter-spacing:2px;line-height:1.6;border-left:1px solid var(--line);padding-left:20px}nav{margin-left:auto;display:flex;gap:22px}nav button,.toolbar>button{border:0;background:none;font-size:12px;font-weight:600}main{max-width:1180px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:55px 0 48px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.live{display:inline-block;background:#588369;width:7px;height:7px;border-radius:50%;margin-right:8px}.intro h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(54px,7vw,86px);line-height:.95;letter-spacing:-2px;text-transform:uppercase;margin:22px 0}h1 em{font-style:normal;color:#698369}.lede{font-size:14px;line-height:1.8;color:#6a756d}.seal{width:280px;height:280px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,transparent 0 39px,#d6dacd 40px 41px,transparent 42px 43px);border-radius:50%;margin-right:40px}.seal:before,.seal:after{content:'';position:absolute;background:#ccd2c5}.seal:before{height:1px;width:110%;transform:rotate(-30deg)}.seal:after{width:1px;height:110%;transform:rotate(-30deg)}.seal span{font:800 112px 'Barlow Condensed',Impact,sans-serif;z-index:1;color:#647b62;transform:rotate(-8deg)}.seal small{font-size:9px;letter-spacing:3px;line-height:1.6;text-align:center;z-index:1}.seal b{position:absolute;bottom:-18px;font-size:8px;letter-spacing:2px;background:var(--bg);padding:6px}.orbit{position:absolute;inset:20px;border:1px dashed #8a9a7e;border-radius:50%;transform:rotate(-30deg)}.orbit:before{content:'';position:absolute;width:12px;height:12px;background:#6d8662;top:28px;left:27px;box-shadow:0 0 0 6px var(--bg)}.game{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 9px 25px #16231905}.toolbar{display:flex;justify-content:space-between;align-items:center;background:#e9ece2;border-bottom:1px solid var(--line);padding:10px 18px}.tabs{display:flex;gap:5px}.tabs button{border:0;padding:13px 20px;background:transparent;color:#6c776e;font-size:12px;border-radius:5px;font-weight:700}.tabs .active{background:var(--ink);color:var(--yellow)}.game-layout{display:grid;grid-template-columns:1fr 310px}.play-panel{padding:30px 32px;min-height:440px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top .eyebrow{color:#7c887f}#attempts{font-size:11px;color:var(--muted)}h2{font-size:28px;letter-spacing:-1px;margin:10px 0}h3{font-size:18px;letter-spacing:-.5px;margin:14px 0 8px}.muted{font-size:12px;color:var(--muted);line-height:1.7}.search-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;margin-top:26px;padding:6px;background:#f8f9f4;gap:8px}.search-wrap>span{font-size:27px;padding-left:8px;color:#6c7d6b}input{border:0;background:transparent;min-width:0;flex:1;padding:10px 0;font-size:13px;outline:none}#submit{background:var(--yellow);border:0;padding:13px 17px;border-radius:4px;font-size:12px;font-weight:700}form{position:relative}.options{position:absolute;top:100%;left:0;right:0;z-index:3;background:#fff;box-shadow:0 10px 25px #0002;border-radius:6px;max-height:235px;overflow:auto}.options:empty{display:none}.options button{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid #edf0e9;padding:12px 15px;text-align:left;font-size:12px}.options button:hover,.options button:focus{background:#eef6d8}.options small{color:var(--muted)}#message{font-size:12px;color:#55705a;min-height:16px;margin:10px 0}#empty{padding:25px 0 40px;text-align:center;color:#8a958d}#empty b{font-size:12px;font-weight:500}#empty p{font-size:11px}.empty-cross{font-size:36px;color:#c5cec1;margin-bottom:12px}.legend{display:flex;gap:22px;font-size:10px;color:var(--muted);border-top:1px solid #e9ece6;padding-top:16px}.legend span:first-child{color:#4b805a}aside{border-left:1px solid var(--line);padding:30px 24px;background:#f6f7f1}.intel-heading{display:flex;align-items:center;justify-content:space-between}.intel-heading p{color:#7a867b}#budget{font-size:11px;background:#e2e9d7;padding:6px 9px;border-radius:4px;font-weight:700}.scan{width:100%;border:1px solid #d7dfd0;background:#fff;display:flex;justify-content:space-between;text-align:left;padding:13px;margin:9px 0;border-radius:5px;font-size:11px}.scan span{color:#78906d}.scan.unlocked{background:#e9f2db;opacity:1;color:#46623d}.transmission{margin-top:26px;border-top:1px dashed #cbd5c3;padding-top:14px}.transmission .eyebrow{color:#728566}#clues p{font-size:12px;line-height:1.7}#clues .locked{color:#9aa491;font-size:11px}.below{display:flex;justify-content:space-between;padding:23px 4px;font-size:11px;color:#7a847b}.below span{color:#64805b;font-weight:700;margin-right:10px}footer{max-width:1180px;margin:24px auto 0;border-top:1px solid var(--line);padding:25px 30px 35px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#829080;line-height:1.8}footer b{font-weight:400;margin-left:10px}footer a{color:inherit}footer>span:last-child{text-align:right}.row{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:5px;margin-bottom:7px;animation:appear .25s ease}.cell{background:#eef0eb;padding:10px 5px;border-radius:4px;text-align:center;font-size:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:54px}.cell.name{font-size:11px;text-align:left;align-items:flex-start;padding-left:10px;font-weight:600}.cell small{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#768272}.cell.yes{background:#dfeecf;color:#385b30}.cell.no{background:#f2e7df;color:#926344}.cell.unknown{color:#9da696}.result-banner{padding:20px;background:var(--ink);color:#fff;border-radius:6px;margin-top:20px}.result-banner h3{color:var(--yellow);font-size:22px}.result-banner p{font-size:12px;line-height:1.7}.result-banner button{border:0;background:var(--yellow);padding:11px 15px;border-radius:4px;font-size:11px;font-weight:600;margin-right:7px;margin-top:8px}dialog{max-width:500px;width:calc(100% - 32px);border:0;border-radius:10px;padding:36px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#111b16a6;backdrop-filter:blur(5px)}dialog p,dialog li{font-size:13px;line-height:1.8}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;text-transform:uppercase}#close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.stat-grid div{text-align:center;background:#e3e8dd;padding:20px 8px}.stat-grid b{font-size:30px;display:block}.stat-grid small{font-size:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.seal{width:200px;height:200px;margin-right:0}.game-layout{grid-template-columns:1fr 250px}.play-panel{padding:24px 20px}aside{padding:24px 18px}.brand-sub{display:none}}@media(max-width:620px){header{height:80px;padding:0 20px}nav{gap:12px}nav button{font-size:10px}.brand{font-size:30px}main{padding:0 16px}.intro{padding:35px 5px}.intro h1{font-size:57px}.lede{font-size:12px;max-width:260px}.desktop{display:none}.seal{width:100px;height:145px;background:none;flex-shrink:0;margin-left:10px}.seal span{font-size:70px}.seal small{font-size:7px}.seal b{display:none}.orbit{inset:5px -10px}.orbit:before{width:8px;height:8px;top:13px;left:18px}.toolbar{padding:10px 8px;gap:5px}.tabs button{padding:10px;font-size:10px}.toolbar>button{font-size:10px;padding:4px}.game-layout{grid-template-columns:1fr}.play-panel{padding:22px 16px}aside{border-left:0;border-top:1px solid var(--line);padding:20px}#scans{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scan{margin:0;padding:12px}#submit{padding:12px 9px;font-size:10px}input{font-size:12px}.below{gap:12px;font-size:9px}.below span{display:block;margin-bottom:7px}footer{margin:14px 16px 0;padding:20px 0;display:block}footer>span{display:block}footer>span:last-child{text-align:left;margin-top:12px}.cell{font-size:9px;padding:8px 3px}.cell.name{font-size:9px;padding-left:6px}.cell small{font-size:7px}.row{gap:3px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* Original comic-arena visual system. */
:root{--bg:#101223;--ink:#f1f4ff;--muted:#b0b8d0;--yellow:#ffdc3e;--green:#69e0fa;--line:#363b59}body{background:radial-gradient(ellipse at 82% 7%,#26204e 0,transparent 38%),radial-gradient(ellipse at 0% 38%,#142c43 0,transparent 35%),#101223;color:var(--ink)}body:before{content:'';position:fixed;inset:0;background-image:radial-gradient(#8d94be22 .7px,transparent .7px);background-size:7px 7px;pointer-events:none;z-index:-1}header{border-color:#464761}.brand{color:#fff;font-family:'Barlow Condensed',Impact,sans-serif;font-size:47px;letter-spacing:-1px;font-style:italic}.brand span{color:var(--yellow)}.brand-sub{color:#bec7df;border-color:#454a66;font-size:9px}nav button{color:#dbe2fa}nav button:hover{color:var(--yellow)}.intro{padding:50px 0 40px;gap:24px}.eyebrow{color:#9ca9cf}.live{background:var(--yellow);box-shadow:0 0 12px #ffdc3e88}.intro h1{font-size:clamp(46px,6.4vw,77px);line-height:1.02;letter-spacing:-.8px;font-style:italic;text-shadow:4px 4px 0 #070a14}.intro h1 em{color:var(--yellow)}.lede{color:#b9c4df;line-height:1.8}.seal{width:255px;height:255px;background:radial-gradient(circle,#192d47 0 37%,#242248 38% 47%,transparent 48%),repeating-radial-gradient(circle,transparent 0 38px,#6a91bc33 39px 40px,transparent 41px 44px);border:2px solid #69dffc55;box-shadow:0 0 55px #32cbff1b,inset 0 0 35px #9166ff30;margin-right:25px;transform:rotate(8deg)}.seal span{color:#fff;font-size:120px;text-shadow:4px 3px 0 #6752be,-4px -2px 0 #3ba9cc}.seal small{color:var(--yellow);font-weight:bold}.seal:before,.seal:after{background:#7be9ff55}.seal b{background:#101223;color:#6fe5fa;bottom:-24px}.orbit{border:3px solid #73daf2;border-left-color:transparent;border-right-color:#b394ff;inset:-12px;box-shadow:0 0 24px #79b5ff33;transform:rotate(-45deg)}.orbit:before{background:var(--yellow);box-shadow:0 0 15px #ffdc3e;top:29px;left:22px}.game{border:1px solid #47506d;background:#181d31;border-radius:0;box-shadow:8px 8px 0 #080c19;overflow:visible}.toolbar{background:#0b1020;border-color:#394159;padding:13px 18px}.tabs button{color:#a8b7d8;border-radius:0;text-transform:uppercase;font-family:'Barlow Condensed',Impact,sans-serif;font-size:17px;letter-spacing:.4px}.tabs .active{background:var(--yellow);color:#121525;box-shadow:3px 3px 0 #ffdc3e33;transform:skew(-5deg)}.toolbar>button{color:#a8ddec}.toolbar>button:hover{color:#ffdc3e}.game-layout{grid-template-columns:minmax(0,1fr) 310px}.play-panel{padding:28px 30px}.section-top .eyebrow{color:#7de7fa}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;text-transform:uppercase;font-style:italic;letter-spacing:.2px;margin:8px 0}h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.2px}.muted{color:#b0bdd9}.mode-guide{background:#0c1426;border-left:3px solid var(--yellow);padding:14px 16px;margin:18px 0;font-size:12px;color:#c2cfe8;line-height:1.8}.mode-guide>b{color:var(--yellow);font-size:10px;letter-spacing:1.5px}.mode-guide p{margin:6px 0}.mode-guide p>span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--yellow);color:#172032;font-size:10px;font-weight:bold;margin:0 5px 0 8px}.mode-guide p>span:first-child{margin-left:0}.mode-guide small{font-size:11px;color:#92a8cb}.evidence-card{position:relative;background:linear-gradient(120deg,#20324a,#18263c);border:1px solid #41617e;border-left:4px solid #67dff8;padding:16px 18px;margin:10px 0;box-shadow:4px 4px 0 #080e1d}.evidence-card:after{content:'◈';position:absolute;right:12px;top:10px;color:#68dffa55;font-size:24px}.evidence-card .eyebrow{font-size:9px;color:#78dff3;letter-spacing:1px}.evidence-card p{font-size:14px;line-height:1.6;font-weight:500;margin:10px 0 0;color:#edf5ff;max-width:95%}.evidence-card.decoded{background:#292941;border-color:#62517b;border-left-color:#b397ff}.evidence-card.decoded .eyebrow{color:#c5afff}.search-wrap{background:#0e1426;border-color:#4d5b78;border-radius:0;padding:6px}.search-wrap>span{color:#6bd9ed}input{color:#fff}input::placeholder{color:#a4b3d0}#submit{border-radius:0;background:var(--yellow);color:#11172a;text-transform:uppercase;font-family:'Barlow Condensed',Impact,sans-serif;font-size:17px;letter-spacing:.5px;white-space:nowrap}.options{background:#19243b;border:1px solid #576887;border-radius:0}.options button{color:#f0f4ff;border-color:#36415e}.options button:hover,.options button:focus{background:#2b3d56}.options small{color:#9faecc}#message{color:#8ae4f6;line-height:1.6;min-height:20px}.cell{border-radius:0;background:#25324d;color:#dfeaff}.cell small{color:inherit;opacity:.75}.cell.name{background:#283047;color:#fff}.cell.yes{background:#214e48;color:#a1ffb7;border-bottom:2px solid #58e190}.cell.no{background:#4b303b;color:#ffd1c2;border-bottom:2px solid #b57276}.legend{border-color:#394761;color:#acbbd6}.legend span:first-child{color:#a1ffb7}aside{background:linear-gradient(160deg,#20223d,#131b2d);border-color:#454e6a;padding:28px 24px}.intel-heading p{color:#e0daff}#budget{background:var(--yellow);color:#171a2d;border-radius:0;font-size:10px;padding:7px 9px}.scan{border:1px solid #465372;background:#141b2e;color:#e7edff;border-radius:0;align-items:center;gap:10px;padding:15px 12px;margin:12px 0}.scan:not(:disabled):hover{border-color:var(--yellow);background:#26304a}.scan>span:last-child{color:var(--yellow);font-size:9px;white-space:nowrap}.scan-copy{display:flex;flex-direction:column;gap:6px;color:#fff!important}.scan-copy b{font-size:12px}.scan-copy small{font-size:10px;color:#a6b7d6;line-height:1.5}.scan.unlocked{background:#273347;border-color:#59b8c7;color:#a2eff9}.scan.unlocked>span:last-child{color:#78e2ee}.scan:disabled:not(.unlocked){opacity:.65}.transmission{border-color:#556080}.transmission .eyebrow{color:#c1a9ff}#clues .locked{color:#a9b7d0}#clues p{color:#e0e6fa}#empty{color:#a0aecb}.empty-cross{color:#647597}.accusation{display:flex;align-items:center;gap:13px;padding:14px;background:#302331;border:1px solid #63404c;margin:8px 0}.accusation>span{color:#ff9696;font-size:23px}.accusation b{font-size:12px}.accusation small{margin-left:auto;font-size:8px;letter-spacing:1px;color:#eaaab6}.accusation.correct{background:#194336;border-color:#579a74}.accusation.correct>span,.accusation.correct small{color:#a4ffc2}#suspect-board{border-top:1px solid #404c69;padding-top:20px;margin-top:20px}#suspect-board summary{cursor:pointer;font-size:11px;letter-spacing:1px;color:var(--yellow);font-weight:bold}#suspect-board summary>span{float:right;color:#aac3dc;font-size:10px;letter-spacing:0}#suspect-board p{font-size:11px;line-height:1.7;color:#a7b9d8}.suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.suspects button{display:flex;align-items:center;gap:8px;border:1px solid #3b4a66;background:#121c30;color:#eef2ff;text-align:left;padding:9px;font-size:10px;min-height:48px}.suspects button:hover{border-color:var(--yellow);background:#28374d}.suspects button>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#323557;color:#a0ecff;width:26px;height:26px;font:700 12px 'Barlow Condensed',Impact,sans-serif;transform:skew(-7deg)}.result-banner{background:linear-gradient(120deg,#332b53,#162d43);border:1px solid #6d7ca3;border-left:4px solid var(--yellow);border-radius:0}.result-banner h3{color:var(--yellow);font-size:32px}.result-banner b{color:#85e4ef;display:inline-block}.result-banner button{border-radius:0;color:#15182c}.below{color:#a8bad6;font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;font-size:13px}.below span{color:var(--yellow)}footer{border-color:#454b65;color:#a4b2d0}dialog{background:#1a2035;color:#edf3ff;border:1px solid #657393;border-radius:0;box-shadow:10px 10px 0 #060a17}dialog h2{color:var(--yellow)}#close{color:#fff}.stat-grid div{background:#29324c}.stat-grid b{color:var(--yellow)}[hidden]{display:none!important}@media(max-width:800px){.game-layout{grid-template-columns:minmax(0,1fr) 260px}.seal{width:200px;height:200px}.play-panel{padding:24px 20px}aside{padding:24px 18px}.intro h1{font-size:57px}.suspects{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.game-layout{grid-template-columns:1fr}.intro{padding:30px 3px;gap:8px}.intro h1{font-size:44px;line-height:1.05}.seal{width:85px;height:130px;margin:0 8px 0 0;border:0;box-shadow:none;background:none}.seal span{font-size:72px}.seal small{font-size:7px}.orbit{inset:8px -4px;border-width:2px}.orbit:before{top:14px;left:8px}.toolbar{padding:10px 7px;flex-wrap:wrap}.tabs button{font-size:15px;padding:10px 11px}.toolbar>button{font-size:10px}.play-panel{padding:22px 16px}aside{padding:20px}.scan{margin:0;padding:12px 10px}.scan-copy b{font-size:11px}.scan-copy small{font-size:9px}.scan>span:last-child{font-size:8px}#scans{gap:9px}.mode-guide{padding:12px;font-size:11px}.mode-guide p>span{margin-left:0}#submit{font-size:14px;padding:12px 9px}.evidence-card{padding:13px 15px}.evidence-card p{font-size:13px}.suspects{grid-template-columns:repeat(2,1fr)}.below{font-size:10px;letter-spacing:.4px}.brand{font-size:39px}.lede{font-size:12px}.intro .eyebrow{font-size:8px;letter-spacing:1px}h2{font-size:32px}}@media(max-width:380px){.intro h1{font-size:36px}.seal{width:65px}.tabs button{font-size:13px}.suspects button{font-size:9px}.scan{flex-direction:column;align-items:flex-start}.mode-guide p>span{width:16px;height:16px}}
/* Arcade and drafting layouts */
.toolbar{align-items:center;gap:12px}.tabs{flex-wrap:wrap;gap:4px}.tabs button{font-size:15px;padding:12px 14px}.toolbar>button{white-space:nowrap}.draft-panel{padding:28px 30px}aside details{margin:24px 0}details summary{cursor:pointer;color:#ffdc3e;font-size:12px;font-weight:600;line-height:1.7}details p,details li{font-size:12px;line-height:1.8;color:#b7c5df}.roster-list{display:flex;flex-direction:column;margin-top:10px;max-height:330px;overflow:auto}.roster-list button{border:0;border-bottom:1px solid #36435d;background:#162039;color:#dfeafa;text-align:left;padding:10px;font-size:11px}.roster-list button:hover{background:#2c3b56}.enemy-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.enemy-chips span{font-size:11px;padding:8px 11px;border:1px solid #625171;background:#2d2440;color:#edcfff}.hero-card{padding:15px;background:#1a243d;border:1px solid #455571;text-align:left;color:#fff;height:100%}.hero-top{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#3b3966;color:#b8f0ff;transform:skew(-6deg);font:700 22px 'Barlow Condensed',Impact,sans-serif}.hero-top b{font-size:14px;display:block}.hero-top small{display:block;font-size:9px;color:#a9bddc;margin-top:5px;text-transform:uppercase}.profile-stats{display:flex;gap:12px;justify-content:space-between;padding:14px 0;margin-top:8px;border-bottom:1px solid #394a63;font-size:10px;color:#9ab2d0}.profile-stats b{color:#f2f4ff;font-size:13px;margin-left:3px}.hero-card p{font-size:11px;line-height:1.6;margin:12px 0 0}.hero-card .strength{color:#a7efd0}.hero-card .weakness{color:#eac5b1}.hero-card.compact{padding:11px}.compact .hero-top b{font-size:11px}.compact .avatar{width:27px;height:27px;font-size:16px}.compact .hero-top small{font-size:8px}.counter-options{display:grid;gap:10px;margin-top:22px}.counter-options>button{background:#182138;border:1px solid #455575;text-align:left;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}.counter-options>button>.hero-card{border:0;background:none}.counter-options>button:not(:disabled):hover{border-color:var(--yellow)}.counter-options>button.chosen{border-color:var(--yellow)}.counter-options>button:disabled{opacity:1}.answer-tag{font-size:9px;color:var(--yellow);padding-right:15px;white-space:nowrap}.draft-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.draft-slot{padding:9px;background:#10182c;border:1px dashed #415474;min-height:94px}.draft-slot>small{display:block;font-size:9px;color:#98b5d4;letter-spacing:.5px;margin-bottom:9px;text-transform:uppercase}.draft-slot>b{font-size:12px;color:#546e8d;display:block;margin:10px}.draft-slot.current{border:1px solid var(--yellow);box-shadow:inset 0 0 12px #ffdc3e11}.draft-slot .hero-card{height:auto;border:0;background:none;padding:0}.draft-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.draft-offers>button{border:1px solid #556685;background:none;padding:0;display:flex;flex-direction:column;color:#fff}.draft-offers>button:hover{border-color:var(--yellow);transform:translateY(-3px)}.draft-offers .hero-card{border:0;flex:1;width:100%}.pick-label{display:block;background:var(--yellow);color:#10172c;font-size:10px;font-weight:bold;letter-spacing:.7px;text-align:center;padding:13px;width:100%}.action{background:var(--yellow);color:#11182b;border:0;padding:13px 17px;font-size:12px;font-weight:bold;cursor:pointer}.action.secondary{background:#26324c;color:#adddef;border:1px solid #526882}.draft-match{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:25px 0;border-top:1px solid #3c4a66;margin-top:20px}.tactics{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.tactics button{padding:13px;background:#162039;color:#eef4ff;border:1px solid #455372;text-align:left}.tactics .chosen{border-color:var(--yellow);background:#2c2c3d}.tactics b{font-size:12px}.tactics small{display:block;margin-top:7px;font-size:10px;line-height:1.6;color:#aabedb}.inspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.inspect-grid>div>small{font-size:8px;color:#9fd3e7;display:block;margin:9px 0}.inspect-grid .hero-card{height:auto}.arena-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #425778;padding-top:20px}.objective{display:grid;grid-template-columns:1fr 40px 1fr;gap:20px;align-items:center;margin:22px 0;font-size:10px;color:#a0c3dc;letter-spacing:1px}.objective b{float:right;color:#fff}.objective>span{text-align:center;font-size:25px;color:var(--yellow)}progress{appearance:none;-webkit-appearance:none;width:100%;height:7px;border:0;background:#0e1526;display:block;margin-top:9px}progress::-webkit-progress-bar{background:#0e1526}progress::-webkit-progress-value{background:#6bdac9}progress::-moz-progress-bar{background:#6bdac9}.objective>div:last-child progress::-webkit-progress-value{background:#e48baa}.arena-teams{display:grid;grid-template-columns:1fr 1fr;gap:24px}.combat-squad{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.combatant{background:#1c2b42;border:1px solid #456481;padding:12px;animation:appear .2s ease}.combatant b{font-size:11px;display:block}.combatant span{font-size:9px;color:#a1bbd9;display:block;margin-top:6px}.combatant small{font-size:8px;color:#b5e9eb;display:block;margin-top:10px;letter-spacing:.5px}.combatant.eliminated{opacity:.4;background:#292034}.combatant.ultimate{border-color:var(--yellow);box-shadow:0 0 12px #ffdc3e33}.combat-log{background:#0c1427;border-left:3px solid #84dce9;padding:12px 16px;margin-top:20px;min-height:110px}.combat-log p{font-size:11px;color:#c1d9f4;margin:7px 0}.battle-history{margin-top:25px}.battle-history details{border:1px solid #435273;padding:16px;background:#172039;margin:10px 0}.balance-rules{border-top:1px solid #405272;padding-top:20px;margin-top:26px}.record-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #3b4c68;font-size:12px}.record-row span{color:#a9d3e5}.result-banner p b{display:inline}#arena:empty{display:none}@media(max-width:900px){.tabs button{font-size:13px;padding:10px}.draft-match{grid-template-columns:1fr 260px}.hero-top b{font-size:12px}.profile-stats{gap:6px}.inspect-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.toolbar{align-items:flex-start}.tabs{display:grid;grid-template-columns:1fr 1fr;flex:1;gap:6px}.tabs button{font-size:14px}.toolbar>button{font-size:9px;max-width:85px;padding-top:11px;white-space:normal;line-height:1.5}.draft-panel{padding:22px 16px}.draft-slots{grid-template-columns:repeat(2,1fr);gap:8px}.draft-offers{grid-template-columns:1fr}.draft-offers .hero-card{padding:14px}.draft-offers>button:hover{transform:none}.profile-stats{justify-content:flex-start;gap:25px}.draft-match{grid-template-columns:1fr;gap:20px}.arena-teams{gap:10px}.combat-squad{grid-template-columns:1fr}.combatant{padding:10px}.objective{gap:8px;grid-template-columns:1fr 25px 1fr;font-size:8px}.inspect-grid{grid-template-columns:1fr 1fr}.inspect-grid .hero-card{padding:10px}.inspect-grid .profile-stats{gap:6px;font-size:8px}.inspect-grid .profile-stats b{font-size:10px}.inspect-grid .hero-top{flex-direction:column;align-items:flex-start}.answer-tag{font-size:8px;padding-right:10px}.counter-options .hero-top b{font-size:12px}.draft-slot .hero-top{gap:6px}.draft-slot .compact .avatar{width:23px;height:23px;font-size:13px}}
/* Hero Operations: static superhero graphics, roster cards and calm combat. */
:root{--yellow:#ffe052;--bg:#111528;--muted:#b2c0da}.hero-art{width:420px;max-width:43%;flex-shrink:0;position:relative;margin-top:12px}.hero-art img{width:100%;height:auto;display:block}.hero-art>span{font:700 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#7ed3dc;display:block;text-align:right;padding:8px 26px}.intro{padding-top:32px;padding-bottom:35px}.intro h1{font-size:clamp(43px,5.6vw,68px);line-height:1.02}.game{border-top:4px solid var(--yellow);box-shadow:7px 7px 0 #060b18;position:relative}.toolbar{background:linear-gradient(100deg,#172139,#121526)}.tabs button{letter-spacing:.8px}.tabs .active{clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);box-shadow:none;transform:none;background:var(--yellow);padding-left:21px;padding-right:21px}.hero-card{border-top:3px solid #7799bf;background:linear-gradient(140deg,#243551,#17263c);position:relative}.hero-card:before{content:'';position:absolute;right:8px;top:7px;width:19px;height:5px;background:#65829f;transform:skew(-25deg)}.hero-top svg,.avatar svg{width:25px;height:25px}.hero-card.compact:before{display:none}.avatar{background:#324d69;color:#e4f7ff;border:1px solid #6a92b4;transform:none;clip-path:polygon(12% 0,100% 0,100% 83%,88% 100%,0 100%,0 17%)}.hero-card.compact .avatar svg{width:19px;height:19px}.row{grid-template-columns:1.2fr repeat(3,1fr);animation:none!important}.cell{font-size:11px;min-height:59px}.cell small{font-size:8px}.legend-match{color:#a1ffb7!important}.legend-miss{color:#ffd1c2!important}.legend span{display:inline-flex;align-items:center;gap:7px}.legend-match:before,.legend-miss:before{content:'';width:12px;height:12px;display:inline-block;border:1px solid #58e190;background:#214e48}.legend-miss:before{border-color:#b57276;background:#4b303b}.draft-offers>button:hover{transform:none}.draft-slot{border:1px solid #354b68;background:linear-gradient(140deg,#1f2d43,#121b30)}.draft-slot.current{border-left:4px solid var(--yellow);box-shadow:none}.pick-label{clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.counter-panel{padding:28px 30px}.lineup-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.lineup-heading>span{font-size:9px;color:#9eb2ce;letter-spacing:.6px}.lineup{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.lineup-slot{background:linear-gradient(150deg,#26354f,#172238);border:1px solid #466383;padding:13px 8px 11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:118px}.enemy-lineup .lineup-slot{background:linear-gradient(150deg,#392d42,#201f34);border-color:#6b4c65}.slot-emblem{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #5e82a3;clip-path:polygon(12% 0,100% 0,100% 83%,88% 100%,0 100%,0 17%);background:#2c415c;color:#99d9ed}.slot-emblem svg{width:22px;height:22px}.enemy-lineup .slot-emblem{background:#49344d;color:#e9b9d0;border-color:#936c84}.role-vanguard .slot-emblem{color:#ffd886}.role-strategist .slot-emblem{color:#91e4c2}.lineup-slot>b{font-size:11px;line-height:1.4}.lineup-slot>small{font-size:8px;text-transform:uppercase;color:#9fb2ce;margin-top:auto;letter-spacing:.5px}.lineup-slot.missing{border:1px dashed var(--yellow);background:#302f35}.lineup-slot.missing .slot-emblem{font:700 28px 'Barlow Condensed',Impact,sans-serif;background:#4c4935;color:var(--yellow);border-color:#c8b76a}.lineup-slot.missing b{color:var(--yellow)}.compact-evidence{margin-top:24px}.tactical-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.tactical-options>button{padding:14px;background:#1b2941;gap:12px;justify-content:flex-start;min-height:83px}.candidate-avatar{width:38px;height:38px;flex-shrink:0;border:1px solid #526c8d;background:#2a3f59;display:flex;align-items:center;justify-content:center;color:#b3e7f3}.candidate-avatar svg{width:24px;height:24px}.tactical-options>button>span:nth-child(2){flex:1}.tactical-options b{font-size:13px;display:block}.tactical-options small{display:block;margin-top:6px;font-size:9px;color:#a5bbd5;text-transform:uppercase}.tactical-options .answer-tag{padding:0;font-size:8px}.tactical-options>button.chosen{background:#333343}.result-banner details{margin:18px 0}.in-combat{overflow:hidden}.in-combat header,.in-combat .toolbar,.in-combat .intro{visibility:hidden}.combat-screen{position:fixed;inset:18px;z-index:100;max-width:1060px;margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;background:#121c30;border:1px solid #61758e;border-top:4px solid var(--yellow);padding:19px 24px;box-shadow:0 0 0 100vmax #090f21;overflow:hidden}.combat-screen .arena-head{padding:0;border:0;gap:15px;margin:0}.arena-head .eyebrow{margin:0 0 7px;color:#9abacf;font-size:9px}.arena-head h3{margin:0;font-size:29px;letter-spacing:1px}.arena-head h3>span{font:500 11px 'DM Sans',sans-serif;color:#9dbed4;letter-spacing:.6px;margin-left:15px}.replay-controls{display:flex;align-items:center;gap:8px}.replay-controls select{background:#20334b;color:#d6e8f4;padding:9px;border:1px solid #56718d;font:500 11px 'DM Sans',sans-serif}.replay-controls .action{padding:10px 12px;font-size:10px;white-space:nowrap}.combat-screen .objective{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0;padding:12px 15px;background:#1a2940;border:1px solid #3e5671}.objective small{display:block;font-size:10px;margin-top:9px;color:#c6d7e5;letter-spacing:.4px}.objective>div:last-child progress::-webkit-progress-value{background:#bb7188}.objective>div:last-child progress::-moz-progress-bar{background:#bb7188}.combat-screen .arena-teams{min-height:0;gap:30px;grid-template-columns:1fr 1fr}.combat-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;gap:7px}.combat-column>p{margin:0;padding:7px 0;font-size:10px;color:#c8e4ec}.combat-column>p>span{float:right;font-size:9px;color:#93b9d0;font-weight:500}.combat-screen .combat-squad{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;min-height:0}.combat-screen .combatant{display:flex;align-items:center;gap:12px;min-height:0;background:#1e3046;border:1px solid #446078;padding:7px 12px;animation:none!important;transition:none!important;box-shadow:none}.enemy-column .combatant{background:#2b293e;border-color:#5b506c}.combat-avatar{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#bad8e5}.combat-avatar svg{width:23px;height:23px}.fighter-readout{flex:1;min-width:0}.fighter-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.fighter-heading b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ecf3f8}.combatant .fighter-heading span{font-size:11px;color:#e1edf5;font-weight:600;display:block;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.combatant progress{margin-top:7px;height:8px}.enemy-column progress::-webkit-progress-value{background:#bb7188}.enemy-column progress::-moz-progress-bar{background:#bb7188}.fighter-meta{display:flex;align-items:center;justify-content:space-between;margin-top:5px;gap:5px}.combatant .fighter-meta span,.combatant .fighter-meta small{font-size:8px;color:#a3bfd1;display:block;margin:0;letter-spacing:.3px}.combatant .fighter-meta small{color:#e3ce8e}.combat-screen .combatant.eliminated{opacity:1;background:#1a2333;border-color:#364051}.combatant.eliminated .fighter-heading b,.combatant.eliminated .fighter-heading span,.combatant.eliminated .fighter-meta span{color:#728195}.combat-screen .combat-log{padding:10px 14px;margin:0;min-height:0;height:92px;background:#0f1728;border-left:2px solid #516a81;overflow:hidden}.combat-log>.eyebrow{font-size:8px;color:#89a7bc}.combat-screen .combat-log p{font-size:10px;line-height:1.4;margin:5px 0;color:#bdd0df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-note{font-size:9px;color:#91aabd;line-height:1.5;margin:0;text-align:center}.combat-screen button:focus-visible,.combat-screen select:focus-visible{outline:2px solid #d3deeb;outline-offset:2px}.combatant.ultimate{border-color:#446078;box-shadow:none}#app .row,#app .accusation{animation:none!important}.avatar,.candidate-avatar,.hero-card,.draft-offers>button{transition:none!important}.draft-panel .balance-rules{scroll-margin-top:20px}#battle-recap{scroll-margin-top:20px;outline:none}#battle-recap:focus-visible{outline:1px solid #7da3c5;outline-offset:3px}@media(max-width:900px){.hero-art{width:330px;max-width:40%}.intro h1{font-size:52px}.lineup{grid-template-columns:repeat(3,1fr)}.lineup-slot{min-height:100px}.combat-screen{padding:16px;gap:10px;inset:12px}.combat-screen .arena-teams,.combat-screen .objective{gap:18px}.combat-screen .combatant{padding:6px 9px;gap:8px}.fighter-heading b{font-size:10px}.combatant .fighter-heading span{font-size:10px}.combat-avatar{width:23px}.combat-screen .arena-head h3{font-size:24px}.arena-head h3>span{margin-left:8px;font-size:9px}.replay-controls{gap:6px}.replay-controls .action{padding:9px}}@media(max-width:620px){.hero-art{width:130px;max-width:31%;align-self:center;margin:0}.hero-art>span{font-size:6px;letter-spacing:.5px;padding:4px 0}.intro{padding:24px 3px;gap:8px}.intro h1{font-size:38px}.intro .lede{font-size:11px;line-height:1.7}.counter-panel{padding:22px 16px}.lineup-heading>span{font-size:8px;max-width:46%;text-align:right}.lineup-heading .eyebrow{font-size:9px}.lineup{gap:6px}.lineup-slot{padding:10px 6px;min-height:100px}.lineup-slot b{font-size:10px}.tactical-options{gap:8px}.tactical-options>button{padding:11px;gap:8px;flex-wrap:wrap}.candidate-avatar{width:29px;height:29px}.candidate-avatar svg{width:20px;height:20px}.tactical-options b{font-size:11px}.tactical-options .answer-tag{flex-basis:100%;text-align:right}.row{gap:4px}.cell{font-size:10px;padding:9px 4px;min-height:58px}.cell.name{font-size:10px}.legend{gap:14px;font-size:9px}.combat-screen{inset:0;padding:12px 10px;border-left:0;border-right:0;gap:8px}.combat-screen .arena-head{flex-wrap:wrap;gap:8px}.combat-screen .arena-head>div:first-child{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.arena-head .eyebrow{font-size:8px;margin:0}.combat-screen .arena-head h3{font-size:20px;text-align:right}.arena-head h3>span{font-size:8px;display:block;margin:0}.replay-controls{width:100%;justify-content:flex-end}.replay-controls select{font-size:10px;padding:6px 8px}.replay-controls .action{font-size:10px;padding:7px 13px}.combat-screen .objective{gap:14px;padding:10px;font-size:8px}.objective small{font-size:8px;letter-spacing:0;margin-top:6px}.objective progress{height:6px;margin-top:7px}.combat-screen .arena-teams{gap:9px}.combat-column{gap:4px}.combat-column>p{font-size:8px;padding:4px 0}.combat-column>p>span{font-size:7px}.combat-screen .combat-squad{gap:5px}.combat-screen .combatant{padding:6px;gap:0}.combat-avatar{display:none}.fighter-heading{display:block}.fighter-heading b{font-size:10px;line-height:1.3}.combatant .fighter-heading span{font-size:9px;margin-top:3px}.combatant progress{height:7px;margin-top:5px}.fighter-meta{margin-top:4px;gap:2px}.combatant .fighter-meta span,.combatant .fighter-meta small{font-size:6px;letter-spacing:0}.combat-screen .combat-log{height:66px;padding:8px 10px}.combat-screen .combat-log p{font-size:9px;margin:3px 0}.combat-screen .combat-log #log-2{display:none}.combat-note{font-size:8px}}@media(max-height:700px){.combat-screen{padding-top:10px;padding-bottom:8px;gap:7px}.combat-screen .combat-log{height:60px}.combat-screen .combat-log #log-2{display:none}.combat-screen .objective{padding-top:8px;padding-bottom:8px}.combatant .fighter-meta{margin-top:4px}}@media(max-height:570px){.combat-note,.combat-log{display:none!important}.combat-screen{grid-template-rows:auto auto minmax(0,1fr)}.combat-screen .arena-head .eyebrow{display:none}.combat-screen .objective small{margin-top:5px}.combat-screen .combatant{padding:4px 6px}.combatant progress{height:5px;margin-top:3px}.fighter-meta{display:none}.combat-screen .arena-head>div:first-child{width:auto}.replay-controls{width:auto}.combat-screen .arena-head h3{font-size:18px}.combat-column>p{padding:0;font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Recognition modes: original icons and progressive emoji clues. */
.ability-evidence{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(145deg,#20354c,#19273e);border:1px solid #587591;margin:22px 0}.ability-tile{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:142px;height:142px;clip-path:polygon(13% 0,100% 0,100% 87%,87% 100%,0 100%,0 13%);background:#101e34;color:#c0edf3;border:2px solid #80b2c6}.ability-tile:before,.ability-tile:after{content:'';position:absolute;width:24px;height:3px;background:#dec861;transform:rotate(-45deg);top:8px;left:-1px}.ability-tile:after{top:auto;left:auto;bottom:8px;right:-1px}.ability-glyph{width:105px;height:105px;display:block}.ability-copy h3{font-size:27px;line-height:1.2;margin:12px 0}.ability-copy .eyebrow{font-size:9px;line-height:1.8;color:#9ecfdd}.ability-copy p{font-size:10px;line-height:1.7;margin:8px 0 0}.kit-clue-stack{display:grid;gap:8px}.kit-clue-stack:empty{display:none}.kit-clue-stack p{margin:0;padding:13px 15px;background:#1f2b43;border-left:2px solid #788fae;color:#d9e7f3;font-size:12px;line-height:1.7}.kit-clue-stack p span{display:block;font-size:8px;letter-spacing:1px;color:#99bdd0;margin-bottom:5px}.emoji-evidence{padding:24px;text-align:center;background:linear-gradient(140deg,#272a49,#182d43);border:1px solid #59698b;margin:22px 0}.emoji-evidence>.eyebrow{color:#c1cde6;line-height:1.7}.emoji-trail{display:flex;justify-content:center;gap:20px;margin:28px 0 22px}.emoji-symbol,.emoji-locked{width:87px;height:87px;display:flex;align-items:center;justify-content:center;background:#15223a;border:1px solid #557191;font-size:46px;line-height:1;font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}.emoji-locked{font-family:'Barlow Condensed',Impact,sans-serif;font-size:39px;color:#586984;border:1px dashed #53647c;background:#172138}.emoji-evidence .muted{font-size:11px;margin-bottom:0}.tabs button{font-size:14px;padding:12px}.tabs .active{padding-left:17px;padding-right:17px}.combatant progress{will-change:auto}.combat-note{color:#a2b8c7}@media(max-width:900px){.tabs button{font-size:12px;padding:10px}.ability-evidence{padding:18px;gap:18px}.ability-tile{width:110px;height:110px}.ability-glyph{width:85px;height:85px}.ability-copy h3{font-size:22px}.emoji-trail{gap:12px}.emoji-symbol,.emoji-locked{width:73px;height:73px;font-size:40px}}@media(max-width:620px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:14px}.tabs [data-mode="draft"]{grid-column:1/-1}.ability-evidence{gap:15px;padding:17px 13px}.ability-tile{width:95px;height:95px}.ability-glyph{width:76px;height:76px}.ability-copy .eyebrow{font-size:8px;letter-spacing:.6px}.ability-copy h3{font-size:21px}.ability-copy p{font-size:9px}.emoji-evidence{padding:22px 14px}.emoji-trail{gap:12px;margin-top:24px}.emoji-symbol,.emoji-locked{width:74px;height:74px;font-size:40px}.emoji-locked{font-size:34px}.kit-clue-stack p{font-size:11px}.kit-clue-stack p span{font-size:8px}}@media(max-width:370px){.ability-evidence{align-items:flex-start;gap:12px}.ability-tile{width:80px;height:80px}.ability-glyph{width:66px;height:66px}.ability-copy h3{font-size:18px}.emoji-trail{gap:9px}.emoji-symbol,.emoji-locked{width:65px;height:65px;font-size:36px}.tabs button{font-size:12px}}

/* Rival Recall wordmark */
.brand{display:inline-flex;align-items:center;gap:7px;font-size:40px;line-height:1;letter-spacing:-.5px;white-space:nowrap}.brand .brand-words{color:#fff;margin:0;display:inline;line-height:1}.brand .brand-words>span{color:inherit;margin:0}.brand .brand-mark{color:var(--yellow);margin:0;font-size:30px}@media(max-width:620px){.brand{font-size:30px;gap:7px}.brand .brand-words{display:flex;flex-direction:column;line-height:.86;gap:3px}.brand .brand-mark{font-size:24px}}

.ability-glyph{object-fit:contain;filter:brightness(0) invert(1)}

.arcade-about{margin:40px 0 20px;padding:28px 0;border-top:1px solid #454b65;color:#c0cee3}.arcade-about>h2{font-size:30px;line-height:1.2;color:#f2f5ff;margin:14px 0}.arcade-about>p{font-size:13px;line-height:1.8;max-width:780px}.arcade-about>.eyebrow{font-size:10px;color:var(--yellow)}.about-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.about-modes article{padding:18px;background:#18243a;border:1px solid #3b4a66}.about-modes h3{color:#85e4ef;font-size:22px;margin:0 0 10px}.about-modes p{font-size:12px;line-height:1.8;margin:0}.arcade-about .about-note{font-size:11px;color:#a4b2d0}@media(max-width:620px){.about-modes{grid-template-columns:1fr}.arcade-about>h2{font-size:26px}.arcade-about{margin-top:28px}}
/* Rival Recall: hero selection inspired arcade, with official character art. */
:root{--bg:#0d1220;--ink:#eef2ff;--muted:#a6b5cf;--line:#33425a;--yellow:#f5d84b;--green:#6fd6a2}
body{background:radial-gradient(ellipse at 85% 8%,#213152 0,transparent 38%),#0d1220;color:#edf2ff}
header{height:94px;border-color:#33425a}.brand{font-size:39px;font-style:italic;letter-spacing:-1px}.brand .brand-words>span:last-child{color:var(--yellow)}.brand .brand-mark{display:none}.brand-sub{color:#a6b5cf;font-size:9px;letter-spacing:1.5px}nav button{color:#d4deef}nav button:hover{color:var(--yellow)}
.recall-intro{position:relative;min-height:440px;padding:44px 0 48px;gap:20px;overflow:hidden;isolation:isolate}.intro-copy{width:52%;position:relative;z-index:2}.recall-intro h1{font-size:clamp(60px,6.8vw,88px);letter-spacing:-1.5px;line-height:.96;margin:24px 0;color:#f6f7fb}.recall-intro h1 em{color:var(--yellow)}.recall-intro .lede{font-size:14px;line-height:1.85;color:#b4c1d8;max-width:430px}.recall-intro .eyebrow{font-size:9px;letter-spacing:1.8px;color:#aec3df}.recall-intro .live{background:#83e2bf;box-shadow:none}
.hero-cta{display:inline-flex;align-items:center;gap:24px;margin-top:15px;padding:15px 22px;text-decoration:none;font:700 17px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:#111727;background:var(--yellow);clip-path:polygon(6% 0,100% 0,100% 78%,94% 100%,0 100%,0 22%)}.hero-cta:hover{background:#fff1a5}.hero-cta span{font:700 25px Arial,sans-serif}.hero-cta:focus-visible{clip-path:none;outline:3px solid #fff;outline-offset:4px}.intro-facts{display:flex;gap:20px;margin-top:23px;font-size:10px;color:#9dafc8}.intro-facts span:before{content:'+';color:var(--yellow);margin-right:7px}
.hero-showcase{position:relative;width:47%;height:375px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:0;isolation:isolate}.showcase-ring{position:absolute;inset:10px 25px 22px;border:1px solid #4c638433;border-radius:50%;z-index:-1;transform:rotate(-20deg)}.showcase-ring:after{content:'';position:absolute;inset:26px;border:1px dashed #7696ba44;border-radius:50%}.showcase-card{position:relative;width:34%;max-width:181px;flex-shrink:0;margin:0;filter:drop-shadow(0 12px 12px #02081788)}.showcase-card img{display:block;width:100%;height:auto;aspect-ratio:181/329;object-fit:contain}.showcase-venom{transform:translate(11px,12px) rotate(-8deg);z-index:1}.showcase-magik{transform:translateY(-14px);z-index:3}.showcase-luna{transform:translate(-11px,12px) rotate(8deg);z-index:2}.showcase-card figcaption{display:flex;flex-direction:column;gap:5px;padding:10px 4px;font:700 10px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:#d5e0f0;text-align:center}.showcase-card figcaption span{font:600 8px 'DM Sans',Arial,sans-serif;color:#8da4c7;letter-spacing:1px}.showcase-label{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#8ca3c6}
.game{border:1px solid #3a4a65;box-shadow:0 14px 50px #03081566;scroll-margin-top:18px}.toolbar{padding:14px;gap:12px;background:#131c30;align-items:center}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;gap:5px}.tabs button,.tabs button.active{display:flex;gap:9px;align-items:center;justify-content:flex-start;text-align:left;padding:14px 10px;clip-path:none;transform:none;border:1px solid #31415c;background:#1b2941;color:#c1d1e8;min-width:0;letter-spacing:0;transition:background .15s ease}.tabs button:hover{border-color:#96aacf;background:#263956}.tabs button.active{border-color:var(--yellow);background:var(--yellow);color:#151b2c}.mode-icon{width:24px;height:24px;flex-shrink:0}.mode-icon svg{width:100%;height:100%}.mode-label{min-width:0;display:flex;flex-direction:column;gap:6px}.mode-label small{font-family:'DM Sans',Arial,sans-serif;font-size:7px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.mode-label b{font-size:19px;line-height:1;white-space:nowrap}.toolbar>#practice{width:76px;max-width:none;font-size:10px;white-space:normal;line-height:1.6;color:#bedbe8;padding:8px}
.play-panel,.counter-panel,.draft-panel{background:#141d30}.play-panel h2,.counter-panel h2,.draft-panel h2{color:#f4f6fd}.mode-guide{background:#19263e;border-color:#3a506b;border-left-color:#7396b8}.evidence-card{background:linear-gradient(120deg,#283849,#1a2b40);border-color:#5b7591}.game-layout>aside{background:#101929}.section-top #attempts{background:#26364f;border:1px solid #466180;color:#d9e6f4}.search-wrap{background:#10192c;border:1px solid #5c7697}.search-wrap input{color:#f1f5fc}.search-wrap input::placeholder{color:#91a5c1}.search-wrap #submit{background:var(--yellow);color:#171d2b}.ability-evidence{background:#1b2a40}.ability-tile{background:#0f1b2e}.legend{font-size:10px}.row{animation:none}.cell{border-radius:0}.cell.name{flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;background:#253650}
.hero-portrait{position:relative;display:inline-block;width:100%;height:100%;flex-shrink:0;vertical-align:middle;line-height:0;background:#344861;overflow:hidden}.hero-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}.portrait-role{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#101c2b;color:#ecf5ff;border:1px solid #a2bad0}.hero-portrait .portrait-role svg{width:11px;height:11px}.avatar,.candidate-avatar,.slot-emblem{clip-path:none;transform:none;background:none;border:1px solid #7291b0;overflow:hidden}.avatar{width:54px;height:46px}.hero-card.compact .avatar{width:36px;height:32px}.draft-slot .compact .avatar{width:31px;height:28px}.slot-emblem{width:66px;height:55px}.slot-emblem svg{width:22px;height:22px}.lineup-slot{gap:9px}.candidate-avatar{width:55px;height:46px}.combat-avatar{width:42px;height:35px;display:flex;border:1px solid #6685a3}.guess-portrait{display:inline-flex;width:36px;height:31px;flex-shrink:0}.guess-portrait .portrait-role{display:none}.accusation .guess-portrait{color:inherit}.roster-list button{display:flex;align-items:center;gap:9px;padding:8px}.roster-list .hero-portrait{width:40px;height:34px}.roster-list .portrait-role{display:none}.options button{justify-content:flex-start;gap:12px;padding:10px 12px}.options button>.hero-portrait{width:48px;height:40px}.options button>span:last-child{display:flex;flex-direction:column;gap:5px}.options button small{font-size:9px}.hero-card{background:#1d2d45;border-color:#425e7b}.hero-card:before{display:none}.hero-top b{font-size:15px}.hero-top small{line-height:1.5}.arcade-about{border-color:#344862}.about-modes article{border-color:#344e6b;background:#17243a}.about-modes h3{color:#b8dfed}
@media(max-width:1050px){.mode-icon{width:19px;height:19px}.mode-label b{font-size:16px}.mode-label small{font-size:6px;letter-spacing:0}.tabs button,.tabs button.active{padding:13px 8px;gap:6px}.toolbar{gap:7px;padding:10px}.toolbar>#practice{width:65px}.recall-intro{min-height:400px}.recall-intro h1{font-size:68px}.hero-showcase{height:340px}.hero-card.compact .avatar{width:30px;height:27px}}
@media(max-width:800px){.toolbar{flex-wrap:wrap}.tabs{flex-basis:100%;order:2}.toolbar>#practice{width:auto;margin-left:auto;padding:2px}.recall-intro h1{font-size:58px}.recall-intro .lede{font-size:12px}.hero-showcase{height:300px}.showcase-card figcaption{font-size:8px}.showcase-label{font-size:7px;letter-spacing:1px}.intro-facts{gap:10px;font-size:8px}.hero-cta{font-size:15px;padding:13px 18px}.guess-portrait{width:30px;height:26px}.cell.name{font-size:9px;gap:5px}}
@media(max-width:620px){header{height:82px;padding:0 16px;gap:12px}.brand{font-size:30px;letter-spacing:-.5px}.brand .brand-words{line-height:.88}.recall-intro{flex-direction:column;align-items:flex-start;gap:12px;min-height:0;padding:30px 0 24px;overflow:visible}.intro-copy{width:100%}.recall-intro h1{font-size:clamp(49px,12.5vw,72px);line-height:.96;margin:19px 0}.recall-intro .lede{max-width:100%;font-size:12px}.recall-intro .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-cta{margin-top:10px}.intro-facts{font-size:9px;gap:18px;margin-top:17px}.hero-showcase{width:100%;max-width:420px;align-self:center;height:237px;margin-top:8px}.showcase-card{width:31%;max-width:123px}.showcase-card figcaption{display:none}.showcase-venom{transform:translate(8px,4px) rotate(-6deg)}.showcase-magik{transform:translateY(-5px)}.showcase-luna{transform:translate(-8px,4px) rotate(6deg)}.showcase-label{bottom:-4px}.showcase-ring{inset:0 25px}.tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.tabs [data-mode="draft"]{grid-column:1/-1;justify-content:center}.tabs button,.tabs button.active{padding:13px 12px;gap:11px}.mode-icon{width:24px;height:24px}.mode-label b{font-size:20px}.mode-label small{font-size:7px;letter-spacing:.5px}.toolbar{padding:10px}.toolbar>#practice{font-size:10px}.cell.name{flex-direction:column;align-items:flex-start;gap:5px;font-size:9px;line-height:1.3}.guess-portrait{width:33px;height:28px}.accusation .guess-portrait{width:37px;height:31px}.accusation small{font-size:7px}.candidate-avatar{width:45px;height:38px}.slot-emblem{width:55px;height:46px}.avatar{width:46px;height:39px}.hero-card.compact .avatar,.draft-slot .compact .avatar{width:29px;height:25px}.combat-avatar{display:none}.hero-card .hero-top b{font-size:13px}.hero-card.compact .hero-top b{font-size:10px}.hero-card.compact .hero-top small{font-size:7px}.about-modes{grid-template-columns:1fr}}
@media(max-width:370px){.hero-showcase{height:211px}.mode-label b{font-size:18px}.tabs button,.tabs button.active{padding:11px 9px;gap:8px}.mode-label small{font-size:6px}.recall-intro h1{font-size:46px}.intro-facts{gap:12px;font-size:8px}.slot-emblem{width:46px;height:39px}.cell.name{font-size:8px}}
@media(prefers-reduced-motion:reduce){.tabs button{transition:none}}

.daily-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #354b67;background:#101b2e;color:#b5c8e3;font-size:9px;letter-spacing:1px}.daily-strip>div{display:flex;align-items:center;gap:10px}.daily-dot{width:6px;height:6px;background:#8ae3b8;border-radius:50%;flex-shrink:0}.daily-strip b{color:#e5edf9;font-size:10px}.daily-strip #date{color:#9bb3d0;font-size:9px}.daily-strip #daily-progress{font-size:8px;white-space:nowrap;color:#9bcebd}.daily-strip .reset-info{gap:12px}.reset-info>span{font-size:7px;white-space:nowrap}.daily-strip #reset-clock{font-size:16px;color:var(--yellow);font-variant-numeric:tabular-nums;min-width:70px;letter-spacing:1px}.tabs button{position:relative}.tabs button[data-status="complete"]:after{content:'✓';position:absolute;top:4px;right:5px;color:#86e7b8;font:700 11px Arial,sans-serif}.tabs button.active[data-status="complete"]:after{color:#1e573a}.next-puzzle{border-top:1px solid #536681;padding-top:14px;color:#adc4de!important;font-size:11px!important}.loading-note{padding:30px;color:#b6c8e0;font-size:13px}.hero-showcase{pointer-events:none}.hero-cta{position:relative;z-index:4}@media(max-width:620px){.daily-strip{padding:12px;flex-wrap:wrap;gap:9px}.daily-strip>div:first-child{gap:7px}.daily-strip #daily-progress{margin-left:auto;font-size:7px}.daily-strip .reset-info{flex-basis:100%;justify-content:space-between;padding-top:8px;border-top:1px solid #30445f}.daily-strip #reset-clock{font-size:17px}.daily-strip #date{font-size:8px}.tabs button[data-status="complete"]:after{top:6px;right:6px}}