.character-room{--cq-paper:#eee4cf;--cq-muted:#c1b5c7;--cq-gold:#d4b576;min-height:100vh;color:var(--cq-paper);background:radial-gradient(at 15% 0,#33213e 0,#0000 45%),radial-gradient(at 100% 80%,#24233d 0,#0000 40%),#100e18;font-family:Georgia,Times New Roman,serif}.character-room *{box-sizing:border-box}.cq-wrap{max-width:1160px;margin:auto;padding:32px 28px 50px}.cq-header{text-align:center;padding:0 0 60px}.cq-brand{text-align:left;color:var(--cq-gold);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #d4b57633;margin-bottom:58px;padding-bottom:22px;font:11px/1.5 system-ui,sans-serif;text-decoration:none;display:block}.cq-kicker{letter-spacing:2.6px;text-transform:uppercase;color:var(--cq-gold);margin:20px 0 14px;font:10px/1.7 system-ui,sans-serif}.cq-header h1{letter-spacing:-3px;margin:16px 0 24px;font-size:clamp(44px,6.8vw,82px);font-weight:400;line-height:1.06}.cq-header h1 em{color:var(--cq-gold);font-weight:400}.cq-deck{max-width:550px;color:var(--cq-muted);margin:0 auto;font-size:18px;line-height:1.7}.cq-ribbon{letter-spacing:1.2px;text-transform:uppercase;color:var(--cq-gold);flex-wrap:wrap;justify-content:center;gap:22px;margin-top:28px;font:10px/1.7 system-ui,sans-serif;display:flex}.cq-ribbon span+span:before{content:"✦";margin-right:22px;font-size:8px}.cq-section-top{border-bottom:1px solid #d4b57644;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.cq-section-top h2{margin:0;font-size:28px;font-weight:400}.cq-section-top>span{color:var(--cq-muted);font-size:15px;font-style:italic}.cq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.character-room button{cursor:pointer;font-family:inherit}.cq-card{text-align:left;min-height:290px;color:var(--cq-paper);background:linear-gradient(145deg,#2b2037b3,#15131fe6);border:1px solid #d4b5764d;border-radius:3px;flex-direction:column;padding:25px;transition:transform .2s,border-color .2s;display:flex;position:relative}.cq-card:nth-child(3n+2){background:linear-gradient(145deg,#1e2a33b3,#15131fe6)}.cq-card:nth-child(3n){background:linear-gradient(145deg,#39282ab3,#15131fe6)}.cq-card:hover{border-color:var(--cq-gold);transform:translateY(-4px)}.cq-card-top{justify-content:space-between;align-items:center;gap:10px;min-height:42px;display:flex}.cq-number{letter-spacing:1.6px;color:var(--cq-gold);font:9px/1.6 system-ui,sans-serif}.cq-glyph{color:var(--cq-gold);font-size:28px}.cq-card-title{margin:25px 0 12px;font-size:27px;line-height:1.15}.cq-card-intro{color:var(--cq-muted);font-size:15px;line-height:1.6}.cq-card-foot{letter-spacing:1px;text-transform:uppercase;color:var(--cq-gold);border-top:1px solid #d4b57626;justify-content:space-between;margin-top:auto;padding-top:15px;font:10px/1.5 system-ui,sans-serif;display:flex}.cq-card-intro{margin-bottom:24px}.cq-stage{background:#17131fcc;border:1px solid #d4b57655;border-radius:4px;max-width:790px;margin:0 auto;padding:32px 40px}.cq-stage-top{color:var(--cq-muted);border-bottom:1px solid #d4b57633;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;font-size:14px;display:flex}.cq-stage h2{margin:28px 0 15px;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.22}.cq-help{color:var(--cq-muted);font:14px/1.7 system-ui,sans-serif}.cq-progress{background:#d4b57622;height:3px;margin:18px 0}.cq-progress span{background:var(--cq-gold);height:100%;display:block}.cq-answers{gap:12px;margin:28px 0;display:grid}.cq-answer{text-align:left;color:var(--cq-paper);background:#ffffff03;border:1px solid #d4b57640;border-radius:3px;align-items:center;gap:16px;min-height:72px;padding:16px;font-size:18px;line-height:1.45;display:flex}.cq-answer:hover{border-color:var(--cq-gold)}.cq-answer.is-selected{border-color:var(--cq-gold);background:#d4b57618}.cq-letter{width:32px;height:32px;color:var(--cq-gold);border:1px solid #d4b57655;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.cq-check{color:var(--cq-gold);flex-shrink:0;width:18px;margin-left:auto}.cq-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;display:flex}.cq-primary{border:1px solid var(--cq-gold);background:var(--cq-gold);color:#201624;border-radius:3px;min-height:48px;padding:14px 22px;font-size:16px}.cq-text-button{color:var(--cq-gold);background:0 0;border:0;min-height:44px;padding:10px 0;font-size:15px}.character-room button:disabled{opacity:.4;cursor:not-allowed}.character-room button:focus-visible,.character-room a:focus-visible,.character-room summary:focus-visible,.cq-share:focus-visible{outline-offset:5px;outline:2px solid #f2d58e}.character-room h2:focus{outline:none}.cq-results{gap:22px;margin-top:28px;display:grid}.cq-result{background:linear-gradient(140deg,#3a2b3b55,#0000);border:1px solid #d4b57633;padding:26px}.cq-result-glyph{color:var(--cq-gold);font-size:40px}.cq-result h3{font-size:28px;font-weight:400}.cq-result-description{font-size:21px;line-height:1.65}.cq-nudge{border-left:2px solid var(--cq-gold);margin:25px 0;padding:0 0 0 18px}.cq-nudge strong{letter-spacing:1.6px;text-transform:uppercase;color:var(--cq-gold);font:10px/1.5 system-ui,sans-serif}.cq-nudge p{color:var(--cq-muted);margin:10px 0;font-size:17px;line-height:1.6}.character-room summary{cursor:pointer;color:var(--cq-gold);min-height:44px;padding:10px 0;font-size:14px;line-height:1.6}.character-room details p,.character-room details li{color:var(--cq-muted);font:14px/1.7 system-ui,sans-serif}.character-room details li{margin:10px 0}.character-room details ul{padding-left:20px}.cq-method{border-top:1px solid #d4b57633;margin-top:26px;padding-top:12px}.cq-share{width:100%;min-height:120px;color:var(--cq-paper);border:1px solid var(--cq-gold);background:#100e18;padding:15px;font:15px/1.6 system-ui,sans-serif}.cq-footer{text-align:center;max-width:670px;color:var(--cq-muted);border-top:1px solid #d4b57633;margin:56px auto 0;padding-top:30px}.cq-footer>span{color:var(--cq-gold)}.cq-footer p{font-size:17px;font-style:italic;line-height:1.6}.cq-footer small{font:11px/1.9 system-ui,sans-serif;display:block}.cq-result-actions{justify-content:flex-start}@media(max-width:850px){.cq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.cq-wrap{padding:22px 18px 36px}.cq-brand{margin-bottom:38px;font-size:9px}.cq-header{padding-bottom:38px}.cq-header h1{letter-spacing:-1.5px}.cq-deck{font-size:16px}.cq-ribbon{gap:10px;font-size:8px}.cq-ribbon span+span:before{margin-right:10px}.cq-section-top{flex-direction:column;align-items:flex-start;gap:8px}.cq-grid{grid-template-columns:1fr}.cq-card{min-height:250px}.cq-stage{padding:20px 18px}.cq-stage-top{gap:10px;font-size:12px}.cq-answer{gap:10px;padding:13px;font-size:16px}.cq-result{padding:19px}.cq-result-description{font-size:19px}.cq-actions{gap:12px}.cq-primary{padding:13px 16px}.cq-result-actions{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){.cq-card{transition:none}.cq-card:hover{transform:none}}.cq-search{margin:0 0 26px}.cq-search label{color:var(--cq-muted);margin-bottom:9px;font:12px/1.6 system-ui,sans-serif;display:block}.cq-search-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cq-search input{width:100%;min-width:180px;min-height:48px;color:var(--cq-paper);background:#17131f;border:1px solid #d4b57666;border-radius:3px;flex:1;padding:12px 15px;font:15px/1.5 system-ui,sans-serif}.cq-search input::placeholder{color:var(--cq-muted)}.cq-search input:focus-visible{outline:2px solid var(--cq-gold);outline-offset:3px}.cq-search p{color:var(--cq-muted);margin:10px 0 0;font:12px/1.6 system-ui,sans-serif}a.cq-card{text-decoration:none}a.cq-text-button{align-items:center;text-decoration:none;display:inline-flex}