@import url("../../../assets/css/gameplay-quality-v2.css?v=20261018");
.og-root{--og-ink:#203b3a;--og-red:#e85e3d;--og-teal:#187e76;--og-cream:#fff8e9;position:relative;overflow:hidden;color:var(--og-ink);background:var(--og-cream);border:2px solid var(--og-ink);border-radius:18px;box-shadow:0 8px 0 #203b3a12;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;isolation:isolate;touch-action:pan-y}
.og-root *{box-sizing:border-box}.og-root button{font:inherit;cursor:pointer;touch-action:manipulation}.og-root button:focus-visible,.og-root summary:focus-visible,.og-root canvas:focus-visible{outline:3px solid #218aee;outline-offset:-4px}.og-root button:disabled{cursor:default;opacity:.45}.og-root [hidden]{display:none!important}
.og-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #203b3a26;gap:8px}.og-brand{font-size:14px;font-weight:900;white-space:nowrap}.og-brand small{margin-left:8px;font-size:10px;font-weight:600;letter-spacing:.06em;opacity:.62}.og-rice-icon{color:var(--og-red);font-size:21px;vertical-align:-1px;margin-right:5px}.og-tools{display:flex;gap:5px}.og-tools button{border:1px solid #203b3a40;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:800;background:#fffdf6;color:var(--og-ink)}.og-tools button:hover{background:#f4e4c7}.og-tools button[aria-pressed=true]{color:#fff;background:var(--og-teal)}
.og-hud{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;align-items:center;gap:12px;padding:12px 18px;background:#fffdf5}.og-label{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;line-height:1.5}.og-hud strong{display:block;font-size:23px;font-weight:900;line-height:1.25;font-variant-numeric:tabular-nums}.og-health strong{font-size:16px;letter-spacing:3px;color:var(--og-red);white-space:nowrap}.og-meter{height:10px;border:1px solid #c9d4c9;border-radius:12px;background:#e4ebe2;margin-top:8px;overflow:hidden}.og-meter i{display:block;width:0;height:100%;background:var(--og-teal);border-radius:inherit;transition:width .1s linear}.og-fever.is-active .og-meter i{background:linear-gradient(90deg,#e9683d,#f7c747,#79b34d)}
.og-screen{position:relative;aspect-ratio:16/9;background:#fff0ce;overflow:hidden;min-height:280px}.og-screen canvas{display:block;width:100%;height:100%;touch-action:none}.og-stage-strip{position:absolute;inset:13px 16px auto;display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;pointer-events:none;color:#234940}.og-stage-strip span{padding:5px 8px;border-radius:5px;background:#fff9e5df}.og-progress{position:absolute;top:0;height:3px;width:100%;background:#174e4220}.og-progress i{display:block;height:100%;background:var(--og-red);width:0}.og-toast{position:absolute;top:55px;left:50%;transform:translate(-50%,-5px);max-width:94%;padding:8px 16px;border-radius:9px;box-shadow:0 3px 0 #173a3930;background:#203b3a;color:#fff9df;text-align:center;font-size:14px;font-weight:900;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;white-space:nowrap}.og-toast.is-active{opacity:1;transform:translate(-50%,0)}.og-combo{position:absolute;right:20px;top:55px;transform:rotate(-7deg);font-weight:900;font-size:27px;color:#d74726;text-shadow:2px 2px #fff9e5;pointer-events:none}.og-combo small{font-size:12px;display:block;text-align:right}
.og-overlay{position:absolute;inset:0;z-index:4}.og-intro{background:#fff2d8}.og-keyart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;pointer-events:none}.og-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff8e8f2 0%,#fff8e8c9 30%,#fff8e817 63%,transparent 100%);pointer-events:none}.og-intro-copy{position:relative;z-index:1;padding:26px 0 40px 30px;width:55%}.og-eyebrow{display:block;color:var(--og-teal);font-size:11px;font-weight:900;letter-spacing:.07em}.og-intro h2{font-size:clamp(35px,4.3vw,58px);font-weight:1000;line-height:1.02;letter-spacing:-.05em;margin:12px 0!important;color:var(--og-ink)!important;text-shadow:2px 2px #fff7dd}.og-intro h2 em{display:block;font-style:normal;font-size:.5em;letter-spacing:.1em;color:var(--og-red);margin-bottom:8px;transform:rotate(-5deg);transform-origin:left}.og-intro h2 span{color:var(--og-red)}.og-intro-copy p{font-size:15px;line-height:1.5;margin:14px 0!important}.og-intro-copy>small{display:block;font-size:10px;margin-top:9px;font-weight:700;white-space:nowrap}.og-primary{display:block;background:var(--og-red);border:2px solid var(--og-ink);box-shadow:0 4px 0 var(--og-ink);border-radius:9px;color:#fffdf3;font-weight:900!important;font-size:15px!important;padding:12px 18px;line-height:1.3;transition:transform .1s,box-shadow .1s}.og-primary:hover{background:#d84829;transform:translateY(-1px);box-shadow:0 5px 0 var(--og-ink)}.og-primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--og-ink)}.og-primary span{margin-left:10px}.og-intro-tags{position:absolute;z-index:1;bottom:13px;left:20px;right:20px;display:flex;gap:6px}.og-intro-tags span{font-size:10px;font-weight:800;border:1px solid #203b3a33;border-radius:20px;padding:4px 10px;background:#fff9e6e8}
.og-panel{background:#173c3b91;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto;backdrop-filter:blur(4px)}.og-card{width:min(480px,100%);text-align:center;padding:25px;background:var(--og-cream);border:2px solid var(--og-ink);border-radius:15px;box-shadow:5px 7px 0 #0b282847;max-height:100%;overflow-y:auto}.og-card h2{font-size:26px!important;color:var(--og-ink)!important;line-height:1.35;letter-spacing:-.04em;margin:10px 0!important}.og-card p{font-size:13px;line-height:1.8;margin:10px 0 15px!important}.og-card .og-primary{margin:15px auto 5px;max-width:100%}.og-secondary{display:block;margin:14px auto 0;border:0;border-bottom:1px solid #203b3a50;color:var(--og-ink);background:transparent;padding:4px 2px;font-size:12px!important}.og-perk-card{width:min(740px,100%)}.og-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.og-perks button{background:#fffdf7;border:2px solid #bec9b8;border-radius:12px;padding:14px 6px;color:var(--og-ink);box-shadow:0 3px 0 #bec9b8;transition:transform .12s,border-color .12s}.og-perks button:hover{transform:translateY(-3px);border-color:var(--og-teal)}.og-perk-symbol{display:grid;place-items:center;width:47px;height:47px;margin:0 auto 9px;border:2px solid var(--og-ink);border-radius:50%;background:#b9d78d;font-size:23px;font-weight:900}.og-perks button:nth-child(2) .og-perk-symbol{background:#ea8e86}.og-perks button:nth-child(3) .og-perk-symbol{background:#ffc384}.og-perks b{display:block;font-size:13px}.og-perks small{display:block;font-size:10px;line-height:1.7;margin-top:7px}.og-result-score{font-size:55px;line-height:1.2;color:var(--og-red);font-weight:1000;font-variant-numeric:tabular-nums}.og-card .og-best{color:var(--og-teal);font-size:11px;font-weight:800;margin:6px 0!important}.og-card .og-save-status{font-size:10px;min-height:16px;margin:6px 0!important}
.og-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f4ead7;border-top:2px solid var(--og-ink);user-select:none;-webkit-user-select:none}.og-direction,.og-actions{display:flex;gap:7px;align-items:center}.og-controls button{position:relative;min-width:54px;height:54px;padding:6px 12px;background:#fffaf0;color:var(--og-ink);border:2px solid var(--og-ink);box-shadow:0 3px 0 #203b3a;border-radius:11px;font-size:13px;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.og-direction button{font-size:24px}.og-controls button.is-pressed{transform:translateY(3px);box-shadow:none}.og-controls small{display:block;font-size:9px;line-height:1.6;font-weight:600}.og-controls .og-jump{background:#ffd77c}.og-controls .og-dash{background:var(--og-red);color:#fff9e9;min-width:105px;overflow:hidden}.og-controls .og-slam{border-color:#75847b;box-shadow:0 3px 0 #75847b}.og-dash i{position:absolute;bottom:0;left:0;height:4px;background:#fff3a2;width:100%}.og-guide{padding:11px 17px;background:#fffcf2;font-size:11px;line-height:1.8}.og-guide summary{cursor:pointer;font-size:12px;font-weight:800}.og-guide p{margin:8px 0}.og-root.og-expanded{position:fixed;inset:8px;z-index:10000;border-radius:12px;overflow-y:auto;max-width:1300px;margin:auto}.og-root.og-expanded .og-screen{max-height:calc(100dvh - 227px);min-height:230px}.og-root.og-expanded .og-guide{display:none}.og-root.og-expanded canvas{object-fit:contain}.og-root.og-expanded .og-intro-copy{padding-top:18px}
@media(max-width:1050px) and (min-width:601px){.og-intro-copy{padding-top:17px;padding-left:22px}.og-intro h2{font-size:43px}.og-intro-copy p{font-size:13px;margin:10px 0!important}.og-primary{font-size:13px!important;padding:10px 12px}.og-intro-copy>small{font-size:9px}.og-brand small{display:none}}
@media(max-width:600px){.og-root{border-radius:12px}.og-brand{font-size:12px}.og-brand small{display:none}.og-topbar{padding:8px}.og-tools{gap:3px}.og-tools button{padding:5px 6px;font-size:10px}.og-rice-icon{font-size:17px;margin-right:2px}.og-hud{padding:9px 11px;gap:8px;grid-template-columns:.8fr 1.2fr 1.2fr}.og-label{font-size:8px;letter-spacing:.01em}.og-hud strong{font-size:21px}.og-health strong{font-size:12px;letter-spacing:1px}.og-meter{height:8px;margin-top:8px}.og-screen{aspect-ratio:560/540;min-height:300px}.og-stage-strip{inset:9px 8px auto;font-size:9px;gap:5px}.og-stage-strip span{padding:4px 5px}.og-toast{top:43px;font-size:11px;padding:8px 10px;white-space:normal;width:max-content}.og-combo{right:12px;top:83px;font-size:23px}.og-intro-copy{padding:26px 0 0 17px;width:85%}.og-eyebrow{font-size:9px}.og-intro h2{font-size:44px;margin:12px 0!important}.og-intro h2 em{font-size:22px}.og-keyart{object-position:61% center;opacity:.85}.og-intro:after{background:linear-gradient(90deg,#fff8e8eb 0%,#fff8e8bb 38%,transparent 91%)}.og-intro-copy p{font-size:13px;margin:14px 0!important}.og-intro-copy .og-primary{font-size:13px!important;padding:12px}.og-intro-copy>small{font-size:8px}.og-intro-tags{bottom:10px;left:10px;right:8px;gap:4px}.og-intro-tags span{font-size:8px;padding:4px 6px}.og-controls{padding:10px 8px;gap:6px}.og-direction,.og-actions{gap:5px}.og-controls button{min-width:41px;height:52px;padding:5px 7px;font-size:11px;border-radius:9px}.og-direction button{font-size:22px}.og-controls .og-dash{min-width:73px}.og-controls small{font-size:8px}.og-controls .og-slam{font-size:10px;padding:5px}.og-card{padding:18px 12px}.og-card h2{font-size:23px!important}.og-card p{font-size:11px;margin:8px 0!important}.og-result-score{font-size:43px}.og-card .og-primary{font-size:13px!important;padding:11px}.og-perks{gap:7px;grid-template-columns:1fr;margin-top:12px}.og-perks button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 9px;padding:8px 10px}.og-perk-symbol{grid-row:1/3;width:36px;height:36px;font-size:19px;margin:0;align-self:center}.og-perks b{font-size:12px}.og-perks small{font-size:9px;margin:0;line-height:1.4}.og-perks br{display:none}.og-guide{padding:9px 12px}.og-root.og-expanded{inset:0}.og-root.og-expanded .og-screen{max-height:none}}
.og-root.og-expanded{inset:8px auto auto 50%;transform:translateX(-50%);width:min(1300px,calc((100dvh - 235px)*16/9),calc(100vw - 16px));max-height:calc(100dvh - 16px);margin:0}.og-root.og-expanded .og-screen{width:100%;max-height:none}.og-result-score+p,.og-card #ogResultDetails{white-space:pre-line}
@media(max-width:600px){.og-root.og-expanded{inset:0 auto auto 0;transform:none;width:100%;max-height:100dvh}}
.og-root{width:100%;min-width:0}.og-root.og-narrow .og-screen{aspect-ratio:560/540}
.og-root.og-compact .og-intro-copy{padding-top:16px;width:91%}.og-root.og-compact .og-intro h2{font-size:38px;margin:10px 0!important}.og-root.og-compact .og-intro-copy p{font-size:12px;margin:10px 0!important}.og-root.og-compact .og-intro-tags{display:none}.og-root.og-compact .og-controls{padding:9px 6px;gap:5px}.og-root.og-compact .og-controls button{padding-left:5px;padding-right:5px;min-width:37px}.og-root.og-compact .og-controls .og-dash{min-width:67px}
@media(prefers-reduced-motion:reduce){.og-root *{transition:none!important}}

/* Ticket, route and ability information share the office stationery palette. */
.og-root{box-shadow:0 16px 38px #163e3329}.og-topbar{background:linear-gradient(110deg,#173f38,#287b64);color:#fff3cc;border-bottom:3px solid #e5b85c}.og-brand small{color:#d9e6c6}.og-tools button{background:#ffffff13;color:#fff4dc;border-color:#8db2a1}.og-hud{background:linear-gradient(110deg,#fff0cc,#ede7d0);box-shadow:0 2px 0 #fff9 inset}.og-stage-strip{background:linear-gradient(90deg,#193e37ee,#193e3799);color:#fff6d9;border-bottom:1px solid #f0c77a60}.og-route-card{display:flex;align-items:center;gap:14px;padding:12px 17px;background:#f2ead4;border-top:3px solid #c9ad77;border-bottom:1px dashed #c7b997;color:#5c6956;font-size:10px}.og-route-card>span{font-weight:800;white-space:nowrap}.og-route-card ol{display:flex;list-style:none;counter-reset:route;gap:10px;padding:0;margin:0;flex:1}.og-route-card li{counter-increment:route;color:#8a8f7d}.og-route-card li:before{content:counter(route,decimal-leading-zero);font-size:9px;display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #bbb798;border-radius:50%;margin-right:5px}.og-route-card .is-current{color:#187b64;font-weight:900}.og-route-card .is-current:before{color:#fff8de;background:#187b64;border-color:#187b64}.og-route-card .is-done:before{content:'✓';color:#187b64}.og-route-card>b{font-size:9px;color:#9b592f}.og-root .og-card{background:repeating-linear-gradient(0deg,transparent 0 27px,#b7b69b17 27px 28px),#fff9e9;box-shadow:0 15px 40px #153e3540}.og-result-score{text-shadow:0 3px 0 #e6c688}.og-keyart{filter:saturate(1.12) contrast(1.03)}
@media(max-width:680px){.og-route-card{padding:9px 10px;gap:7px;flex-wrap:wrap}.og-route-card>span{font-size:9px}.og-route-card ol{flex-basis:100%;order:2;justify-content:space-between;gap:3px}.og-route-card li{font-size:9px}.og-route-card li:before{width:19px;height:19px;margin-right:3px}.og-route-card>b{margin-left:auto}}
.og-root .og-tools button{background:#fff3d4;color:#1d584a;border-color:#65947f}.og-root .og-tools button:hover{background:#f4d9a2;color:#1d584a}