:root{--bg: #17132a;--panel: #241f3d;--panel-2: #2e2850;--ink: #f2ecff;--ink-dim: #b3a9d6;--teal: #35d6c4;--pink: #ff77c2;--yellow: #ffd15c;--purple: #9b8cff;--green: #79e0a0;--red: #ff7c7c;--font: "Segoe UI Rounded", "SF Pro Rounded", "Baloo 2", "Nunito", "Segoe UI", system-ui, sans-serif;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-pop: 0 18px 50px rgba(20, 10, 45, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--font);color:var(--ink)}#app{position:relative;width:100vw;height:100vh}#game{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;touch-action:none}#hud,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*,#overlay>*{pointer-events:auto}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floaty{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}button{font-family:var(--font);font-weight:700;color:#1a1330;background:linear-gradient(180deg,var(--yellow),#f6b73f);border:none;padding:10px 20px;border-radius:999px;font-size:14.5px;cursor:pointer;box-shadow:0 5px #c98f22,0 8px 18px #00000040;transition:transform .09s ease,box-shadow .09s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #c98f22,0 4px 10px #00000040}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.hud-bar{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;background:linear-gradient(180deg,#2e2850eb,#241f3deb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(155,140,255,.35);border-radius:22px;box-shadow:var(--shadow);font-size:14px}.hud-bar .stat{position:relative;display:inline-flex;align-items:center;gap:5px;background:#17132a8c;padding:5px 12px;border-radius:999px;border:1.5px solid rgba(155,140,255,.18)}.ic{width:18px;height:18px;vertical-align:middle}#h-center{margin-left:auto;padding:8px 14px;font-size:18px;line-height:1;color:#1a1330;background:linear-gradient(180deg,var(--purple),#7f70e8);box-shadow:0 5px #5f52c2,0 8px 18px #00000040}#h-center:active:not(:disabled){box-shadow:0 2px #5f52c2}#h-center+#h-end{margin-left:0}@keyframes deltaUp{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-26px);opacity:0}}.delta{position:absolute;left:50%;top:-6px;transform:translate(-50%);font-weight:800;font-size:13px;pointer-events:none;animation:deltaUp 1.2s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.6)}.delta.up{color:var(--green)}.delta.down{color:var(--red)}.hud-bar .stat b{color:var(--yellow);font-weight:800}.hud-bar .stat small{color:var(--green);font-weight:700}#h-end{margin-left:auto;color:#10231f;background:linear-gradient(180deg,var(--teal),#1fb7a6);box-shadow:0 5px #159183,0 8px 18px #00000040}#h-end:active:not(:disabled){box-shadow:0 2px #159183,0 4px 10px #00000040}@keyframes endPulse{0%,to{transform:scale(1.12);box-shadow:0 5px #159183,0 0 #5cd6c899}50%{transform:scale(1.22);box-shadow:0 5px #159183,0 0 0 14px #5cd6c800}}#h-end.urge{animation:endPulse 1.1s ease-in-out infinite;font-size:16px;font-weight:800}.hud-toasts{position:absolute;left:16px;bottom:84px;display:flex;flex-direction:column;gap:8px;max-width:440px}#minimap{position:absolute;top:12px;left:12px;width:216px;height:auto;background:#0d0b16e6;border:2px solid rgba(155,140,255,.35);border-radius:14px;box-shadow:var(--shadow);cursor:pointer;image-rendering:pixelated}.toast{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid rgba(155,140,255,.3);border-left:6px solid var(--teal);border-radius:16px;padding:10px 14px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow);animation:floaty .25s ease;transition:opacity .8s}.toast.fade{opacity:0}.hud-tooltip{position:absolute;z-index:10;background:var(--panel);border:2px solid rgba(155,140,255,.4);border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600;pointer-events:none!important;max-width:240px;box-shadow:var(--shadow)}.hud-footer{position:absolute;right:14px;top:12px;font-size:11px;color:var(--ink-dim)}.hud-footer code{color:var(--purple)}.lang-card{text-align:center}.lang-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:18px}.lang-row button{font-size:18px;padding:16px 26px;border-radius:16px;font-weight:700}@keyframes rewardPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.reward-pop{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#2e2850f7,#241f3df7);border:2.5px solid var(--yellow);border-radius:20px;padding:14px 26px;font-size:19px;font-weight:800;color:var(--yellow);box-shadow:0 0 40px #ffd16659,var(--shadow);animation:rewardPop .35s cubic-bezier(.22,1.4,.5,1);transition:opacity .5s;pointer-events:none;z-index:30}.reward-pop img{width:44px;height:44px}.reward-pop.fade{opacity:0}.endday-prompt{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;z-index:25;background:linear-gradient(180deg,#2e2850f7,#241f3df7);border:2.5px solid var(--teal);border-radius:22px;padding:22px 30px;box-shadow:var(--shadow);animation:rewardPop .3s cubic-bezier(.22,1.4,.5,1)}.endday-prompt p{margin:0 0 14px;font-weight:700;font-size:15.5px}.endday-prompt .ep-end{display:block;width:100%;padding:14px 26px;font-size:18px;font-weight:800;color:#10231f;background:linear-gradient(180deg,var(--teal),#1fb7a6);box-shadow:0 5px #159183;border-radius:16px;margin-bottom:10px;animation:endPulse 1.1s ease-in-out infinite}.endday-prompt kbd{background:#00000040;border-radius:5px;padding:1px 7px;font-size:12px}.ghostish{background:transparent!important;border:1.5px solid rgba(155,140,255,.35)!important;box-shadow:none!important;color:var(--ink-dim)!important;font-size:13px!important}.tut{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.tut-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a081299}.tut-hole{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px #0a081299,0 0 0 3px var(--yellow);transition:all .25s ease}.tut-card{position:absolute;width:340px;z-index:41;background:linear-gradient(180deg,#2e2850fa,#241f3dfa);border:2px solid rgba(155,140,255,.45);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow)}.tut-card h3{margin:0 0 6px;color:var(--yellow);font-size:16px}.tut-card p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:var(--ink-dim)}.tut-nav{display:flex;align-items:center;gap:10px}.tut-dots{flex:1;color:var(--purple);font-size:11px;letter-spacing:2px}.tut-next{color:#1a1330;font-weight:800;background:linear-gradient(180deg,var(--purple),#7f70e8);box-shadow:0 4px #5f52c2}@media (max-width: 960px){.hud-bar{gap:5px;font-size:12.5px;padding:7px 8px}.hud-bar .stat{padding:4px 8px}#minimap{width:150px}.hud-quests{width:200px;font-size:12px}.battle{width:96vw!important;padding:12px!important}.act-btn{min-width:64px}.modal{width:96vw!important}}.nameplate{background:#17132ab3;border:1.5px solid rgba(155,140,255,.35);border-radius:12px;padding:6px 16px}.nameplate h2{margin:0!important;font-size:1.15rem!important}.chat-replies button{display:flex;align-items:center;gap:10px}.okey{flex:none;width:22px;height:22px;display:grid;place-items:center;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:7px;font-size:11.5px;font-weight:800}.olabel{flex:1}.oicon{flex:none;width:22px;height:22px}.battle-track{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 12px;margin-bottom:12px;background:#17132a99;border:1.5px solid rgba(155,140,255,.25);border-radius:14px}.track-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;border:1.5px solid}.track-chip.player{border-color:var(--teal);background:#5cd6c81f}.track-chip.enemy{border-color:var(--red);background:#ff7a6b1f}.track-chip.now{box-shadow:0 0 0 2.5px var(--yellow)}.track-chip b{font-size:11.5px}.track-chip img{border-radius:7px}.track-sep{flex:none;color:var(--ink-dim);font-weight:800}.stack-info{flex:1;min-width:0}.stack-count{font-weight:800;margin-left:6px;color:var(--yellow)}.hpbar{height:7px;border-radius:4px;overflow:hidden;margin:4px 0 2px;background:#00000073;border:1px solid rgba(255,255,255,.12)}.hpbar i{display:block;height:100%;border-radius:4px;transition:width .25s}.hp-high{background:var(--green)}.hp-mid{background:var(--yellow)}.hp-low{background:var(--red)}.stack-card .mark{width:14px;height:14px;vertical-align:-2px}.battle-actions{justify-content:center!important}.battle-actions .prompt{flex-basis:100%;text-align:center;margin:0 0 8px!important;font-size:14.5px}.act-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;min-width:84px;padding:10px 10px 8px!important;border-radius:14px!important}.act-btn:hover:not(:disabled){transform:translateY(-3px)}.aicon{width:26px;height:26px}.act-btn span{font-size:12px;font-weight:700;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-btn kbd{position:absolute;top:4px;right:6px;background:#00000059;border:1px solid rgba(255,255,255,.22);border-radius:5px;padding:0 5px;font-size:10px;font-weight:700}#b-enemy .stack-card{flex-direction:row-reverse}#b-enemy .stack-info{text-align:right}#b-enemy h4{text-align:right;color:var(--red)!important}#b-player h4{color:var(--teal)!important}.battle-field{background:radial-gradient(ellipse at 50% 60%,#5c4a3259,#17132a33 70%);border-radius:16px;padding:12px 14px;position:relative}.battle-field:before{content:"";position:absolute;left:50%;top:10%;bottom:10%;border-left:2px dashed rgba(255,255,255,.12)}.stack-card.targetable{cursor:crosshair;box-shadow:0 0 0 2.5px var(--red),0 0 18px #ff6b5e80;transform:scale(1.03)}.stack-card.targetable:hover{box-shadow:0 0 0 3px #ff8a70,0 0 26px #ff6b5ecc}.modal.chat .modal-head{margin-bottom:10px}.chat-body{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.bubble{max-width:88%;padding:12px 16px;line-height:1.5;font-size:14.5px;border-radius:18px;position:relative;animation:floaty .25s ease}.bubble.npc{align-self:flex-start;background:linear-gradient(180deg,#2e2850f2,#241f3df2);border:1.5px solid rgba(155,140,255,.3);border-bottom-left-radius:6px}.chat-replies{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end;align-items:stretch!important}.chat-replies button{flex:0 1 auto;max-width:100%;text-align:left!important;border-radius:18px 18px 6px!important;background:linear-gradient(180deg,#4e428ae6,#403674e6)!important;border:1.5px solid rgba(155,140,255,.45)!important}.chat-replies button:hover:not(:disabled){background:linear-gradient(180deg,#6154a8f2,#4e428af2)!important;transform:translate(-3px)}.chat-replies:before{content:attr(data-reply-label);flex-basis:100%;text-align:right;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:2px}.charsheet{width:min(560px,96vw)}.cs-close,.ht-close{margin-left:auto;padding:4px 12px!important}.cs-level{display:flex;align-items:center;gap:12px;margin:8px 0 14px;flex-wrap:wrap}.xpbar{flex:1;min-width:120px;height:12px;border-radius:999px;overflow:hidden;background:#00000073;border:1.5px solid rgba(155,140,255,.3)}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink))}.cs-points{color:var(--yellow);font-weight:800;animation:floaty .3s ease}.muted-ink{color:var(--ink-dim);font-size:12.5px}.cs-attrs{display:flex;flex-direction:column;gap:8px}.cs-attr{display:flex;align-items:center;gap:12px;background:#17132a8c;border:1.5px solid rgba(155,140,255,.2);border-radius:14px;padding:9px 14px}.cs-attr img{width:26px;height:26px}.cs-attr-info{flex:1}.cs-attr-info small{display:block;color:var(--ink-dim);font-size:12px}.cs-val{font-size:20px;font-weight:800;color:var(--yellow);min-width:28px;text-align:center}.cs-plus{width:38px;height:38px;border-radius:12px!important;font-size:20px;font-weight:800;color:#10231f;background:linear-gradient(180deg,var(--green),#58b45e);box-shadow:0 4px #3d8a44;animation:endPulse 1.4s ease-in-out infinite}.cs-h3{margin:18px 0 8px;color:var(--pink);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.cs-history div{padding:3px 0;font-size:13px;border-top:1px solid rgba(155,140,255,.12)}.hometown{width:min(720px,96vw);max-height:90vh;overflow-y:auto}.ht-res{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;margin:6px 0}.ht-res img{width:20px;height:20px;margin-left:10px}.ht-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ht-card{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;background:#17132a8c;border:1.5px solid rgba(155,140,255,.2);border-radius:14px;padding:12px 10px}.ht-card.built{border-color:var(--teal)}.ht-card img{width:40px;height:40px}.ht-card small{color:var(--ink-dim);font-size:11.5px;line-height:1.4;min-height:32px}.badge-built{color:var(--teal);font-weight:800;font-size:13px}.ht-recruit{display:flex;align-items:center;gap:10px;margin:8px 0}.ht-recruit span{flex:1;display:flex;align-items:center;gap:8px}.ht-recruit img{width:24px;height:24px}#h-char b{color:var(--yellow)}.urge-soft{box-shadow:0 0 0 2.5px var(--yellow),0 5px #5f52c2!important}.email-optin{border:1.5px dashed rgba(155,140,255,.35);border-radius:12px;padding:12px 16px;margin:16px 0}.email-optin p{margin:0 0 10px;font-size:13px}.email-row{display:flex;gap:8px}.email-row input{flex:1;background:#17132ab3;border:1.5px solid rgba(155,140,255,.25);color:inherit;border-radius:10px;padding:9px 12px;font-size:13.5px}.email-row button{flex:none}.hud-quests{position:absolute;right:14px;top:34px;width:258px;background:linear-gradient(180deg,#2e2850eb,#241f3deb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(155,140,255,.3);border-radius:18px;padding:10px 14px;font-size:13px;box-shadow:var(--shadow)}.hud-quests:empty{display:none}.hud-quests h4{margin:2px 0 8px;color:var(--pink);font-size:12px;text-transform:uppercase;letter-spacing:1px}.hud-quests .quest{padding:4px 0;color:var(--ink-dim);font-weight:600;border-top:1.5px solid rgba(155,140,255,.15)}.hud-quests .quest.done{color:var(--green)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#2e285080,#0a0714b8)}.modal{width:min(560px,calc(100vw - 40px));background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2.5px solid rgba(155,140,255,.4);border-radius:26px;padding:24px 28px;box-shadow:var(--shadow-pop);animation:pop .22s cubic-bezier(.22,1.4,.5,1)}.modal h2{margin:0 0 12px;font-size:1.4rem;font-weight:800;color:var(--yellow)}.modal-head{display:flex;align-items:center;gap:14px}.modal-head h2{margin:0 0 8px}.modal-portrait{width:56px;height:56px;flex:none;border-radius:999px;background:#17132a99;border:2.5px solid rgba(155,140,255,.45);padding:4px;box-shadow:var(--shadow)}.timer-bar{height:12px;border-radius:999px;overflow:hidden;margin:0 0 14px;background:#17132ab3;border:1.5px solid rgba(155,140,255,.25)}.timer-bar i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--green))}.timer-bar.urgent i{background:linear-gradient(90deg,#ff9a6b,var(--red))}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.modal.timed{border-color:var(--red);animation:pop .22s cubic-bezier(.22,1.4,.5,1),shake .4s .25s}.modal p{line-height:1.55;color:var(--ink-dim);margin:0 0 14px;font-weight:500}.modal-options{display:flex;flex-direction:column;gap:10px}.modal-options button,.onboard-card button{color:var(--ink);background:linear-gradient(180deg,var(--panel-2),#29234a);border:2px solid rgba(155,140,255,.35);border-radius:16px;padding:12px 16px;font-size:14.5px;font-weight:700;text-align:left;box-shadow:0 4px #140e2899}.modal-options button:hover:not(:disabled),.onboard-card button:hover:not(:disabled){border-color:var(--teal);filter:brightness(1.08)}.modal>button,.modal.results button{display:block;margin:18px auto 0;color:#10231f;background:linear-gradient(180deg,var(--teal),#1fb7a6);box-shadow:0 5px #159183,0 8px 18px #00000040}.ending-stats{color:var(--ink-dim);line-height:1.75;padding-left:20px;font-weight:600}.ending-stats li::marker{color:var(--pink)}.muted{color:var(--ink-dim)!important;font-size:13px;font-weight:500}.onboard-card.ipip{width:min(980px,100%)}.ipip-table{border-collapse:collapse;width:100%;margin-top:12px}.ipip-table th{font-size:11px;color:var(--ink-dim);font-weight:700;padding:4px 6px;text-align:center}.ipip-table td{border-top:1.5px solid rgba(155,140,255,.14);padding:8px 6px}.ipip-table td.stmt{font-size:13.5px;color:var(--ink);font-weight:600;max-width:340px}.ipip-table td.cell{text-align:center}.ipip-table input[type=radio]{width:19px;height:19px;cursor:pointer;accent-color:var(--teal)}.ipip-nav{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.modal.results{max-height:88vh;overflow-y:auto}.modal.results h3{margin:18px 0 8px;font-size:13px;color:var(--pink);text-transform:uppercase;letter-spacing:1px}.modal.results code{color:var(--green)}.ocean{display:grid;gap:9px}.ocean-row{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;font-size:13.5px;font-weight:700}.ocean-row .bar{height:18px;background:#17132ab3;border-radius:999px;overflow:hidden;position:relative;border:1.5px solid rgba(155,140,255,.2)}.ocean-row .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .5s cubic-bezier(.22,1.4,.5,1)}.ocean-row .bar b{position:absolute;right:10px;top:0;font-size:12px;line-height:18px;color:#fff}.o-O i{background:linear-gradient(90deg,#8f83ff,var(--purple))}.o-C i{background:linear-gradient(90deg,#57cf88,var(--green))}.o-E i{background:linear-gradient(90deg,#ffb24d,var(--yellow))}.o-A i{background:linear-gradient(90deg,#33c9bb,var(--teal))}.o-N i{background:linear-gradient(90deg,#ff9a6b,var(--red))}.battle{width:min(760px,calc(100vw - 32px));background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2.5px solid rgba(155,140,255,.4);border-radius:24px;padding:20px 24px;box-shadow:var(--shadow-pop);animation:pop .22s cubic-bezier(.22,1.4,.5,1)}.battle-head{display:flex;justify-content:space-between;align-items:baseline}.battle-head h2{margin:0 0 12px;color:var(--yellow);font-size:1.3rem;font-weight:800}.battle-head span{color:var(--ink-dim);font-size:13px;font-weight:700}.battle-field{display:grid;grid-template-columns:1fr 1fr;gap:18px}.battle-side h4{margin:4px 0 8px;color:var(--ink-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}.stack-card{display:flex;align-items:center;gap:10px;border:2px solid rgba(155,140,255,.25);border-radius:16px;background:#17132a80;padding:9px 11px;margin-bottom:9px;font-size:14px;font-weight:700;transition:transform .1s,border-color .12s,opacity .2s}.stack-card small{display:block;color:var(--ink-dim);font-size:11.5px;font-weight:600}.stack-card.active{border-color:var(--yellow);transform:scale(1.03)}.stack-card.dead{opacity:.25}.stack-card.targetable{border-color:var(--red);cursor:crosshair;background:#3c191e80}.stack-card.targetable:hover{border-color:#ff9a8a;transform:scale(1.04)}.stack-card img{border-radius:12px;flex:none}.battle-log{min-height:54px;margin:12px 0 8px;font-size:12.5px;color:var(--ink-dim);font-weight:600}.battle-log div{padding:1.5px 0}.battle-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.battle-actions .prompt{color:var(--ink);font-size:13.5px;font-weight:700;margin-right:4px}.battle-actions button{padding:9px 16px;font-size:13.5px}.onboard{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:grid;place-items:start center;background:radial-gradient(ellipse at 50% -10%,#33294f,var(--bg) 60%);padding:40px 16px}.onboard-card{width:min(860px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2.5px solid rgba(155,140,255,.4);border-radius:28px;padding:30px 36px;box-shadow:var(--shadow-pop);animation:pop .25s cubic-bezier(.22,1.3,.5,1)}.onboard-card h1{margin:0 0 8px;font-size:1.7rem;font-weight:800;color:var(--yellow)}.onboard-card h3{margin:18px 0 8px;font-size:1.02rem;color:var(--teal)}.onboard-card p{color:var(--ink-dim);line-height:1.55;font-weight:500}.onboard-card>button{margin-top:22px;text-align:center;width:100%;font-size:16px}.consent-box{border:2px solid rgba(155,140,255,.3);border-radius:18px;background:#17132a80;padding:16px 20px;font-size:14px}.consent-box code{color:var(--green);word-break:break-all}.check{display:flex;gap:9px;align-items:baseline;padding:5px 0;cursor:pointer;color:var(--ink);font-weight:600}.check input{accent-color:var(--teal);width:17px;height:17px}.opt-col{display:flex;flex-direction:column}.opt-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{border:2px solid rgba(155,140,255,.3);border-radius:999px;padding:6px 16px;transition:border-color .12s}.pill:hover{border-color:var(--teal)}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:14px;margin-top:16px}.char-card{border:2.5px solid rgba(155,140,255,.25);border-radius:20px;padding:16px;background:#17132a80;cursor:pointer;transition:transform .12s,border-color .12s}.char-card:hover{border-color:var(--teal);transform:translateY(-4px) scale(1.02)}.char-card.selected{border-color:var(--yellow);background:#2e2850b3;transform:translateY(-2px)}.char-card img{border-radius:16px;display:block;margin-bottom:8px}.char-card h3{margin:0;color:var(--ink)}.char-card h3 small{display:block;color:var(--ink-dim);font-weight:500;font-size:12px}.char-card .blurb{font-size:12.5px;margin:6px 0;color:var(--ink-dim);font-weight:500}.char-card ul{margin:6px 0;padding-left:18px;font-size:12.5px;line-height:1.5;font-weight:600}.char-card .pros li{color:var(--green)}.char-card .pros li::marker{color:var(--green)}.char-card .cons li{color:var(--red)}.char-card .cons li::marker{color:var(--red)}