.ref-shell{--ref-red: #e0262f;--ref-paper: #f4f1ea;--ref-ink: #09090c;--ref-x: calc(clamp(22px, 5.2vw, 104px) + env(safe-area-inset-left, 0px)) ;--ref-xr: calc(clamp(22px, 5.2vw, 104px) + env(safe-area-inset-right, 0px)) ;--ref-bar: clamp(40px, 7.2vh, 82px);--ref-panel-gap: 2.4vh;position:fixed;inset:0;z-index:40;color:var(--ref-paper);font:clamp(12px,1.45vmin,18px)/1.4 "PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;pointer-events:auto;text-align:left;outline:0;touch-action:manipulation}.ref-shell,.ref-shell *{box-sizing:border-box}.ref-shell[hidden],.ref-shell [hidden]{display:none!important}.ref-shell button{color:inherit;font:inherit;border:0;border-radius:2px;min-height:0;margin:0;padding:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ref-shell button:hover{background:transparent}.ref-shell button:active{transform:none}.ref-shell button:focus-visible{outline:2px solid var(--ref-paper);outline-offset:2px}.ref-shell svg{width:1.35em;height:1.35em;flex:none;display:block}.ref-title,.ref-loader,.ref-intro{position:absolute;inset:0;overflow:hidden}.ref-backdrop{position:absolute;inset:0;pointer-events:none;background-position:64% 30%;background-size:cover}.ref-backdrop.has-photo{background-color:#090a0f}.ref-title .ref-backdrop.has-responsive-photo{background-image:linear-gradient(180deg,#481c16,#301621 60%,#10111c)}.ref-loader .ref-backdrop.has-responsive-photo{background-image:linear-gradient(180deg,#151424,#492e36 42%,#0b0c14)}.ref-backdrop-picture{position:absolute;inset:0;display:block;overflow:hidden}.ref-backdrop-picture img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease-out}.ref-backdrop-picture[data-decoded=true] img{opacity:1}.ref-backdrop-picture-menu img{object-position:64% 18%}.ref-backdrop-picture-loader img{object-position:66% 40%}.ref-title .ref-backdrop:not(.has-photo){background:linear-gradient(180deg,#481c1608 10%,#30162105 60%,#10111c40)}.ref-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050509db,#05050999 26%,#0505091f 50%,#05050900 62%),linear-gradient(#05050900 74%,#0505098c),radial-gradient(at 62% 46%,#0000 48%,#00000080)}.ref-bar{position:absolute;left:0;right:0;height:var(--ref-bar);display:flex;align-items:center;justify-content:space-between;gap:2em;padding:0 var(--ref-xr) 0 var(--ref-x);background:#050507}.ref-bar-top{top:0;height:calc(var(--ref-bar) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.ref-bar-bottom{bottom:0;height:calc(var(--ref-bar) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.ref-legal{display:flex;gap:.9em;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;color:#f4f1ea9e;font-size:.78em;letter-spacing:.08em}.ref-dot{flex:none;width:3px;height:3px;border-radius:50%;background:#f4f1ea66}.ref-tools{display:flex;flex:none;gap:.6em;align-items:center}.ref-shell .ref-tool{display:inline-flex;gap:.55em;align-items:center;height:2.35em;padding:0 1em 0 .85em;background:#ffffff08;border:1px solid #f4f1ea38;font-size:.86em;font-weight:700;letter-spacing:.06em}.ref-tool svg{width:1.25em;height:1.25em}.ref-shell .ref-tool:hover,.ref-shell .ref-tool:focus-visible{color:var(--ref-ink);background:var(--ref-paper);border-color:var(--ref-paper)}.ref-language span{display:inline-flex;align-items:baseline;gap:.35em}.ref-language b{opacity:.5}.ref-language b.on{opacity:1}.ref-language i{font-style:normal;opacity:.35}.ref-left{position:absolute;left:var(--ref-x);top:var(--ref-bar);bottom:var(--ref-bar);display:flex;flex-direction:column;justify-content:center;width:min(26em,44vw);transition:opacity .35s,transform .35s}.ref-logo{display:block;flex:none;width:clamp(250px,27vw,540px);height:auto;margin-left:-.2em;overflow:visible;filter:drop-shadow(0 .5vw 1.3vw #0009)}.ref-menu{display:flex;flex-direction:column;gap:.2em;width:min(21em,100%);margin-top:clamp(16px,4.6vh,58px);min-height:0;overflow-y:auto;scrollbar-width:thin}.ref-shell .ref-menu-button{position:relative;display:flex;align-items:center;gap:1em;width:100%;min-height:44px;text-align:left;border-radius:2px;padding:.6em 1.1em .6em 1.2em;text-shadow:0 1px 3px #0009;transition:background .15s,color .15s}.ref-menu-icon{flex:none;opacity:.8}.ref-menu-icon svg{width:1.35em;height:1.35em}.ref-menu-label b{display:block;letter-spacing:.1em;font-size:1.3em;font-weight:800;line-height:1.2}.ref-menu-label small{display:block;margin-top:.1em;font:700 .7em/1.3 Avenir Next Condensed,Arial Narrow,sans-serif;letter-spacing:.3em;opacity:.66}.ref-save-summary{display:block;margin-top:.25em;color:#ffe2a0;opacity:.85;font-size:.8em;font-weight:600;line-height:1.3;letter-spacing:.02em}.ref-menu-button:hover .ref-save-summary,.ref-menu-button.focus .ref-save-summary{color:#7a4b00}.ref-primary .ref-menu-label b{font-size:1.55em}.ref-primary .ref-menu-icon{opacity:1}.ref-primary .ref-menu-icon svg{width:1.55em;height:1.55em}.ref-shell .ref-menu-button.focus{color:var(--ref-ink);background:var(--ref-paper);text-shadow:none;outline:0}.ref-menu-button.focus:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.28em;background:var(--ref-red)}.ref-menu-button.focus .ref-menu-icon{color:var(--ref-red);opacity:1}.ref-menu-button:hover{color:var(--ref-ink);background:var(--ref-paper);text-shadow:none;outline:0}.ref-menu-button:hover:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.28em;background:var(--ref-red)}.ref-menu-button:hover .ref-menu-icon{color:var(--ref-red);opacity:1}.ref-shell .ref-menu-button.ref-support{border-top:1px solid #f4f1ea26;margin-top:.5em;min-height:44px}.ref-support .ref-menu-icon{color:var(--ref-red)}.ref-support .ref-menu-label b{font-size:1.05em;letter-spacing:.04em;font-weight:700}.ref-title-tip{display:flex;align-items:center;gap:.9em;min-width:0;color:#f4f1eae0;font-size:.92em}.ref-title-tip b{flex:none;background:var(--ref-red);padding:.22em .6em;font-size:.78em;font-weight:800;color:#fff;letter-spacing:.12em}.ref-title-tip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-shot{display:flex;align-items:baseline;flex:none;gap:.9em;text-align:right;white-space:nowrap}.ref-shot:before{content:"";align-self:center;width:2.2em;height:2px;background:var(--ref-red)}.ref-shot b{font-size:1.2em;letter-spacing:.16em;font-weight:800}.ref-shot span{font:700 .72em Avenir Next Condensed,Arial Narrow,sans-serif;opacity:.7;letter-spacing:.28em}.ref-title-status{display:flex;flex:none;align-items:center;gap:.8em;white-space:nowrap;color:#f4f1eacc;font-size:.86em;letter-spacing:.06em}.ref-title-status-track{position:relative;display:block;width:7em;height:3px;overflow:hidden;background:#f4f1ea33}.ref-title-status-track i{position:absolute;inset:0;background:var(--ref-paper);transform-origin:0;transform:scaleX(0);transition:transform .3s}.ref-title.panel-open .ref-left{opacity:.16;pointer-events:none;transform:translate(-1em)}.ref-title.panel-open[data-panel=character] .ref-left{opacity:0}.ref-panel-host{position:absolute;right:var(--ref-xr);top:calc(var(--ref-bar) + 2.4vh);bottom:calc(var(--ref-bar) + 2.4vh);display:flex;flex-direction:column;justify-content:center;width:min(44em,54vw);animation:ref-panel-in .3s ease-out both}.ref-title[data-panel=character] .ref-panel-host{right:auto;left:var(--ref-x);width:min(34em,46vw)}.ref-title[data-panel=help] .ref-panel-host{width:min(64em,66vw)}.ref-character-preview{position:absolute;left:46%;right:var(--ref-xr);top:calc(var(--ref-bar) + 1vh);bottom:calc(var(--ref-bar) + 1vh);z-index:1;pointer-events:none}.ref-character-canvas{display:block;width:100%;height:100%;pointer-events:none}.ref-character-preview #game.ref-character-canvas{position:static;inset:auto;width:100%!important;height:100%!important;pointer-events:none;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 10% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000)}.ref-character-preview[data-state=loading]:after{content:"";position:absolute;top:48%;left:50%;width:22px;height:22px;margin:-11px;border:2px solid #ffffff28;border-top-color:#f4f1ea;border-radius:50%;animation:ref-spin .8s linear infinite}.ref-character-preview[data-mode=world]{inset:0;width:auto;height:auto;z-index:0}.ref-character-preview[data-mode=world] #game.ref-character-canvas{mask:none;-webkit-mask:none}.ref-shell[data-preview-mode=world] .ref-title .ref-backdrop{z-index:1;transition:opacity .45s}.ref-shell.ref-character-live .ref-title .ref-backdrop{opacity:0}.ref-shell[data-preview-mode=world] .ref-vignette{z-index:2}.ref-shell[data-preview-mode=world] .ref-title .ref-left{z-index:3}.ref-shell[data-preview-mode=world] .ref-title .ref-panel-host,.ref-shell[data-preview-mode=world] .ref-title .ref-bar{z-index:4}.ref-shell[data-preview-mode=world] .ref-title .ref-panel-host{top:calc(var(--ref-bar) + var(--ref-panel-gap) + env(safe-area-inset-top,0px));bottom:calc(var(--ref-bar) + var(--ref-panel-gap) + env(safe-area-inset-bottom,0px))}.ref-shell.ref-character-live .ref-shot{visibility:hidden}.ref-title[data-panel=character] .ref-panel-host{z-index:2}.ref-title[data-panel=character] .ref-bar{z-index:3}.ref-panel{display:flex;flex-direction:column;min-height:0;max-height:100%;padding:1.2em 1.4em 1.3em;border-top:3px solid var(--ref-red);border-radius:3px;background:#08080ce8;box-shadow:0 2em 5em #0000008c}.ref-panel-head{flex:none;display:flex;gap:.8em;align-items:center;margin-bottom:.8em}.ref-shell .ref-back{display:grid;place-items:center;width:2.8em;height:2.8em;flex:none;background:#ffffff0a}.ref-shell .ref-back:hover{background:#ffffff21}.ref-panel-heading b{font-size:1.45em;letter-spacing:.12em;font-weight:900}.ref-panel-heading small{margin-left:.8em;font:700 .75em Avenir Next Condensed,Arial Narrow,sans-serif;opacity:.55;letter-spacing:.28em}.ref-panel-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;padding:2px 2px 1em;overscroll-behavior:contain;touch-action:pan-y}.ref-panel-copy{margin:0 0 1.5em;font-size:1em;line-height:1.9;color:#f4f1eabd}.ref-panel-body select{color:var(--ref-paper);background:#202127;border:1px solid #ffffff26;border-radius:2px;min-height:40px;padding:.55em .8em;font:inherit}.ref-panel-body input[type=checkbox]{accent-color:var(--ref-red);width:18px;height:18px}.ref-shell .ref-panel-body button:not([class]){padding:.7em 1.4em;min-height:44px;background:var(--ref-red);font-weight:700}.ref-shell .ref-panel-body button:not([class]):hover{background:#f1323b}.ref-shell .ref-character{--character-accent: #f4f1ea;display:flex;align-items:stretch;gap:1em;width:100%;padding:.9em;margin-bottom:.8em;min-height:11.7em;color:var(--ref-paper);text-align:left;border-radius:3px;background:linear-gradient(120deg,#ffffff0f,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff14}.ref-character[data-character=female]{--character-accent: #ffd27a}.ref-shell .ref-character.selected{box-shadow:inset .3em 0 0 var(--ref-red),inset 0 0 0 1px #ffffff24}.ref-shell .ref-character:hover{background:#ffffff15}.ref-character-art{flex:none;width:7.5em;overflow:hidden;border-radius:2px;background:radial-gradient(circle at 50% 35%,#e0262f38,#0000 70%),#0b0c12}.ref-character-art img{display:block;width:100%;height:100%;object-fit:cover}.ref-character-text{display:flex;flex-direction:column;flex:1;min-width:0}.ref-character-name b{letter-spacing:.1em;font-size:2em;font-weight:900}.ref-character-name small{margin-left:.6em;font-size:.8em;letter-spacing:.2em;opacity:.6}.ref-character-tag{display:block;color:var(--character-accent);margin-top:.1em;letter-spacing:.24em;font-size:.8em;font-weight:800}.ref-character-desc{margin:.5em 0 .7em;font-size:.95em;line-height:1.55;opacity:.85}.ref-character-pick{align-self:flex-start;margin-top:auto;padding:.3em .9em;border-radius:2px;background:#ffffff1a;font-size:.8em;letter-spacing:.1em;font-weight:800}.ref-character.selected .ref-character-pick{background:var(--ref-red);color:#fff}.ref-panel-actions{display:flex;gap:.7em;justify-content:flex-end}.ref-shell .ref-action{padding:.7em 1.4em;min-height:44px;background:#ffffff14;font-size:1em;font-weight:700}.ref-shell .ref-action-primary{background:var(--ref-red)}.ref-shell .ref-action:hover{background:#ffffff2a}.ref-shell .ref-action-primary:hover{background:#f1323b}.ref-control-tabs{display:flex;gap:.6em;margin-bottom:1em}.ref-shell .ref-tab{padding:.6em 1em;background:#ffffff0c;border-bottom:2px solid transparent}.ref-shell .ref-tab.selected{border-bottom-color:var(--ref-red);background:#ffffff18}.ref-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:2em}.ref-control-row{display:flex;justify-content:space-between;align-items:center;gap:1.2em;padding:.7em 0;border-bottom:1px solid #ffffff12;font-size:.96em}.ref-shell kbd{display:inline-block;font:600 .88em system-ui,sans-serif;padding:.22em .6em;color:#e6e3dc;border:1px solid #ffffff30;border-radius:3px;background:#ffffff0c;white-space:nowrap}.ref-loader{--ref-margin: clamp(20px, 3.4vw, 68px);z-index:5;background:transparent}.ref-loader .ref-backdrop:not(.has-photo){background:linear-gradient(180deg,#151424e8,#492e36a8 42%,#0b0c14eb)}.ref-loader-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#05050900 63%,#0505092e 75%,#0505099e 89%,#050509e6),linear-gradient(90deg,#05050980,#05050900 34%),radial-gradient(at 62% 40%,#0000 55%,#0006)}.ref-loader-logo{position:absolute;left:calc(var(--ref-margin) + env(safe-area-inset-left,0px));bottom:calc(var(--ref-margin) + env(safe-area-inset-bottom,0px));width:clamp(230px,27vw,520px);height:auto;filter:drop-shadow(0 .6vw 1.4vw #0000008c)}.ref-loader-progress{position:absolute;right:calc(var(--ref-margin) + env(safe-area-inset-right,0px));bottom:calc(var(--ref-margin) + env(safe-area-inset-bottom,0px));width:clamp(220px,21vw,420px)}.ref-loader-row{display:flex;align-items:center;gap:12px}.ref-spinner{flex:none;width:22px;height:22px;border:2.5px solid #ffffff2e;border-top-color:#fff;border-radius:50%;animation:ref-spin .8s linear infinite}.ref-loader-stage{flex:1;min-width:0;line-height:1.25;text-shadow:0 1px 3px #00000080}.ref-loader-stage b{display:block;font-size:clamp(14px,.85vw,18px);font-weight:700;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ref-loader-stage small{display:block;margin-top:3px;font:700 clamp(10.5px,.6vw,12.5px)/1.2 "Avenir Next Condensed","Arial Narrow",sans-serif;color:#f4f1eab3;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ref-loader-percent{flex:none;min-width:2.3em;text-align:right;font:600 clamp(28px,2vw,42px)/1 "DIN Condensed","Avenir Next Condensed","Arial Narrow",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 4px #00000073}.ref-loader-percent i{font-style:normal;opacity:.6;margin-left:2px;font-size:.5em}.ref-loader-track{position:relative;height:3px;margin-top:14px;background:#fff3;overflow:hidden}.ref-loader-fill{position:absolute;inset:0;background:#fff;transform-origin:0;transform:scaleX(0);transition:transform .6s cubic-bezier(.3,.7,.3,1)}.ref-loader-fill:after{content:"";position:absolute;top:-3px;bottom:-3px;right:0;width:36px;background:linear-gradient(90deg,#0000,#e0262f)}.ref-loader-tip{position:absolute;left:50%;bottom:calc(var(--ref-margin) + env(safe-area-inset-bottom,0px) - 2px);width:min(36vw,620px);transform:translate(-46%)}.ref-tip-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff6a6f;font-size:clamp(11px,.65vw,13px);letter-spacing:.3em}.ref-tip-kicker:before{content:"";width:18px;height:2px;background:var(--ref-red)}.ref-loader-tip>span{display:block;margin-top:10px;color:#f4f1eaeb;font-size:clamp(14px,.9vw,19px);line-height:1.55;text-shadow:0 1px 3px #0000008c}.ref-loader-rotate{display:none}.ref-loader.ref-leaving{pointer-events:none;opacity:0;transition:opacity .42s ease-in .24s}.ref-loader.ref-leaving .ref-loader-progress,.ref-loader.ref-leaving .ref-loader-tip,.ref-loader.ref-leaving .ref-loader-rotate{opacity:0;transition:opacity .16s linear}.ref-loader.ref-leaving .ref-loader-logo{opacity:0;transition:opacity .2s linear}.ref-intro{pointer-events:none}.ref-departure{position:absolute;inset:0;background:#050507;animation:ref-departure .6s ease-in both}.ref-intro-bar{position:absolute;left:0;right:0;height:max(10vh,env(safe-area-inset-top,0px));background:#050507}.ref-intro-top{top:0}.ref-intro-bottom{bottom:0;height:max(13vh,env(safe-area-inset-bottom,0px))}.ref-intro-heading{position:absolute;left:var(--ref-x);bottom:28%;animation:ref-heading 7s both;text-shadow:0 3px 8px #0009}.ref-intro-heading small{color:#fff;letter-spacing:.32em;font-size:.85em;font-weight:700}.ref-intro-heading h1{color:var(--ref-paper);margin:.12em 0 0;font-size:clamp(30px,5vw,70px);letter-spacing:.08em;font-weight:900}.ref-intro-caption{position:absolute;left:15%;right:15%;bottom:5vh;text-align:center;font-size:clamp(13px,1.5vw,20px);line-height:1.6;text-shadow:0 1px 4px #000}.ref-intro-caption b{color:#f3c074;margin-right:.8em}.ref-shell .ref-intro-skip{position:absolute;right:var(--ref-xr);top:max(2.6vh,env(safe-area-inset-top,0px));pointer-events:auto;padding:.6em .7em;color:#f4f1eaa6;font-size:.92em}.ref-intro-skip kbd{margin-left:.5em}@keyframes ref-spin{to{transform:rotate(360deg)}}@keyframes ref-departure{0%{opacity:1}to{opacity:0}}@keyframes ref-panel-in{0%{opacity:0;transform:translate(2em)}to{opacity:1;transform:none}}@keyframes ref-heading{0%,to{opacity:0;transform:translateY(12px)}12%,75%{opacity:1;transform:none}}@media(max-width:1080px){.ref-loader-tip{display:none}}@media(max-height:519px),(max-width:519px){.ref-shell{--ref-bar: 36px;--ref-panel-gap: 8px;font-size:12px}.ref-left{width:auto;right:var(--ref-xr);flex-direction:row;align-items:center;gap:5vw}.ref-logo{width:min(36vw,280px)}.ref-menu{width:min(17em,40vw);margin-top:0;max-height:100%}.ref-shell .ref-menu-button{padding:.42em .9em;min-height:39px}.ref-menu-label b{font-size:1.12em}.ref-menu-label small{font-size:.62em;letter-spacing:.22em}.ref-primary .ref-menu-label b{font-size:1.3em}.ref-legal-extra,.ref-legal .ref-dot{display:none}.ref-title-tip{font-size:.85em}.ref-shot span{display:none}.ref-panel{padding:.8em 1em}.ref-panel-host{width:min(40em,62vw);top:calc(var(--ref-bar) + 8px);bottom:calc(var(--ref-bar) + 8px)}.ref-title[data-panel=help] .ref-panel-host{width:auto;left:var(--ref-x)}.ref-shell .ref-tool{height:26px;font-size:11px}.ref-loader-logo,.ref-loader-progress{width:clamp(170px,34vw,300px)}.ref-loader-percent{font-size:24px}.ref-intro-caption{bottom:3vh}}@media(orientation:portrait){.ref-shell{--ref-bar: 44px}.ref-left{left:6vw;right:6vw;width:auto;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding-bottom:max(0px,calc(4vh - 10px))}.ref-logo{width:min(80vw,380px);margin:0 0 4vh}.ref-menu{width:min(86vw,22em);max-height:50vh}.ref-vignette{background:linear-gradient(#0505091a,#0505098c 45%,#050509f0)}.ref-panel-host,.ref-title[data-panel=character] .ref-panel-host,.ref-title[data-panel=help] .ref-panel-host{width:auto;left:4vw;right:4vw}.ref-shot,.ref-legal-extra,.ref-legal .ref-dot,.ref-tool>span{display:none}.ref-shell .ref-tool{padding:0 .7em}.ref-backdrop{background-position:50% 30%}.ref-backdrop-picture img{object-position:50% 30%}.ref-loader-logo{left:50%;bottom:calc(var(--ref-margin) + env(safe-area-inset-bottom,0px) + 110px);width:min(78vw,340px);transform:translate(-50%)}.ref-loader-progress{left:50%;right:auto;width:min(78vw,340px);transform:translate(-50%)}.ref-loader-grade{background:linear-gradient(#05050900 42%,#050509b8 70%,#050509f2),radial-gradient(at 55% 35%,#0000 50%,#00000073)}.ref-loader-rotate{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 7vh);display:flex;align-items:center;gap:12px;padding:9px 16px 9px 12px;border-left:3px solid var(--ref-red);background:#08080cb8;font-size:14px;font-weight:700;letter-spacing:.06em;white-space:nowrap;transform:translate(-50%)}.ref-loader-rotate i{width:22px;height:13px;border:2px solid #fff;border-radius:3px}.ref-controls{grid-template-columns:1fr}.ref-intro-caption{left:6%;right:6%;bottom:3vh}.ref-intro-heading{bottom:31%}.ref-character-preview:not([data-mode=world]){left:4vw;right:4vw;top:calc(var(--ref-bar) + 8px);bottom:auto;height:calc(46vh - var(--ref-bar) - 8px)}.ref-shell:not([data-preview-mode=world])[data-preview=ready] .ref-title[data-panel=character] .ref-panel-host,.ref-shell:not([data-preview-mode=world])[data-preview=loading] .ref-title[data-panel=character] .ref-panel-host{top:auto;bottom:calc(var(--ref-bar) + 8px);max-height:48vh}.ref-shell:not([data-preview-mode=world])[data-preview=ready] .ref-title[data-panel=character] .ref-character-art,.ref-shell:not([data-preview-mode=world])[data-preview=loading] .ref-title[data-panel=character] .ref-character-art{width:6em}}@media(orientation:landscape)and (max-height:519px){.ref-backdrop-picture-menu img{object-position:100% 40%}}@media(orientation:landscape)and (max-height:370px){.ref-shell{--ref-bar: 31px}.ref-shell .ref-menu-button{min-height:33px;padding:.25em .9em}.ref-shell .ref-menu-button.ref-support{min-height:34px;margin-top:.3em}.ref-character-art{width:6em}.ref-shell .ref-character{min-height:9em}}@media(prefers-reduced-motion:reduce){.ref-shell *,.ref-shell *:before,.ref-shell *:after{animation:none!important;transition-duration:.01ms!important}}@media(orientation:portrait){.ref-backdrop.has-photo{background-position:77% center}}