:root{--brand:#6f42c1;--brand-dark:#4c2a91;--brand-soft:#eee8ff;--ink:#251d35;--muted:#746d7e;--surface:#fff;--line:#e9e4f2;--page:#faf8ff;--success:#28a96b;--warning:#ffb23f}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-rounded,"Segoe UI",system-ui,-apple-system,sans-serif;overflow-x:hidden}.page-orb{position:fixed;border-radius:50%;filter:blur(10px);opacity:.25;z-index:-1}.page-orb-one{width:360px;height:360px;background:#cab7ff;top:-140px;left:-130px}.page-orb-two{width:300px;height:300px;background:#ffd7a8;right:-130px;bottom:-100px}.blendin-header{background:rgba(250,248,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(111,66,193,.08)}.navbar-brand{font-size:1.35rem;font-weight:800;color:var(--ink)}.brand-mark,.loading-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--brand);color:#fff;font-weight:900;box-shadow:0 9px 24px rgba(111,66,193,.28)}a{color:var(--brand)}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-dark);--bs-btn-hover-border-color:var(--brand-dark)}.btn-soft{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand);border:0;border-radius:999px}.btn-soft:hover{background:#e2d8ff;color:var(--brand-dark)}.form-control{border:2px solid var(--line);border-radius:16px;padding:.78rem 1rem}.form-control:focus{border-color:#b59aea;box-shadow:0 0 0 .25rem rgba(111,66,193,.12)}.auth-shell{min-height:calc(100vh - 104px)}.auth-card,.content-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(1.4rem,4vw,2.6rem);box-shadow:0 22px 60px rgba(54,34,91,.09)}.auth-card{max-width:620px}.hero-copy h1{letter-spacing:-.04em}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:.9rem}.mini-feature{display:flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:650}.mini-feature i{color:var(--brand);font-size:1.25rem}.profile-hero{display:flex;align-items:center;gap:1rem;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:26px}.avatar-circle{display:grid;place-items:center;flex:0 0 76px;width:76px;height:76px;border-radius:25px;background:var(--brand);color:#fff;font-size:2rem;font-weight:900}.stat-card{height:100%;display:flex;flex-direction:column;gap:.2rem;padding:1.15rem;background:#fff;border:1px solid var(--line);border-radius:22px}.stat-card i{color:var(--brand);font-size:1.35rem}.stat-card strong{font-size:1.55rem}.stat-card span{color:var(--muted);font-size:.88rem}.island-progress-item{padding:1rem;border:1px solid var(--line);border-radius:18px}.progress{height:10px;border-radius:999px;background:#eeeaf5;margin-bottom:.65rem}.progress-bar{background:var(--brand);border-radius:999px}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty-state i{font-size:2.3rem;color:var(--brand)}.result-shell{max-width:980px;margin:auto}.result-card{position:relative;overflow:hidden}.result-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:30px;margin:0 auto 1rem;font-size:2.5rem}.result-icon.passed{background:#e4f8ed;color:var(--success)}.result-icon.try-again{background:#fff3df;color:#d88400}.stars-row{display:flex;justify-content:center;gap:.55rem;font-size:2rem}.stars-row i{color:#ddd5e8}.stars-row i.earned{color:var(--warning)}.score-ring{display:flex;align-items:baseline;justify-content:center;margin-inline:auto;width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--brand) 0 78%,#eee9f7 78%);position:relative}.score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.score-ring strong,.score-ring span{position:relative;z-index:1}.score-ring strong{font-size:3.1rem}.score-ring span{color:var(--muted)}.result-metric{height:100%;padding:1rem;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:auto 1fr;column-gap:.65rem}.result-metric i{grid-row:1/3;font-size:1.3rem;color:var(--brand)}.result-metric strong{font-size:1.15rem}.result-metric span{font-size:.85rem;color:var(--muted)}
.player-host-body{background:#160d2e;overflow:hidden}.unity-container{position:fixed;inset:0;background:#160d2e}.unity-container canvas{display:block;width:100%;height:100%;background:#160d2e}.unity-loading,.unity-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#fff;background:radial-gradient(circle at top,#3a2470,#160d2e 62%)}.unity-loading h1,.unity-error h1{margin:1.25rem 0 .35rem}.unity-loading p,.unity-error p{color:#d8cdec}.loading-logo{width:72px;height:72px;border-radius:24px;font-size:2rem}.loading-track{width:min(420px,80vw);height:12px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:1.25rem}.loading-track span{display:block;width:0;height:100%;border-radius:999px;background:#ffca5c;transition:width .2s ease}.unity-error[hidden]{display:none}.host-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.host-actions button,.host-actions a{border:0;border-radius:999px;padding:.8rem 1.2rem;text-decoration:none;font-weight:700}.host-actions button{background:#ffca5c;color:#281c3f}.host-actions a{background:#fff;color:#281c3f}
@media(max-width:767.98px){.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-hero .btn{width:100%}.auth-shell{min-height:auto}.mini-feature{font-size:.86rem}.auth-card,.content-card,.result-card{border-radius:22px}.blendin-header .container{padding-inline:1rem}}