/* KAGAMEEL interior pages. Tokens follow the existing TOP; legacy sites opt out. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&family=Shippori+Mincho:wght@500;600&display=swap');
html[data-brand="kagameel"],html:has(>body.kg-login-page){background:#f6f3ed}
body.kagameel-context {
  --kagameel-milk:#f6f3ed; --kagameel-ink:#191817; --kagameel-coral:#f05b45;
  --kagameel-blue:#4c55d9; --kagameel-lime:#d9f36b; --kagameel-line:rgb(25 24 23 / 17%);
  --kagameel-sans:'DM Sans','Noto Sans JP',sans-serif; --kagameel-serif:'Shippori Mincho',serif;
  --bg:#f6f3ed; --ink:#191817; --ink2:#57534d; --muted:#666057; --line:rgb(25 24 23 / 17%);
  --accent:#f05b45; --accent-2:#4c55d9;
  --mdg-ink:#191817; --mdg-muted:#666057; --mdg-line:#d7d2c8; --mdg-pink-deep:#4c55d9;
  background:var(--kagameel-milk)!important; background-image:none!important;
  color:var(--kagameel-ink); font-family:var(--kagameel-sans)!important; line-height:1.8;
  margin:0; min-height:100vh; -webkit-font-smoothing:antialiased;
}
body.kagameel-context *,body.kagameel-context *::before,body.kagameel-context *::after{box-sizing:border-box}
body.kagameel-context [hidden]{display:none!important}
body.kagameel-context :is(button,input,textarea,select){font-family:var(--kagameel-sans)}
body.kagameel-context :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--kagameel-blue);outline-offset:4px}
body.kagameel-context :is(button,a){-webkit-tap-highlight-color:transparent}
body.kagameel-context :is(h1,h2,h3,.hero-mask-name,.action-text){font-family:var(--kagameel-serif);font-weight:500;color:var(--kagameel-ink);text-shadow:none;background-image:none;-webkit-text-fill-color:currentColor;letter-spacing:.01em}
body.kagameel-context :is(.result-topnav,.diag-header){background:var(--kagameel-milk);border:0;border-bottom:1px solid var(--kagameel-line);box-shadow:none;color:var(--kagameel-ink);padding:20px 24px;gap:16px;flex-wrap:wrap}
body.kagameel-context :is(.result-topnav-title,.diag-header .title){color:var(--kagameel-ink);font-family:var(--kagameel-sans);font-weight:600;letter-spacing:.12em}
body.kagameel-context :is(.result-topnav-link,.diag-header .back-link){color:var(--kagameel-ink);background:transparent;box-shadow:none;border-color:var(--kagameel-line)}
body.kagameel-context .result-user-info{order:4;flex-basis:100%;width:100%;max-width:none;display:flex;flex-wrap:wrap;gap:6px 20px;overflow:visible;white-space:normal}
body.kagameel-context .result-user-info .user-line{display:flex;gap:8px;margin:0;font-size:12px;min-width:0}
body.kagameel-context .result-user-info .value{overflow-wrap:anywhere}
body.kagameel-context :is(.label,.small,.history-label,.my-data-label,.value.small,.hero-date,.kg-flow-help){color:#666057}
body.kagameel-context :is(.result-hero-zone,.result-secondary,.result-details,.my-data-wrap,.kg-flow-guide){width:min(1040px,calc(100% - 48px));max-width:1040px;margin-left:auto;margin-right:auto}
body.kagameel-context .result-hero-zone{margin-top:28px;margin-bottom:24px;padding:0}
body.kagameel-context :is(.hero-card,.why-card,.action-card,.result-section,.result-footer,.my-data-card,.my-data-hero-card,.history-card,.serial-card){background:#fffdf9;background-image:none;border:1px solid var(--kagameel-line);border-radius:16px;box-shadow:none;color:var(--kagameel-ink)}
body.kagameel-context .hero-card{padding:clamp(26px,5vw,56px);border-radius:20px;border-top:4px solid var(--kagameel-coral);text-align:left}
body.kagameel-context :is(.hero-card,.result-section,.why-card,.action-card)::before,
body.kagameel-context :is(.hero-card,.result-section,.why-card,.action-card)::after{display:none}
body.kagameel-context :is(.hero-eyebrow,.why-eyebrow,.action-eyebrow,.my-data-kicker,.serial-kicker){color:var(--kagameel-blue);font:600 12px/1.6 var(--kagameel-sans);letter-spacing:.1em}
body.kagameel-context .hero-masks{justify-content:flex-start;flex-wrap:wrap;margin:20px 0;gap:12px}
body.kagameel-context .hero-mask-name{font-size:clamp(28px,5vw,48px);line-height:1.4;background:none;-webkit-text-fill-color:currentColor;color:var(--kagameel-ink)}
body.kagameel-context .hero-mask-name.inner{color:var(--kagameel-blue);background:none;-webkit-text-fill-color:currentColor}
body.kagameel-context .hero-mask-sep{color:#8b857a;font-size:20px}
body.kagameel-context :is(.hero-mood,.why-text,.history-value,.action-text,.serial-title){color:var(--kagameel-ink);text-shadow:none;line-height:1.85}
body.kagameel-context .hero-mood{font-size:16px;max-width:720px;font-weight:400;margin:0;line-height:1.85}
body.kagameel-context .hero-changes{justify-content:flex-start;margin-top:20px}
body.kagameel-context :is(.hero-change-tag,.hero-stable-tag,.my-data-chip){background:#eeeae1;border:1px solid var(--kagameel-line);color:var(--kagameel-ink);box-shadow:none}
body.kagameel-context .hero-change-tag.up{background:#edf2d9;color:#3c4827}
body.kagameel-context .hero-change-tag.down{background:#eeedf8;color:#3e469a}
body.kagameel-context .result-secondary{gap:20px;margin-bottom:32px}
body.kagameel-context :is(.why-card,.action-card){padding:28px;min-width:0}
body.kagameel-context .action-card{background:#edf1df!important}
body.kagameel-context .action-text{font-size:clamp(23px,3vw,30px);margin:20px 0}
body.kagameel-context .why-bar-track{background:#e9e5dc}
body.kagameel-context .why-bar-fill{background:var(--kagameel-blue);box-shadow:none}
body.kagameel-context .why-bar-arrow.up{color:#3c4827}
body.kagameel-context .why-bar-arrow.down{color:var(--kagameel-blue)}
body.kagameel-context :is(.result-details-toggle,.history-tab,.result-link,.back-btn,.kg-flow-link,.secondary,.my-data-secondary-link,.my-data-chip){border:1px solid var(--kagameel-line);background:transparent;color:var(--kagameel-ink);border-radius:999px;box-shadow:none;text-decoration:none;min-height:44px;padding:10px 18px;font:500 14px/1.6 var(--kagameel-sans)}
body.kagameel-context :is(.action-btn,.primary,.progress-login,.my-data-savebar button){background:var(--kagameel-ink);color:#fff;border:1px solid var(--kagameel-ink);border-radius:999px;box-shadow:none;min-height:46px;padding:12px 22px;font:600 14px/1.5 var(--kagameel-sans);text-decoration:none}
body.kagameel-context :is(.history-tab.active,.history-tab.is-active,.history-tab[aria-selected=true]){background:var(--kagameel-ink);color:#fff;border-color:var(--kagameel-ink)}
body.kagameel-context :is(.result-details-toggle,.kg-flow-link,.secondary,.back-btn,.action-btn):hover{border-color:var(--kagameel-blue);color:var(--kagameel-blue);background:#efedf8;transform:none}
body.kagameel-context .result-details[open] .result-details-toggle{color:var(--kagameel-blue)}
body.kagameel-context .result-details-body{padding:24px 0}
body.kagameel-context .result-section{max-width:none;padding:28px;margin-bottom:20px}
body.kagameel-context .result-section h2{font-size:24px;margin-bottom:20px}
body.kagameel-context .result-section h2::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--kagameel-coral)}
body.kagameel-context :is(.history-card,.serial-card){padding:20px;margin:12px 0;background:var(--kagameel-milk)}
body.kagameel-context :is(.history-tabs,.result-nav){gap:8px;flex-wrap:wrap}
body.kagameel-context :is(.history-value a,.rich-mask-link,.rich-protagonist-link){color:var(--kagameel-blue);text-decoration-thickness:1px;text-underline-offset:4px}
body.kagameel-context :is(.my-data-hero-card,.my-data-card){padding:28px;margin-bottom:22px}
body.kagameel-context .my-data-hero-card{background:#edf1df;border-radius:20px}
body.kagameel-context :is(.my-data-avatar-frame,.my-data-animal-choice){border-color:var(--kagameel-line);background:#fffdf9;box-shadow:none}
body.kagameel-context .my-data-animal-choice.is-selected{border:2px solid var(--kagameel-blue);background:#efedf8}
body.kagameel-context :is(.my-data-field input,.my-data-field textarea,.my-data-field select,.result-section input,.result-section textarea,.result-section select){border:1px solid #aaa398;border-radius:10px;background:#fffdf9;color:var(--kagameel-ink);box-shadow:none;min-height:44px;padding:12px;font-size:16px;max-width:100%}
body.kagameel-context :is(input[readonly],input:disabled,textarea:disabled){background:#eeeae1;color:#666057}
body.kagameel-context .my-data-savebar{background:var(--kagameel-milk);border:1px solid var(--kagameel-line);box-shadow:none;border-radius:16px}
body.kagameel-context .my-data-hero-copy .kg-flow-guide{width:100%;margin:0 0 16px}
body.kagameel-context .diagnosis-app{background:transparent;box-shadow:none;max-width:1180px;margin:auto}
body.kagameel-context .diag-main{padding:28px 24px 48px}
body.kagameel-context :is(.result-panel,.question-panel,.calibration-panel,.chapter-clear-panel,.progress-modal__card){background:#fffdf9!important;background-image:none!important;border-color:var(--kagameel-line);box-shadow:none;border-radius:18px;color:var(--kagameel-ink)}
body.kagameel-context :is(.therapy-result,.therapy-panel,.guide-card){background:#fffdf9!important;background-image:none!important;color:var(--kagameel-ink);border-color:var(--kagameel-line);box-shadow:none}
body.kagameel-context .therapy-result :is(h2,h3,h4){color:var(--kagameel-ink)!important;font-family:var(--kagameel-serif);text-shadow:none}
body.kagameel-context .therapy-result :is(p,li){color:#57534d!important;text-shadow:none}
body.kagameel-context .kg-protagonist-art{object-fit:contain!important;max-width:100%;height:auto}
body.kagameel-context .kg-slider-marks>span:nth-child(4){background:#ef9c7c;box-shadow:0 0 0 1px #ef9c7c}
body.kagameel-context .kg-slider-marks>span:nth-child(5){background:var(--kagameel-coral);box-shadow:0 0 0 1px var(--kagameel-coral)}
body.kagameel-context.kg-login-page main{padding:32px;border:1px solid var(--kagameel-line);border-top:4px solid var(--kagameel-coral);background:#fffdf9;border-radius:18px;width:min(520px,calc(100% - 40px))}
body.kagameel-context.kg-login-page h1{font-family:var(--kagameel-serif)}
@media(max-width:640px){
 body.kagameel-context :is(.result-hero-zone,.result-secondary,.result-details,.my-data-wrap,.kg-flow-guide){width:calc(100% - 32px)}
 body.kagameel-context .result-secondary{grid-template-columns:1fr;gap:16px}
 body.kagameel-context :is(.result-topnav,.diag-header){padding:16px;gap:12px}
 body.kagameel-context :is(.result-section,.why-card,.action-card,.my-data-card,.my-data-hero-card){padding:20px}
 body.kagameel-context .diag-main{padding:20px 16px 32px}
 body.kagameel-context .hero-card{padding:26px 22px}
 body.kagameel-context .my-data-grid{grid-template-columns:1fr}
 body.kagameel-context .my-data-savebar{flex-wrap:wrap;padding:16px}
body.kagameel-context .history-card{padding:16px;overflow-wrap:anywhere}
 body.kagameel-context.kg-login-page main{padding:24px}
}
body.kagameel-context :is(.my-data-panel,.next-step-card,.placeholder-card,.history-map-player,.rich-mask-card,.rich-protagonist-card){background:#fffdf9;background-image:none;border:1px solid var(--kagameel-line);border-radius:16px;box-shadow:none;color:var(--kagameel-ink)}
body.kagameel-context :is(.history-card-title,.history-kind,.history-date,.my-data-panel-head p){color:#57534d;background-image:none;text-shadow:none}
body.kagameel-context :is(.history-map-link,.history-card-actions a){background:var(--kagameel-ink);border-color:var(--kagameel-ink);color:#fff;box-shadow:none;border-radius:999px;padding:10px 16px;min-height:44px}
/* Saved maps use the same result renderer without the diagnosis flow wrapper. */
body.kagameel-context .diagnosis-app::before,body.kagameel-context .diagnosis-app::after,
body.kagameel-context .result-panel::before,body.kagameel-context .result-panel::after,
body.kagameel-context .therapy-panel::before,body.kagameel-context .therapy-panel::after{display:none}
body.kagameel-context .therapy-result{--ink:#191817;--ink2:#57534d;--muted:#666057;--line:rgb(25 24 23 / 17%);--accent:#f05b45;--accent2:#4c55d9;width:100%;margin:0;border-radius:16px;background-attachment:scroll}
body.kagameel-context .therapy-hero{min-height:0;padding:24px 0}
body.kagameel-context .therapy-panel{padding:32px;overflow:visible}
body.kagameel-context .therapy-result h2{font-size:clamp(30px,4vw,52px);line-height:1.4}
body.kagameel-context .therapy-result h3{font-size:clamp(24px,3vw,34px);line-height:1.5}
body.kagameel-context .therapy-hero-art{padding:8px;background:#fffdf9;border:1px solid var(--kagameel-ink);border-radius:12px;box-shadow:6px 6px 0 var(--kagameel-blue)}
body.kagameel-context .therapy-hero-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:6px;background:var(--kagameel-milk)}
body.kagameel-context .kg-future-art{width:min(100%,420px);margin:24px auto 32px;padding:8px;background:#fffdf9;border:1px solid var(--kagameel-ink);border-radius:12px;box-shadow:6px 6px 0 var(--kagameel-blue)}
body.kagameel-context .kg-future-art[hidden]{display:none}
body.kagameel-context .kg-future-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:6px}
body.kagameel-context #my-data-submit.is-saving-action{background:#d83b2c;border-color:#d83b2c;color:#fff}
body.kagameel-context #my-data-submit.is-saving-action:hover:not(:disabled){background:#bc2e21;border-color:#bc2e21}
body.kagameel-context #my-data-submit.is-saving-action:disabled{opacity:.55;cursor:wait}
body.kagameel-context :is(.therapy-card,.therapy-card.has-lining,.therapy-quote,.therapy-step,.future-note,.bubble){background:var(--kagameel-milk);background-image:none;border:1px solid var(--kagameel-line);box-shadow:none;color:var(--kagameel-ink);border-radius:14px}
body.kagameel-context .therapy-card-frame{display:none}
body.kagameel-context :is(.card-inner-img,.kg-inner-card){display:block;width:100%;height:auto;aspect-ratio:7/10;object-fit:contain;object-position:center;border:0;padding:0}
body.kagameel-context .therapy-quote strong{color:var(--kagameel-ink)}
body.kagameel-context .therapy-section .note,body.kagameel-context .future-note{color:#57534d!important}
body.kagameel-context .therapy-nav{background:var(--kagameel-milk);border-color:var(--kagameel-line);backdrop-filter:none}
body.kagameel-context .therapy-nav a{color:var(--kagameel-ink);border:1px solid var(--kagameel-line)}
body.kagameel-context .therapy-nav a:hover{background:#eeedf8;color:var(--kagameel-blue)}
body.kagameel-context :is(.therapy-bar,.mini){background:#e6e1d7}
body.kagameel-context .bless{background:var(--kagameel-coral)}
body.kagameel-context .curse{background:var(--kagameel-blue)}
body.kagameel-context .therapy-wrap{padding:24px 0}
body.kagameel-context .therapy-section{padding:40px 0}
body.kagameel-context .therapy-action-btns :is(.btn-login,.btn-secondary,.btn-hires){background:var(--kagameel-ink);color:#fff;border:1px solid var(--kagameel-ink);font-weight:600}
@media(max-width:640px){
 body.kagameel-context .therapy-panel{padding:20px}
 body.kagameel-context .therapy-hero-grid{gap:24px}
 body.kagameel-context .therapy-hero-art{width:min(100%,280px);margin:0 auto}
 body.kagameel-context .therapy-hero-art img{max-height:none}
 body.kagameel-context .therapy-card{padding:18px}
 body.kagameel-context .bubble{max-width:100%}
}
@media(prefers-reduced-motion:reduce){body.kagameel-context *,body.kagameel-context *::before,body.kagameel-context *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}