/* Symbioverse v0.7.0 — Unified view system. Scoped to untouched sections.
   The profile and market v0.6.4 remain unchanged. */
#content.sv-restyled{
  --sv-section-accent:#51decf;
  --sv-section-tint:rgba(81,222,207,.13);
  --sv-section-border:rgba(81,222,207,.27);
  min-width:0;
  padding-bottom:100px;
}
#content[data-sv-page="blog"]{--sv-section-accent:#ffcb84;--sv-section-tint:rgba(255,203,132,.13);--sv-section-border:rgba(255,203,132,.32)}
#content[data-sv-page="games"],#content[data-sv-page="play"]{--sv-section-accent:#bf9dff;--sv-section-tint:rgba(191,157,255,.13);--sv-section-border:rgba(191,157,255,.35)}
#content[data-sv-page="assignments"]{--sv-section-accent:#ffb08a;--sv-section-tint:rgba(255,176,138,.12);--sv-section-border:rgba(255,176,138,.32)}
#content[data-sv-page="results"]{--sv-section-accent:#79caff;--sv-section-tint:rgba(121,202,255,.13);--sv-section-border:rgba(121,202,255,.32)}
#content[data-sv-page="wallet"]{--sv-section-accent:#ffd47e;--sv-section-tint:rgba(255,212,126,.12);--sv-section-border:rgba(255,212,126,.3)}
#content[data-sv-page="groups"],#content[data-sv-page="friends"]{--sv-section-accent:#6fe2cc;--sv-section-tint:rgba(111,226,204,.12);--sv-section-border:rgba(111,226,204,.3)}
#content[data-sv-page="cards"]{--sv-section-accent:#d2a4ff;--sv-section-tint:rgba(210,164,255,.12);--sv-section-border:rgba(210,164,255,.33)}
#content[data-sv-page="mail"],#content[data-sv-page="chats"]{--sv-section-accent:#8eaeff;--sv-section-tint:rgba(142,174,255,.12);--sv-section-border:rgba(142,174,255,.32)}
#content[data-sv-page="pixel"]{--sv-section-accent:#8ce9a7;--sv-section-tint:rgba(140,233,167,.12);--sv-section-border:rgba(140,233,167,.3)}
#content[data-sv-page="monopoly"]{--sv-section-accent:#ff939b;--sv-section-tint:rgba(255,147,155,.12);--sv-section-border:rgba(255,147,155,.35)}
#content[data-sv-page="teacher"],#content[data-sv-page="admin"],#content[data-sv-page="invitations"]{--sv-section-accent:#f0b88b;--sv-section-tint:rgba(240,184,139,.12);--sv-section-border:rgba(240,184,139,.32)}
#content.sv-restyled .page-title{position:relative;isolation:isolate;overflow:hidden;padding:28px 32px;border:1px solid #31485b;background:linear-gradient(122deg,#142733,#0a1724);border-radius:20px;margin-bottom:23px;box-shadow:0 17px 36px #0003,inset 0 1px #ffffff0a}
#content.sv-restyled .page-title:after{content:"";position:absolute;z-index:-1;width:350px;height:270px;right:-60px;top:-110px;background:radial-gradient(circle,var(--sv-section-tint),transparent 68%);filter:blur(10px);pointer-events:none}
#content.sv-restyled .page-title .eyebrow{display:block;color:var(--sv-section-accent);letter-spacing:2.5px;font-size:10px;font-weight:800}
#content.sv-restyled .page-title h1{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-1.25px;color:#f2faff;margin:8px 0}
#content.sv-restyled .page-title p{font-size:13px;max-width:600px;line-height:1.7;color:#a2b8c7;margin:6px 0 0}
#content.sv-restyled .card{min-width:0;background:linear-gradient(148deg,#122431,#0c1925);border:1px solid #2b4555;border-radius:18px;padding:24px;box-shadow:0 12px 35px #0002,inset 0 1px #ffffff09;gap:12px}
#content.sv-restyled .card:hover{border-color:color-mix(in srgb,var(--sv-section-accent) 38%,#294454)}
#content.sv-restyled .card h2{margin:2px 0 8px;font-size:21px;line-height:1.2;letter-spacing:-.6px;color:#edf8ff}
#content.sv-restyled .card h3{color:#eaf6fd}
#content.sv-restyled .card p{line-height:1.7}
#content.sv-restyled .card .tag{align-self:flex-start;background:var(--sv-section-tint);border:1px solid var(--sv-section-border);border-radius:7px;color:var(--sv-section-accent);font-weight:700;padding:5px 8px;letter-spacing:.55px}
#content.sv-restyled .grid.cards{gap:18px}
#content.sv-restyled .row{min-width:0}
#content.sv-restyled input:not([type=checkbox]):not([type=radio]),#content.sv-restyled select,#content.sv-restyled textarea{background:#091924;border:1px solid #325164;border-radius:11px;color:#ecf7fb;padding:12px 14px;font-size:13px;max-width:100%;min-width:0;transition:border-color .15s,box-shadow .15s}
#content.sv-restyled input:focus,#content.sv-restyled textarea:focus,#content.sv-restyled select:focus{border-color:var(--sv-section-accent);box-shadow:0 0 0 3px var(--sv-section-tint)}
#content.sv-restyled label{font-size:12px;font-weight:650;color:#afc8d5}
#content.sv-restyled button,#content.sv-restyled .button{min-height:41px;border-radius:10px;font-size:12.5px;font-weight:700;line-height:1.4;padding:10px 16px;transition:border-color .18s,background .18s,transform .18s}
#content.sv-restyled button.primary,#content.sv-restyled .button.primary{background:linear-gradient(125deg,var(--sv-section-accent),color-mix(in srgb,var(--sv-section-accent) 73%,#47f2d4));border-color:var(--sv-section-accent);color:#092027;box-shadow:0 6px 24px var(--sv-section-tint)}
#content.sv-restyled :is(button,.button):hover:not(:disabled){transform:translateY(-1px)}
#content.sv-restyled :is(button,.button):focus-visible,#content.sv-restyled a:focus-visible{outline:2px solid var(--sv-section-accent);outline-offset:3px}
#content.sv-restyled .table-wrap{overflow-x:auto}
#content.sv-restyled table{border-collapse:separate;border-spacing:0;font-size:12px;width:100%}
#content.sv-restyled th{background:#112b36;color:#9bb4c6;letter-spacing:1.2px;font-size:10px;font-weight:750;text-transform:uppercase}
#content.sv-restyled th:first-child{border-radius:9px 0 0 9px}
#content.sv-restyled th:last-child{border-radius:0 9px 9px 0}
#content.sv-restyled td{color:#d3e5ed;line-height:1.5;border-bottom:1px solid #274354}
#content.sv-restyled tr:hover td{background:#152b37aa}
#content.sv-restyled .progress{height:8px;border:0;background:#203b49;overflow:hidden;border-radius:30px}
#content.sv-restyled .progress>span{height:100%;background:linear-gradient(90deg,var(--sv-section-accent),#56ead2)}
#content.sv-restyled .empty-state,#content.sv-restyled .sv-no-records{border:1px dashed #3b6170;border-radius:13px;padding:34px 24px;color:#a1bcc8;text-align:center;background:#0e2531}
#content.sv-restyled .sv-no-records a{display:block;margin-top:8px;font-weight:700}
#content.sv-restyled .sv-section-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:27px 0 16px}
#content.sv-restyled .sv-section-heading h2{margin:6px 0 0;font-size:25px;letter-spacing:-.7px}
#content.sv-restyled .sv-section-counter{border:1px solid var(--sv-section-border);border-radius:9px;padding:7px 12px;color:var(--sv-section-accent);font-size:12px}
#content.sv-restyled .sv-panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px;min-width:0}
#content.sv-restyled .sv-panel-heading>div{flex:1;min-width:0}
#content.sv-restyled .sv-panel-heading h2{margin:1px 0 0}
#content.sv-restyled .sv-panel-heading p{font-size:12px;margin:4px 0 0;color:#91b2c3}
#content.sv-restyled .sv-panel-heading small{font-size:10px;font-weight:800;color:var(--sv-section-accent);letter-spacing:1.2px}
#content.sv-restyled .sv-panel-icon{height:46px;width:46px;flex:none;display:grid;place-items:center;border:1px solid var(--sv-section-border);border-radius:13px;background:var(--sv-section-tint);color:var(--sv-section-accent);font-size:25px}
/* Dashboard */
#content.sv-restyled .sv-dashboard-hero{min-height:295px;isolation:isolate;padding:36px 40px;background:radial-gradient(ellipse at 85% 20%,#3163ab5a,transparent 40%),radial-gradient(ellipse at 12% 125%,#2d97a154,transparent 44%),linear-gradient(120deg,#10273b,#0c182a 73%);border-color:#31596e;border-radius:20px;box-shadow:0 18px 48px #0004,inset 0 1px #ffffff18}
#content.sv-restyled .sv-dashboard-hero:before{content:"";position:absolute;z-index:-1;inset:auto -75px -145px auto;width:500px;height:350px;border:1px solid #57b9cf26;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 45px #579fd208,0 0 0 95px #579fd206}
#content.sv-restyled .sv-dashboard-hero .tag{color:#98fbeb;border-color:#3f8c8b;background:#1244447a;padding:8px 11px;font-weight:750;letter-spacing:1.25px}
#content.sv-restyled .sv-dashboard-hero h2{font-size:clamp(30px,3.1vw,42px);letter-spacing:-1.1px;line-height:1.15;font-weight:800}
#content.sv-restyled .sv-dashboard-hero p{color:#b1c8d6;font-size:13.5px;line-height:1.75}
#content.sv-restyled .sv-dashboard-hero .hero-symbol div{background:radial-gradient(circle at 25% 25%,#3e91b9ab,#112b4e);border:1px solid #4b9fbca0;border-radius:30px;box-shadow:0 0 0 15px #54bce514,0 0 0 42px #54bce507,0 0 60px #54bce528;color:#95eae8}
#content.sv-restyled .stats{gap:17px}
#content.sv-restyled .stats .card{position:relative;min-height:166px;padding:23px 26px;overflow:hidden}
#content.sv-restyled .stats .card:before{content:"";position:absolute;right:-45px;top:-35px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#41dccc1c,transparent 70%);pointer-events:none}
#content.sv-restyled .stats .card:nth-child(2):before{background:radial-gradient(circle,#ffcc801c,transparent 70%)}
#content.sv-restyled .stats .card:nth-child(3):before{background:radial-gradient(circle,#b09aff22,transparent 70%)}
#content.sv-restyled .stats .card strong{font-size:37px;font-weight:800;letter-spacing:-1.4px;color:#f1f9fc}
#content.sv-restyled .stats .card:nth-child(2) strong{color:#f5d58c}
#content.sv-restyled .stats .card>small{color:#8faebc;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:750}
#content.sv-restyled .section-heading{margin:30px 0 14px}
#content.sv-restyled .section-heading h2{font-size:25px}
/* Cyber missions */
#content.sv-restyled .sv-learning-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:12px;padding:15px;border:1px solid #33495d;border-radius:15px;background:linear-gradient(135deg,#122633,#0b1824);margin:18px 0 23px}
#content.sv-restyled .sv-learning-filters input,#content.sv-restyled .sv-learning-filters select{width:100%;margin:0;min-height:45px}
#content.sv-restyled .sv-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#content.sv-restyled .sv-mission-card{position:relative;min-height:265px;padding:23px 22px 19px;overflow:hidden}
#content.sv-restyled .sv-mission-card:before{content:"";position:absolute;right:-40px;top:-55px;width:170px;height:170px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#aa86e923,transparent 68%)}
#content.sv-restyled .sv-mission-card .mission-no{display:inline-flex;align-items:center;letter-spacing:1.4px;color:#c3a7ff;font-weight:800}
#content.sv-restyled .sv-mission-card .tag{color:#c7aaff;border-color:#6c5497;background:#30264a}
#content.sv-restyled .sv-mission-card .tag.done{color:#83efd2;background:#163d35;border-color:#2c7866}
#content.sv-restyled .sv-mission-card h3{font-size:21px;line-height:1.3;letter-spacing:-.45px;margin:13px 0 3px}
#content.sv-restyled .sv-mission-card p{font-size:12.5px;color:#99b0c0}
#content.sv-restyled .sv-mission-card .mission-bottom{margin-top:auto;gap:10px}
#content.sv-restyled .sv-mission-card .mission-bottom .button{white-space:nowrap}
#content.sv-restyled #game-host{margin-top:20px;min-width:0}
#content.sv-restyled #game-host .panel{border:1px solid #334959;border-radius:16px;background:linear-gradient(145deg,#142633,#0c1824)}
/* Results and wallet */
#content.sv-restyled .sv-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 23px}
#content.sv-restyled .sv-metric-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:168px;border:1px solid #304b5c;background:linear-gradient(135deg,#142b39,#0d1926);border-radius:18px;padding:23px 25px}
#content.sv-restyled .sv-metric-card:after{content:"";position:absolute;right:-50px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--sv-section-tint),transparent 70%);pointer-events:none}
#content.sv-restyled .sv-metric-card>small{font-size:10px;font-weight:800;color:#a1becb;letter-spacing:1.5px}
#content.sv-restyled .sv-metric-card>strong{font-size:38px;letter-spacing:-1.4px;color:#eaf8fe;line-height:1.2}
#content.sv-restyled .sv-metric-card>strong>span{font-size:17px;letter-spacing:0;font-weight:600;color:#9bb9c7}
#content.sv-restyled .sv-metric-card p{font-size:12px;line-height:1.5;margin:0;color:#8fa9b8}
#content.sv-restyled .sv-metric-icon{font-size:28px;color:var(--sv-section-accent)}
#content.sv-restyled .sv-metric-card .progress{width:100%}
#content.sv-restyled .sv-records{padding:24px 22px;overflow-x:auto}
#content.sv-restyled .sv-records .sv-panel-heading{margin-bottom:20px}
#content.sv-restyled .sv-result-status{display:inline-flex;align-items:center;border-radius:7px;padding:5px 8px;white-space:nowrap;font-size:11px;font-weight:750}
#content.sv-restyled .sv-success{background:#164a3c;border:1px solid #337f68;color:#91f7d9}
#content.sv-restyled .sv-warning{background:#463727;border:1px solid #785c39;color:#efc68e}
#content.sv-restyled .sv-pending{background:#27394e;border:1px solid #496582;color:#a5d9ff}
#content.sv-restyled .sv-wallet-hero{position:relative;display:flex;min-height:265px;padding:34px 40px;margin-bottom:22px;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid #796843;border-radius:21px;background:radial-gradient(circle at 82% 20%,#ac783e6e,transparent 40%),linear-gradient(125deg,#2d2c2a,#1c242e 65%,#14202a);box-shadow:0 17px 45px #0004}
#content.sv-restyled .sv-wallet-intro{position:relative;z-index:1}
#content.sv-restyled .sv-wallet-intro>p{color:#b1a687;margin:13px 0 0;font-size:12px;letter-spacing:2px;font-weight:800}
#content.sv-restyled .sv-wallet-intro>strong{display:block;font-size:clamp(48px,6vw,75px);font-weight:850;letter-spacing:-2px;line-height:1.1;color:#ffe29a;text-shadow:0 5px 28px #ffdc8a23}
#content.sv-restyled .sv-wallet-intro>strong span{font-size:24px;letter-spacing:1px;color:#d9bd84}
#content.sv-restyled .sv-wallet-kicker{font-size:10px;color:#ffe1a0;font-weight:800;letter-spacing:2px}
#content.sv-restyled .sv-wallet-links{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
#content.sv-restyled .sv-wallet-coin{display:grid;place-items:center;width:170px;height:170px;flex:none;border:2px solid #ffdf8c88;border-radius:50%;font-size:118px;color:#ffe09a;background:radial-gradient(circle at 30% 30%,#a276338a,#34291b 68%);box-shadow:0 0 0 18px #e3c47513,0 0 70px #ddad3a3b;transform:rotate(-12deg)}
#content.sv-restyled .sv-wallet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
#content.sv-restyled .sv-wallet-amount{display:inline-flex;min-width:85px;justify-content:center;padding:7px 10px;border-radius:7px;font-weight:800;font-size:12px}
#content.sv-restyled .sv-wallet-amount.is-plus{background:#134739;color:#93f6d5;border:1px solid #357963}
#content.sv-restyled .sv-wallet-amount.is-minus{background:#44302e;color:#ffbfb8;border:1px solid #6c4747}
/* Groups, assignments, management */
#content.sv-restyled .sv-groups-join{padding:27px 30px}
#content.sv-restyled .sv-groups-join .sv-panel-heading{margin-bottom:20px}
#content.sv-restyled .sv-groups-join form{max-width:720px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
#content.sv-restyled .sv-groups-join form label{margin:0}
#content.sv-restyled .sv-groups-join form button{margin-bottom:0}
#content.sv-restyled .sv-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#content.sv-restyled .sv-group-card{min-height:192px;justify-content:center;gap:9px;overflow:hidden;position:relative}
#content.sv-restyled .sv-group-card:after{content:"";position:absolute;right:-46px;top:-60px;width:190px;height:190px;background:radial-gradient(circle,#37dcca16,transparent 65%);pointer-events:none}
#content.sv-restyled .sv-group-symbol{display:grid;place-items:center;width:50px;height:50px;background:#153e41;border:1px solid #32746c;color:#7ce5d0;border-radius:13px;font-size:25px}
#content.sv-restyled .sv-group-card h2{margin:0;font-size:24px}
#content.sv-restyled .sv-group-foot{font-size:11px;color:#91d6c8}
#content.sv-restyled .sv-empty-group{grid-column:1/-1;padding:45px;background:#0e2531;border:1px dashed #355b69;border-radius:17px;text-align:center}
#content.sv-restyled .sv-empty-group>span{font-size:54px;color:#69e5ce}
#content.sv-restyled .sv-empty-group h3{margin:7px 0}
#content.sv-restyled .sv-empty-group p{color:#99b1be;margin:0}
#content.sv-restyled .sv-task-create{border-color:#5b5650;max-width:950px;margin-bottom:20px}
#content.sv-restyled .sv-task-create form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-width:none}
#content.sv-restyled .sv-task-create form label:has(textarea){grid-column:1/-1}
#content.sv-restyled .sv-task-create form button{justify-self:start;grid-column:1/-1}
#content.sv-restyled .sv-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#content.sv-restyled .sv-task-card{min-width:0;padding:25px;overflow-wrap:anywhere}
#content.sv-restyled .sv-task-card>h2{font-size:23px;margin:10px 0 0}
#content.sv-restyled .sv-task-card>.row.between{padding-bottom:13px;border-bottom:1px solid #374751}
#content.sv-restyled .sv-task-card .task-body{color:#b0c5d1;font-size:13px}
#content.sv-restyled .sv-task-card form{max-width:none}
#content.sv-restyled .sv-task-card .submission{border-top:1px solid #35525a}
#content.sv-restyled .sv-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:21px}
#content.sv-restyled .sv-management-grid>section{height:100%}
#content.sv-restyled .user-form{padding:17px 14px;border:1px solid #2e4653;border-radius:10px;margin:6px 0;display:flex;align-items:center;gap:14px;background:#0f2230}
#content.sv-restyled .user-form select{flex:0 1 185px;min-width:140px}
#content.sv-restyled #users>.card{margin-top:24px}
#content.sv-restyled .sv-invite-panel{max-width:800px}
#content.sv-restyled .sv-invite-panel form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
#content.sv-restyled .sv-invite-panel form label{margin:0}
/* News, friends, chats, achievements */
#content.sv-restyled .community-body{display:block;min-width:0}
#content.sv-restyled .community-person{padding:14px 0;border-color:#304d5a;gap:12px;min-width:0}
#content.sv-restyled .community-person .person-photo{width:54px;height:54px;min-width:54px;border:2px solid var(--sv-section-border);background:#193748;box-shadow:0 5px 15px #0004}
#content.sv-restyled .community-person-name{color:#f0f9fc;font-weight:800;letter-spacing:-.2px;font-size:14px}
#content.sv-restyled .community-person-details{min-width:0;flex:1 1 125px}
#content.sv-restyled .community-person-details small{font-size:11px;line-height:1.7;color:#9cb1bc;overflow-wrap:anywhere}
#content.sv-restyled .community-person .row{flex:0 1 auto}
#content.sv-restyled .community-person button,#content.sv-restyled .community-person .button{padding:7px 10px;min-height:35px;font-size:11px}
#content.sv-restyled .sv-friends-columns{align-items:start;gap:18px}
#content.sv-restyled #people-search{display:flex;gap:12px;max-width:none}
#content.sv-restyled #people-search input{flex:1}
#content.sv-restyled .presence-online{color:#74f4cb}
#content.sv-restyled .blog-feed.sv-news-feed{display:grid;gap:20px;max-width:950px;margin:auto}
#content.sv-restyled .sv-news-feed .blog-post{padding:28px 32px;position:relative;overflow:hidden}
#content.sv-restyled .sv-news-feed .blog-post:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-95px;border-radius:50%;background:radial-gradient(circle,#ffc27120,transparent 70%);pointer-events:none}
#content.sv-restyled .sv-news-feed .blog-post h2{font-size:clamp(23px,2.5vw,30px);letter-spacing:-.8px;line-height:1.2;margin:13px 0 0}
#content.sv-restyled .sv-news-feed .blog-post>.muted{margin:0;color:#8da8b8;font-size:11px}
#content.sv-restyled .sv-news-feed .blog-post .blog-rich{line-height:1.85;color:#dce9f1;font-size:14px}
#content.sv-restyled .sv-news-feed .blog-post .blog-image{max-height:500px;background:#101e28;object-fit:contain;border:1px solid #334e60;border-radius:14px}
#content.sv-restyled #post-editor{max-width:950px;margin:0 auto 20px;border-color:#64533c}
#content.sv-restyled #post-editor summary{font-weight:800;font-size:15px;color:var(--sv-section-accent)}
#content.sv-restyled .sv-news-feed .blog-post .row:last-child{padding-top:10px;border-top:1px solid #2b4050}
#content.sv-restyled .achievement{padding:17px;overflow:hidden;align-items:center;text-align:center;min-width:0}
#content.sv-restyled .achievement-art{display:grid;place-items:center;width:100%;min-height:190px;margin:2px 0 13px;border:1px solid #54476e;border-radius:14px;background:radial-gradient(circle at 50% 38%,#6f4b9855,#102033 68%);font-size:74px;line-height:1.1;color:#d9b6ff;text-shadow:0 0 24px #bf9aff66}
#content.sv-restyled .achievement>.collectible-visual{margin:1px 0 13px;max-width:100%;height:210px}
#content.sv-restyled .achievement h2{font-size:19px;overflow-wrap:anywhere}
#content.sv-restyled .achievement .tag{align-self:center}
#content.sv-restyled .achievement>button{width:100%;margin-top:auto}
#content.sv-restyled .sv-chat-layout{gap:18px;grid-template-columns:minmax(220px,.95fr) minmax(0,2fr)}
#content.sv-restyled .sv-chat-layout>.card{min-width:0}
#content.sv-restyled .sv-chat-layout .chat-link{display:block;border:1px solid #2e4960;border-radius:10px;padding:12px 14px;margin:4px 0;color:#b8d2e2;background:#102636;font-size:12px}
#content.sv-restyled .sv-chat-layout .chat-link.active{border-color:var(--sv-section-border);background:var(--sv-section-tint);color:#edf8ff}
#content.sv-restyled .sv-chat-layout .chat-messages{height:440px;padding:14px;border:1px solid #294c5d;border-radius:15px;background:radial-gradient(circle at 20% 70%,#142e4d55,transparent 60%),#081822}
#content.sv-restyled .sv-chat-layout .chat-bubble{border-radius:15px 15px 15px 5px;max-width:min(85%,600px);padding:12px 16px;font-size:13px}
#content.sv-restyled .sv-chat-layout .chat-bubble.mine{border-radius:15px 15px 5px 15px;background:#194f47;border-color:#368d77}
/* Mailbox */
#content.sv-restyled .sv-mail-layout{grid-template-columns:minmax(275px,.9fr) minmax(0,1.6fr);gap:18px}
#content.sv-restyled .sv-mail-layout>.card{min-width:0}
#content.sv-restyled .sv-mail-contacts>h2{font-size:17px;margin:4px 0 12px}
#content.sv-restyled .sv-mail-contacts form{max-width:none;padding-bottom:17px;border-bottom:1px solid #2b4557;margin-bottom:12px}
#content.sv-restyled .sv-mail-contacts .mail-threads{margin-top:13px;max-height:480px;gap:8px}
#content.sv-restyled .sv-mail-layout .mail-thread{display:flex;align-items:center;gap:11px;border:1px solid #304b60;border-radius:12px;background:#102533;min-width:0;padding:12px}
#content.sv-restyled .sv-mail-layout .mail-thread.active{background:#203b5b;border-color:#6c91d1}
#content.sv-restyled .sv-mail-layout .mail-thread .person-photo{flex:0 0 45px;width:45px;height:45px;min-width:45px;aspect-ratio:1;object-fit:cover;border-radius:50%;overflow:hidden}
#content.sv-restyled .sv-mail-layout .mail-thread-content{flex:1;min-width:0}
#content.sv-restyled .sv-mail-layout .mail-thread-content strong{font-size:13px;color:#eaf4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.sv-restyled .sv-mail-layout .mail-thread-content small{font-size:11px;color:#9ab4c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content.sv-restyled .sv-mail-layout #mail-messages{background:#091c2c;border:1px solid #2c4a63;border-radius:16px;height:445px;padding:17px;gap:13px}
#content.sv-restyled .sv-mail-layout .mail-message{padding:15px 18px;border-radius:16px 16px 16px 4px;background:#19344a;max-width:86%;border-color:#396080;font-size:13px}
#content.sv-restyled .sv-mail-layout .mail-message.own{border-radius:16px 16px 4px 16px;background:#184e48;border-color:#367969}
#content.sv-restyled .sv-mail-layout .mail-unread{background:#85afff;color:#0a1c38;font-weight:800;border-radius:30px;flex:none}
#content.sv-restyled .sv-mail-layout .mail-main>p:first-child{display:grid;place-items:center;flex:1;min-height:360px;border-radius:14px;border:1px dashed #37556d;background:#0d2133;color:#aac6dc;text-align:center}
/* Pixel Battle + Monopoly */
#content.sv-restyled .community-symbol{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;color:var(--sv-section-accent);border:1px solid var(--sv-section-border);background:var(--sv-section-tint);font-size:42px}
#content.sv-restyled .pixel-panel{max-width:900px;margin:12px auto;padding:26px}
#content.sv-restyled .pixel-palette{gap:7px;padding:13px;border:1px solid #3a574d;border-radius:13px;background:#0c2328}
#content.sv-restyled .pixel-palette button{width:33px;height:33px;min-height:33px;border-radius:9px;padding:0;border:2px solid #ffffff36}
#content.sv-restyled .pixel-grid{width:min(100%,660px);margin:16px auto;max-width:100%;overflow:hidden;border:8px solid #173a38;border-radius:13px;box-shadow:0 0 0 1px #5ab48c77,0 14px 30px #0005}
#content.sv-restyled .pixel-grid button{min-height:0;border:0!important;border-radius:0!important;padding:0!important;transform:none!important}
#content.sv-restyled .mini-board{border:1px solid #604355;background:radial-gradient(circle at 40% 50%,#322b4c,#081720 70%);box-shadow:0 13px 35px #0005;border-radius:21px;padding:16px;gap:7px}
#content.sv-restyled .board-cell{background:#152c3b;border:1px solid #3b5265;border-top:4px solid var(--owner);border-radius:9px;padding:9px;font-size:12px;min-width:0}
#content.sv-restyled .board-center{background:radial-gradient(circle at 50% 40%,#372e4a,#102131 75%);border:1px solid #644c66;border-radius:16px;min-width:0;padding:12px}
#content.sv-restyled .board-center .dice{color:#ffd5db;font-size:66px;text-shadow:0 0 34px #ff888e55}
#content.sv-restyled .player-stat{border:1px solid #3d5164;border-left:4px solid var(--player);border-radius:10px;background:#122537;padding:15px}
#content.sv-restyled .player-stat.active{background:#19463c;box-shadow:0 0 0 1px #3d9674}
#content.sv-restyled details.card summary{font-weight:700;color:var(--sv-section-accent)}
/* Responsive design */
@media(max-width:1190px){
 #content.sv-restyled .sv-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content.sv-restyled .sv-task-list{grid-template-columns:1fr}
 #content.sv-restyled .sv-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content.sv-restyled .sv-management-grid{grid-template-columns:1fr}
}
@media(max-width:780px){
 #content.sv-restyled .page-title{padding:23px 22px}
 #content.sv-restyled .sv-dashboard-hero{padding:25px;min-height:245px}
 #content.sv-restyled .sv-dashboard-hero h2{font-size:30px}
 #content.sv-restyled .sv-overview-grid{grid-template-columns:1fr}
 #content.sv-restyled .sv-wallet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content.sv-restyled .sv-learning-filters{grid-template-columns:1fr}
 #content.sv-restyled .sv-learning-filters select{width:100%}
 #content.sv-restyled .sv-mission-grid{grid-template-columns:1fr}
 #content.sv-restyled .sv-group-grid{grid-template-columns:1fr}
 #content.sv-restyled .sv-chat-layout,#content.sv-restyled .sv-mail-layout{grid-template-columns:1fr}
 #content.sv-restyled .sv-wallet-coin{width:90px;height:90px;font-size:65px}
 #content.sv-restyled .sv-wallet-hero{padding:28px 25px}
 #content.sv-restyled .sv-task-create form{grid-template-columns:1fr}
 #content.sv-restyled .sv-task-create form label:has(textarea){grid-column:auto}
 #content.sv-restyled .sv-friends-columns{grid-template-columns:1fr}
 #content.sv-restyled .mini-board{padding:6px;gap:3px}
 #content.sv-restyled .board-cell{padding:4px;font-size:9px}
 #content.sv-restyled .board-center .dice{font-size:38px}
}
@media(max-width:520px){
 #content.sv-restyled .page-title{padding:22px 18px;border-radius:15px}
 #content.sv-restyled .page-title h1{font-size:28px}
 #content.sv-restyled .card{padding:18px;border-radius:15px}
 #content.sv-restyled .sv-panel-heading{gap:10px}
 #content.sv-restyled .sv-panel-heading .button{margin-left:0}
 #content.sv-restyled .sv-panel-icon{width:38px;height:38px;font-size:20px}
 #content.sv-restyled .sv-records{padding:16px 12px}
 #content.sv-restyled .sv-overview-grid{gap:12px}
 #content.sv-restyled .sv-metric-card{min-height:140px;padding:19px 22px}
 #content.sv-restyled .sv-wallet-hero{min-height:220px}
 #content.sv-restyled .sv-wallet-intro>strong{font-size:46px}
 #content.sv-restyled .sv-wallet-coin{position:absolute;right:-18px;top:30px;opacity:.28;pointer-events:none}
 #content.sv-restyled .sv-wallet-metrics{grid-template-columns:1fr}
 #content.sv-restyled .sv-groups-join form{grid-template-columns:1fr}
 #content.sv-restyled .sv-groups-join form button{width:100%}
 #content.sv-restyled .sv-group-card{min-height:145px}
 #content.sv-restyled .sv-invite-panel form{grid-template-columns:1fr}
 #content.sv-restyled .sv-user-form,.sv-restyled .user-form{flex-wrap:wrap}
 #content.sv-restyled .user-form select{flex:1 1 140px;min-width:0}
 #content.sv-restyled #people-search{flex-direction:column}
 #content.sv-restyled #people-search button{width:100%}
 #content.sv-restyled .sv-news-feed .blog-post{padding:21px}
 #content.sv-restyled .sv-news-feed .blog-post h2{font-size:22px}
 #content.sv-restyled .achievement>.collectible-visual{height:245px}
 #content.sv-restyled .sv-chat-layout .chat-messages,#content.sv-restyled .sv-mail-layout #mail-messages{height:345px}
 #content.sv-restyled .sv-chat-layout .chat-bubble,#content.sv-restyled .sv-mail-layout .mail-message{max-width:94%}
 #content.sv-restyled .sv-mail-layout .mail-main>p:first-child{min-height:160px}
}
@media(prefers-reduced-motion:reduce){#content.sv-restyled button,#content.sv-restyled .button,#content.sv-restyled .card{transition:none}}
/* A matching first impression for login and role selection. */
.auth{background:#08111c;min-height:100svh}
.auth .auth-story{overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 20%,#5f63bf4f,transparent 42%),radial-gradient(circle at 8% 90%,#1ba3a549,transparent 45%),linear-gradient(145deg,#0a1b30,#10172e 75%);border-right:1px solid #33516c}
.auth .auth-story:after{content:"";position:absolute;z-index:-1;width:380px;height:380px;border-radius:50%;border:1px solid #70e1eb42;right:-130px;bottom:-70px;box-shadow:0 0 0 40px #67b9da0c,0 0 0 100px #678ada0b;pointer-events:none}
.auth .auth-story h1{font-size:clamp(44px,5vw,76px);letter-spacing:-3px;font-weight:850;line-height:1.08}
.auth .auth-story h1 em{background:linear-gradient(90deg,#5cf1d4,#9bbaff);background-clip:text;-webkit-background-clip:text;color:transparent}
.auth .auth-story>.eyebrow{color:#8df2df;letter-spacing:2px;font-size:11px}
.auth .auth-story>p{font-size:15px;line-height:1.9;color:#9dbacc}
.auth .auth-box{position:relative;max-width:660px;width:100%;margin:0 auto}
.auth .auth-box>.tag{font-size:10px;border-radius:7px;padding:8px 10px;color:#8df5dd;background:#173f3e;border-color:#38796e}
.auth .auth-box>h2{font-size:clamp(28px,3vw,39px);font-weight:800;letter-spacing:-1.25px;margin:19px 0 7px;color:#f1faff}
.auth .auth-box label{color:#aec5d4;font-size:13px;font-weight:650}
.auth .auth-box input,.auth .auth-box select{border:1px solid #34556b;border-radius:11px;padding:13px;background:#102333;color:#effaff}
.auth .auth-box input:focus,.auth .auth-box select:focus{box-shadow:0 0 0 3px #4ce4d021;border-color:#4ce4d0}
.auth .auth-box button.primary{background:linear-gradient(110deg,#43dfc6,#79e9e2);border-color:#51e0ce;color:#082b2b;border-radius:10px;min-height:48px;font-weight:750}
.auth .auth-box form{padding:0;max-width:none}
.role-page{min-height:100svh;background:radial-gradient(circle at 70% 13%,#443a7e33,transparent 40%),#08121c}
.role-page>h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.2px}
.role-page .role-options{gap:22px}
.role-page .role-option{border:1px solid #345064;border-radius:19px;padding:33px;min-height:245px;background:linear-gradient(145deg,#122b38,#0c1927);box-shadow:0 16px 43px #0004}
.role-page .role-option>span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #387866;background:#153f41;border-radius:16px;font-size:35px;color:#88ffe0}
.role-page .role-option h2{margin:22px 0 7px;color:#edf9ff;font-size:25px}
.role-page .role-option p{font-size:13px;color:#9eb7c5;line-height:1.7}
.role-page .role-option:hover{border-color:#79e8d6;background:linear-gradient(140deg,#163e43,#0f2230)}
#content.sv-restyled .rich-toolbar{background:#162c37;border:1px solid #3c5a6b;border-radius:12px 12px 0 0;overflow:hidden}
#content.sv-restyled .rich-toolbar button{padding:7px 10px;min-height:36px;border-color:#3d5666;background:#10232e}
#content.sv-restyled .rich-edit-area{border:1px solid #39566a;background:#0c1e29;color:#f2f9fb;min-height:240px}
#content.sv-restyled .rich-editor-footer{border-radius:0 0 12px 12px;border:1px solid #3b5768;border-top:0;background:#162936}
@media(max-width:760px){.auth .auth-story{min-height:140px}.auth .auth-story h1{font-size:34px;letter-spacing:-1px}.auth .auth-box{padding:28px 24px}.role-page .role-option{min-height:0;padding:22px}}

/* v0.9.7.9: Promo code is directly below wallet balance card */
#content.sv-restyled .sv-wallet-hero{margin-bottom:14px}
#content.sv-restyled .sv-promo-redeem{margin:0 0 22px;padding:24px 30px;border-color:rgba(255,212,126,.26);background:linear-gradient(125deg,#142631,#101f2b)}
#content.sv-restyled .sv-promo-redeem h2{margin:0 0 8px}
#content.sv-restyled .sv-promo-redeem p{margin:0 0 15px}
#content.sv-restyled .sv-promo-redeem .inline-form{margin:0;align-items:end}
@media(max-width:640px){#content.sv-restyled .sv-promo-redeem{padding:20px 18px}}