@font-face{font-family:Cinzel;src:url(./Cinzel-400-DnUIPmzd.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Cinzel;src:url(./Cinzel-600-Dd5YO2UX.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Cinzel;src:url(./Cinzel-700-Dkw14w9r.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cinzel;src:url(./Cinzel-900-BI3z7Tow.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:IM Fell English;src:url(./IMFellEnglish-400-BhowGHCQ.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IM Fell English;src:url(./IMFellEnglish-400-italic-DD_ylKHZ.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Metamorphous;src:url(./Metamorphous-400-B8QJBOqa.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--parchment:#e8d3a0;--parchment-dark:#cbaa6f;--parchment-shadow:#6b4a26;--wood-dark:#2b1a0e;--wood:#4a2f1c;--wood-light:#6b4526;--wax-red:#7a1e1e;--wax-red-bright:#9c2b2b;--gold:#c9a349;--gold-bright:#e8c874;--ink:#2a1a10;--torch:#ff8a3d;--ok:#4f7d3c;--font-display:"Metamorphous", serif;--font-heading:"Cinzel", serif;--font-body:"IM Fell English", Georgia, serif;--pixel:3px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:var(--wood-dark);width:100%;height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;padding:0;overflow:hidden}button,input,select{touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}#viewport{position:fixed;inset:0}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}#ui-root{pointer-events:none;z-index:10;position:fixed;inset:0}#ui-root .interactive{pointer-events:auto}#viewport:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 45%,#050200bf 100%);position:fixed;inset:0}#version-tag{left:max(.6em, env(safe-area-inset-left));bottom:max(.4em, env(safe-area-inset-bottom));font-family:var(--font-body);color:var(--parchment);text-shadow:0 1px 3px #000000e6;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:30;font-size:.8rem;position:fixed}#scene-fade{opacity:0;pointer-events:none;z-index:40;transition:opacity var(--fade-duration,.4s) ease;background:#000;position:fixed;inset:0}#scene-fade.visible{opacity:1;pointer-events:auto}.wood-panel{background-color:var(--wood);border:2px solid var(--wood-dark);color:var(--parchment);background-image:linear-gradient(#140a0440,#140a0480),url(./texture-CRz4XPFS.webp);background-position:50%;background-size:cover;border-radius:8px;box-shadow:inset 0 2px #ffdca014,inset 0 -6px 18px #00000080}h1,h2,h3{font-family:var(--font-heading);letter-spacing:.04em;color:var(--ink);margin:0 0 .5em}.title-display{font-family:var(--font-display);text-shadow:none;text-transform:uppercase;font-weight:900}.btn{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--gold);background:linear-gradient(180deg, var(--wood-light), var(--wood) 70%);color:var(--gold-bright);cursor:pointer;box-shadow:0 3px 0 var(--wood-dark), 0 6px 14px #00000080;border-radius:4px;padding:.75em 1.6em;font-size:.95rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--wood-dark), 0 2px 6px #00000080;transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.btn:hover,.btn:active,.btn:focus{transform:none!important}.btn-primary{border-color:var(--gold-bright);background:url(./red-paper-texture-CgjMHOR-.webp) center / cover no-repeat, linear-gradient(180deg, #8a2f2f, var(--wax-red) 70%);background-blend-mode:overlay;color:var(--parchment)}.btn-primary:active:not(:disabled){transform:scale(.95)!important}.btn-ghost{border-color:var(--parchment-shadow);color:var(--parchment-dark);box-shadow:none;background:0 0}.btn-small{padding:.4em .9em;font-size:.75rem}.btn-corner{background:linear-gradient(180deg, var(--wood-light), var(--wood-dark));border:2px solid var(--gold);width:2.7em;height:2.7em;color:var(--gold-bright);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffdca040,0 3px 8px #0009}.btn-corner .lbl{display:none}.btn-corner .ico{font-size:1.2em;line-height:1}.btn-corner .ico svg{width:1.2em;height:1.2em;display:block}.action-bar .btn{background-blend-mode:overlay;color:var(--parchment);text-shadow:0 -1px #000c;transform-origin:50%;background:url(./concrete-wall-texture-CaVh8-3l.webp) 50%/cover no-repeat,linear-gradient(#5a5c63,#33343a 45%,#232429 55%,#3a3b41);border:2px solid #15161a;border-radius:10px;padding:.8em 1.8em;transition:box-shadow .25s,border-color .25s,transform .1s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #dce1eb47,inset 0 2px 3px #ffffff38,0 3px #0c0d10,0 6px 12px #0000008c}.action-bar .btn:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 48%,#ffffff26 54%,#0000 66%);transition:transform 1.4s;position:absolute;inset:0;transform:translate(-130%)}.action-bar .btn:hover:not(:disabled):before{transition-delay:.5s;transform:translate(130%)}.action-bar .btn:hover:not(:disabled){border-color:var(--gold);box-shadow:inset 0 0 0 2px #e8c87466,inset 0 2px 3px #ffffff47,0 0 16px #e8c87466,0 3px #0c0d10,0 6px 12px #0000008c}.action-bar .btn:active:not(:disabled){box-shadow:inset 0 0 0 2px #dce1eb2e,inset 0 2px 6px #00000073,0 1px #0c0d10;transform:scale(.95)!important}.action-bar .btn-primary{border-color:var(--gold);color:var(--gold-bright);box-shadow:inset 0 0 0 2px #e8c87473,inset 0 2px 3px #ffffff38,0 3px #0c0d10,0 6px 12px #0000008c}.field{text-align:left;flex-direction:column;gap:.35em;margin-bottom:1em;display:flex}.field label{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:var(--parchment-dark);font-size:.75rem}.field input[type=text],.field select{font-family:var(--font-body);border:2px solid var(--parchment-shadow);color:var(--parchment);background:#00000040;border-radius:4px;padding:.55em .8em;font-size:1rem}.field input[type=text]:focus,.field select:focus{border-color:var(--gold);outline:none}.segmented{gap:.4em;display:flex}.segmented button{overflow-wrap:anywhere;min-width:0;font-family:var(--font-heading);border:2px solid var(--parchment-shadow);color:var(--ink);cursor:pointer;background:#fff8e666;border-radius:4px;flex:1;padding:.55em .4em;font-size:.8rem}.segmented button.active{background:url(./red-paper-texture-CgjMHOR-.webp) center / cover no-repeat, var(--wax-red);background-blend-mode:overlay;border-color:var(--gold-bright);color:var(--parchment)}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{pointer-events:auto;z-index:20;background:#050200bf;justify-content:center;align-items:center;animation:.2s both modal-overlay-in;display:flex;position:fixed;inset:0}.modal-card{flex-direction:column;width:min(480px,90vw);max-height:85vh;padding:2em;animation:.25s cubic-bezier(.22,1,.36,1) both modal-card-in;display:flex}.modal-scroll{min-height:0;overflow-y:auto}.modal-card .menu-actions{flex-shrink:0}.modal-card .title-display{color:var(--wax-red);font-size:2rem}.modal-scroll h3{font-family:var(--font-heading);margin:1em 0 .3em;font-size:1rem}.rules-text p,.rules-text li{font-family:var(--font-body);font-size:1.05rem;line-height:1.45}.rules-text ul{margin:.3em 0;padding-left:1.3em}.option-row{cursor:pointer;border-bottom:1px solid #0000001f;align-items:center;gap:.8em;padding:.7em .2em;display:flex}.option-row:last-of-type{border-bottom:none}.option-icon{color:var(--wax-red);flex:none;display:flex}.option-title{font-family:var(--font-heading);color:var(--ink);flex:1;font-size:.95rem}.option-checkbox{flex:none;width:1.6em;height:1.6em;display:inline-flex;position:relative}.option-checkbox input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.option-checkbox-box{border:2px solid var(--parchment-shadow);background:#fff8e68c;border-radius:4px;width:100%;height:100%;transition:background .15s,border-color .15s}.option-checkbox-box:after{content:"";border-left:2px solid var(--parchment);border-bottom:2px solid var(--parchment);width:.85em;height:.45em;margin:.24em auto 0;transition:transform .15s;display:block;transform:rotate(-45deg)scale(0)}.option-checkbox input:checked+.option-checkbox-box{background:var(--wax-red);border-color:var(--gold-bright)}.option-checkbox input:checked+.option-checkbox-box:after{transform:rotate(-45deg)scale(1)}.option-checkbox input:focus-visible+.option-checkbox-box{outline:2px solid var(--wax-red);outline-offset:2px}.option-row-stacked{cursor:default;padding-bottom:.2em}.graphics-quality-toggle{margin:0 .2em .9em}.ornate-panel{--notch:10px;background-color:var(--parchment-dark);color:var(--ink);border:var(--pixel) solid var(--wood-dark);clip-path:polygon(var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, 0 calc(100% - var(--notch)), 0 var(--notch));box-shadow:0 0 0 var(--pixel) var(--gold), 8px 8px 0 #000000a6;background-image:url(./parchment-BN04l8HE.webp);background-position:50%;background-size:cover;border-radius:0;padding:3.2rem 2.8em;position:relative}.ornate-panel:before,.ornate-panel:after{content:"";mix-blend-mode:multiply;opacity:.75;pointer-events:none;background:url(./frieze-DPkmtwnU.webp) 50%/auto 100% repeat-x;height:20px;position:absolute;left:10px;right:10px}.ornate-panel:before{top:8px}.ornate-panel:after{bottom:8px}.ornate-panel .subtitle{color:var(--ink);font-size:1.2rem}.ornate-panel .btn{border-width:var(--pixel);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0;box-shadow:4px 4px #0009}.ornate-panel .btn:hover:not(:disabled){box-shadow:5px 5px #0009}.ornate-panel .btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #0009}.ornate-panel .btn-ghost{background:var(--parchment);color:var(--ink);border-color:var(--wood-dark)}.ornate-panel .field input[type=text],.ornate-panel .field select{border-width:var(--pixel);border-radius:0}.ornate-panel .menu-actions .btn{clip-path:none;background-blend-mode:overlay;color:var(--parchment);text-shadow:0 -1px #000c;background:url(./concrete-wall-texture-CaVh8-3l.webp) 50%/cover no-repeat,linear-gradient(#5a5c63,#33343a 45%,#232429 55%,#3a3b41);border:2px solid #15161a;border-radius:10px;padding:.85em 1.4em;box-shadow:inset 0 0 0 2px #dce1eb47,inset 0 2px 3px #ffffff38,0 3px #0c0d10,0 6px 12px #00000073}.ornate-panel .menu-actions .btn:hover:not(:disabled){filter:brightness(1.12)}.ornate-panel .menu-actions .btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px #dce1eb2e,inset 0 2px 6px #00000073,0 1px #0c0d10}.ornate-panel .menu-actions .btn-primary{border-color:var(--gold);color:var(--gold-bright);box-shadow:inset 0 0 0 2px #e8c87473,inset 0 2px 3px #ffffff38,0 3px #0c0d10,0 6px 12px #00000073}.menu-screen{pointer-events:auto;background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:4em 0;display:grid;position:fixed;inset:0;overflow-y:auto}.menu-card{text-align:center;width:min(440px,90vw);color:var(--parchment);text-shadow:0 2px 6px #000000e6;padding:3.2em 2.4em;position:relative}.menu-card .title-display{color:var(--wax-red);font-size:1.8rem}.menu-logo-wrap{margin:0 0 .15em}.menu-logo{filter:drop-shadow(0 4px 10px #000000b3);width:min(260px,68vw);height:auto;margin:0 auto;display:block}.menu-card .subtitle{font-family:var(--font-body);color:var(--parchment-dark);margin-bottom:1.6em;font-style:italic}.menu-card .btn-ghost{border-color:var(--gold);color:var(--parchment-dark)}.menu-actions{flex-direction:column;gap:.7em;margin-top:1.4em;display:flex}.player-row{flex-wrap:wrap;align-items:center;gap:.5em;margin:.7em 0;display:flex}.player-dot{border:1px solid #e8c87499;border-radius:50%;flex-shrink:0;width:.85em;height:.85em}.player-name-input{min-width:0;font-family:var(--font-body);border:2px solid var(--parchment-shadow);color:var(--parchment);background:#0000004d;border-radius:4px;flex:1;padding:.55em .7em;font-size:1rem}.player-name-input:focus{border-color:var(--gold);outline:none}.player-name-input:disabled{opacity:.55;font-style:italic}.player-type-toggle{flex-shrink:0;width:9.5em}.player-type-toggle button{white-space:nowrap;padding:.5em .3em;font-size:.72rem}select.player-difficulty{font-family:var(--font-body);border:2px solid var(--parchment-shadow);color:var(--parchment);background:#0000004d;border-radius:4px;flex-shrink:0;padding:.4em .5em;font-size:.85rem}#hud{pointer-events:none;position:fixed;inset:0}.game-header{top:max(.8em, env(safe-area-inset-top));z-index:5;padding:0 calc(max(.8em, env(safe-area-inset-right)) + 3.5em) 0 max(1em, env(safe-area-inset-left));pointer-events:none;justify-content:flex-start;gap:.8em;transition:padding-top .2s;display:flex;position:fixed;left:0;right:0}.player-card{pointer-events:auto;opacity:.72;grid-template-columns:auto 1fr;align-items:center;gap:0 .7em;min-width:9em;padding:.5em .9em;transition:opacity .25s,box-shadow .25s;display:grid;position:relative}.player-card.active{opacity:1;box-shadow:inset 0 2px 0 #ffdca014, inset 0 -6px 18px #00000080, 0 0 0 2px var(--gold), 0 0 18px #e8c87473}@keyframes thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.player-card.thinking .avatar{animation:1.1s ease-in-out infinite thinking-pulse}.player-card .avatar{border:2px solid var(--gold);background:linear-gradient(180deg, var(--wood-light), var(--wood-dark));width:2.6em;height:2.6em;font-family:var(--font-heading);color:var(--gold-bright);border-radius:50%;flex-shrink:0;grid-row:1/3;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.player-card .name{font-family:var(--font-body);color:var(--parchment);opacity:.9;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:.85rem;overflow:hidden}.player-card .clock{font-family:var(--font-heading);color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.15rem}.player-card .clock.low-time{color:var(--wax-red-bright);animation:1s ease-in-out infinite thinking-pulse}.player-card .captured{flex-wrap:wrap;grid-column:1/3;gap:.15em;min-height:1.1em;margin-top:.3em;display:flex}.player-card .captured .piece-icon{opacity:.85;width:1.1em;height:1.1em}.turn-announce{pointer-events:none;text-align:center;opacity:0;z-index:15;flex-direction:column;justify-content:center;align-items:center;gap:.15em;transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;transform:scale(.92)}.turn-announce.visible{opacity:1;transform:scale(1)}.turn-announce .name{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 3px 10px #000c;font-size:clamp(1.6rem,5vw,2.6rem)}.turn-announce .check-label{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--wax-red-bright);text-shadow:0 2px 6px #000c;font-size:1rem}.action-bar{bottom:max(1em, env(safe-area-inset-bottom));pointer-events:auto;z-index:5;gap:.7em;display:flex;position:fixed;left:50%;transform:translate(-50%)}.corner-buttons{top:max(.8em, env(safe-area-inset-top));right:max(.8em, env(safe-area-inset-right));pointer-events:auto;z-index:6;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.5em;display:flex;position:fixed}.corner-buttons-list{opacity:0;pointer-events:none;flex-wrap:nowrap;align-items:center;gap:.5em;max-width:0;transition:max-width .32s,opacity .2s;display:flex;overflow:hidden}.corner-buttons-list.open{opacity:1;pointer-events:auto;max-width:90vw}.corner-toggle-btn[aria-expanded=true]{border-color:var(--gold-bright);color:var(--parchment)}.corner-toggle-btn .ico svg line{transform-box:fill-box;transform-origin:50%;transition:transform .25s,opacity .15s}.corner-toggle-btn[aria-expanded=true] .ico svg .ham-top{transform:translateY(5px)rotate(45deg)}.corner-toggle-btn[aria-expanded=true] .ico svg .ham-mid{opacity:0}.corner-toggle-btn[aria-expanded=true] .ico svg .ham-bot{transform:translateY(-5px)rotate(-45deg)}.history-panel{right:max(.8em, env(safe-area-inset-right));pointer-events:auto;z-index:4;width:11em;max-height:60vh;padding:.7em;position:fixed;top:50%;transform:translateY(-50%)}.history-panel h3{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--parchment-dark);text-align:center;font-size:.75rem}.history-list{max-height:calc(60vh - 3em);font-family:var(--font-body);margin:0;padding:0;font-size:.85rem;list-style:none;overflow-y:auto}.history-list li{border-bottom:1px dashed #ffffff14;gap:.4em;padding:.15em .3em;display:flex}.history-list .move-no{color:var(--parchment-shadow);min-width:1.4em}.history-list li.current{background:#e8c8742e;border-radius:3px}.promotion-choices{justify-content:center;gap:.8em;margin:1em 0;display:flex}.promotion-choices button{border:2px solid var(--wood-dark);background:var(--parchment);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:3.6em;height:3.6em;padding:.4em;display:flex}.promotion-choices button:hover{border-color:var(--gold)}.promotion-choices img,.promotion-choices svg{width:100%;height:100%}.result-banner{font-family:var(--font-display);text-align:center;color:var(--wax-red);margin:.4em 0 1em;font-size:1.4rem}@media (width<=640px){.history-panel{display:none}.player-card{min-width:0;padding:.4em .6em}.player-card .name{max-width:5.5em}.action-bar{gap:.4em}.action-bar .btn{padding:.65em 1em;font-size:.8rem}#hud:has(.corner-buttons-list.open) .game-header{padding-top:calc(max(.8em, env(safe-area-inset-top)) + 3.4em)}}#taverneu-bubble{left:max(.6em, env(safe-area-inset-left));right:max(.6em, env(safe-area-inset-right));top:calc(max(.5em, env(safe-area-inset-top)) + 5.6em);z-index:7;pointer-events:none;--portrait-right:clamp(.3rem, 3vw, 1.4rem);--portrait-w:clamp(92px, 19vw, 148px);justify-content:flex-end;display:flex;position:fixed}#taverneu-bubble.visible .taverneu-scroll,#taverneu-bubble.visible .taverneu-tail,#taverneu-bubble.visible .taverneu-portrait{pointer-events:auto;cursor:pointer}@keyframes taverneu-figure-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes taverneu-scroll-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes taverneu-fade-out-down{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(16px)}}.taverneu-portrait,.taverneu-tail,.taverneu-scroll{opacity:0}#taverneu-bubble.visible .taverneu-portrait{animation:.4s cubic-bezier(.22,1,.36,1) .16s forwards taverneu-figure-in}#taverneu-bubble.visible .taverneu-scroll,#taverneu-bubble.visible .taverneu-tail{animation:.4s cubic-bezier(.22,1,.36,1) forwards taverneu-scroll-in}#taverneu-bubble.hiding .taverneu-portrait{animation:.3s both taverneu-fade-out-down}#taverneu-bubble.hiding .taverneu-scroll,#taverneu-bubble.hiding .taverneu-tail{animation:.35s .12s both taverneu-fade-out-down}.taverneu-scroll{z-index:2;background:var(--parchment) url(./parchment-BN04l8HE.webp) center / cover;max-width:420px;color:var(--ink);border-radius:8px;margin-right:2rem;padding:.75em 1.3em;position:relative;box-shadow:0 4px 10px #00000059,0 16px 30px #0009}.taverneu-scroll p{font-family:var(--font-heading);margin:0;font-size:clamp(.92rem,1.4vw,1.08rem);font-weight:600;line-height:1.4}.taverneu-portrait{z-index:1;top:calc(100% + .3rem);right:var(--portrait-right);width:var(--portrait-w);position:absolute}.taverneu-figure{aspect-ratio:3/4;border-radius:8px;width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.taverneu-figure img{object-fit:cover;object-position:top center;transform-origin:top;width:100%;height:100%;display:block;transform:scale(1.7)}.taverneu-tail{z-index:3;top:100%;right:calc(var(--portrait-right) + var(--portrait-w) * .75 - 8px);width:16px;height:14px;fill:var(--parchment);stroke:none;position:absolute}@media (width<=640px){#taverneu-bubble{--portrait-w:clamp(76px, 24vw, 110px)}}.tutorial-hud{pointer-events:none;position:fixed;inset:0}.tutorial-step-counter{top:max(.8em, env(safe-area-inset-top));font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 2px 6px #000000e6;pointer-events:none;z-index:6;font-size:.8rem;position:fixed;left:50%;transform:translate(-50%)}.tutorial-actions{bottom:max(1em, env(safe-area-inset-bottom));pointer-events:auto;z-index:6;gap:.7em;display:flex;position:fixed;left:50%;transform:translate(-50%)}.tutorial-quit{top:max(.8em, env(safe-area-inset-top));right:max(.8em, env(safe-area-inset-right));pointer-events:auto;z-index:6;position:fixed}
