/* Digital Arena: scoped to the entrance and Arena, preserving learning surfaces. */
:is(.arena-opening,#main-panel-portal){--game-bg:#090f22;--game-panel:#141f39;--game-line:#344966;--game-text:#edf5ff;--game-muted:#b8c8df;--game-cyan:#69e7f3;--game-gold:#ffda87;color:var(--game-text);font-family:'Trebuchet MS',Arial,sans-serif}
#main-panel-portal{background:radial-gradient(ellipse at 85% 0,#32225680,transparent 45%),radial-gradient(ellipse at 0 40%,#12485a45,transparent 55%),#090f22;min-height:85vh;color-scheme:dark}
.arena-opening{background:radial-gradient(ellipse at 75% 40%,#51309470,transparent 50%),radial-gradient(ellipse at 15% 20%,#147b8e38,transparent 50%),#090f22;padding-top:60px}
.arena-opening:before{inset:0;border:0;background-image:linear-gradient(#59c9f308 1px,transparent 1px),linear-gradient(90deg,#59c9f308 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent)}
.arena-opening:after{inset:auto -20% -100px;height:300px;background:repeating-linear-gradient(90deg,transparent 0 100px,#60dbee12 101px 102px),repeating-linear-gradient(0deg,transparent 0 40px,#60dbee12 41px 42px);transform:perspective(350px) rotateX(55deg)}
.arena-kicker{color:#83ebf6;font-size:11px;letter-spacing:2px}.arena-kicker>span{background:#76edf0;box-shadow:0 0 14px #67e9ef}
.arena-pretitle{font:700 15px/1.5 'Trebuchet MS',sans-serif;color:#b2c5e0;letter-spacing:1px;margin-top:30px}
.arena-intro h1{font:900 clamp(48px,6.5vw,88px)/.98 'Trebuchet MS',Arial,sans-serif;letter-spacing:-3px;color:#eef7ff;text-shadow:0 5px 30px #040b1c}.arena-intro h1 em{color:#79e7f2;letter-spacing:-2px;text-shadow:0 0 45px #2ec4da44}
.arena-rule{color:#b39bff}.arena-rule:before,.arena-rule:after{background:#8472c76b}.arena-tagline{color:#ffdf9c;font-weight:700}.arena-description{color:#c0cce1;font-size:15px}
.arena-enter{color:#071525;background:linear-gradient(105deg,#79eced,#69bafa);border:1px solid #b7f7ff;border-radius:12px;box-shadow:0 8px 30px #33cce42e;font-size:15px}.arena-enter:hover{box-shadow:0 12px 36px #33cce455}.arena-explore{color:#e0ddff;border-color:#9282be}.arena-preview-note,.arena-preview-note span{color:#b8c8de;font-size:11px;letter-spacing:.3px}
.arena-champion img{border-color:#ac90ef66;box-shadow:0 0 70px #9060fa42,0 0 120px #2fc8dc15}.arena-orbit{border-color:#65e4ee50}.orbit-two{border-color:#b19bfa40}.arena-art-label{background:#18253c;border-color:#5383a1;color:#c0ebf9;font-size:10px}.arena-spark{color:#9aebfc}.arena-rank-caption h2{font:800 30px 'Trebuchet MS',sans-serif;color:#ffda87}.arena-rank-caption p,.arena-rank-caption>span{color:#bdcde5;font-size:12px}
.arena-rank-selector{border-color:#354762}.arena-selector-label{color:#d3deee;font-size:10px}.arena-selector-label small{color:#abbfd7}.arena-rank-selector button{background:#16223d;border-color:#344765;color:#d1def0;border-radius:12px;font-weight:700}.arena-rank-selector button span{color:#95acc9}.arena-rank-selector button[aria-pressed=true]{background:linear-gradient(135deg,#294a60,#382858);border-color:#88e3e9;color:#ffdd98;box-shadow:0 0 20px #61c4e31c}.arena-rank-selector button[aria-pressed=true] span{color:#8ee8f4}.arena-rank-selector button:hover{background:#253757}
.portal{max-width:1440px;padding:38px clamp(18px,3vw,44px) 65px}.portal-top h1{font-weight:900;letter-spacing:-2px;color:#eef5ff}.portal-top h1 em{color:#77e8f2}.portal .eyebrow{color:#91e4f0}.portal p,.portal li,.portal label,.portal small,.portal-disclosure{color:#b8c8df}.portal h2,.portal h3,.portal b,.portal strong{color:#edf5ff}.portal a{color:#95e8ff}.portal .preview-chip,.portal .demo-chip{background:#1b2c43;border-color:#487389;color:#a6edf3}.portal-disclosure{max-width:none;font-size:12px;border-left:2px solid #6ba3bc;padding-left:14px}.portal-top{padding-bottom:6px}.portal .season-notice{color:#ffe4aa;background:#372e24;border-color:#75613c}
.arena-workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:26px;align-items:start}.arena-workspace>#p-page-panel{min-width:0;outline-offset:5px}.arena-workspace>.portal-tabs{position:sticky;top:18px;display:flex;flex-direction:column;overflow:visible;margin:0;padding:9px;gap:5px;background:#101b30;border:1px solid #2c3e5c;border-radius:18px}.arena-workspace>.portal-tabs:before{content:'PUSAT MISI';color:#92a6c2;font-size:10px;letter-spacing:2px;padding:16px 13px}.arena-workspace>.portal-tabs button{flex:auto;text-align:left;white-space:normal;padding:15px 12px;font-size:13px;min-height:48px;display:flex;gap:11px;align-items:center}.arena-nav-icon{font-size:18px;width:22px;text-align:center;color:#8ba1c3}.portal-tabs{background:#111e34;border-color:#34465f}.portal .portal-tabs button{color:#bdcce1}.portal .portal-tabs button:hover{background:#21344f;color:#fff}.portal .portal-tabs button[aria-selected=true],.portal .portal-tabs button[aria-pressed=true]{background:linear-gradient(105deg,#214b61,#393062);color:#b4f6fc;box-shadow:inset 3px 0 #73e8f2,0 3px 12px #0002}.portal .portal-tabs button[aria-selected=true] .arena-nav-icon{color:#8df6ff}.portal>.portal-tabs{max-width:650px;margin:16px 0 24px}.portal>.portal-tabs button{font-size:13px;padding:12px 15px}
.portal .portal-profile{grid-template-columns:190px minmax(0,1fr);background:radial-gradient(ellipse at 8% 30%,#4e38805c,transparent 60%),linear-gradient(130deg,#1b2946,#13253b);border:1px solid #50718f;border-radius:22px;padding:24px;gap:24px;position:relative;overflow:hidden;box-shadow:0 20px 50px #02071355}.portal .profile-copy h2{font-size:clamp(26px,3vw,37px);letter-spacing:-1px}.portal .profile-mini{grid-column:1/-1;border-left:0;border-top:1px solid #3b516c;padding:15px 0 0;display:flex;gap:16px;align-items:center}.portal .profile-mini>span,.portal .profile-mini small{color:#b5c7df}.portal .profile-mini strong{color:#ffdc89;font-size:28px}.portal .profile-mini small{margin-left:auto;font-size:11px}.portal .rank-pill{background:#342d4c;border-color:#8f7eba;color:#efdcff}.portal .rank-art{background-color:#17253c}.portal .profile-art{filter:drop-shadow(0 0 18px #a26afb40)}.portal .cp-detail{color:#b2c7df!important}
.portal .portal-card,.portal .avatar-card,.portal .portal-metrics article,.portal .challenge-groups details{background:#141f36;border-color:#354762;border-radius:18px;box-shadow:0 10px 28px #03081625}.portal .portal-card{padding:24px}.portal .portal-metrics{gap:12px}.portal .portal-metrics article{border-top:2px solid #55bed6;padding:20px}.portal .portal-metrics article:nth-child(2){border-top-color:#e7bd6d}.portal .portal-metrics article:nth-child(3){border-top-color:#b29bf7}.portal .portal-metrics b{color:#8feaf4;font-size:32px}.portal .portal-metrics article:nth-child(2) b{color:#ffdd92}.portal .portal-metrics article:nth-child(3) b{color:#c8b8ff}.portal .portal-metrics span,.portal .portal-metrics small{color:#b6c8df}.portal .portal-two{grid-template-columns:1fr 1fr}.portal .portal-heading{margin-top:0}.portal .portal-heading h2{font-size:clamp(25px,3vw,35px)}
.arena-mission-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px;margin:24px 0}.portal .arena-mission{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-width:0;min-height:180px;border:1px solid #4c6583;border-radius:17px;padding:20px;background:linear-gradient(140deg,#213857,#142239);color:#eaf5ff;cursor:pointer;transition:transform .18s,border-color .18s}.portal .arena-mission:hover{transform:translateY(-3px);border-color:#85dfed}.portal .arena-mission strong{font-size:19px;line-height:1.3}.portal .arena-mission small{font-size:12px;line-height:1.6;flex:1}.arena-mission-icon{color:#9ee9ff;font-size:25px}.portal .arena-mission-primary{background:linear-gradient(130deg,#214455,#373065);border-color:#79cbd5}.portal .arena-mission-primary .arena-mission-icon{color:#ffdb86}.arena-mission-arrow{align-self:flex-end;color:#9ee9ff;font-size:20px}
.portal .button{background:linear-gradient(105deg,#7beced,#72bcfa);border:1px solid #a5f0f9;color:#081729;font-weight:800;box-shadow:0 4px 20px #50ddec20}.portal .button:hover{background:#a3f3fa;color:#06182b}.portal .outline{background:#21314b;border-color:#566e91;color:#e4efff}.portal .outline:hover{background:#304565;border-color:#83b8da}.portal .textlink{color:#99e7f5}.portal button:focus-visible,.portal a:focus-visible,.portal input:focus-visible,.portal select:focus-visible{outline:3px solid #ffe095;outline-offset:4px}.portal button:disabled{opacity:.6}.portal :is(input,select){background:#0c172c;color:#edf5ff;border:1px solid #607798;border-radius:10px;padding:12px;min-height:46px;max-width:100%;font:inherit}.portal option{background:#122039;color:#edf5ff}.portal input[type=checkbox]{min-height:0;accent-color:#65dbe9}.portal progress{background:#31405a;accent-color:#77e4ed;height:10px}.portal progress::-webkit-progress-bar{background:#31405a}.portal progress::-webkit-progress-value{background:linear-gradient(90deg,#7874ed,#6ae9ef)}.portal progress::-moz-progress-bar{background:#79e4ec}
.portal .placement-card,.portal .cp-start{background:linear-gradient(120deg,#193a4c,#24243f);border-color:#587897}.portal .arena-banner{background:linear-gradient(110deg,#302b4d,#1b3850);border-color:#666796}.portal .battle-planned{background:repeating-linear-gradient(135deg,#101b2e,#101b2e 12px,#121f34 12px,#121f34 24px);border:1px dashed #54647e;box-shadow:none}.portal .battle-planned .eyebrow{color:#f3d28b}.portal .battle-planned h3:before{content:'◇ ';color:#ad9aca}.portal .cp-start small,.portal .avatar-locked,.portal .portal-card>small,.portal .challenge-list small,.portal .topic-code{color:#afc3df}.portal .challenge-groups summary{color:#e1eafa}.portal .challenge-list>div,.portal .mission-row{border-color:#3a4d68}.portal .challenge-groups summary span{color:#b1c5e1}.portal .avatar-card>.evolving-avatar{background:radial-gradient(ellipse at center,#49346f,#14213b 72%)}.portal .avatar-card h3{color:#e9e0ff}.portal .avatar-card-body{border-top-color:#617596}.portal .avatar-card-body label,.portal .cp-start label,.portal #season-answer label{color:#c5d6ea}.portal .portal-topic-grid a{color:#95e8ff}
.portal .portal-question{background:#131f36;border:1px solid #4e7192}.portal .portal-question .quiz-topline{color:#a2e8f4}.portal .portal-question .aq-instruction{color:#c9d9ee}.portal .arena-answer-choices button,.portal .portal-answers button{background:#22314d;border-color:#587494;color:#f1f6ff;min-height:66px;border-radius:13px;box-shadow:0 4px 0 #090f22;font-weight:700}.portal .arena-answer-choices button:hover{background:#304969;border-color:#85e7f1;transform:translateY(-1px)}.portal .portal-feedback{background:#30334d;border:1px solid #77749b}.portal .portal-feedback b{color:#e6ddff}.portal .portal-feedback.is-correct{background:#123c3d;border-color:#56baa8;box-shadow:0 0 25px #46bfa519}.portal .portal-feedback.is-correct b{color:#9af2d5}.portal .portal-feedback p{color:#d2e8e2}.portal .result-score{color:#9cebf5}.portal .result-score small{color:#becce4}.portal .celebration{color:#ffdc87}.portal .placement-domains span{background:#263653;color:#e1ebf9}.portal .arena-question-visual{color:#42354c}.portal .arena-question-visual :is(b,strong,small,p){color:#42354c}.portal .place-value{background:#172842;border-color:#506080}.portal .place-value>div+div{border-color:#506080}.portal .place-value b{color:#aecbfa}
.portal .lb-filters,.portal .lb-table-wrap{background:#131f36;border-color:#3c5372}.portal .lb-filters label{color:#c4d6ec}.portal .lb-banner{background:linear-gradient(115deg,#343054,#173c4d);border:1px solid #5a7792}.portal .lb-banner h3{color:#ffdf9d}.portal .lb-podium article:first-child{background:linear-gradient(150deg,#3b3327,#19283d);border-color:#ad9256}.portal .lb-place{color:#ffda87}.portal .lb-podium b{color:#92e8f2}.portal .lb-table caption,.portal .lb-table small{color:#b4c5df}.portal .lb-table th,.portal .lb-table td{color:#d3dff0;border-color:#344966}.portal .lb-table thead{background:#22324c;color:#c3d8f5}.portal .lb-member{color:#eef4ff}.portal .lb-bottom p,.portal .lb-bottom li{color:#bdcce1}.portal .privacy-card label{color:#cad9ee}
body:has(#main-panel-portal:not([hidden]))>header,body:has(#main-panel-utama:not([hidden]))>header{background:#101a2e;border-color:#34435e;color:#e0edff}body:has(#main-panel-portal:not([hidden]))>header .brand,body:has(#main-panel-utama:not([hidden]))>header .brand{color:#dbe8ff}body:has(#main-panel-portal:not([hidden]))>header .primary-tabs,body:has(#main-panel-utama:not([hidden]))>header .primary-tabs{background:#17253c;border-color:#354b68}body:has(#main-panel-portal:not([hidden]))>header .primary-tabs button,body:has(#main-panel-utama:not([hidden]))>header .primary-tabs button{color:#bfcfe5}body:has(#main-panel-portal:not([hidden]))>header .primary-tabs button[aria-selected=true],body:has(#main-panel-utama:not([hidden]))>header .primary-tabs button[aria-selected=true]{background:#324461;color:#a6f1fa}body:has(#main-panel-portal:not([hidden]))>header #progressBtn,body:has(#main-panel-utama:not([hidden]))>header #progressBtn{background:#22324c;color:#d9edff;border-color:#546f8f}
@media(max-width:1100px){.arena-workspace{grid-template-columns:175px minmax(0,1fr);gap:18px}.portal .portal-profile{grid-template-columns:150px minmax(0,1fr);padding:20px;gap:17px}.arena-mission-grid{grid-template-columns:1fr}.portal .arena-mission{min-height:110px;display:grid;grid-template-columns:34px 1fr 20px;gap:8px 13px;align-items:center}.arena-mission-icon{grid-row:1/3}.portal .arena-mission small{grid-column:2}.arena-mission-arrow{grid-column:3;grid-row:1/3;align-self:center}.portal .portal-two{grid-template-columns:1fr}.portal .profile-art .evolving-avatar{min-width:0}}
@media(max-width:760px){.arena-workspace{display:block}.arena-workspace>.portal-tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:thin;margin:0 0 22px;padding:6px;gap:5px}.arena-workspace>.portal-tabs:before{display:none}.arena-workspace>.portal-tabs button{white-space:nowrap;flex:0 0 auto;padding:12px 14px;min-height:48px}.arena-nav-icon{font-size:17px;width:auto}.portal>.portal-tabs{overflow-x:auto}.portal>.portal-tabs button{flex:1 0 auto;padding:11px 14px}.portal{padding-top:25px}.portal .portal-profile{grid-template-columns:140px minmax(0,1fr)}.portal .portal-metrics b{font-size:26px}.portal .portal-metrics article{padding:17px 11px}.portal .portal-metrics span{font-size:11px}.arena-intro h1{font-size:clamp(49px,12vw,75px)}.arena-description{font-size:14px}.arena-kicker{font-size:10px}.arena-opening{padding-top:32px}.portal .portal-card{padding:20px}}
@media(max-width:520px){.portal .portal-profile{grid-template-columns:1fr;text-align:center}.portal .profile-art{width:185px;margin:auto}.portal .profile-copy h2{font-size:28px}.portal .profile-mini{display:none}.portal .portal-profile .profile-actions{display:grid;grid-template-columns:1fr;width:100%}.portal .portal-metrics{gap:7px}.portal .portal-metrics b{font-size:23px}.portal .portal-metrics span{font-size:10px}.portal .portal-top h1{font-size:39px}.portal .avatar-grid{gap:10px}.portal .avatar-card-body{padding:12px}.portal .portal-question{padding:18px}.portal .arena-answer-choices{grid-template-columns:1fr}.arena-preview-note{font-size:10px}.portal .arena-mission{padding:17px}.portal .arena-mission strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.arena-opening *,.portal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portal .arena-mission:hover,.portal .arena-answer-choices button:hover{transform:none}}
/* Arena-only dialogs keep the same colour system. */
#modal:has(.portal-profile-form,.cp-table){background:#152139;color:#eef5ff;border:1px solid #66809e;box-shadow:0 30px 100px #020610aa;color-scheme:dark}#modal:has(.portal-profile-form,.cp-table) :is(h2,h3,label){color:#e6f0ff}#modal:has(.portal-profile-form,.cp-table) p{color:#c0d0e5}#modal:has(.portal-profile-form,.cp-table) .close{background:#2a3d5c;color:#eff8ff;border:1px solid #69829f}#modal:has(.portal-profile-form,.cp-table) :is(input,select){background:#0e1b30;color:#f1f5ff;border-color:#6b80a3}#modal:has(.portal-profile-form,.cp-table) .button{background:#85e5ee;color:#0b192b;border-color:#c1fbff}#modal:has(.cp-table) :is(th,td){border-color:#435978;color:#dfeaff}

.family-account-link{font-size:12px;font-weight:700;white-space:nowrap;color:#654d7b;text-decoration:none;border:1px solid #9b8da8;border-radius:8px;padding:11px 13px}body:has(#main-panel-portal:not([hidden])) .family-account-link,body:has(#main-panel-utama:not([hidden])) .family-account-link{color:#b9edf7;border-color:#637b9b;background:#20314a}@media(max-width:1100px){header .family-account-link{margin-left:auto}header #progressBtn{margin-left:0}}