:root{--navy:#071d36;--blue:#0e6a93;--green:#13ef83;--red:#ff2458;--cyan:#27d7ee;--line:rgba(15,126,97,.24);--surface:rgba(255,255,255,.93);font-family:Inter,"Noto Sans JP","Hiragino Sans",system-ui,sans-serif;color:#0b223e;background:#eef9f6;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}button,a{font:inherit}.mp-app{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:74px 34px auto auto minmax(510px,1fr);background-color:#eef9f6;background-image:linear-gradient(rgba(13,131,96,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(13,131,96,.075) 1px,transparent 1px),radial-gradient(circle at 50% 20%,rgba(49,240,153,.13),transparent 36%);background-size:58px 58px,58px 58px,auto}.mp-header{display:grid;grid-template-columns:155px minmax(0,1fr) 210px;align-items:center;gap:12px;padding:8px 18px;border-bottom:1px solid rgba(17,126,91,.18);background:rgba(255,255,255,.94);box-shadow:0 4px 17px rgba(21,60,47,.08);z-index:5}.mp-board-switch{display:flex;width:max-content;max-width:155px;height:48px;align-items:center;gap:5px;border:1px solid rgba(20,91,72,.22);border-radius:16px;padding:5px 10px;color:#098c52;background:#fff;box-shadow:0 5px 14px rgba(16,58,44,.12);text-decoration:none}.mp-board-switch span{font-size:1.55rem;font-weight:900}.mp-board-switch img{width:104px;max-height:30px;object-fit:contain}.mp-brand{display:flex;justify-self:center;align-items:center;gap:8px}.mp-brand-icon{width:42px;height:42px;object-fit:contain}.mp-brand>img:not(.mp-brand-icon){width:170px;max-height:48px;object-fit:contain}.mp-brand-dark{display:none}.mp-header-actions{display:flex;justify-content:flex-end;gap:8px}.mp-power,.mp-theme{height:48px;border:1px solid rgba(8,126,66,.2);border-radius:14px;background:linear-gradient(145deg,#fff,#e8f3f7);box-shadow:0 4px 12px rgba(10,52,88,.12)}.mp-power{display:flex;align-items:center;gap:7px;padding:5px 9px}.mp-power button{position:relative;width:48px;height:28px;border:0;border-radius:999px;padding:0;background:#b7bdc2;cursor:pointer}.mp-power button i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(17,29,23,.3);transition:transform .22s}.mp-power button[aria-checked=true]{background:#0aa357}.mp-power button[aria-checked=true] i{transform:translateX(20px)}.mp-power b{font-size:.7rem;color:#65716d}.mp-theme{display:grid;width:48px;place-items:center;padding:0;cursor:pointer}.mp-theme svg{width:24px;fill:none;stroke:#e9a20b;stroke-width:1.8;stroke-linecap:round}.mp-title{display:flex;align-items:baseline;justify-content:center;gap:12px;color:var(--navy);letter-spacing:.25em}.mp-title span{font-size:.54rem;font-weight:900}.mp-title strong{font-size:1rem;letter-spacing:.22em}.mp-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:8px 18px}.mp-summary>div,.mp-segment{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 6px 18px rgba(29,75,60,.09),inset 0 1px #fff}.mp-breadth,.mp-mood{padding:12px 18px}.mp-breadth p{display:flex;gap:10px;margin:0 0 8px;font-weight:950}.mp-breadth span:first-child{color:#078d4e}.mp-breadth span:last-child{color:#df2750}.mp-breadth em{color:#5c676a;font-style:normal}.mp-breadth>div,.mp-mood>div{height:12px;overflow:hidden;border-radius:999px;background:#ec4969}.mp-breadth i{display:block;width:50%;height:100%;background:linear-gradient(90deg,#0fd877,#19efa1);transition:width .35s}.mp-mood{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px}.mp-mood>span{font-weight:900}.mp-mood>strong{grid-row:1/3;grid-column:2;font-size:2.35rem;color:#099d57}.mp-mood>div{height:12px;background:#d9eee7}.mp-mood i{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24d5e5,#0fdf99,#ffc832);transition:width .35s}.mp-toolbar{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;padding:0 18px 8px}.mp-segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:54px;padding:4px}.mp-segment button{border:0;border-radius:14px;color:#5d6868;background:transparent;font-weight:950;cursor:pointer}.mp-segment button.is-active{color:#fff;background:linear-gradient(135deg,#087b50,#0cc876);box-shadow:0 5px 12px rgba(6,144,80,.23),inset 0 0 0 1px rgba(255,255,255,.2)}.mp-map{position:relative;overflow:hidden;margin:0 10px 10px;border:1px solid rgba(15,126,97,.3);border-radius:24px;background:rgba(239,255,250,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}.mp-map-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mp-map-backdrop:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 25% 35%,rgba(16,225,130,.16),transparent 25%),radial-gradient(circle at 74% 58%,rgba(255,79,92,.13),transparent 28%),radial-gradient(circle at 50% 90%,rgba(255,195,39,.13),transparent 30%)}.mp-map-backdrop span{position:absolute;color:rgba(6,76,73,.035);font-size:clamp(5rem,20vw,16rem);font-weight:1000;letter-spacing:-.09em}.mp-map-backdrop span:nth-child(1){left:-2%;top:7%;transform:rotate(-9deg)}.mp-map-backdrop span:nth-child(2){right:4%;top:35%;transform:rotate(9deg)}.mp-map-backdrop span:nth-child(3){left:24%;bottom:-5%}.mp-canvas{position:absolute;inset:8px}.mp-card{--card-color:var(--red);position:absolute;display:block;border:2px solid var(--card-color);border-radius:22%;padding:0;color:var(--navy);background:rgba(255,255,255,.96);box-shadow:0 0 10px color-mix(in srgb,var(--card-color) 70%,transparent),inset 0 0 14px color-mix(in srgb,var(--card-color) 19%,transparent),0 7px 15px rgba(13,42,51,.16);cursor:pointer;transform:translate3d(0,0,0);will-change:transform}.mp-card.is-up{--card-color:var(--green)}.mp-card.is-flat{--card-color:var(--cyan)}.mp-card-symbol{position:absolute;top:6%;left:7%;right:7%;overflow:hidden;font-size:clamp(.64rem,calc(var(--size)*.12),1.15rem);font-style:italic;font-weight:1000;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mp-card-icon{position:absolute;top:24%;left:17%;width:66%;height:47%;display:grid;place-items:center;border-radius:27%;color:#fff;background:linear-gradient(145deg,#0a2945,#118a66);font-size:clamp(1rem,calc(var(--size)*.27),3rem);font-weight:1000;letter-spacing:-.08em;box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 9px rgba(10,40,52,.16)}.mp-card[data-kind=forex] .mp-card-icon{border-radius:50%;background:linear-gradient(145deg,#153966,#13a077)}.mp-card[data-kind=commodity] .mp-card-icon{background:linear-gradient(145deg,#6f4d0a,#e3a300);font-size:clamp(1rem,calc(var(--size)*.31),3.2rem)}.mp-card[data-kind=yield] .mp-card-icon{background:linear-gradient(145deg,#323f55,#798696)}.mp-card-change{position:absolute;left:5%;right:5%;bottom:5%;color:var(--card-color);font-size:clamp(.62rem,calc(var(--size)*.13),1.35rem);font-weight:1000;line-height:1;text-align:center}.mp-loading,.mp-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#47615e;font-weight:900;background:rgba(242,255,251,.68);z-index:3}.mp-loading i{width:34px;height:34px;border:4px solid rgba(11,158,90,.2);border-top-color:#0aa85d;border-radius:50%;animation:mpSpin .8s linear infinite}.mp-empty button{min-height:42px;border:0;border-radius:10px;padding:0 18px;color:#fff;background:#078c50;font-weight:900}@keyframes mpSpin{to{transform:rotate(1turn)}}.mp-detail{position:fixed;right:18px;bottom:18px;width:min(420px,calc(100vw - 36px));z-index:10;border:1px solid var(--line);border-radius:20px;padding:18px;color:var(--navy);background:rgba(255,255,255,.97);box-shadow:0 20px 60px rgba(4,30,43,.28)}.mp-detail-close{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:50%;font-size:1.5rem;background:#edf4f2;cursor:pointer}.mp-detail small{font-weight:900;color:#078a54}.mp-detail h2{margin:2px 42px 8px 0;font-size:1.25rem}.mp-detail-quote{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.mp-detail-quote strong{font-size:1.5rem}.mp-detail-quote span{font-size:1.15rem;font-weight:1000}.mp-detail svg{width:100%;height:126px;margin-top:8px}.mp-detail p{margin:5px 0 0;color:#6b7677;font-size:.68rem;font-weight:700}
html[data-theme=dark]{--surface:rgba(16,29,38,.94);--line:rgba(63,175,138,.3);color:#eef5f5;background:#07131d;color-scheme:dark}html[data-theme=dark] .mp-app{background-color:#07131d;background-image:linear-gradient(rgba(62,174,139,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(62,174,139,.075) 1px,transparent 1px),radial-gradient(circle at 50% 20%,rgba(18,133,94,.17),transparent 36%)}html[data-theme=dark] .mp-header{background:rgba(7,17,25,.96)}html[data-theme=dark] .mp-board-switch,html[data-theme=dark] .mp-power,html[data-theme=dark] .mp-theme{background:linear-gradient(145deg,#172735,#0d1924);color:#e8f1ee}html[data-theme=dark] .mp-brand-light{display:none}html[data-theme=dark] .mp-brand-dark{display:block}html[data-theme=dark] .mp-title{color:#e5f1ef}html[data-theme=dark] .mp-map{background:rgba(6,22,28,.75)}html[data-theme=dark] .mp-card{color:#f1f6f5;background:rgba(18,28,35,.96)}html[data-theme=dark] .mp-detail{color:#eef5f5;background:rgba(13,25,33,.98)}html[data-theme=dark] .mp-detail-close{color:#eef5f5;background:#24343c}html[data-theme=dark] .mp-map-backdrop span{color:rgba(111,241,194,.04)}html[data-power-save=true] .mp-card{will-change:auto}html[data-power-save=true] *{animation:none!important}
@media(max-width:760px){.mp-app{grid-template-rows:64px 0 auto auto minmax(540px,1fr)}.mp-header{grid-template-columns:112px minmax(0,1fr) 101px;padding:6px 8px}.mp-board-switch{height:44px;padding:4px 7px;border-radius:13px}.mp-board-switch img{width:73px}.mp-board-switch span{font-size:1.25rem}.mp-brand{gap:4px}.mp-brand-icon{width:32px;height:32px}.mp-brand>img:not(.mp-brand-icon){width:min(32vw,130px)}.mp-power,.mp-theme{height:44px}.mp-power{gap:4px;padding:4px 5px}.mp-power b{display:none}.mp-power button{width:42px;height:26px}.mp-power button i{width:20px;height:20px}.mp-power button[aria-checked=true] i{transform:translateX(16px)}.mp-theme{width:44px}.mp-title{display:none}.mp-summary{grid-template-columns:1.25fr .75fr;gap:7px;padding:7px 8px}.mp-summary>div{border-radius:14px}.mp-breadth,.mp-mood{padding:9px 10px}.mp-breadth p{gap:6px;margin-bottom:6px;font-size:.8rem}.mp-breadth>div,.mp-mood>div{height:9px}.mp-mood{gap:3px 7px}.mp-mood>span{font-size:.7rem}.mp-mood>strong{font-size:1.65rem}.mp-toolbar{display:grid;grid-template-columns:1fr;padding:0 8px 7px;gap:6px}.mp-segment{min-height:43px;border-radius:13px;padding:3px}.mp-segment button{border-radius:10px;font-size:.75rem}.mp-map{margin:0 4px 4px;border-radius:19px}.mp-canvas{inset:5px}.mp-card{border-width:1.5px;border-radius:20%}.mp-detail{right:7px;bottom:7px;width:calc(100vw - 14px);border-radius:16px;padding:15px}.mp-detail svg{height:105px}}@media(max-width:390px){.mp-header{grid-template-columns:100px minmax(0,1fr) 94px}.mp-board-switch img{width:66px}.mp-brand-icon{display:none}.mp-brand>img:not(.mp-brand-icon){width:min(34vw,122px)}}@media(orientation:landscape) and (max-height:620px){.mp-app{grid-template-rows:56px auto auto minmax(330px,1fr)}.mp-header{min-height:56px}.mp-title{display:none}.mp-summary{padding-block:5px}.mp-breadth,.mp-mood{padding:6px 12px}.mp-toolbar{grid-template-columns:.8fr 1.2fr;padding-bottom:5px}.mp-map{min-height:330px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mp-card{will-change:auto}.mp-loading i{animation:none}}

/* Match StockBull's lower-level pages with one icon-only back action. */
.mp-board-switch{width:48px;max-width:none;height:48px;justify-content:center;gap:0;padding:0;border-radius:14px}
.mp-board-switch span{font-size:1.85rem;font-weight:900;line-height:1}
@media(max-width:760px){
  .mp-board-switch{width:44px;height:44px;padding:0;border-radius:12px}
  .mp-board-switch span{font-size:1.75rem}
}

/* Preserve every visible card while the data set changes. */
.mp-card{contain:layout paint style}
.mp-card-symbol{font-size:var(--symbol-size,clamp(.64rem,calc(var(--size)*.12),1.15rem))}
.mp-card-icon{font-size:var(--icon-size,clamp(1rem,calc(var(--size)*.27),3rem))}
.mp-card[data-kind=commodity] .mp-card-icon{font-size:var(--icon-size,clamp(1rem,calc(var(--size)*.31),3.2rem))}
.mp-card-change{font-size:var(--change-size,clamp(.62rem,calc(var(--size)*.13),1.35rem))}
.mp-canvas.is-morphing .mp-card:not(.is-leaving){transition:width 7s cubic-bezier(.45,0,.55,1),height 7s cubic-bezier(.45,0,.55,1),opacity 1.4s ease}
.mp-canvas.is-morphing .mp-card:not(.is-leaving) .mp-card-symbol,
.mp-canvas.is-morphing .mp-card:not(.is-leaving) .mp-card-icon,
.mp-canvas.is-morphing .mp-card:not(.is-leaving) .mp-card-change{transition:font-size 7s cubic-bezier(.45,0,.55,1)}
.mp-canvas.is-morphing .mp-card.is-leaving{z-index:0;pointer-events:none;transition:width 3.6s cubic-bezier(.45,0,.55,1),height 3.6s cubic-bezier(.45,0,.55,1),opacity 2.4s ease,transform 3.6s cubic-bezier(.45,0,.55,1)}
html[data-power-save=true] .mp-canvas.is-morphing .mp-card{transition:none!important}
@media(prefers-reduced-motion:reduce){.mp-canvas.is-morphing .mp-card,.mp-canvas.is-morphing .mp-card-symbol,.mp-canvas.is-morphing .mp-card-icon,.mp-canvas.is-morphing .mp-card-change{transition:none!important}}
