:root{--bg:#14101d;--panel:#1e1830;--panel-2:#261e3d;--ink:#e8e0f0;--muted:#9b8fb8;--gold:#d9b44a;--accent:#7b5cd6;--success:#6fc28a;--failure:#d66a6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0}.app{max-width:1100px;margin:0 auto;padding:1.5rem}header h1{letter-spacing:.04em;cursor:pointer;color:var(--gold);margin:0;font-size:1.9rem}header h1 span{color:var(--ink);font-weight:400}.tagline{color:var(--muted);margin:.2rem 0 2rem;font-style:italic}h2{color:var(--gold);letter-spacing:.03em;font-weight:400}.hint{color:var(--muted);font-style:italic}.error{color:var(--failure)}input{background:var(--panel);width:100%;max-width:460px;color:var(--ink);border:1px solid var(--accent);border-radius:6px;outline:none;padding:.7rem 1rem;font-family:inherit;font-size:1.05rem}input:focus{border-color:var(--gold)}button{background:var(--panel-2);color:var(--ink);border:1px solid var(--accent);cursor:pointer;text-align:left;border-radius:6px;padding:.6rem 1.2rem;font-family:inherit;font-size:1rem}button:hover:not(:disabled){border-color:var(--gold);background:#2d2449}button:disabled{opacity:.5;cursor:default}button.link{color:var(--muted);background:0 0;border:none;padding:.3rem 0}button.link:hover{color:var(--gold);background:0 0}.select-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-bar{align-items:center;gap:.6rem;display:flex}.wallet-connect{border-color:var(--gold);color:var(--gold)}.wallet-chip{color:var(--gold);border:1px solid var(--gold);cursor:pointer;background:#d9b44a14;border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.wallet-chip:hover{border-color:var(--failure);color:var(--failure);background:#d9b44a33}.mine-pill{border-color:var(--gold);color:var(--gold)}.mine-pill.active{background:#d9b44a1f}.tier-filter{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.tier-pill{background:var(--panel);border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.tier-pill.active{background:var(--panel-2);border-color:currentColor}.tier-pill.name-tier1.active{border-color:var(--gold);background:linear-gradient(90deg,#e36767,#e3a955,#d8d355,#74cd8e,#62a7e8,#a578e8,#e36767);-webkit-background-clip:text;background-clip:text}.load-more{margin:1.4rem auto;padding:.7rem 2rem;display:block}.season-live{color:var(--gold);font-style:italic}.raffle{color:var(--muted);margin-top:.7rem;font-size:.9rem}.raffle button.link{margin-left:.4rem;font-size:.9rem}.prizes{color:var(--muted);margin-top:.7rem;font-size:.9rem}.prizes summary{cursor:pointer;color:var(--gold)}.prizes ul{margin:.4rem 0 .2rem;padding-left:1.2rem}.prizes li{margin:.15rem 0}.prizes strong{color:var(--ink);font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.4rem;display:grid}.card{background:var(--panel);border:1px solid #382c5c;border-radius:10px;position:relative}.card:hover,.card:focus-within{z-index:100}.card.clickable{cursor:pointer;transition:transform 80ms,border-color 80ms}.card.clickable:hover{border-color:var(--gold);transform:translateY(-3px)}.card img{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#0d0a14;border-radius:9px 9px 0 0;display:block}.card-body{padding:.8rem 1rem 1rem}.card-body h3{color:var(--gold);margin:0 0 .2rem;font-size:1.02rem;font-weight:400}.meta{color:var(--muted);margin:0 0 .6rem;font-size:.85rem}.meta .tip{display:inline-block}.meta .tip .tip-text{left:-3rem;transform:none}.meta .tip .tip-text:after{left:4rem;transform:none}.tier-meta{cursor:help;border-bottom:1px dotted var(--muted)}.badge{color:var(--gold);cursor:help;margin-left:.5rem}.name-tier5{color:#b9bcc9!important}.name-tier4{color:#7fb3e8!important}.name-tier3{color:#b08ae8!important}.name-tier2{color:var(--gold)!important}.name-tier1{background:linear-gradient(90deg,#e36767,#e3a955,#d8d355,#74cd8e,#62a7e8,#a578e8,#e36767);-webkit-background-clip:text;background-clip:text;color:#0000!important}.badge-chips{flex-wrap:wrap;gap:.35rem;margin:0 0 .6rem;display:flex}.badge-chip{border:1px solid var(--gold);color:var(--gold);background:#d9b44a14;border-radius:999px;padding:.14rem .55rem;font-size:.72rem}.tip{outline:none;display:block;position:relative}.colors .tip{display:inline-block}.tip-text{visibility:hidden;opacity:0;z-index:10;white-space:pre-line;border:1px solid var(--gold);width:250px;color:var(--ink);text-align:left;pointer-events:none;background:#0d0a14;border-radius:6px;padding:.5rem .7rem;font-size:.8rem;line-height:1.45;transition:opacity .12s .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tip-text:after{content:"";border:5px solid #0000;border-top-color:var(--gold);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip:hover .tip-text,.tip:focus .tip-text{visibility:visible;opacity:1}.stat{cursor:help;justify-content:center;align-items:center;gap:.5rem;margin:.15rem 0;display:flex}.stat-name{width:2.6rem;color:var(--muted);letter-spacing:.05em;font-size:.75rem}.stat-val{text-align:right;width:1.2rem;font-size:.8rem}.bar{background:#120e1c;border-radius:4px;flex:.85;height:7px;overflow:hidden}.fill{background:linear-gradient(90deg, var(--accent), var(--gold));height:100%}.colors{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.pip{color:var(--ink);cursor:help;border:1px solid #443463;border-radius:999px;padding:.12rem .5rem;font-size:.72rem;display:inline-block}.statlist.compact{text-align:left;border-top:1px solid #2c2347;margin-top:.7rem;padding-top:.6rem}.statlist.compact .stat{margin:.1rem 0}.statlist.compact .stat-name{width:2.2rem;font-size:.7rem}.statlist.compact .colors{justify-content:center;margin-top:.5rem}.statlist.compact .tip-text{top:50%;bottom:auto;left:100%;transform:translate(8px,-50%)}.statlist.compact .tip-text:after{border:5px solid #0000;border-right-color:var(--gold);top:50%;left:-10px;transform:translateY(-50%)}@media (width<=760px){.statlist.compact .tip-text{top:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.statlist.compact .tip-text:after{border:5px solid #0000;border-top-color:var(--gold);top:100%;left:50%;transform:translate(-50%)}}.colors .tip .tip-text{z-index:50;inset:auto auto calc(100% + 6px) -.5rem;transform:none}.colors .tip .tip-text:after{border:5px solid #0000;border-top-color:var(--gold);top:100%;left:1.5rem;transform:none}.pip-red{border-color:#b04a4a}.pip-brown{border-color:#9a7048}.pip-yellow{border-color:#c9b04a}.pip-green{border-color:#5d9a5d}.pip-blue{border-color:#4a7ab0}.pip-purple{border-color:#8a5cc9}.pip-white{border-color:#cfcfe0}.pip-shadow{color:var(--muted);border-color:#555}.details{color:var(--muted);margin-top:.7rem;font-size:.88rem}.details p{margin:.25rem 0}.unspent{color:var(--gold);margin:.2rem 0 .4rem;font-size:.88rem}button.alloc{border-color:var(--gold);color:var(--gold);border-radius:4px;margin-left:.3rem;padding:0 .45rem;font-size:.85rem;line-height:1.3}button.alloc:hover{background:#d9b44a26}button.level-up{border-color:var(--gold);color:var(--gold);margin:.4rem 0 .2rem;font-size:.9rem}button.level-up:disabled{color:var(--muted);border-color:#443463}.traits{margin:.4rem 0 0;padding:0;list-style:none}.traits em{color:var(--gold);margin-right:.35rem;font-size:.78rem;font-style:normal}.traits li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:1rem;padding:.12rem 0;display:flex}.trait-name{text-align:left}.trait-effects{text-align:right;color:var(--muted);flex-wrap:wrap;justify-content:flex-end;column-gap:.6rem;margin-left:auto;font-size:.75rem;display:inline-flex}.card.detailed .card-body{text-align:center}.card.detailed .badge-chips,.card.detailed .colors{justify-content:center}.card.detailed .traits{text-align:left;width:100%;margin:.8rem 0 0}.details p .tip{display:inline-block}.two-col{grid-template-columns:300px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=760px){.two-col{grid-template-columns:1fr}}.adventure{background:var(--panel);border:1px solid #382c5c;border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.adventure h3{color:var(--gold);margin:.1rem 0;font-weight:400}.board{border-collapse:collapse;width:100%;margin-top:.9rem;font-size:.85rem}@media (width<=760px){.board{font-size:.8rem;display:block;overflow-x:auto}}.board th{text-align:left;color:var(--muted);padding:.2rem .5rem;font-weight:400}.board td{border-top:1px solid #2c2347;padding:.2rem .5rem}.player{grid-template-columns:230px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=760px){.player{grid-template-columns:1fr;gap:1rem}.player .hud{text-align:left;grid-template-columns:92px 1fr;align-items:start;column-gap:.9rem;display:grid;position:static}.player .hud img{grid-row:1/span 6;width:92px}.player .relationships,.player .audio-controls{justify-content:flex-start}}.hud{background:var(--panel);text-align:center;border:1px solid #382c5c;border-radius:10px;padding:1rem;position:sticky;top:1rem}.hud img{width:100%;image-rendering:pixelated;border-radius:6px}.hud h3{color:var(--gold);margin:.6rem 0 .4rem;font-size:.98rem;font-weight:400}.hud p{margin:.3rem 0;font-size:.9rem}.hearts{color:#e05c5c;letter-spacing:.1em;font-size:1.25rem}.relationships{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.7rem;display:flex}.opinion{color:var(--muted);background:var(--bg);border:1px solid #382c5c;border-radius:999px;padding:.12rem .6rem;font-size:.78rem}.opinion.op-good{color:var(--success);border-color:var(--success)}.opinion.op-bad{color:var(--failure);border-color:var(--failure)}.audio-controls{justify-content:center;gap:1rem;display:flex}.audio-controls button{font-size:.82rem}.stage{min-height:50vh}.scene-art-frame{background:#0d0916;border:1px solid #382c5c;border-radius:8px;justify-content:center;margin-bottom:.8rem;display:flex;overflow:hidden}.scene-art{object-fit:contain;max-width:100%;max-height:340px;display:block}.scene-text{background:var(--panel);border:1px solid #382c5c;border-left:3px solid var(--gold);border-radius:8px;padding:1.1rem 1.3rem;font-size:1.12rem;line-height:1.65}.log{color:var(--muted);border-left:2px solid #2c2347;margin:.5rem 0;padding-left:1rem;font-size:.95rem;line-height:1.5}.log-success{color:var(--success);border-left-color:var(--success)}.log-failure{color:var(--failure);border-left-color:var(--failure)}.log-regard{color:#b08ae8;border-left-color:#b08ae8;font-style:italic}.choices{flex-direction:column;gap:.6rem;margin-top:1.1rem;display:flex}.choices button{padding:.75rem 1.1rem;font-size:1.02rem}.range{color:var(--gold);margin-left:.5rem;font-size:.85rem}button.consult{color:var(--muted);border-style:dashed}button.consult:hover{color:var(--ink)}.result-card{background:var(--panel-2);border:1px solid var(--gold);border-radius:10px;margin-top:1rem;padding:1.4rem 1.6rem}.result-card h2,.result-card button{margin-top:.8rem}.landing{text-align:center;max-width:720px;margin:2rem auto 0}.landing-kicker{color:var(--muted);letter-spacing:.03em;margin:0;font-style:italic}.landing-title{color:#0000;background:linear-gradient(90deg,#e36767,#e3a955,#d8d355,#74cd8e,#62a7e8,#a578e8);-webkit-background-clip:text;background-clip:text;margin:.6rem 0 1rem;font-size:2.6rem;font-weight:400}.landing-lede{color:var(--ink);margin:0 auto 2rem;font-size:1.12rem;line-height:1.6}.landing-lede em{color:var(--gold);font-style:italic}.landing-points{text-align:left;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.2rem;display:grid}.landing-points>div{background:var(--panel);border:1px solid #382c5c;border-radius:10px;padding:1rem 1.1rem}.landing-points strong{color:var(--gold);margin-bottom:.4rem;font-weight:400;display:block}.landing-points span{color:var(--muted);font-size:.9rem;line-height:1.45}.landing-enter{border-color:var(--gold);color:var(--gold);text-align:center;padding:.8rem 2.2rem;font-size:1.15rem}.landing-enter:hover:not(:disabled){background:#d9b44a24}.how-to-link{color:var(--muted)}.landing .how-to-link{margin:0 auto 1.1rem;font-size:1rem;display:block}.modal-scrim{z-index:200;background:#08060eb8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--gold);border-radius:12px;max-width:560px;max-height:85vh;padding:1.6rem 1.8rem;position:relative;overflow-y:auto}.modal h2{margin-top:0}.modal-close{color:var(--muted);background:0 0;border:none;padding:.2rem .5rem;font-size:1.1rem;position:absolute;top:.7rem;right:.7rem}.modal-close:hover{color:var(--failure);background:0 0}.how-to-steps{margin:0 0 1.2rem;padding-left:1.3rem}.how-to-steps li{color:var(--muted);margin:.7rem 0;line-height:1.5}.how-to-steps strong{color:var(--ink);font-weight:400}.how-to-steps em{color:var(--gold);font-style:italic}.faced{color:var(--success);border-left:2px solid var(--success);margin:.6rem 0;padding-left:.7rem;font-style:italic}.faced strong{color:var(--gold);font-weight:400}.skeleton-card{background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%);background-size:200% 100%;border-color:#2c2347;height:320px;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=640px){.landing-points{grid-template-columns:1fr}}.tip{-webkit-tap-highlight-color:transparent}@media (width<=400px){.app{padding:1rem .8rem}header h1{font-size:1.5rem}.landing-title{font-size:2rem}.landing-points,.grid{grid-template-columns:1fr}.auth-bar{gap:.4rem;font-size:.9rem}}