/* Focused optical refinement of Dot R3; no replacement page layout. */
#mobile-neon{opacity:1!important}
:root{--paper:#03080b;--mask:3,8,11}
html[data-theme=day]{--paper:#eef5f5;--mask:238,245,245}
.opening-copy::before{background:radial-gradient(ellipse at 75% 45%,rgba(var(--mask),.65),rgba(var(--mask),.12) 65%,transparent)}
.fluid-title-phrase{overflow:visible!important}
.fluid-title-phrase--plain{color:var(--ink)!important}
h1 .fluid-title-phrase:not(.fluid-title-phrase--plain),h2 .fluid-title-phrase:not(.fluid-title-phrase--plain){background-image:linear-gradient(125deg,#d1fff8 0%,#63ecd5 30%,#83deef 62%,#b2a5ef 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=day] h1 .fluid-title-phrase:not(.fluid-title-phrase--plain),html[data-theme=day] h2 .fluid-title-phrase:not(.fluid-title-phrase--plain){background-image:linear-gradient(125deg,#066558,#077a8a 58%,#7255a1)}
.brand-finale{position:relative!important;width:min(640px,100%)!important;height:490px!important;min-height:0!important;padding:0!important;margin:0 auto 25px!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.brand-finale:before,.brand-finale:after{display:none!important;animation:none!important}
.brand-finale img,.brand-logo-surface{position:absolute!important;inset:auto!important;width:630px!important;height:630px!important;max-height:none!important;max-width:none!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;mix-blend-mode:normal!important}
.brand-finale.original-composited img{visibility:hidden}.brand-finale span{position:absolute!important;bottom:0;inset-inline:0;text-align:center;margin:0!important;color:var(--ink)!important;font-size:18px;z-index:2}
.name:after,.name[aria-current=true]:after{border:0!important}.name[aria-current=true] small{color:var(--aqua);text-decoration:underline;text-underline-offset:7px}.name:focus-visible{outline:2px solid var(--aqua);outline-offset:10px}
.scene-index,.scene-index a,.scenario-counter{letter-spacing:0!important}.signature,.skip,.continue,.back-top,.quick-controls input[type=range]{min-height:44px}
@media(max-width:760px){.brand-finale{height:350px!important}.brand-finale img,.brand-logo-surface{width:440px!important;height:440px!important}.opening-copy::before{background:radial-gradient(ellipse,rgba(var(--mask),.45),transparent 76%)}}
/* Finely lit chapter seams: one-pixel core, restrained spill, no panel frame. */
.ice-divider{position:absolute;top:0;inset-inline:7vw;height:1px;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(124,214,224,.12) 12%,rgba(141,243,232,.55) 46%,rgba(173,171,238,.24) 75%,transparent);box-shadow:0 1px 8px rgba(69,206,214,.09)}
.ice-divider:after{content:'';position:absolute;inset:-2px 38%;background:linear-gradient(90deg,transparent,rgba(145,246,240,.15),transparent);filter:blur(3px)}
.ice-divider i{display:block;position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent 30%,rgba(186,255,248,.8) 49%,transparent 68%);transform-origin:center;clip-path:inset(0)}
html[data-theme=day] .ice-divider{background:linear-gradient(90deg,transparent,rgba(31,139,150,.16) 12%,rgba(27,141,140,.5) 46%,rgba(126,108,167,.22) 75%,transparent);box-shadow:0 1px 7px rgba(46,144,165,.08)}
html[data-theme=day] .ice-divider i{background:linear-gradient(90deg,transparent 30%,rgba(13,133,145,.65) 49%,transparent 68%)}
/* An unsupported WebGL device still has an intentional soft-edged luminous image. */
.brand-finale:not(.original-composited) img{mix-blend-mode:screen!important;mask-image:radial-gradient(ellipse,black 38%,transparent 71%)!important;-webkit-mask-image:radial-gradient(ellipse,black 38%,transparent 71%)!important}
html[data-theme=day] .brand-finale:not(.original-composited){background:radial-gradient(ellipse,#07121b 15%,#14292e 43%,transparent 71%)!important}
@media(prefers-reduced-motion:reduce){.ice-divider i{display:none}}

/* Isolate the optical mark from the travelling code behind it. Full source resolution. */
.brand-finale{isolation:isolate;background:radial-gradient(ellipse at 50% 48%,var(--paper) 25%,rgba(var(--mask),.94) 47%,rgba(var(--mask),0) 73%)!important}
.brand-logo-surface,.brand-finale img{z-index:1}
.logo-water{display:none;position:absolute;z-index:0;left:16%;right:16%;top:80%;height:12%;border-radius:50%;background:radial-gradient(ellipse,rgba(126,196,207,.2),rgba(194,223,225,.17) 40%,transparent 72%);box-shadow:0 8px 15px -12px #477b8150}
html[data-theme=day] .logo-water{display:block}
.logo-water i{position:absolute;inset:14% 12%;border:1px solid rgba(57,127,142,.17);border-top-color:rgba(255,255,255,.94);border-bottom-color:rgba(76,130,151,.25);border-radius:50%;box-shadow:0 2px 3px #6da4b00d,inset 0 1px 1px #ffffff80}
.logo-water i:nth-child(2){inset:0 0;opacity:.6}.logo-water i:nth-child(3){inset:-18% -12%;opacity:.28}
.opening h1,.opening h1 .fluid-title-phrase{line-height:1.32!important}
.scene-index a{display:inline-flex;align-items:center;min-height:44px}
