/* Retro trial: Journey and pairs only. Keep KOA's pink/lavender palette. */
:root body.koa-v2:has(#match.active){background:#faf4fc!important}
:root body.koa-v2:has(#home.active),:root body.koa-v2:has(#home.active) .app,:root body.koa-v2 #home.active{background:var(--journey-bg)!important}
:root body.koa-v2 #home.active .koa-journey-v2,:root body.koa-v2 #home.active .koa-map-scroll-v2,:root body.koa-v2 #home.active .koa-map-canvas-v2{background:var(--journey-bg)!important}
:root body.koa-v2 #home.active .koa-chapter-banner{background:#e8dcfa!important;border:2px solid #3d3054!important;border-radius:18px!important;box-shadow:0 5px 0 #3d3054!important;color:#3d3054!important}
:root body.koa-v2 #home.active .koa-chapter-banner b,:root body.koa-v2 #home.active .koa-chapter-banner small,:root body.koa-v2 #home.active .koa-chapter-banner span{color:#3d3054!important}
:root body.koa-v2 #home.active #koaQuickLesson{background:#f9c9dd!important;border:2px solid #3d3054!important;border-radius:12px!important;box-shadow:0 3px 0 #3d3054!important;color:#3d3054!important}
:root body.koa-v2 #home.active .stage-check{background:#f9c9dd!important;color:#3d3054!important;border:1px solid #3d3054!important}
:root body.koa-v2 #match.active .match-card{background:#faf4fc!important;box-shadow:none!important}
:root body.koa-v2 #match.active #matchGrid .match-tile{border:2px solid #3d3054!important;border-radius:16px!important;background:#fff8fc!important;box-shadow:0 5px 0 #3d3054!important;color:#3d3054!important}

:root body.koa-v2 #match.active #matchGrid .match-tile strong,:root body.koa-v2 #match.active #matchGrid .match-tile small{color:inherit!important}
:root body.koa-v2 #match.active #matchGrid .match-tile.selected{background:#f1edff!important;border-color:#9b8ddd!important;box-shadow:0 2px 0 #9b8ddd!important;color:#554493!important}
:root body.koa-v2 #match.active #matchGrid .match-tile.matched{background:#dcefe3!important;border-color:#668775!important;box-shadow:0 2px 0 #668775!important;opacity:.45!important}
:root body.koa-v2 #match.active #matchGrid .match-tile.wrong{background:#ffd5db!important;border-color:#bc536e!important;box-shadow:0 3px 0 #bc536e!important}
:root body.koa-v2 #match.active .match-progress{border:2px solid #3d3054!important;background:#eee5f5!important;box-shadow:0 2px 0 #3d3054!important}
:root body.koa-v2 #match.active #matchBar{background:#c39ae6!important}
:root body.koa-v2 #match.active #matchGrid .match-tile:focus-visible,:root body.koa-v2 #home.active .koa-stage-node:focus-visible{outline:3px solid #ad6abb!important;outline-offset:5px!important}


/* Full visual preview. Layout, fonts and animation transforms remain unchanged. */
:root body.koa-v2{--retro-ink:#3d3054;--retro-paper:#fff8fc;background:#faf4fc!important}
:root body.koa-v2 .app>header.top{background:#fff8fc!important;border:2px solid #3d3054!important;border-radius:0 0 22px 22px!important;box-shadow:0 3px 0 #3d3054!important;backdrop-filter:none!important}
:root body.koa-v2 nav.koa-mobile-bottom-nav{background:#fff8fc!important;border:2px solid #3d3054!important;border-radius:22px 22px 0 0!important;box-shadow:0 -3px 0 #3d3054!important;backdrop-filter:none!important}
:root body.koa-v2 :is(.koa-learn-card,.koa-feature-card,.hard-card,.koa-skin-card,.quick-lesson-card,.progress-hero,.progress-chapters article){background:#fff8fc!important;border:2px solid #3d3054!important;box-shadow:0 5px 0 #3d3054!important;border-radius:18px!important}
:root body.koa-v2 :is(.btn,.sb-validate,#koaRewardNext,#koaExerciseContinue,#koaStreakContinue,.arena-main-btn){border:2px solid #3d3054!important;box-shadow:0 4px 0 #3d3054!important;border-radius:14px!important}
:root body.koa-v2 :is(.btn.primary,.btn.blue,.btn.yellow,.sb-validate,#koaRewardNext,#koaExerciseContinue,#koaStreakContinue){background:#bda1e2!important;color:#302344!important}
:root body.koa-v2 :is(.btn.ghost,.home.btn){background:#fff8fc!important;color:#3d3054!important}
:root body.koa-v2 button:disabled:not(.match-tile):not(.koa-stage-node){box-shadow:none!important}
:root body.koa-v2 #study.active #flashcard.card:not(.swipe-feedback),:root body.koa-v2 #study.active #flashcardUnder.flashcard-under{background:#fff8fc!important;border:2px solid #3d3054!important;box-shadow:0 6px 0 #3d3054!important}
:root body.koa-v2 #study.active #flashcard.card.swipe-feedback{background:#fff8fc!important;border:2px solid var(--retro-swipe-color,#3d3054)!important;border-radius:16px!important;box-shadow:0 6px 0 var(--retro-swipe-color,#3d3054)!important;outline:none!important}
:root body.koa-v2 #study.active #flashcard.card.swipe-review{--retro-swipe-color:#ef6789}
:root body.koa-v2 #study.active #flashcard.card.swipe-correct{--retro-swipe-color:#66c797}
:root body.koa-v2 #study.active #flashcard.card.swipe-difficult{--retro-swipe-color:#f4bf24}
:root body.koa-v2 #study.active #flashcard .studyactions{background:transparent!important}
:root body.koa-v2 #quiz.active #quizPrompt,:root body.koa-v2 #sentenceBuilder.active .sb-prompt-card{background:#e8dcfa!important;border:2px solid #3d3054!important;box-shadow:0 5px 0 #3d3054!important}
:root body.koa-v2 #quiz.active #choices .choice,:root body.koa-v2 #sentenceBuilder.active :is(.sb-zone,.sb-token),:root body.koa-v2 #dialogueFill.active :is(.dialogue-roman,.dialogue-choice){background:#fff8fc!important;border:2px solid #3d3054!important;box-shadow:0 4px 0 #3d3054!important}
:root body.koa-v2 #quiz.active #choices .choice.good,:root body.koa-v2 #sentenceBuilder.active .sb-correct-token{background:#dcefe3!important;border-color:#668775!important;box-shadow:0 3px 0 #668775!important}
:root body.koa-v2 #quiz.active #choices .choice.bad,:root body.koa-v2 #sentenceBuilder.active .sb-incorrect-token{background:#ffd5db!important;border-color:#bc536e!important;box-shadow:0 3px 0 #bc536e!important}
:root body.koa-v2 #dialogueFill.active .dialogue-choice.selected:not(.good):not(.bad){background:#e1efff!important;border-color:#6685c1!important;color:#293c64!important;pointer-events:auto!important}
:root body.koa-v2 #dialogueFill.active .dialogue-choice.correct{background:#dcefe3!important}
:root body.koa-v2 #dialogueFill.active .dialogue-choice.wrong{background:#ffd5db!important}
:root body.koa-v2 :is(#koaExerciseTransition,#koaActivityReward){background:#faf4fc!important;border-color:#3d3054!important}
:root body.koa-v2 :is(.koa-reward-row,.arena-rewards){background:#e8dcfa!important;border:2px solid #3d3054!important;box-shadow:0 4px 0 #3d3054!important;border-radius:16px!important}
:root body.koa-v2 :is(.arena-panel,.arena-card){border-color:#3d3054!important;background:#fff8fc!important}
:root body.koa-v2 :is(input,select){border-color:#88729f!important;background:#fff8fc!important;color:#3d3054!important}

:root body.koa-v2 #arenaOverlay .arena-shell,:root body.koa-v2 .koa-presence-panel,:root body.koa-v2 .koa-login-card,:root body.koa-v2 .koa-leaderboard-panel{background:#fff8fc!important;border:2px solid #3d3054!important;border-radius:22px!important;box-shadow:0 6px 0 #3d3054,0 20px 50px #3d305430!important}
:root body.koa-v2 .koa-presence-panel header{background:#fff8fc!important}
:root body.koa-v2 .koa-login{background:#faf4fc!important}
:root body.koa-v2 .koa-login button{background:#bda1e2!important;border:2px solid #3d3054!important;box-shadow:0 4px 0 #3d3054!important;color:#302344!important}


/* Shared game controls, matching the pairs header. */
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border:2px solid #3d3054!important;border-radius:14px!important;background:transparent!important;box-shadow:0 4px 0 #3d3054!important;color:#6f6195!important;font-family:Arial,sans-serif!important;font-size:32px!important;font-weight:500!important;line-height:32px!important}
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-progress{height:10px!important;min-height:10px!important;padding:0!important;margin:0!important;min-width:0!important;border:2px solid #3d3054!important;border-radius:999px!important;background:#eee5f5!important;box-shadow:0 2px 0 #3d3054!important;overflow:hidden!important}
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-progress>i{height:100%!important;display:block!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:100%!important;background:#c39ae6!important;box-shadow:none!important}


/* Match the pairs top inset on desktop; mobile already shares its inset. */
@media(min-width:701px){:root body.koa-v2 #quiz.active{padding-top:8px!important}}

/* Login window inspired by the supplied retro reference. */
:root body .koa-login{background:#faf4fc!important;overflow-y:auto;align-items:safe center;padding:28px 20px!important}
:root body .koa-login .koa-login-card{position:relative;box-sizing:border-box;width:min(390px,100%);padding:72px 26px 24px!important;border:3px solid #3d3054!important;border-radius:23px!important;background:#e8dcfa!important;box-shadow:0 7px 0 #3d3054!important;overflow:hidden}
:root body .koa-login .koa-login-card::before{content:'KOA';position:absolute;top:0;left:0;right:0;height:44px;box-sizing:border-box;padding:10px 18px;border-bottom:3px solid #3d3054;background:radial-gradient(circle at 20px 21px,#fff8fc 4px,#3d3054 4px,#3d3054 6px,transparent 6px),radial-gradient(circle at 40px 21px,#c8afea 4px,#3d3054 4px,#3d3054 6px,transparent 6px),radial-gradient(circle at 60px 21px,#fff8fc 4px,#3d3054 4px,#3d3054 6px,transparent 6px),#f5a8cb;color:#3d3054;font-size:14px;font-weight:900;letter-spacing:2px;text-align:right;pointer-events:none}
:root body .koa-login .koa-login-face{border:2px solid #3d3054;border-radius:20px;background:#fff8fc}
:root body .koa-login h1{color:#3d3054!important}
:root body .koa-login p{color:#665475!important;line-height:1.45}
:root body .koa-login label{color:#3d3054!important}
:root body .koa-login input:not([type='checkbox']){border:2px solid #3d3054!important;border-radius:16px!important;background:#fff8fc!important;color:#3d3054!important;min-height:52px!important;box-shadow:inset 0 2px 0 #3d305410!important}
:root body .koa-login input:focus-visible{outline:3px solid #a478cd!important;outline-offset:3px!important}
:root body .koa-login input[type='checkbox']{accent-color:#8660ba}
:root body .koa-login .koa-login-card>button{display:block;width:100%;min-height:52px;margin:22px 0 14px!important;border:3px solid #3d3054!important;border-radius:22px!important;background:#c8afea!important;color:#302344!important;box-shadow:0 5px 0 #f5a8cb,0 8px 0 #3d3054!important;font-size:18px!important;font-weight:900!important;cursor:pointer;transition:transform .12s,box-shadow .12s}
:root body .koa-login .koa-login-card>button:active{transform:translateY(4px);box-shadow:0 1px 0 #f5a8cb,0 4px 0 #3d3054!important}
:root body .koa-login .koa-login-card>button:focus-visible{outline:3px solid #8660ba;outline-offset:7px}
:root body .koa-login .koa-login-card>button:disabled{opacity:.6;cursor:wait}
@media(max-height:650px){:root body .koa-login{align-items:start}:root body .koa-login .koa-login-card{padding-top:58px!important}:root body .koa-login .koa-login-face{width:56px;height:56px}}

/* Minimal login composition from the updated reference. */
:root body .koa-login .koa-login-minimal{padding:84px 32px 30px!important;background:#fff8fc!important;border-radius:18px!important;box-shadow:0 5px 0 #3d3054!important}
:root body .koa-login .koa-login-minimal::before{content:'×';background:#c8afea!important;height:48px;padding:0 18px;font:36px/44px Arial,sans-serif;letter-spacing:0}
:root body .koa-login-minimal :is(.koa-login-face,h1,p,label:not(.koa-remember)){display:none!important}
:root body .koa-login .koa-login-minimal input:not([type='checkbox']){display:block;width:100%;margin:0 0 26px!important;background:#f6d9e8!important;border-radius:12px!important;font-size:18px!important}
:root body .koa-login-minimal input::placeholder{color:#705779;opacity:1}
:root body .koa-login .koa-login-minimal>button{width:56%;margin:6px auto 8px!important;border-radius:14px!important;box-shadow:0 4px 0 #3d3054!important}
:root body .koa-login-minimal .koa-login-error:empty{display:none}

/* Remember-session control, matching the pink and lavender login. */
:root body .koa-login .koa-login-minimal .koa-remember{display:flex!important;align-items:center;justify-content:flex-start;gap:11px;min-height:44px;margin:-12px 0 14px!important;padding:4px 0;color:#705779!important;font:inherit;font-size:14px!important;font-weight:800!important;line-height:1.3;cursor:pointer;user-select:none}
:root body .koa-login .koa-remember input[type='checkbox']{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0;padding:0;border:2px solid #3d3054!important;border-radius:6px!important;background:#f6d9e8!important;box-shadow:0 3px 0 #3d3054!important;display:grid;place-content:center;cursor:pointer}
:root body .koa-login .koa-remember input[type='checkbox']::before{content:'';width:10px;height:6px;border-left:3px solid #3d3054;border-bottom:3px solid #3d3054;transform:translateY(-1px) rotate(-45deg);visibility:hidden}
:root body .koa-login .koa-remember input[type='checkbox']:checked{background:#c8afea!important}
:root body .koa-login .koa-remember input[type='checkbox']:checked::before{visibility:visible}
:root body .koa-login .koa-remember input[type='checkbox']:checked+span{color:#3d3054}
:root body .koa-login .koa-remember input[type='checkbox']:focus-visible{outline:3px solid #a478cd!important;outline-offset:5px!important}
@media(forced-colors:active){:root body .koa-login .koa-remember input[type='checkbox']{appearance:auto;-webkit-appearance:auto}:root body .koa-login .koa-remember input[type='checkbox']::before{display:none}}
/* Unframed retro exit glyph; retain the existing touch target. */
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-close,
:root body.koa-v2 #arenaOverlay #arenaClose{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#3d3054!important;font-family:'Arial Black',Arial,sans-serif!important;font-size:36px!important;font-weight:900!important;line-height:1!important;text-shadow:1px 1px 0 #c8afea!important;min-width:42px!important;min-height:42px!important;padding:0!important;cursor:pointer}

/* Journey node: one artwork layer, one halo layer. Geometry lives here. */
:root body.koa-v2 #home.active .koa-stage-node{--koa-node-size:65px;--koa-node-art:url("data:image/svg+xml,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20322%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22322%22%20rx%3D%22150%22%20ry%3D%22150%22%20fill%3D%22%233d3054%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22150%22%20r%3D%22140%22%20fill%3D%22%23c8afea%22%2F%3E%3Cpath%20d%3D%22M43%20103%20A119%20119%200%200%201%20119%2036%22%20fill%3D%22none%22%20stroke%3D%22%23e8dcfa%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");box-sizing:border-box;width:var(--koa-node-size);height:calc(var(--koa-node-size)*322/300);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none!important;overflow:visible;color:#3d3054;animation:none}
:root body.koa-v2 #home.active .koa-stage-node::after{content:'';position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;transform:none;background:var(--koa-node-art) center/100% 100% no-repeat;z-index:0;pointer-events:none}
:root body.koa-v2 #home.active .koa-stage-node.current{--koa-node-art:url("data:image/svg+xml,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20322%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22322%22%20rx%3D%22150%22%20ry%3D%22150%22%20fill%3D%22%233d3054%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22150%22%20r%3D%22140%22%20fill%3D%22%23f5a8cb%22%2F%3E%3Cpath%20d%3D%22M43%20103%20A119%20119%200%200%201%20119%2036%22%20fill%3D%22none%22%20stroke%3D%22%23ffd8e9%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
:root body.koa-v2 #home.active .koa-stage-node.done{--koa-node-art:url("data:image/svg+xml,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20322%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22322%22%20rx%3D%22150%22%20ry%3D%22150%22%20fill%3D%22%233d3054%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22150%22%20r%3D%22140%22%20fill%3D%22%23bda1e2%22%2F%3E%3Cpath%20d%3D%22M43%20103%20A119%20119%200%200%201%20119%2036%22%20fill%3D%22none%22%20stroke%3D%22%23e8dcfa%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
:root body.koa-v2 #home.active .koa-stage-node.locked{--koa-node-art:url("data:image/svg+xml,%3Csvg%20shape-rendering%3D%22geometricPrecision%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20322%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22300%22%20height%3D%22322%22%20rx%3D%22150%22%20ry%3D%22150%22%20fill%3D%22%23a899b8%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22150%22%20r%3D%22140%22%20fill%3D%22%23eee5f5%22%2F%3E%3Cpath%20d%3D%22M43%20103%20A119%20119%200%200%201%20119%2036%22%20fill%3D%22none%22%20stroke%3D%22%23fff8fc%22%20stroke-width%3D%228%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");color:#9b8caa;opacity:1}
:root body.koa-v2 #home.active .koa-stage-node .stage-symbol,:root body.koa-v2 #home.active .koa-stage-node .stage-check{position:relative;z-index:1}
:root body.koa-v2 #home.active .koa-stage-node .stage-check{position:absolute}
@media(max-width:700px){:root body.koa-v2 #home.active .koa-stage-node{--koa-node-size:63px}}
:root body.koa-v2 #home.active .koa-stage-node.milestone{--koa-node-size:72px}
:root body.koa-v2 #home.active .koa-stage-node.current::before{content:'';position:absolute;display:block;box-sizing:border-box;z-index:-1;inset:calc(var(--koa-node-size)*-25/300);width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20350%20372%22%3E%3Cdefs%3E%3Cmask%20id%3D%22hole%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22350%22%20height%3D%22372%22%3E%3Crect%20width%3D%22350%22%20height%3D%22372%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2225%22%20width%3D%22300%22%20height%3D%22322%22%20rx%3D%22150%22%20fill%3D%22black%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%22350%22%20height%3D%22372%22%20rx%3D%22175%22%20fill%3D%22%23e7689e%22%20mask%3D%22url(%23hole)%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;animation:koaContactHaloPulse 2.1s cubic-bezier(.45,0,.55,1) infinite}



/* Continuous Journey background, with opaque navigation surfaces. */
:root body.koa-v2:has(#home.active) .app>header.top,:root body.koa-v2:has(#home.active) nav.koa-mobile-bottom-nav{background:var(--journey-bg)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}

/* Journey speech bubble: retain the existing anchor and launch behavior. */
:root body.koa-v2 #home #koaStagePreview{padding:18px 16px 20px;border:3px solid #3d3054;border-radius:24px;background:#fff8fc;color:#3d3054;box-shadow:0 6px 0 #c8afea;text-align:left}
:root body.koa-v2 #home #koaStagePreview::before{top:-11px;width:18px;height:18px;background:#fff8fc;border-top:3px solid #3d3054;border-left:3px solid #3d3054;border-radius:3px 0 0 0;pointer-events:none}
:root body.koa-v2 #home #koaStagePreview p{font-size:14px;line-height:1.5;font-weight:700;margin:0 0 16px}
:root body.koa-v2 #home #koaStagePreview button{min-height:48px;background:#f5a8cb;color:#3d3054;border:2px solid #3d3054;border-radius:14px;box-shadow:0 4px 0 #3d3054;font-weight:900;cursor:pointer}
:root body.koa-v2 #home #koaStagePreview button:active{transform:translateY(2px);box-shadow:0 2px 0 #3d3054}
:root body.koa-v2 #home #koaStagePreview button:focus-visible{outline:3px solid #a478cd;outline-offset:5px}



@property --koa-fill{syntax:'<percentage>';inherits:false;initial-value:0%}
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-progress{background:linear-gradient(to right,#c39ae6 0%,#c39ae6 var(--koa-fill,0%),#eee5f5 var(--koa-fill,0%),#eee5f5 100%)!important;background-origin:padding-box!important;transition:--koa-fill .3s ease!important}
:root body.koa-v2 :is(#study,#match,#quiz,#sentenceBuilder,#dialogueFill,#lesson).active .koa-game-head .koa-game-progress>i{visibility:hidden!important}
@media(prefers-reduced-motion:reduce){:root body.koa-v2 .koa-game-head .koa-game-progress{transition:none!important}}

/* Review hub and store use their own Journey return button. */
:root body.koa-v2:has(:is(#koaLearn,#mobileReviews,#shop).active) .app > header.top,
:root body.koa-v2:has(:is(#koaLearn,#mobileReviews,#shop).active) nav.koa-mobile-bottom-nav,
:root body.koa-v2:has(:is(#koaLearn,#mobileReviews,#shop).active) .mobile-nav{display:none!important}

/* Extend the existing central page color across wide screens. */
:root body.koa-v2:has(.screen.active):not(:has(#home.active)){background:var(--journey-bg,#f8eef7)!important}


/* Quick Lesson: preserve the aligned Thai / English / romanization table. */
:root body.koa-v2 #lesson.active .koa-game-progress{--koa-fill:100%}
:root body.koa-v2 #lesson.active .quick-lesson-card{overflow:hidden!important}
:root body.koa-v2 #lesson.active .lesson-hero{background:#e8dcfa!important;border-bottom:2px solid #3d3054!important;padding:20px!important;color:#3d3054!important}
:root body.koa-v2 #lesson.active .lesson-body{padding:18px!important;background:#fff8fc!important}
:root body.koa-v2 #lesson.active .quick-structure-head{background:#e8dcfa!important;border:2px solid #3d3054!important;border-radius:16px!important;box-shadow:0 4px 0 #3d3054!important}
:root body.koa-v2 #lesson.active .quick-structure-number{background:#f5a8cb!important;color:#3d3054!important;border:2px solid #3d3054!important}
:root body.koa-v2 #lesson.active .quick-manual-table{border:2px solid #3d3054!important;border-radius:16px!important;background:#fff8fc!important;box-shadow:0 4px 0 #3d3054!important}
:root body.koa-v2 #lesson.active .quick-table-cell{border-right-color:#9f8bad!important}
:root body.koa-v2 #lesson.active .quick-table-row.thai-label{background:#e8dcfa!important;color:#3d3054!important}
:root body.koa-v2 #lesson.active .quick-table-row.english{background:#fff8fc!important;color:#3d3054!important;border-top:2px solid #3d3054!important}
:root body.koa-v2 #lesson.active .quick-table-row.roman{background:#f6d9e8!important;color:#554493!important;border-top:2px solid #3d3054!important}
:root body.koa-v2 #lesson.active .lesson-footer{margin-top:20px!important}
@media(max-width:700px){:root body.koa-v2 #lesson.active .lesson-body{padding:12px!important}}

/* Empty favorites: small centered retro speech bubble. */
:root body.koa-v2 #koaEmptyFavorites{position:fixed;inset:0;margin:auto;width:min(330px,calc(100vw - 40px));box-sizing:border-box;padding:22px 24px 24px;overflow:visible;border:3px solid #3d3054;border-radius:26px;background:#fff8fc;color:#3d3054;box-shadow:0 7px 0 #c8afea;text-align:center}
:root body.koa-v2 #koaEmptyFavorites::backdrop{background:#30234455}
:root body.koa-v2 #koaEmptyFavorites::after{content:'';position:absolute;bottom:-13px;left:35px;width:20px;height:20px;background:#fff8fc;border-right:3px solid #3d3054;border-bottom:3px solid #3d3054;transform:skewY(-20deg) rotate(45deg);border-radius:0 0 4px 0}
:root body.koa-v2 #koaEmptyFavorites img{width:52px;height:52px;object-fit:contain}
:root body.koa-v2 #koaEmptyFavorites p{font-size:17px;font-weight:800;line-height:1.45;margin:12px 0 20px}
:root body.koa-v2 #koaEmptyFavorites button{width:100%;min-height:44px;background:#f5a8cb!important;color:#3d3054!important;border:2px solid #3d3054;border-radius:12px;box-shadow:0 4px 0 #3d3054;font-weight:900}

/* Match the pairs header geometry, including its surrounding spacing. */
:root body.koa-v2 #study.active{padding-top:8px!important}
:root body.koa-v2 #study.active>.study{padding-top:0!important}
:root body.koa-v2 #lesson.active{padding:8px 0 24px!important}
:root body.koa-v2 :is(#study,#lesson).active .koa-game-head{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:42px!important;align-items:center!important;box-sizing:border-box!important;height:42px!important;min-height:42px!important;padding:0 2px!important;margin:0!important;gap:12px!important}
:root body.koa-v2 #sentenceBuilder.active #sbValidate,
:root body.koa-v2 #dialogueFill.active #dialogueValidate{border:2px solid #3d3054!important;border-radius:14px!important;background:#bda1e2!important;color:#302344!important;box-shadow:0 4px 0 #3d3054!important;font-weight:900!important;min-height:48px!important}
:root body.koa-v2 #sentenceBuilder.active #sbValidate:disabled,
:root body.koa-v2 #dialogueFill.active #dialogueValidate:disabled{background:#e5dced!important;color:#8b7b9b!important;border-color:#ad9cbb!important;box-shadow:0 4px 0 #ad9cbb!important}
:root body.koa-v2 #sentenceBuilder.active #sbValidate:not(:disabled):active,
:root body.koa-v2 #dialogueFill.active #dialogueValidate:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #3d3054!important}
@media(max-width:700px){:root body.koa-v2 #study.active{padding-top:4px!important}:root body.koa-v2 #lesson.active{padding:4px 4px 10px!important}:root body.koa-v2 :is(#study,#lesson,#quiz).active .koa-game-head{gap:8px!important}}

/* Align fixed activity screens with the shared pairs header. */
:root body.koa-v2 #sentenceBuilder.active,:root body.koa-v2 #dialogueFill.active{padding-top:8px!important}
:root body.koa-v2 #dialogueFill.active{left:0!important;right:0!important;width:auto!important;margin-left:0!important;margin-right:0!important}
@media(max-width:700px){:root body.koa-v2 #sentenceBuilder.active,:root body.koa-v2 #dialogueFill.active{padding-top:4px!important;padding-left:14px!important;padding-right:14px!important}}

/* Desktop Journey: distribute the five header controls over the full bar. */
@media(min-width:701px){
:root body.koa-v2:has(#home.active) .app>header.top{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;justify-items:center!important;gap:0!important;padding-inline:8px!important}
:root body.koa-v2:has(#home.active) .app>header.top>.header-compact-actions{display:contents!important}
:root body.koa-v2:has(#home.active) #koaHeaderStreak{grid-column:1!important;grid-row:1!important}
:root body.koa-v2:has(#home.active) #koaHeaderLeaves{grid-column:2!important;grid-row:1!important}
:root body.koa-v2:has(#home.active) .app>header.top>.koa-presence{grid-column:3!important;grid-row:1!important}
:root body.koa-v2:has(#home.active) .app>header.top>.koa-leaderboard{grid-column:4!important;grid-row:1!important}
:root body.koa-v2:has(#home.active) .app>header.top>.koa-profile{grid-column:5!important;grid-row:1!important}
:root body.koa-v2:has(#home.active) .app>header.top>:is(.koa-presence,.koa-leaderboard,.koa-profile){position:relative!important;inset:auto!important;transform:none!important;margin:0!important;justify-self:center!important;width:auto!important}
}

/* Weekly streak: compact retro game window, using the blue toolbar flame. */
:root body.koa-v2 .koa-streak-card{box-sizing:border-box;width:min(490px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:62px 26px 26px;border:3px solid #3d3054;border-radius:24px;background:#fff8fc;box-shadow:0 7px 0 #3d3054,0 16px 38px #30234433;color:#3d3054}
:root body.koa-v2 .koa-streak-card::before{content:var(--koa-daily-quest,'DAILY QUEST');position:absolute;top:0;left:0;right:0;height:42px;display:flex;align-items:center;padding-left:18px;background:#c8afea;border-bottom:3px solid #3d3054;font-size:12px;font-weight:900;letter-spacing:1.5px}
:root body.koa-v2 .koa-streak-close{z-index:1;top:3px;right:9px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:32px;font-weight:900;color:#3d3054}
:root body.koa-v2 .koa-streak-flame{filter:none;line-height:0}
:root body.koa-v2 .koa-streak-flame img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 5px 0 #cdefff);animation:koaWeeklyFloat 3s ease-in-out infinite}
:root body.koa-v2 .koa-streak-card>small{color:#76608b;margin-top:14px}
:root body.koa-v2 .koa-streak-card h2{color:#3d3054;font-size:26px;margin:6px 0 24px}
:root body.koa-v2 .koa-streak-card h2 b{color:#298dd3;font-size:44px;text-shadow:0 2px 0 #c7eaff}
:root body.koa-v2 .koa-streak-days{gap:8px}
:root body.koa-v2 .koa-streak-day i{box-sizing:border-box;width:100%;max-width:50px;aspect-ratio:1;height:auto;border:2px solid #b4a3c5;border-radius:12px;background:#eee5f5;color:#91829f;box-shadow:0 3px 0 #b4a3c5}
:root body.koa-v2 .koa-streak-day i img{width:78%;height:78%;object-fit:contain}
:root body.koa-v2 .koa-streak-day.done i{background:#d8f3ff;border-color:#3d3054;box-shadow:0 3px 0 #3d3054}
:root body.koa-v2 .koa-streak-day.today i{background:#f9d9e8;border-color:#da75a7;color:#684678;box-shadow:0 3px 0 #da75a7;animation:none}
:root body.koa-v2 #koaStreakMessage{font-size:14px;line-height:1.5;color:#695477;margin:24px 0 18px}
:root body.koa-v2 .koa-streak-best{padding:13px 16px;border:2px solid #3d3054;border-radius:14px;background:#e8dcfa;box-shadow:0 3px 0 #c8afea;color:#3d3054}
:root body.koa-v2 .koa-streak-best b,:root body.koa-v2 .koa-streak-best i{color:#3d3054;font-style:normal}
@keyframes koaWeeklyFloat{50%{transform:translateY(-4px)}}
@media(max-width:420px){:root body.koa-v2 .koa-streak-card{padding:56px 16px 22px}:root body.koa-v2 .koa-streak-days{gap:5px}:root body.koa-v2 .koa-streak-day small{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root body.koa-v2 .koa-streak-flame img{animation:none}}

/* Retro shop: a compact storefront and collectible character cards. */
:root body.koa-v2 #shop.active .shop-panel{padding:18px!important;background:transparent!important;border:0!important;box-shadow:none!important}
:root body.koa-v2 #shop .shop-hero{display:flex!important;align-items:center!important;gap:20px!important;padding:22px!important;margin:20px 0 16px!important;background:#e8dcfa!important;border:3px solid #3d3054!important;border-radius:22px!important;box-shadow:0 6px 0 #3d3054!important}
:root body.koa-v2 #shop .shop-hero>img{width:90px!important;height:90px!important;object-fit:contain!important;filter:none!important}
:root body.koa-v2 #shop .shop-hero h2{color:#3d3054!important;font-size:clamp(24px,4vw,34px)!important;margin:5px 0!important}
:root body.koa-v2 #shop .shop-hero p{color:#695477!important;line-height:1.5!important}
:root body.koa-v2 #shop .shop-toolbar>.coin-pill{display:flex!important;width:fit-content!important;margin:0!important;padding:10px 16px!important;border:2px solid #3d3054!important;border-radius:14px!important;background:#e4f5de!important;box-shadow:0 4px 0 #91b997!important;color:#3d3054!important;font-weight:900!important;gap:8px!important}
:root body.koa-v2 #shop .merged-collection{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
:root body.koa-v2 #shop .collection-heading{padding:12px 16px!important;border:2px solid #3d3054!important;border-radius:14px!important;background:#f6d9e8!important;margin-bottom:18px!important}
:root body.koa-v2 #shop .collection-heading .tag{color:#73527d!important}
:root body.koa-v2 #shop .collection-heading h3{color:#3d3054!important;margin:4px 0!important}
:root body.koa-v2 #shop .collection-heading p{margin:4px 0!important;color:#695477!important}
:root body.koa-v2 #shop .shop-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
:root body.koa-v2 #shop .koa-skin-card{padding:12px!important;background:#fff8fc!important;border:2px solid #3d3054!important;border-radius:18px!important;box-shadow:0 5px 0 #3d3054!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important}
:root body.koa-v2 #shop .koa-skin-frame-preview{position:relative!important;height:160px!important;border:2px solid #c8afea!important;border-radius:12px!important;background:linear-gradient(#f1e9fc 75%,#d8c4ed 75%)!important;overflow:hidden!important}
:root body.koa-v2 #shop .koa-skin-frame-preview img{height:92%!important;width:92%!important;object-fit:contain!important;position:static!important;transform:none!important}
:root body.koa-v2 #shop .koa-skin-card h3{font-size:17px!important;color:#3d3054!important;margin:4px 0 0!important}
:root body.koa-v2 #shop .koa-skin-card .muted{font-size:12px!important;min-height:32px!important;line-height:1.4!important}
:root body.koa-v2 #shop .koa-skin-card button{margin-top:auto!important;min-height:44px!important;border:2px solid #3d3054!important;border-radius:12px!important;background:#f5c95e!important;color:#3d3054!important;box-shadow:0 4px 0 #3d3054!important}
:root body.koa-v2 #shop .koa-skin-card.equipped{border-color:#528870!important;box-shadow:0 5px 0 #528870!important}
:root body.koa-v2 #shop .koa-skin-card button:disabled{background:#e8e0ee!important;border-color:#b5a6c2!important;box-shadow:0 3px 0 #b5a6c2!important;color:#8a799a!important}
:root body.koa-v2 #shop .koa-skin-card .koa-equipped-button{background:#dcf1e2!important;color:#427457!important;border-color:#528870!important;opacity:1!important}
@media(max-width:700px){:root body.koa-v2 #shop.active .shop-panel{padding:12px 2px 24px!important}:root body.koa-v2 #shop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}:root body.koa-v2 #shop .shop-hero{padding:16px!important;gap:12px!important}:root body.koa-v2 #shop .shop-hero>img{width:62px!important;height:62px!important}:root body.koa-v2 #shop .koa-skin-frame-preview{height:140px!important}}

/* Leaderboard: retro score window with distinct podium ranks. */
:root body.koa-v2 .koa-leaderboard-panel{box-sizing:border-box;width:min(480px,calc(100vw - 28px));padding:0 18px 22px!important;border:3px solid #3d3054!important;border-radius:24px!important;background:#fff8fc!important;box-shadow:0 0 0 100vmax #241d3a70,0 7px 0 #3d3054!important}
:root body.koa-v2 .koa-leaderboard-panel>header{top:0;margin:0 -18px 16px;padding:12px 16px;background:#c8afea!important;border-bottom:3px solid #3d3054;color:#3d3054}
:root body.koa-v2 .koa-leaderboard-panel header small{color:#604978}
:root body.koa-v2 .koa-leaderboard-panel header button{background:transparent;border:0;border-radius:0;font-size:32px;font-weight:900;color:#3d3054}
:root body.koa-v2 .koa-rank-hero{text-align:center}
:root body.koa-v2 .koa-rank-hero img{width:80px;height:80px;object-fit:contain}
:root body.koa-v2 .koa-rank-hero p{color:#756080;font-size:13px;margin:8px 0 16px}
:root body.koa-v2 .koa-rank-position{padding:12px;border:2px solid #3d3054;border-radius:12px;background:#e8dcfa;box-shadow:0 3px 0 #c8afea;text-align:center;font-size:15px;font-weight:900;color:#3d3054}
:root body.koa-v2 .koa-rank-caption{margin:22px 0 10px;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:900;color:#756080}
:root body.koa-v2 .koa-leaderboard-list{gap:10px}
:root body.koa-v2 .koa-leaderboard-list>div{grid-template-columns:34px minmax(0,1fr) auto;padding:12px 10px;border:2px solid #cdbedb;border-radius:13px;background:#fff8fc;box-shadow:0 3px 0 #e1d4ea;gap:10px}
:root body.koa-v2 .koa-leaderboard-list>div.rank-1{background:#fff3ca;border-color:#c99435;box-shadow:0 3px 0 #c99435}
:root body.koa-v2 .koa-leaderboard-list>div.rank-2{background:#e9effa;border-color:#99aac6;box-shadow:0 3px 0 #99aac6}
:root body.koa-v2 .koa-leaderboard-list>div.rank-3{background:#ffe7d6;border-color:#c99170;box-shadow:0 3px 0 #c99170}
:root body.koa-v2 .koa-leaderboard-list>div.me{outline:2px solid #9565c0;outline-offset:2px}
:root body.koa-v2 .koa-leaderboard-list strong{border:2px solid #3d3054;border-radius:10px;background:#f6d9e8;color:#3d3054;font-weight:900}
:root body.koa-v2 .koa-leaderboard-list span{overflow-wrap:anywhere;color:#3d3054}
:root body.koa-v2 .koa-leaderboard-list em{display:inline-block;font-size:10px;font-style:normal;border-radius:6px;background:#dbc3f0;padding:3px 5px;margin-left:4px}
:root body.koa-v2 .koa-leaderboard-list b{color:#665080;white-space:nowrap}
:root body.koa-v2 .koa-rank-empty{text-align:center;color:#756080;font-size:14px;padding:14px}

/* Discreet leaderboard scrollbar, retaining native scrolling. */
:root body.koa-v2 .koa-leaderboard-panel{scrollbar-width:thin;scrollbar-color:#cdbbdf transparent}
:root body.koa-v2 .koa-leaderboard-panel::-webkit-scrollbar{width:5px;height:5px}
:root body.koa-v2 .koa-leaderboard-panel::-webkit-scrollbar-track{background:transparent;margin-block:22px}
:root body.koa-v2 .koa-leaderboard-panel::-webkit-scrollbar-thumb{background:#cdbbdf;border-radius:999px}
:root body.koa-v2 .koa-leaderboard-panel::-webkit-scrollbar-thumb:hover{background:#ad91c7}
:root body.koa-v2 .koa-leaderboard-panel::-webkit-scrollbar-button{display:none}

/* Kolizeum: retro duel cabinet, scoped to lobby, match and results. */
:root body.koa-v2 #arenaOverlay{background:#302344b0;backdrop-filter:blur(5px);padding:18px}
:root body.koa-v2 #arenaOverlay .arena-shell{width:min(620px,100%);padding:0 24px 24px;border:3px solid #3d3054!important;border-radius:26px!important;box-shadow:0 8px 0 #241c35,0 22px 60px #241c3555!important;scrollbar-width:thin;scrollbar-color:#cdbbdf transparent;max-height:calc(100dvh - 48px)}
:root body.koa-v2 #arenaOverlay .arena-head{margin:0 -24px;padding:14px 64px 14px 20px;background:#c8afea;border-bottom:3px solid #3d3054;gap:12px}
:root body.koa-v2 #arenaOverlay .arena-head-icon{width:46px;height:46px;background:transparent;border-radius:0}
:root body.koa-v2 #arenaOverlay .arena-head strong{margin:0 0 0 auto;border:2px solid #3d3054;background:#fff0ba;color:#59432f;box-shadow:0 3px 0 #3d3054;border-radius:10px}
:root body.koa-v2 #arenaOverlay .arena-close{top:17px;right:12px;width:42px;height:42px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:34px;font-weight:900;color:#3d3054}
:root body.koa-v2 #arenaOverlay .arena-panel{background:transparent!important;padding-top:24px}
:root body.koa-v2 #arenaOverlay .arena-eyebrow{display:inline-block;padding:6px 12px;background:#e8dcfa;border-radius:8px;font-size:10px;color:#674584;letter-spacing:1.4px}
:root body.koa-v2 #arenaOverlay .arena-intro h2{font-size:30px;font-weight:950;color:#3d3054;margin:12px auto 8px;max-width:100%;letter-spacing:-.8px}
:root body.koa-v2 #arenaOverlay .arena-intro p{color:#786583}
:root body.koa-v2 #arenaOverlay .arena-versus{position:relative;max-width:none;gap:10px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);margin:26px auto 24px}
:root body.koa-v2 #arenaOverlay .arena-fighter{position:relative;border:2px solid #3d3054;border-radius:18px;padding:14px 8px 16px;background:linear-gradient(#e4d3ff 0 66%,#f5edff 66%);box-shadow:0 5px 0 #3d3054;gap:8px}
:root body.koa-v2 #arenaOverlay .arena-fighter.mystery{background:linear-gradient(#ffc6e0 0 66%,#fff0f7 66%)}
:root body.koa-v2 #arenaOverlay .arena-avatar{width:112px;height:112px;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0}
:root body.koa-v2 #arenaOverlay .arena-fighter.mystery .arena-avatar{background:transparent;box-shadow:none;color:#9063b6}
:root body.koa-v2 #arenaOverlay .arena-fighter.mystery .arena-avatar span{font-size:76px;font-weight:950;text-shadow:3px 4px 0 #fff8fc}
:root body.koa-v2 #arenaOverlay .arena-fighter>small{border:1px solid #baa2ce;padding:3px 9px;background:#fff8fc;border-radius:7px;color:#674584}
:root body.koa-v2 #arenaOverlay .arena-vs{width:42px;height:42px;border:2px solid #3d3054;border-radius:12px;background:#ffd775;color:#3d3054;box-shadow:0 4px 0 #3d3054;font-size:15px;transform:rotate(-6deg)}
:root body.koa-v2 #arenaOverlay .arena-format{padding:12px 6px;background:#f0e5f9;border:2px solid #d7c5e4;border-radius:12px;margin-bottom:20px;color:#786583}
:root body.koa-v2 #arenaOverlay .arena-format b{color:#49315e}
:root body.koa-v2 #arenaOverlay .arena-main-btn{background:#f5a8cb!important;color:#3d3054!important;border:2px solid #3d3054!important;box-shadow:0 5px 0 #3d3054!important;border-radius:14px!important;min-height:54px;font-size:16px}
:root body.koa-v2 #arenaOverlay .arena-main-btn:disabled{background:#e9dfed!important;opacity:1;color:#918097!important;box-shadow:none!important;border-color:#b9a8c2!important}
:root body.koa-v2 #arenaOverlay .arena-main-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #3d3054!important}
:root body.koa-v2 #arenaOverlay #arenaPoolNote{background:#f0e5f9;padding:10px 12px;border-radius:10px;color:#786583}
:root body.koa-v2 #arenaOverlay .arena-matchup span{border:2px solid #3d3054;background:#e8dcfa;box-shadow:0 3px 0 #3d3054;border-radius:12px;min-width:100px;justify-content:center}
:root body.koa-v2 #arenaOverlay .arena-matchup span:last-child{background:#ffd4e7}
:root body.koa-v2 #arenaOverlay .arena-progress{height:12px;border:2px solid #3d3054;border-radius:20px;overflow:hidden;background:#eee5f5;box-shadow:0 2px 0 #3d3054}
:root body.koa-v2 #arenaOverlay .arena-progress i{height:100%;background:#b48adb}
:root body.koa-v2 #arenaOverlay #arenaPrompt{padding:20px 12px;background:#e8dcfa;border:2px solid #3d3054;border-radius:16px;box-shadow:0 4px 0 #3d3054;font-size:26px}
:root body.koa-v2 #arenaOverlay .arena-choice{border:2px solid #3d3054!important;border-radius:13px;box-shadow:0 4px 0 #3d3054!important;background:#fff8fc!important;min-height:58px;overflow-wrap:anywhere}
:root body.koa-v2 #arenaOverlay .arena-choice.good{background:#dcefe3!important;border-color:#668775!important;box-shadow:0 3px 0 #668775!important}
:root body.koa-v2 #arenaOverlay .arena-choice.bad{background:#ffd5db!important;border-color:#bc536e!important;box-shadow:0 3px 0 #bc536e!important}
:root body.koa-v2 #arenaOverlay .arena-scoreboard div{background:#e8dcfa;border:2px solid #3d3054;border-radius:16px;box-shadow:0 4px 0 #3d3054}
:root body.koa-v2 #arenaOverlay .arena-scoreboard div:last-child{background:#ffd4e7}
:root body.koa-v2 #arenaOverlay #arenaResultTitle{font-size:27px;color:#3d3054}
:root body.koa-v2 #arenaOverlay .arena-rewards{padding:14px;background:#fff0ba!important}
@media(max-width:700px){
:root body.koa-v2 #arenaOverlay{padding:12px}
:root body.koa-v2 #arenaOverlay .arena-shell{padding:0 16px 20px;max-height:calc(100dvh - 36px)}
:root body.koa-v2 #arenaOverlay .arena-head{margin:0 -16px;padding:12px 48px 12px 12px;gap:7px}
:root body.koa-v2 #arenaOverlay .arena-head-icon{width:36px;height:36px}
:root body.koa-v2 #arenaOverlay .arena-head b{font-size:15px}
:root body.koa-v2 #arenaOverlay .arena-head strong{padding:7px;font-size:10px}
:root body.koa-v2 #arenaOverlay .arena-close{top:10px;right:5px}
:root body.koa-v2 #arenaOverlay .arena-intro h2{font-size:25px}
:root body.koa-v2 #arenaOverlay .arena-avatar{width:82px;height:90px}
:root body.koa-v2 #arenaOverlay .arena-fighter.mystery .arena-avatar span{font-size:64px}
:root body.koa-v2 #arenaOverlay .arena-versus{gap:6px;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);margin:22px 0}
:root body.koa-v2 #arenaOverlay .arena-vs{width:34px;height:34px;font-size:12px}
}

/* Keep matchmaking notices within the lobby, without a layout jump. */
:root body.koa-v2 #arenaOverlay #arenaPoolNote{box-sizing:border-box;display:block;min-height:52px;margin:10px auto 0;padding:8px 10px;max-width:100%;overflow-wrap:anywhere}
:root body.koa-v2 #arenaOverlay #arenaPoolNote:empty{display:block;visibility:hidden}
@media(max-height:760px){
:root body.koa-v2 #arenaOverlay #arenaLobby{padding-top:14px}
:root body.koa-v2 #arenaOverlay .arena-intro h2{margin:8px auto 6px}
:root body.koa-v2 #arenaOverlay .arena-versus{margin:14px auto 16px}
:root body.koa-v2 #arenaOverlay .arena-fighter{padding:10px 6px;gap:5px}
:root body.koa-v2 #arenaOverlay .arena-avatar{height:76px;width:76px}
:root body.koa-v2 #arenaOverlay .arena-format{margin-bottom:12px;padding:9px 5px}
}

/* Soft Journey navigation separator without shifting the bar. */
:root body.koa-v2:has(#home.active) nav.koa-mobile-bottom-nav{box-shadow:0 -1px 0 #eadfeb,0 -3px 5px #3d305405!important}
@media(min-width:701px){
  :root body.koa-v2:has(#home.active) nav.koa-mobile-bottom-nav{box-shadow:0 -1px 0 #eadfeb,-1px 0 0 #eadfeb,1px 0 0 #eadfeb,0 -3px 5px #3d305405!important}
}

/* End-of-exercise arcade button; native dialog retains focus and flow. */
:root body.koa-v2 #koaExerciseTransition{inset:auto 0 0;width:min(480px,100%);max-width:480px;padding:24px 28px calc(38px + env(safe-area-inset-bottom,0px));overflow:visible;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:root body.koa-v2 #koaExerciseTransition::backdrop{background:#21192db8}
:root body.koa-v2 #koaExerciseTransition :is(.koa-transition-check,.koa-transition-track,#koaExerciseNext,#koaExerciseExit){display:none}
:root body.koa-v2 #koaExerciseTransition :is(h2,#koaExerciseProgress){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root body.koa-v2 #koaExerciseContinue{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;width:92%;margin:0 auto;min-height:76px;padding:12px 22px;border:3px solid #3d3054!important;border-radius:18px!important;background:linear-gradient(#c9f0d4 0 7%,#83c79e 7% 88%,#62a980 88%)!important;color:#fff8fc!important;font:950 clamp(28px,7vw,34px)/1.1 'Arial Black',system-ui,sans-serif;letter-spacing:2px;text-shadow:0 3px 0 #44795d;box-shadow:0 7px 0 #4e8a68,0 10px 0 3px #3d3054,0 16px 0 6px #bbb7cb,0 20px 0 6px #3d3054!important;transition:transform .1s,box-shadow .1s;touch-action:manipulation}
:root body.koa-v2 #koaExerciseContinue::after{content:'';width:17px;height:24px;background:#fff8fc;clip-path:polygon(0 0,35% 0,35% 18%,65% 18%,65% 35%,100% 35%,100% 65%,65% 65%,65% 82%,35% 82%,35% 100%,0 100%)}
:root body.koa-v2 #koaExerciseContinue:active{transform:translateY(6px);box-shadow:0 1px 0 #4e8a68,0 4px 0 3px #3d3054,0 10px 0 6px #bbb7cb,0 14px 0 6px #3d3054!important}
:root body.koa-v2 #koaExerciseContinue:focus{outline:none}
:root body.koa-v2 #koaExerciseTransition.koa-keyboard-focus #koaExerciseContinue:focus-visible{outline:3px solid #fff8fc;outline-offset:7px}
@media(max-width:700px){:root body.koa-v2 #koaExerciseTransition{bottom:40px}}
@media(prefers-reduced-motion:reduce){:root body.koa-v2 #koaExerciseContinue{transition:none}}

/* Retro reward console: three-second loading then sequential loot. */
:root body.koa-v2 #koaActivityReward{background:var(--journey-bg,#f8eef7)!important}
:root body.koa-v2 #koaActivityReward .koa-reward-content{min-height:100%;justify-content:center;padding:32px 24px max(32px,env(safe-area-inset-bottom));width:min(460px,100%)}
:root body.koa-v2 #koaActivityReward .koa-reward-console{width:100%;box-sizing:border-box;padding:26px 22px 30px;border:3px solid #3d3054;border-radius:20px;background:#fff8fc;box-shadow:0 7px 0 #b4a5c7,0 10px 0 #3d3054;text-align:center}
:root body.koa-v2 #koaActivityReward #koaRewardTitle{font:900 22px/1.3 'Arial Black',system-ui,sans-serif;letter-spacing:.5px;color:#3d3054;margin:0 0 18px}
:root body.koa-v2 #koaActivityReward .koa-loot-progress{height:25px;border:2px solid #3d3054;padding:3px;background:#e9e3f0;box-shadow:inset 0 2px 0 #b8a9c8;border-radius:4px;overflow:hidden;box-sizing:border-box}
:root body.koa-v2 #koaActivityReward .koa-loot-progress i{display:block;height:100%;width:100%;transform-origin:left;background:repeating-linear-gradient(90deg,#a887d8 0 calc(5% - 3px),transparent calc(5% - 3px) 5%);clip-path:inset(0 100% 0 0);animation:koaLootLoad .8s steps(20,end) forwards}
@keyframes koaLootLoad{to{clip-path:inset(0)}}
:root body.koa-v2 #koaActivityReward .koa-loot-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
:root body.koa-v2 #koaActivityReward .koa-reward-details{display:grid;gap:18px;margin-top:26px;animation:none;min-height:238px}
:root body.koa-v2 #koaActivityReward .koa-reward-row{margin:0;display:grid;place-items:center;min-height:64px;padding:10px;border:3px solid #3d3054!important;border-radius:10px!important;box-shadow:inset 0 4px 0 #ffffff80,0 5px 0 #3d3054!important;box-sizing:border-box;animation:koaLootReveal .25s ease-out both}
:root body.koa-v2 #koaActivityReward .koa-reward-xp{background:#e8c96c!important}
:root body.koa-v2 #koaActivityReward .koa-reward-leaves{background:#90d2b4!important}
:root body.koa-v2 #koaActivityReward .koa-reward-row strong{font:950 23px/1.2 system-ui;color:#3d3054}
:root body.koa-v2 #koaActivityReward #koaRewardNext{margin:4px 0 0;min-height:58px;width:100%;border:3px solid #3d3054!important;border-radius:10px!important;background:#bd9add!important;color:#3d3054;font:900 17px system-ui;box-shadow:inset 0 3px 0 #ffffff60,0 5px 0 #3d3054!important;animation:koaLootReveal .25s ease-out both}
:root body.koa-v2 #koaActivityReward :is(.koa-reward-row,#koaRewardNext)[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
:root body.koa-v2 #koaActivityReward #koaRewardNext:active{transform:translateY(3px);box-shadow:0 2px 0 #3d3054!important}
@keyframes koaLootReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){:root body.koa-v2 #koaActivityReward :is(.koa-reward-row,#koaRewardNext){animation:none}}
@media(max-height:550px){:root body.koa-v2 #koaActivityReward .koa-reward-content{padding:16px 24px}:root body.koa-v2 #koaActivityReward .koa-reward-console{padding:16px}:root body.koa-v2 #koaActivityReward .koa-reward-details{gap:12px;margin-top:16px;min-height:200px}:root body.koa-v2 #koaActivityReward .koa-reward-row{min-height:54px}}

/* Mobile skin shelves: one horizontal row per collection. */
@media(max-width:700px){
 :root body.koa-v2 #shop :is(.merged-collection,#shopGrid,#inventoryGrid,.koa-skin-collection){min-width:0!important;max-width:100%!important}
 :root body.koa-v2 #shop .shop-grid{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:min(68vw,230px)!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 6px 16px!important;scroll-snap-type:x proximity;scroll-padding-inline:6px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c7b4dc transparent;-webkit-overflow-scrolling:touch}
 :root body.koa-v2 #shop .koa-skin-card{scroll-snap-align:start}
 :root body.koa-v2 #shop .shop-grid::-webkit-scrollbar{height:4px}
 :root body.koa-v2 #shop .shop-grid::-webkit-scrollbar-thumb{background:#c7b4dc;border-radius:8px}
}

/* Result-only compact layout; lobby and questions retain their dimensions. */
:root body.koa-v2 #arenaOverlay .arena-choice:focus-visible{outline:3px solid #b189e5!important;outline-offset:4px}
:root body.koa-v2 #arenaOverlay .arena-shell:has(#arenaResult.active){width:min(460px,100%);height:auto;min-height:0;padding-bottom:18px}
:root body.koa-v2 #arenaOverlay #arenaResult{padding-top:14px}
:root body.koa-v2 #arenaOverlay #arenaResult .arena-result-icon{font-size:38px;margin:0 auto 6px}
:root body.koa-v2 #arenaOverlay #arenaResultTitle{font-size:22px;margin:8px 0}
:root body.koa-v2 #arenaOverlay #arenaResult .arena-scoreboard{margin:14px auto;gap:10px}
:root body.koa-v2 #arenaOverlay #arenaResult .arena-scoreboard div{padding:12px 10px;gap:4px}
:root body.koa-v2 #arenaOverlay #arenaResult .arena-rewards{padding:10px;margin:0 0 16px}
:root body.koa-v2 #arenaOverlay #arenaLeafGain img{width:24px;height:24px;object-fit:contain;display:block}
/* Shop toolbar and both skin collections share the retro controls. */
:root body.koa-v2 #shop .shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
:root body.koa-v2 #shop .shop-toolbar>.home,:root body.koa-v2 #shop .shop-toolbar>.shop-balance{box-sizing:border-box;min-height:44px;margin:0!important;display:inline-flex;align-items:center}
:root body.koa-v2 #shop .shop-balance img{display:block;width:26px;height:26px;object-fit:contain}
:root body.koa-v2 #shop :is(.owned-items,.available-items){padding:16px;border:2px solid #3d3054;border-radius:18px;background:#fff8fc;box-shadow:0 5px 0 #3d3054;min-width:0}
:root body.koa-v2 #shop .collection-heading{box-shadow:0 3px 0 #3d3054!important}
:root body.koa-v2 #shop .shop-item.koa-skin-card{border:2px solid #3d3054!important;border-radius:18px!important;box-shadow:0 5px 0 #3d3054!important;background:#fff8fc!important;transition:transform .15s ease}
:root body.koa-v2 #shop .shop-item.koa-skin-card.equipped{border-color:#528870!important;box-shadow:0 5px 0 #528870!important}
:root body.koa-v2 #shop .koa-skin-card button[data-equip]{background:#c8afea!important}
:root body.koa-v2 #shop .koa-skin-card button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #3d3054!important}
@media(hover:none){:root body.koa-v2 #shop .shop-item.koa-skin-card:hover{transform:none}}
@media(max-width:700px){:root body.koa-v2 #shop :is(.owned-items,.available-items){padding:12px;min-width:0}}
/* Keep the mobile title outside the ranking's scroll area. */
@media(max-width:700px){
:root body.koa-v2 .koa-leaderboard-panel:not([hidden]){display:flex;flex-direction:column;overflow:hidden;padding:0!important}
:root body.koa-v2 .koa-leaderboard-panel>header{position:relative;top:auto;flex:0 0 auto;margin:0;z-index:2}
:root body.koa-v2 .koa-leaderboard-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:16px 18px 22px;scrollbar-width:thin;scrollbar-color:#cdbbdf transparent}
:root body.koa-v2 .koa-leaderboard-scroll::-webkit-scrollbar{width:5px}
:root body.koa-v2 .koa-leaderboard-scroll::-webkit-scrollbar-thumb{background:#cdbbdf;border-radius:999px}
}
/* Compact password dialog: keep all controls together. */
:root body .koa-login:has(.koa-password-card){padding:12px;overflow-y:auto;align-items:safe center}
:root body .koa-login .koa-password-card{width:min(360px,100%);padding:48px 18px 16px!important;flex-shrink:0}
:root body .koa-login .koa-password-card::before{height:34px;padding:6px 14px;background-position:0 -5px;font-size:12px}
:root body .koa-login .koa-password-card h1{font-size:20px;letter-spacing:0;margin:0 0 10px}
:root body .koa-login .koa-password-card label{font-size:12px;margin:8px 0 4px}
:root body .koa-login .koa-password-card input{box-sizing:border-box;min-height:42px!important;height:42px;padding:8px 10px;border-radius:11px!important;font-size:16px}
:root body .koa-login .koa-password-actions{display:flex;gap:10px;margin-top:14px}
:root body .koa-login .koa-password-actions button{flex:1;min-width:0;min-height:42px;margin:0;font-size:15px;border-radius:12px}
:root body .koa-login .koa-password-actions button[type=button]{background:#fff8fc!important}
:root body .koa-login .koa-password-card .koa-login-error:empty{display:none}
:root body .koa-login .koa-password-card .koa-login-error{margin-top:12px;min-height:0}


/* Contact overlap: mobile needs 1.6px beneath the artwork to hide subpixel seams. */
@media(max-width:700px){:root body.koa-v2 #home.active .koa-stage-node.current{--koa-halo-contact-scale:.95}}
:root body.koa-v2 #home.active .koa-stage-node.current::before{animation-name:koaContactHaloPulse}
@keyframes koaContactHaloPulse{0%,100%{transform:scale(var(--koa-halo-contact-scale,.98));opacity:1}50%{transform:scale(1.22);opacity:.48}}
@media(prefers-reduced-motion:reduce){:root body.koa-v2 #home.active .koa-stage-node.current::before{animation:none;transform:scale(var(--koa-halo-contact-scale,.98));opacity:1;will-change:auto}}
/* Small vector exercise symbols, sharing each node state colour. */
:root body.koa-v2 #home.active .koa-stage-node .stage-symbol{display:grid;place-items:center;line-height:1;pointer-events:none}
:root body.koa-v2 #home.active .koa-exercise-icon{display:block;width:27px;height:27px;overflow:visible}

/* Desktop cursor pair: smooth KOA outlines, aligned to their pointing tips. */
@media(hover:hover) and (pointer:fine){
:root{--koa-cursor-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M4%203.5%20Q3.5%202.4%204.7%203.2%20L24%2018%20Q25.4%2019.2%2023.5%2019.5%20L16.7%2020%20L20.2%2027%20Q20.8%2028.2%2019.5%2028.8%20L17.5%2029.5%20Q16.4%2029.9%2015.9%2028.7%20L12.6%2021.6%20L7.8%2026%20Q6.5%2027.1%206.3%2025.3%20Z%22%20fill%3D%22%23c8afea%22%20stroke%3D%22%233d3054%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.5%207%20L19.5%2017.2%20L13.8%2017.7%20L8.1%2022.6%20Z%22%20fill%3D%22%23fff8fc%22%2F%3E%3Cpath%20d%3D%22M15.2%2022%20L18%2027.5%22%20fill%3D%22none%22%20stroke%3D%22%23f5a8cb%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 4 3,default;--koa-cursor-hand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M11.5%2017%20V5.5%20C11.5%202.1%2016%202.1%2016%205.5%20V13%20C17.5%2010.9%2020.4%2012%2020.4%2014%20C22%2012.5%2024.8%2013.5%2024.8%2015.8%20C27.2%2014.8%2029%2016.7%2028.6%2019.4%20L27.8%2024%20C27.2%2027.6%2024.8%2029.3%2021.4%2029.3%20H16%20C13.2%2029.3%2011.6%2027.9%2010.1%2025.5%20L5.7%2019.3%20C3.6%2016.4%206.8%2014.1%209%2016.4%20L11.5%2019%20Z%22%20fill%3D%22%23fff8fc%22%20stroke%3D%22%233d3054%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12.4%2025.4%20Q14.2%2027.7%2016.5%2027.7%20H21.4%20Q25%2027.7%2026%2024.6%20L25.8%2027.1%20Q24.1%2028.3%2021.4%2028.3%20H16%20Q13.8%2028.3%2012.4%2025.4%22%20fill%3D%22%23c8afea%22%2F%3E%3Cpath%20d%3D%22M16%2013%20V18%20M20.4%2014%20V19%20M24.8%2016%20V20%22%20fill%3D%22none%22%20stroke%3D%22%233d3054%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M16%2025.5%20H22%22%20stroke%3D%22%23f5a8cb%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") 14 3,pointer}
:root body.koa-v2,:root body.koa-v2 *{cursor:var(--koa-cursor-arrow)!important}
:root body.koa-v2 :where(button,a[href],summary,label[for],select,input[type=checkbox],input[type=radio],input[type=range],input[type=submit],input[type=button],[role=button],[onclick],[data-buy],[data-equip],.btn,.brand,.koa-sprite,.koa-remember,.match-tile,.choice,.progress-pill,#koaHeaderLeaves,#koaHeaderStreak,#flashcard),
:root body.koa-v2 :where(button,a[href],summary,label[for],select,[role=button],[onclick],[data-buy],[data-equip],.btn,.brand,.koa-sprite,.koa-remember,.match-tile,.choice,.progress-pill,#koaHeaderLeaves,#koaHeaderStreak,#flashcard) *{cursor:var(--koa-cursor-hand)!important}
:root body.koa-v2 :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),textarea,[contenteditable=true]),
:root body.koa-v2 [contenteditable=true] *{cursor:text!important}
:root body.koa-v2 :where(button:disabled,input:disabled,select:disabled,[aria-disabled=true]),
:root body.koa-v2 :where(button:disabled,[aria-disabled=true]) *{cursor:not-allowed!important}
}

/* Mobile flashcard controls: thumb-accessible bottom corners. */
@media(max-width:700px){
:root body.koa-v2 #study.active #flashcard.card{padding-bottom:76px!important}
:root body.koa-v2 #study.active #flashcard #audio,
:root body.koa-v2 #study.active #flashcard #star{top:auto!important;bottom:16px!important;width:44px!important;height:44px!important;z-index:5!important}
:root body.koa-v2 #study.active #flashcard #audio{left:14px!important;right:auto!important}
:root body.koa-v2 #study.active #flashcard #star{right:14px!important;left:auto!important}
}

/* Equal visual icon sizes: SVG star avoids font-dependent glyph metrics. */
:root body.koa-v2 #study.active #flashcard #star{font-size:0!important;line-height:1!important}
:root body.koa-v2 #study.active #flashcard #audio svg,
:root body.koa-v2 #study.active #flashcard #star svg{display:block;width:29px!important;height:29px!important;flex:none}
:root body.koa-v2 #study.active #flashcard #star svg{fill:currentColor;stroke:none}

/* Mobile optical balance: enlarge the outlined speaker, retain the full-size star. */
@media(max-width:700px){
:root body.koa-v2 #study.active #flashcard #audio svg{width:34px!important;height:34px!important}
}

/* Card replacement must snap to its origin, never animate the next card back. */
:root body.koa-v2 #study.active #flashcard.swipe-reset{transition:none!important;animation:none!important}

/* Fill the Gap: the actual validation states are good/bad, not correct/wrong. */
:root body.koa-v2 #dialogueFill.active .dialogue-choice.good{background:#dcefe3!important;border-color:#668775!important;color:#245b3c!important;box-shadow:0 3px 0 #668775!important}
:root body.koa-v2 #dialogueFill.active .dialogue-choice.bad{background:#ffd5db!important;border-color:#bc536e!important;color:#812c42!important;box-shadow:0 3px 0 #bc536e!important}
:root body.koa-v2 #dialogueFill.active .dialogue-turn .dialogue-roman.good{border-color:#668775!important;box-shadow:0 3px 0 #668775!important}
:root body.koa-v2 #dialogueFill.active .dialogue-turn .dialogue-roman.bad{border-color:#bc536e!important;box-shadow:0 3px 0 #bc536e!important}
:root body.koa-v2 #dialogueFill.active .dialogue-blank.filled{cursor:pointer;background:#e1efff!important;color:#293c64!important}
:root body.koa-v2 #dialogueFill.active .good .dialogue-blank.filled{background:#dcefe3!important;color:#245b3c!important}
:root body.koa-v2 #dialogueFill.active .bad .dialogue-blank.filled{background:#ffd5db!important;color:#812c42!important}
:root[data-koa-theme="dark"] body.koa-v2 #dialogueFill.active .dialogue-turn .dialogue-roman:is(.good,.bad){background:#443351!important;color:#fff4ec!important}
:root[data-koa-theme="dark"] body.koa-v2 #dialogueFill.active .dialogue-choice.selected:not(.good):not(.bad){background:#354e70!important;border-color:#8ebaf0!important;color:#edf5ff!important;box-shadow:0 2px 0 #557dad!important}

/* CSS-generated heading follows the same language as the application. */
:root:lang(fr){--koa-daily-quest:"QUÊTE DU JOUR"}
:root:lang(es){--koa-daily-quest:"MISIÓN DIARIA"}
:root:lang(pt-PT){--koa-daily-quest:"MISSÃO DIÁRIA"}
:root:lang(de){--koa-daily-quest:"TAGESAUFGABE"}
:root:lang(zh-Hans){--koa-daily-quest:"每日任务"}
:root:lang(ja){--koa-daily-quest:"デイリーミッション"}

/* Keep the personal rank readable without an extra framed card or row outline. */
:root body.koa-v2 .koa-rank-position{border:0;background:transparent;box-shadow:none;padding:8px 0}
:root body.koa-v2 .koa-leaderboard-list>div.me{outline:none;box-shadow:none!important}
:root[data-koa-theme="dark"] body.koa-v2 .koa-leaderboard-list>div.me{box-shadow:none!important}
:root[data-koa-theme="dark"] body.koa-v2 .koa-leaderboard-list>div.me.me{box-shadow:none!important}