@property --sky-top{syntax:"<color>";inherits:true;initial-value:#33407a}@property --sky-mid{syntax:"<color>";inherits:true;initial-value:#c98aa8}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#ffd2a6}:root{--fg:#1c2a48;--muted:#56647f;--panel:#fff;--line:#d7e1ef;--you:#f2731f;--grow:#18915a;--change:#2f6fe0;--gold:#d99a00;--ai:#0fb5e0;--display:"M PLUS Rounded 1c", "Zen Kaku Gothic New", system-ui, sans-serif;--body:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}p{margin:0}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--fg);font-family:var(--body);-webkit-tap-highlight-color:transparent;background:#eaf3ff;font-size:17px;line-height:1.7}#sky{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 45%, var(--sky-bottom) 100%);position:fixed;inset:0}#stage{position:fixed;inset:0}#stage canvas{display:block}#ui{pointer-events:none;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);flex-direction:column;display:flex;position:fixed;inset:0}#ui>*{pointer-events:auto}#screen{pointer-events:none;flex-direction:column;flex:1;min-height:0;display:flex}#screen>*{pointer-events:auto}.top{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 0;display:flex;pointer-events:none!important}.brand{font-family:var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 1px 6px #141e3c59;font-size:16px;font-weight:800}.flap{gap:4px;display:flex}.flap span{font-family:var(--display);width:26px;height:36px;color:var(--you);background:#fff;border-radius:6px;place-items:center;font-size:24px;font-weight:800;display:grid;position:relative;box-shadow:0 2px 6px #1c2a482e}.flap span:after{content:"";background:#1c2a481a;height:1px;position:absolute;top:50%;left:0;right:0}.badge{top:calc(58px + env(safe-area-inset-top,0px));font:inherit;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff8c;border:1px solid #fffc;border-radius:999px;padding:2px 10px;font-size:14px;position:absolute;right:16px}.skip{top:calc(100px + env(safe-area-inset-top,0px));font:inherit;color:#fff;cursor:pointer;background:#1c2a488c;border:0;border-radius:999px;padding:6px 14px;font-size:15px;position:absolute;right:16px}.foot{left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:.06em;pointer-events:none;font-size:12px;position:fixed}.foot a{color:#1c2a488c;pointer-events:auto;text-decoration:none}dialog{max-width:min(92vw,420px);color:var(--fg);border:0;border-radius:16px;padding:20px;font-size:16px}dialog::backdrop{background:#141e3c73}dialog .h{font-family:var(--display);margin:0 0 8px;font-size:19px;font-weight:800}dialog p{margin:0 0 10px}.col{flex-direction:column;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:0 16px;display:flex}.btn{font:inherit;font-family:var(--display);cursor:pointer;background:var(--you);color:#fff;letter-spacing:.04em;border:0;border-radius:999px;padding:14px 22px;font-size:19px;font-weight:800;box-shadow:0 6px 18px #f2731f52}.btn.ghost{color:var(--fg);background:#fff;box-shadow:0 2px 8px #1c2a481f}.btn:focus-visible,.opt:focus-visible,.pick:focus-visible{outline:3px solid var(--change);outline-offset:2px}.center{text-align:center}.big{font-family:var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(44px,13vw,72px);font-weight:800;line-height:1.05}.h1{font-family:var(--display);text-wrap:balance;font-size:clamp(30px,9vw,44px);font-weight:800;line-height:1.2}.h2{font-family:var(--display);text-wrap:balance;font-size:22px;font-weight:800;line-height:1.35}.lead{font-size:18px}.on-sky{color:#fff;text-shadow:0 2px 10px #141e3c73}.muted{color:var(--muted)}.spacer{flex:1}.sheet{padding:16px 0 calc(28px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-radius:22px 22px 0 0;margin-top:auto;box-shadow:0 -6px 24px #1c2a4824}.sheet .q{font-family:var(--display);font-size:20px;font-weight:800}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opt{font:inherit;text-align:left;cursor:pointer;color:var(--fg);border:2px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.opt:hover{border-color:var(--you)}.opt b{font-family:var(--display);font-size:19px;font-weight:800;line-height:1.3}.opt .d{color:var(--muted);font-size:15px;line-height:1.5}.opt .meta{align-items:center;gap:10px;margin-top:2px;font-size:15px;display:flex}.opt.main{padding:18px 16px}.opt.main b{font-size:22px}.cost{color:var(--muted)}.arrow{font-family:var(--display);font-weight:800}.arrow.up{color:var(--grow)}.arrow.flat{color:var(--muted)}.arrow.down{color:var(--change)}.list{flex-direction:column;gap:8px;max-height:46vh;display:flex;overflow-y:auto}.back{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:16px}.picks{flex-wrap:wrap;gap:8px;display:flex}.pick{font:inherit;border:2px solid var(--line);color:var(--fg);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-size:17px}.pick[aria-pressed=true]{border-color:var(--you);background:#fff4ec;font-weight:700}.label{color:var(--muted);letter-spacing:.06em;font-size:15px}.news{background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px #1c2a4833}.news .tag{color:var(--muted);letter-spacing:.1em;font-size:14px}.news .hl{font-family:var(--display);margin:4px 0;font-size:clamp(24px,7vw,32px);font-weight:800;line-height:1.3}.result{background:#fffffff5;border-radius:22px;flex-direction:column;gap:6px;padding:18px;display:flex;box-shadow:0 10px 30px #1c2a4829}.result .k{color:var(--muted);letter-spacing:.08em;font-size:15px}.delta{font-family:var(--display);font-size:24px;font-weight:800}.delta.up{color:var(--grow)}.delta.down{color:var(--change)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#8a5a00;background:#fff4d6;border-radius:999px;padding:2px 10px;font-size:15px;font-weight:700}.gauge{background:#e8eef7;border-radius:99px;height:12px;overflow:hidden}.gauge i{background:linear-gradient(90deg, #ffb15c, var(--you));border-radius:99px;width:0;height:100%;display:block}.rank{perspective:900px}.rank .card{height:200px;transform-style:preserve-3d;position:relative}.rank .face{backface-visibility:hidden;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:absolute;inset:0}.rank .back{color:#fff;font-family:var(--display);background:linear-gradient(135deg,#2f6fe0,#7a5cf0);font-size:26px;font-weight:800}.rank .front{background:#fff;transform:rotateY(180deg);box-shadow:0 10px 30px #1c2a4833}.rank .front.r3{border:3px solid var(--gold);box-shadow:0 0 0 6px #fff3cf,0 10px 30px #d99a0059}.rank .front.r2{border:3px solid #b8c6dc}.rank .name{font-family:var(--display);color:var(--you);font-size:clamp(30px,9vw,40px);font-weight:800;line-height:1.2}.stars{color:var(--gold);letter-spacing:.2em;font-size:20px}.race{background:#fff;border-radius:18px;padding:12px}.race svg{width:100%;height:auto;display:block}.legend{flex-wrap:wrap;gap:14px;font-size:15px;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:18px;height:4px;margin-right:6px;display:inline-block}.route{margin:0;padding:0;list-style:none}.route li{border-bottom:1px dashed var(--line);grid-template-columns:56px 1fr;gap:8px;padding:8px 0;font-size:16px;display:grid}.route .y{font-family:var(--display);color:var(--you);font-weight:800}.scroll{padding-bottom:40px;overflow-y:auto}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.tl{background:#fffffff7;border-radius:18px;flex-direction:column;gap:2px;padding:12px 12px 10px;display:flex}.tl-row{border-radius:8px;grid-template-columns:84px 1fr 96px;align-items:center;gap:8px;display:grid}.tl-row svg{width:100%;height:auto;display:block}.tl-row.you{background:#fff4ec}.tl-name{padding-left:4px;font-size:15px;font-weight:700;line-height:1.3}.tl-name small{color:#b5520f;font-size:13px;font-weight:700;display:block}.tl-word{color:var(--fg);white-space:nowrap;font-size:14px}.tl-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:14px;display:flex}.tl-legend i{background:var(--you);vertical-align:-1px;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #f2731f}.cal{z-index:20;pointer-events:none;perspective:700px;width:200px;position:fixed;top:42%;left:50%}.cal .rings{background:var(--you);border-radius:14px 14px 0 0;height:22px;position:relative}.cal .rings:before,.cal .rings:after{content:"";background:#3b4766;border-radius:6px;width:10px;height:20px;position:absolute;top:-8px}.cal .rings:before{left:46px}.cal .rings:after{right:46px}.cal .page{text-align:center;transform-origin:50% 0;background:#fff;border-radius:0 0 14px 14px;padding:10px 0 18px;box-shadow:0 16px 40px #141e3c4d}.cal .y{font-family:var(--display);color:var(--fg);font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1.1}.cal .m{color:var(--muted);font-size:16px;display:block}.change{background:#fff;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 10px 30px #1c2a4829}.change .task{font-family:var(--display);font-size:22px;font-weight:800;line-height:1.3}.lv{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.lv span{color:#0b6f8a;background:#e6f6fb;border-radius:999px;padding:2px 10px;font-weight:700}.lv span.now{color:#fff;background:#0fb5e0}.change .say{font-size:19px;font-weight:700;line-height:1.6}.shift{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shift div{border-radius:14px;padding:10px 12px;font-size:15px;line-height:1.6}.shift .dn{background:#eaf1fd}.shift .upv{background:#e8f6ee}.shift b{font-size:14px;display:block}.forecast{border-left:4px solid var(--change);padding-left:12px;font-size:17px;line-height:1.7}.forecast small{color:var(--muted);font-size:14px;display:block}