/* Jejak MY AREA — paparan jelas dalam tema cerah dan malam. */
.arena-cards .arena-maze-card{position:relative;border-color:#c9ad74!important;background:linear-gradient(150deg,#fffaf0,#fff 65%)!important}
.arena-cards .arena-maze-card .maze-card-icon{display:grid;place-items:center;position:relative;width:58px;height:58px;margin-bottom:12px;border:2px solid #8a603a;border-radius:16px;background:repeating-linear-gradient(90deg,#faf1dc 0 9px,#eedbb3 9px 12px);color:#124b3b;font-size:48px;font-weight:900;line-height:1}
.maze-card-icon i{position:absolute;right:-9px;top:-9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c68e30;color:#172f28;font-size:17px;font-style:normal}
.arena-cards .arena-maze-card p{min-height:66px}
.maze-page{--maze-ink:#1b332b;--maze-muted:#52695e;--maze-paper:#f8f1e4;--maze-wall:#67492f;--maze-line:#d9c9a8;--maze-card:#fff;--maze-route:#e4f0df;--maze-border:#d8e4d9;--maze-gold:#a26b16;color:var(--maze-ink);padding:4px 0 38px}
.maze-head{display:flex;align-items:flex-start;gap:20px;padding:24px 28px;margin-bottom:19px;border-radius:22px;background:linear-gradient(120deg,#103d32,#1b5b45);color:#fff;box-shadow:0 16px 38px #10372e2d}
.maze-head>div{flex:1;min-width:0}.maze-head small,.maze-kicker{color:#f5d98e;font-size:11px;font-weight:850;letter-spacing:.12em}.maze-head h1{margin:3px 0 6px;color:#fff;font-size:clamp(26px,3vw,38px)}.maze-head p{margin:0;color:#e9f7ee;font-size:13px;line-height:1.5}
/* The site-wide accessibility rules target every main p/small with higher specificity. */
html[data-theme="cahaya"] main .maze-head p,html[data-theme="malam"] main .maze-head p{color:#e9f7ee!important}
html[data-theme="cahaya"] main .maze-head small,html[data-theme="malam"] main .maze-head small{color:#f5d98e!important}
.maze-back,.maze-level-choice{flex:none;border:1px solid #bad4c486;border-radius:12px;background:#ffffff18;color:#fff;font-size:13px;font-weight:800}.maze-back{padding:10px 13px}.maze-level-choice{padding:9px 12px}.maze-level-choice b{font-size:22px}.maze-level-choice span{color:#dbece4;font-size:11px}
.maze-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:18px}
.maze-board-card,.maze-side{border:1px solid var(--maze-border);border-radius:22px;background:var(--maze-card);box-shadow:0 14px 36px #153b2c16}
.maze-board-card{min-width:0;padding:clamp(12px,2vw,24px)}.maze-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,630px);margin:0 auto 13px}.maze-symbols{display:flex;gap:7px}.maze-symbols span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #b69a68;border-radius:11px;background:#f2ead8;color:#71552d;font-size:19px;opacity:.5}.maze-symbols span.found{background:#e5b95f;color:#173529;opacity:1;box-shadow:0 4px 10px #b38a4260}.maze-moves{color:var(--maze-muted);font-size:12px;font-weight:700}.maze-moves b{margin-left:4px;color:var(--maze-ink);font-size:18px}
.maze-board{display:grid;grid-template-columns:repeat(var(--maze-size),minmax(0,1fr));width:min(100%,630px);margin-inline:auto;border-radius:8px;overflow:hidden;background:var(--maze-paper);touch-action:none;user-select:none;-webkit-user-select:none}
.maze-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;margin:0;padding:0;border-style:solid;border-color:var(--maze-wall);border-radius:0;background:var(--maze-paper);color:var(--maze-ink);touch-action:none;user-select:none;-webkit-user-select:none}
.maze-cell.traced{background:var(--maze-route)}.maze-cell span{display:grid;place-items:center;width:75%;height:75%;font-size:clamp(15px,2.6vw,29px);line-height:1;pointer-events:none}
.maze-cell.current span{width:55%;height:55%;border-radius:50%;background:#116149;color:#fff;font-size:13px;box-shadow:0 0 0 3px #d0e9d5,0 3px 9px #244b3c70}.maze-cell.token span{color:#9a6413;text-shadow:0 1px #fff;font-size:clamp(24px,3vw,36px)}.maze-cell.gate span{color:#6c451f;font-size:clamp(19px,2.6vw,30px)}.maze-cell.goal span{font-size:clamp(19px,2.6vw,30px)}.maze-cell.hint{background:#f5d273!important;box-shadow:inset 0 0 0 3px #0d5b43}.maze-cell:focus-visible{z-index:2;outline:3px solid #1aa971;outline-offset:-4px}.maze-board-caption{max-width:630px;margin:12px auto 0;color:var(--maze-muted);font-size:12px;text-align:center}
.maze-side{display:flex;flex-direction:column;gap:14px;padding:24px}.maze-side h2{font-size:25px;line-height:1.15}.maze-side p{margin:0;color:var(--maze-muted);font-size:13px}.maze-side strong{color:var(--maze-ink)}.maze-progress{display:flex;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--maze-border);border-radius:12px;background:var(--maze-paper);font-size:12px}.maze-progress b{color:var(--maze-ink)}.maze-hint-button,.maze-restart{width:100%;padding:12px 14px;border:1px solid #b99860;border-radius:12px;background:#f1d48d;color:#19382e;font-size:13px;font-weight:850}.maze-restart{border-color:var(--maze-border);background:var(--maze-card);color:var(--maze-ink)}.maze-side>small{color:var(--maze-muted);font-size:11px;line-height:1.5}.maze-hint-button:disabled{opacity:.56}
.maze-success{display:flex;align-items:center;gap:18px;margin-top:18px;padding:20px 24px;border:1px solid #bba05e;border-radius:18px;background:#fff7df;color:#1b382d}.maze-success>span{color:#a16615;font-size:23px;white-space:nowrap}.maze-success>div{flex:1}.maze-success small{font-size:10px;font-weight:900;letter-spacing:.1em}.maze-success h2{font-size:21px}.maze-success p{margin:4px 0 0;font-size:12px}.maze-success button{padding:11px 16px;border:0;border-radius:11px;background:#145641;color:#fff;font-weight:850}
.maze-level-intro{margin:0 0 15px;color:#37574b;font-size:13px}.maze-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-width:500px}.maze-level-tile{position:relative;min-height:56px;border:1px solid #bfd1c2;border-radius:12px;background:#f8f6ef;color:#1c4939;font-weight:850}.maze-level-tile.done{background:#e3efd8;border-color:#7cad79}.maze-level-tile small{position:absolute;right:6px;top:4px;color:#326c47}.maze-level-tile:disabled{opacity:.45}
html[data-theme="malam"] .arena-cards .arena-maze-card{border-color:#a88950!important;background:linear-gradient(150deg,#16382d,#10221c 70%)!important;color:#f6fbf7!important}
html[data-theme="malam"] .arena-cards .arena-maze-card .maze-card-icon{background:repeating-linear-gradient(90deg,#254c3b 0 9px,#3f6145 9px 12px);border-color:#e3c582;color:#fff3c7}
html[data-theme="malam"] .maze-page{--maze-ink:#f4f7ed;--maze-muted:#cbd8ca;--maze-paper:#183c31;--maze-wall:#d2b97b;--maze-line:#728a75;--maze-card:#10291f;--maze-route:#285646;--maze-border:#55725f;--maze-gold:#f2d184}
html[data-theme="malam"] .maze-board-card,html[data-theme="malam"] .maze-side{background:var(--maze-card);border-color:var(--maze-border)}
html[data-theme="malam"] .maze-symbols span{background:#284b3d;border-color:#aa9765;color:#f2d993}html[data-theme="malam"] .maze-symbols span.found{background:#f1cd74;color:#172f25}
html[data-theme="malam"] .maze-cell.current span{background:#f0c96e;color:#173227;box-shadow:0 0 0 3px #325c47,0 3px 8px #0008}html[data-theme="malam"] .maze-cell.token span{color:#f4ce71;text-shadow:none}html[data-theme="malam"] .maze-cell.gate span{color:#f5d38b}
html[data-theme="malam"] .maze-hint-button{background:#e2bd70;color:#173126}html[data-theme="malam"] .maze-restart{background:#193b2e;color:#f5f8f0}
html[data-theme="malam"] .maze-success{border-color:#b49760;background:#193a2e;color:#f4f7ed}html[data-theme="malam"] .maze-success>span{color:#f0ce79}html[data-theme="malam"] .maze-success button{background:#f0ce79;color:#173126}
html[data-theme="malam"] .maze-level-intro{color:#d9e7dd}html[data-theme="malam"] .maze-level-tile{background:#244538;border-color:#587965;color:#f6f9ef}html[data-theme="malam"] .maze-level-tile.done{background:#3f6144;border-color:#d1bb76}html[data-theme="malam"] .maze-level-tile small{color:#ffe394}
@media(max-width:850px){.maze-layout{grid-template-columns:1fr}.maze-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.maze-side .maze-kicker,.maze-side h2,.maze-side p,.maze-side>small{grid-column:1/-1}.maze-side h2{font-size:21px}.maze-progress{grid-column:1/-1}}
@media(max-width:620px){.maze-page{padding-bottom:85px}.maze-head{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:15px;border-radius:16px}.maze-back{grid-column:1;padding:8px 10px}.maze-head>div{grid-column:1/-1;grid-row:2}.maze-level-choice{grid-column:2;grid-row:1;justify-self:end}.maze-head h1{font-size:29px}.maze-board-card{padding:10px;border-radius:16px}.maze-cell span{font-size:clamp(14px,5vw,24px)}.maze-cell.token span{font-size:clamp(20px,6.5vw,30px)}.maze-cell.gate span,.maze-cell.goal span{font-size:clamp(18px,5.5vw,26px)}.maze-side{padding:15px;border-radius:16px}.maze-success{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:15px}.maze-success>span{font-size:15px}.maze-success button{grid-column:1/-1;width:100%}.maze-board-caption{font-size:11px}}