:root{font-family:Georgia,Times New Roman,serif;color:#fff2d1;font-synthesis:none;--gold: #edbc54;--ink: #341c0e;--blue: #07558e}*{box-sizing:border-box}body{margin:0;background:#382512}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #80e9ff;outline-offset:3px}[hidden]{display:none!important}.realm{position:relative;isolation:isolate;height:100dvh;min-height:320px;overflow:hidden}.scenery,.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.scenery{background:url(/assets/courtyard.webp) center/100% 100% no-repeat}.vignette{z-index:-1;background:linear-gradient(0deg,#28100480,transparent 24%)}.masthead{position:absolute;inset:0 0 auto;z-index:5;height:70px;display:flex;align-items:center;justify-content:space-between;padding:8px max(20px,env(safe-area-inset-right));background:linear-gradient(#0d243a90,transparent);gap:16px}#brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#ffde91;font-size:10px;font-weight:700;letter-spacing:2px;text-shadow:1px 2px #18222b}#brand strong{font-size:20px}.crest{font-size:38px}.edition{font:10px system-ui;letter-spacing:2px;text-shadow:0 1px 3px #000}.edition i{color:var(--gold);padding:0 10px}.realm[data-screen=title] .masthead{display:none}.game-screen{position:absolute;top:70px;right:0;bottom:0;left:0}.opponent{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.character{background-image:url(/assets/wyra-atlas.webp);background-repeat:no-repeat;background-size:300% 200%;aspect-ratio:1;filter:drop-shadow(0 8px 8px #10221840);clip-path:inset(0 1.5%)}.character[data-expression=idle]{background-position:0 0}.character[data-expression=happy]{background-position:50% 0}.character[data-expression=sad]{background-position:100% 0}.character[data-expression=victory]{background-position:0 100%}.character[data-expression=loss]{background-position:50% 100%}.opponent .character{position:absolute;width:min(53vw,60dvh);left:50%;transform:translate(-50%);bottom:42%}.play-area{position:absolute;width:min(97vw,116dvh,1320px);left:50%;transform:translate(-50%);bottom:58px}.board-frame{padding:0;border:0;background:none}.board{position:relative;width:100%;aspect-ratio:1200/580;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 12px 9px #21100675)}.board-canvas,.board-grid{position:absolute;top:0;right:0;bottom:0;left:0}.board-canvas canvas{width:100%!important;height:100%!important;display:block}.board-grid{display:block}.square{min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none!important;touch-action:none;color:transparent}.square:focus-visible{outline:none;background:#78eaff66;z-index:2}.square[data-piece="1"],.square[data-piece="2"]{cursor:grab}.board-grid:active .square{cursor:grabbing}.count-pill{display:none}.game-controls{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:center;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.edition{display:none}.play-area{width:min(98vw,125dvh)}.opponent .character{width:min(65vw,63dvh)}}@media(max-aspect-ratio:4/5){.scenery{background-size:auto 100%;background-position:50%}.masthead{height:62px;padding:6px 12px}.masthead #brand strong{font-size:15px}.crest{font-size:30px}.game-screen{top:62px;right:0;bottom:0;left:0}.play-area{width:100%;bottom:94px}.board{aspect-ratio:1.5}.opponent .character{width:min(96vw,47dvh);bottom:calc(94px + 100vw / 1.5 - 45px)}.game-controls{gap:6px;bottom:1px}}@media(max-height:560px)and (min-aspect-ratio:4/5){.masthead{height:46px;padding:3px 14px}.masthead #brand strong{font-size:14px}.crest{font-size:27px}.game-screen{top:46px;right:0;bottom:0;left:0}.play-area{width:min(73vw,125dvh);bottom:42px}.opponent .character{width:58dvh;bottom:42%}.game-controls{gap:8px;bottom:0}}@media(max-width:360px)and (max-aspect-ratio:4/5){.opponent .character{width:76vw}.board{aspect-ratio:1.65}.opponent .character{bottom:calc(94px + 100vw / 1.65 - 35px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-aspect-ratio:4/5){.board{aspect-ratio:3.15}.opponent .character{bottom:33%}}@media(min-width:600px)and (max-aspect-ratio:4/5){.board{aspect-ratio:2.5}.opponent .character{bottom:calc(49px + 40vw)}}@media(max-height:560px)and (min-aspect-ratio:4/5){.scenery{background-size:100% 135%;background-position:center bottom}.opponent .character{width:50dvh;bottom:45%}}.masthead{top:env(safe-area-inset-top)}.game-screen{margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom)}@media(max-aspect-ratio:4/5){.realm{--mobile-board-height: calc(100vw / 1.7);--mobile-controls-height: 150px;--table-y: calc( 100dvh - env(safe-area-inset-bottom) - var(--mobile-controls-height) - 22px - var(--mobile-board-height) + 10px )}.scenery{background-size:auto calc((100dvh - var(--table-y)) / .435);background-position:center bottom}.play-area{bottom:var(--mobile-controls-height)}.board{height:var(--mobile-board-height);aspect-ratio:auto}.opponent .character{width:min(76vw,34dvh,calc(var(--table-y) - 54px));top:auto;bottom:calc(100dvh - env(safe-area-inset-bottom) - var(--table-y) - 12px)}}@media(min-width:600px)and (max-aspect-ratio:4/5){.realm{--mobile-board-height: 40vw }}@media(max-height:560px)and (min-aspect-ratio:4/5){.realm{--mobile-board-width: min(68vw, 115dvh);--mobile-board-height: calc(var(--mobile-board-width) / 3.15);--table-y: calc( 100dvh - env(safe-area-inset-bottom) - 86px - 20px - var(--mobile-board-height) + 7px )}.scenery{background-size:auto calc((100dvh - var(--table-y)) / .435);background-position:center bottom}.play-area{bottom:86px;width:var(--mobile-board-width)}.board{height:var(--mobile-board-height);aspect-ratio:auto}.opponent .character{width:min(42dvh,calc(var(--table-y) - 5px));bottom:calc(100dvh - env(safe-area-inset-bottom) - var(--table-y) - 10px)}}@media(max-height:650px)and (max-aspect-ratio:4/5){.realm{--mobile-board-height: 50vw }}#brand{display:block;background:none;box-shadow:none;flex-shrink:0}#brand img{display:block;width:145px;height:94px;object-fit:contain}.masthead{align-items:flex-start}@media(max-aspect-ratio:4/5),(max-height:560px){#brand img{width:96px;height:62px}}button:not(.square){--control-height: 48px;--control-art: url(/assets/ui-package/main.svg);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--control-height);min-height:44px;border:0;border-radius:999px;background:none;padding:0 calc(var(--control-height) * .48);color:#fff;font:16px GROBOLD,sans-serif;font-weight:400;text-shadow:0 1px 2px #090333;position:relative;isolation:isolate;cursor:pointer;transition:filter .15s ease}button:not(.square):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:0 calc(var(--control-height) / 2);border-image:var(--control-art) 0 182 fill / 0 calc(var(--control-height) / 2) stretch}button:not(.square):hover{filter:brightness(1.12) saturate(1.12)}button:not(.square):focus-visible{outline:3px solid #72e9ff;outline-offset:3px}button:not(.square):disabled{cursor:default;opacity:.65}.title-actions button{--control-height: clamp(48px, 7dvh, 68px);width:47%;font-size:clamp(22px,3.6dvh,34px);padding-inline:20px}button.close-button,button.exit-button,button.info-button{width:var(--control-height);padding:0;flex:0 0 var(--control-height);display:grid;place-items:center;font:700 32px/1 PT Sans,sans-serif}button.close-button,button.exit-button{--control-art: url(/assets/ui-package/exit.svg)}button.info-button{--control-art: url(/assets/ui-package/info.svg);border-radius:7px;font-size:26px}button.close-button:before,button.exit-button:before,button.info-button:before{border:0;border-image:none;background:var(--control-art) center / contain no-repeat}button.close-button{--control-height: 44px;position:absolute;right:12px;top:12px;z-index:2}.difficulties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.difficulties button{--control-height: 64px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding-inline:12px}.difficulties strong{font:15px GROBOLD,sans-serif}.difficulties small{font:13px PT Sans,sans-serif}.difficulties .rank-icon{display:none}.difficulties button[aria-pressed=true]{outline:3px solid #d5ad42;outline-offset:3px}.difficulties button[aria-pressed=true] strong{text-decoration:none;text-underline-offset:3px}.toggle{min-width:60px;font-size:15px}.toggle[aria-pressed=false]{color:#ded7f0}.modal-back{min-width:60%;margin-top:14px}.dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.dialog-actions button{width:100%}.game-controls{gap:12px}.game-controls #restart{min-width:150px}#music-start{display:none!important}@media(max-aspect-ratio:4/5){.title-actions button{--control-height: clamp(48px, 6.8dvh, 64px);width:100%;font-size:26px}.game-controls{padding:0 12px;gap:14px}.game-controls button{--control-height: 44px;font-size:13px}.game-controls .info-button{font-size:24px}.game-controls .exit-button{font-size:30px}.game-controls #restart{min-width:110px;flex:0 1 200px}}@media(max-width:420px){.difficulties{gap:7px}.difficulties button{--control-height: 52px;padding-inline:5px}.difficulties strong{font-size:11px}.difficulties small{font-size:12px}}@media(max-height:560px)and (min-aspect-ratio:4/5){button:not(.square){--control-height: 44px}.difficulties button,.title-actions button{--control-height: 48px}}@media(prefers-reduced-motion:reduce){button:not(.square){transition:none}}button[data-difficulty=squire]{--control-art: url(/assets/ui-package/main-pink.svg)}button[data-difficulty=knight]{--control-art: url(/assets/ui-package/main-purple.svg)}button[data-difficulty=champion]{--control-art: url(/assets/ui-package/main-red.svg)}.toggle-group{display:flex;gap:8px}button.toggle{--control-art: url(/assets/ui-package/main-green.svg);padding-inline:16px;font-size:14px}.toggle[aria-pressed=false]{color:#fff;opacity:.62}.toggle[aria-pressed=true]{outline:3px solid #d5ad42;outline-offset:2px}#options-dialog *{text-decoration:none}.top-navigation{display:flex;gap:10px;margin-left:auto}.game-controls #game-options{min-width:130px}@media(max-aspect-ratio:4/5){.game-controls{gap:8px;padding-inline:8px}.game-controls #restart,.game-controls #game-options{min-width:0;flex:0 1 160px;padding-inline:16px}.top-navigation button{--control-height: 44px}}@media(max-height:560px)and (min-aspect-ratio:4/5){.toggle-group{gap:6px}button.toggle{min-width:52px;padding-inline:12px}}#title-options,#game-options{--control-art: url(/assets/ui-package/main-purple.svg)}.toggle[data-value=false]{--control-art: url(/assets/ui-package/main-red.svg)}.toggle[data-value=true]{--control-art: url(/assets/ui-package/main-green.svg)}#confirm-dialog [data-close]{--control-art: url(/assets/ui-package/main-green.svg)}button.special-button{--control-art: url(/assets/ui-package/special-pink.svg);width:var(--control-height);padding:0;font:700 30px/1 PT Sans,sans-serif;border-radius:10px}button.special-button:before{border:0;border-image:none;background:var(--control-art) center / contain no-repeat}#options-dialog .ribbon{width:100%}.choice-menu button[aria-pressed=false]{opacity:.62}.choice-menu button[aria-pressed=true]{opacity:1;outline:3px solid #d5ad42;outline-offset:3px}.choice-menu button:focus-visible{outline-color:#d5ad42;box-shadow:0 0 0 6px #fff}@font-face{font-family:GROBOLD;src:url(/assets/fonts/GROBOLD.woff2) format("woff2");font-display:swap}@font-face{font-family:PT Sans;src:url(/assets/fonts/PTSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans;src:url(/assets/fonts/PTSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PT Sans;src:url(/assets/fonts/PTSans-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PT Sans;src:url(/assets/fonts/PTSans-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{font-family:PT Sans,sans-serif;--ink: #26374b}h2,h3,.ribbon,.turn-banner strong{font-family:GROBOLD,sans-serif;font-weight:400}.edition,.difficulty-badge,.piece-count,.board-footer{font-family:PT Sans,sans-serif}.parchment,.opponent-card,.ribbon,.opponent-card h2,.turn-banner strong,.board-footer{--surface-art: url(/assets/ui-package/dialogue.svg);background:none;border:0;border-radius:10px;border-image:var(--surface-art) 60 fill / 8px stretch;color:var(--ink);text-shadow:none}.parchment{width:min(660px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px 32px;overflow:auto;text-align:center;filter:drop-shadow(0 12px 24px #0005)}.parchment::backdrop{background:#14213666;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.parchment.compact{width:min(490px,calc(100vw - 28px))}.parchment>.eyebrow,.opponent-card .eyebrow{display:none}.ribbon{font-size:27px;line-height:1.2;padding:12px 18px;width:calc(100% - 70px);min-height:56px;margin:0 auto 22px}.parchment h3{font-size:20px;margin:12px 0 20px}.setting-note{color:#425366;font:14px/1.4 PT Sans,sans-serif;margin:12px 0}.setting{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #b7ad87;padding:16px 0;font-size:20px;font-weight:700}.rules-copy{text-align:left;font:16px/1.5 PT Sans,sans-serif}.rules-copy strong{display:block;font:17px GROBOLD,sans-serif;color:#163e63;margin-bottom:5px}#help-dialog[open]{display:flex;flex-direction:column;height:min(800px,calc(100dvh - 32px));overflow:hidden}#help-dialog .ribbon{flex-shrink:0;margin-bottom:12px}#help-dialog .rules-copy{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:8px}#help-dialog .modal-back{flex-shrink:0;align-self:center}.compact p{font-size:16px;line-height:1.5}#result-character{width:150px;margin:auto}.opponent-card{position:absolute;left:3%;top:16%;width:270px;max-width:270px;padding:12px 20px 18px;text-align:center}.opponent-card h2{font-size:17px;line-height:1.25;margin:-25px -6px 12px;padding:13px 10px}.opponent-card p{display:block;font:italic 17px/1.4 PT Sans,sans-serif;margin:6px 0 14px}.opponent-card .difficulty-badge,.opponent-card .piece-count{color:#33465b;font-size:13px}.piece-count{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px}.mini-piece{display:inline-block;width:17px;height:12px;border-radius:50%;background:#c92320;border:2px solid #fa6150;box-shadow:0 3px #730f11;flex-shrink:0}.mini-piece.black{background:#242b32;border-color:#6b757e;box-shadow:0 3px #0a0e13}.turn-banner{position:absolute;bottom:calc(100% + 12px);right:2%;width:260px}.turn-banner>.mini-piece{display:none}.turn-banner strong{--surface-art: url(/assets/ui-package/special-teal.svg);display:block;padding:12px 18px;min-height:44px;font-size:18px;text-align:center;color:#fff;text-shadow:0 1px 2px #003b37;border-image-slice:120 fill;border-image-width:14px}.turn-banner #turn-hint{display:block;background:#f7f4e9;color:var(--ink);border-radius:0 0 7px 7px;margin:0 14px;padding:7px 10px;font:13px/1.3 PT Sans,sans-serif;text-align:center}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 3%;padding:6px 3%;font-size:12px;border-image-width:5px}.board-footer span:first-child{display:flex;align-items:center;gap:7px}.board{filter:drop-shadow(0 4px 3px #21100670)}@media(max-width:1100px)and (min-aspect-ratio:4/5){.opponent-card{width:210px;max-width:210px;padding:12px 16px 18px}.opponent-card h2,.opponent-card p{font-size:15px}.turn-banner{width:210px}}@media(max-aspect-ratio:4/5){.realm{--mobile-controls-height: 212px}.opponent-card{top:auto;bottom:49px;left:8px;right:8px;width:auto;max-width:none;height:96px;padding:6px 16px 8px;display:grid;grid-template-columns:1fr auto;gap:0 8px}.opponent-card h2{grid-column:1/-1;justify-self:center;margin:-15px 0 0;padding:9px 16px;font-size:13px;line-height:1;white-space:nowrap}.opponent-card p{grid-column:1/-1;font-size:14px;line-height:1.2;margin:2px 0}.opponent-card .difficulty-badge,.opponent-card .piece-count{font-size:11px;margin:0}.opponent-card .piece-count .mini-piece{display:none}.turn-banner{top:calc(100% + 3px);bottom:auto;left:3%;right:3%;width:auto;max-width:none;height:52px}.turn-banner strong{min-height:27px;padding:5px 16px;font-size:14px;border-image-width:10px}.turn-banner #turn-hint{font-size:11px;padding:3px 6px;min-height:22px}.board-footer{font-size:10px;padding:4px 3%}.board-footer>span:last-child{display:none}.parchment{padding:22px 16px}.ribbon{font-size:21px;padding:12px 8px;margin-bottom:20px}.setting{font-size:18px}}@media(max-height:560px)and (min-aspect-ratio:4/5){.opponent-card{width:160px;max-width:160px;padding:10px 12px 16px;top:14%}.opponent-card h2{font-size:12px;margin-top:-24px;padding:12px 6px}.opponent-card p{font-size:13px;line-height:1.25}.opponent-card .difficulty-badge,.opponent-card .piece-count{font-size:11px}.turn-banner{top:calc(100% + 3px);bottom:auto;left:0;right:0;width:100%}.turn-banner>div{display:flex;align-items:center;justify-content:center}.turn-banner strong{font-size:13px;min-height:32px;padding:8px 16px;white-space:nowrap}.turn-banner #turn-hint{font-size:11px;padding:4px 8px;margin:0;max-width:55%}.board-footer{font-size:10px;padding:3px 3%}.board-footer>span:last-child{display:none}.parchment{padding:12px 28px}.ribbon{min-height:42px;font-size:21px;padding:10px 12px;margin-bottom:10px}#options-dialog h3{font-size:16px;margin:6px}#options-dialog .setting{display:inline-flex;width:49%;font-size:16px;padding:6px 0}#options-dialog .setting-note{margin:6px 0;font-size:12px}.modal-back{margin-top:8px}#result-character{width:90px}#result-dialog .ribbon{font-size:20px}#result-dialog p{font-size:14px;line-height:1.3;margin:10px 0}#result-dialog .dialog-actions{flex-direction:row;gap:8px;margin-top:8px}#result-dialog .dialog-actions button{flex:1;padding:8px 12px;font-size:13px}}.turn-banner strong[data-side=player]{--surface-art: url(/assets/ui-package/special-blue.svg);color:#fff;text-shadow:0 1px 2px #12384f}.opponent-card h2{--surface-art: url(/assets/ui-package/special-teal.svg);border-image-slice:120 fill;border-image-width:10px;color:#fff;text-shadow:0 1px 2px #003b37}.opponent-card p,.wyra-quip{font-weight:700;font-style:italic}#options-dialog .ribbon{--surface-art: url(/assets/ui-package/dialogue-options.svg);color:#fff}.setting-label{display:inline-flex;align-items:center;gap:12px}.setting-icon{display:inline-block;flex:0 0 24px;width:24px;height:24px;font-size:24px;line-height:24px}:root{--ink: #000}.parchment,.setting-note,.rules-copy,.rules-copy strong,.opponent-card,.opponent-card .difficulty-badge,.opponent-card .piece-count,.board-footer,.turn-banner #turn-hint{color:#000}.opponent-card,.board-footer{background:#fff;border-image-slice:60}.turn-banner #turn-hint{background:#fff}.edition{color:#000;text-shadow:none}.piece-colors{display:flex;justify-content:center;gap:12px;margin:0 0 18px}.piece-colors button{min-width:110px}button[data-piece-color=red]{--control-art: url(/assets/ui-package/main-red.svg)}button[data-piece-color=black]{--control-art: url(/assets/ui-package/main-black.svg)}.realm[data-piece-color=black] .mini-piece:not(.black){background:#242b32;border-color:#6b757e;box-shadow:0 3px #0a0e13}.realm[data-piece-color=black] .mini-piece.black{background:#c92320;border-color:#fa6150;box-shadow:0 3px #730f11}#wyra{background-image:none}#wyra>.wyra-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:none;filter:none;transition:opacity .18s ease}@media(prefers-reduced-motion:reduce){#wyra>.wyra-layer{transition:none}}@media(max-height:560px)and (min-aspect-ratio:4/5){.piece-colors{margin-bottom:6px}.piece-colors button{--control-height: 44px}}@media(max-height:560px)and (min-aspect-ratio:4/5){#options-dialog{padding:8px 28px}#options-dialog .ribbon{min-height:36px;padding:7px 12px;margin-bottom:5px}#options-dialog h3{margin:4px}#options-dialog .setting-note{font-size:11px;margin:3px 0}#options-dialog .setting{padding:4px 0}#options-dialog .modal-back{margin-top:4px}}.match-preferences{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-preferences h3{margin:8px 0 12px}.piece-colors,.first-player{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.match-preferences button{min-width:0;flex:1;padding-inline:12px;font-size:14px}.piece-colors button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.piece-colors img{width:30px;height:22px;object-fit:contain}@media(max-width:420px){.match-preferences{gap:10px}.match-preferences button{padding-inline:8px;font-size:12px}.piece-colors button{flex-direction:column;gap:0}.piece-colors img{width:25px;height:17px}.match-preferences h3{font-size:17px}}.realm[data-screen=title] .scenery{background-size:100% 100%;background-position:center}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;margin:0;background:none;box-shadow:none;--title-edge: 57%}.title-logo{position:absolute;width:min(42vw,64dvh);height:45%;object-fit:contain;left:6%;top:5%}.title-wyra{position:absolute;width:min(52vw,54dvh);right:3%;bottom:calc(100% - var(--title-edge));transform:none}.title-board{position:absolute;width:min(80vw,115dvh);aspect-ratio:auto;height:32dvh;left:50%;top:calc(var(--title-edge) - 3%);transform:translate(-50%);pointer-events:none}.title-art .title-actions{position:absolute;inset:auto 18% max(14px,env(safe-area-inset-bottom),3dvh);display:flex;flex-direction:row;justify-content:center;gap:18px}.title-actions #title-options{background:none}@media(max-aspect-ratio:4/5){.title-logo{width:90%;height:25%;left:5%;top:1%}.title-wyra{width:min(100vw,34dvh);right:50%;transform:translate(50%)}.title-board{width:min(100vw,62dvh);height:24dvh}.title-art .title-actions{inset:auto 10% max(12px,env(safe-area-inset-bottom),2dvh);flex-direction:column;gap:10px}.title-art .title-actions button{--control-height: clamp(44px, 6.5dvh, 62px)}}@media(min-aspect-ratio:2/1){.title-logo{left:10%;width:32%;height:48%}.title-wyra{right:15%}.title-board{width:110dvh;height:29dvh}.title-art .title-actions{left:28%;right:28%;bottom:2%}}.realm[data-screen=title] .masthead{display:flex;background:none;pointer-events:none}.realm[data-screen=title] #brand,.realm[data-screen=title] .edition,.realm[data-screen=title] #back{display:none}.realm[data-screen=title] .top-navigation{pointer-events:auto}@media(max-aspect-ratio:4/5){.title-logo{top:max(58px,calc(env(safe-area-inset-top) + 50px));height:20%}}
