html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#efe8d9;height:100%;margin:0;overflow:hidden}:root{--type-small:11px;--type-body:13px}canvas{-webkit-user-select:none;user-select:none;touch-action:none;display:block}.sound-toggle,.fullscreen-toggle,.coffee-link,.pause-toggle{top:calc(env(safe-area-inset-top,0px) + 4px);box-sizing:border-box;opacity:.85;cursor:pointer;background:0 0;border:0;transition:opacity .2s;position:fixed}.sound-toggle:hover,.fullscreen-toggle:hover,.coffee-link:hover,.pause-toggle:hover{opacity:1}.sound-toggle:before,.fullscreen-toggle:before,.coffee-link:before,.pause-toggle:before,.account-corner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle closest-side,#efe8d9f2 55%,#efe8d900);width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-plate=dark]{--night-ink-rgb:31, 27, 24;--night-light:#efe8d9;--night-light-rgb:239, 232, 217;--night-soft:#c8bfae;--night-warning:#e07a66}:root[data-plate=dark] .sound-toggle:before,:root[data-plate=dark] .fullscreen-toggle:before,:root[data-plate=dark] .coffee-link:before,:root[data-plate=dark] .pause-toggle:before,:root[data-plate=dark] .account-corner:before{background:radial-gradient(circle closest-side, rgba(var(--night-ink-rgb), .95) 55%, rgba(var(--night-ink-rgb), 0))}:root[data-plate=dark] .sound-toggle img,:root[data-plate=dark] .fullscreen-toggle img,:root[data-plate=dark] .coffee-link img,:root[data-plate=dark] .pause-toggle img,:root[data-plate=dark] .account-corner.guest:after{filter:url(#plate-lift)}.sound-toggle img,.fullscreen-toggle img,.coffee-link img,.pause-toggle img{object-fit:contain;width:100%;height:100%;display:block}.sound-toggle img[hidden],.fullscreen-toggle img[hidden]{display:none}.sound-toggle{z-index:10;width:64px;height:56px;padding:15px 17px;left:4px}.fullscreen-toggle{z-index:10;width:56px;height:56px;padding:16px;left:59px}@media (pointer:coarse){.sound-toggle{left:-5px}}.coffee-link{z-index:10;width:58px;height:56px;padding:7px 16px 19px;left:68px}@media (pointer:coarse){.coffee-link{left:59px}}.has-fullscreen-toggle .coffee-link{left:116px}.pause-toggle{z-index:10;width:56px;height:56px;padding:16px;left:68px}.pause-toggle[hidden]{display:none}@media (pointer:coarse){.pause-toggle{left:59px}}.has-fullscreen-toggle .pause-toggle{left:116px}.safe-area-probe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;inset:0}.consent-banner{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:10;box-sizing:border-box;color:#1f1b18;font-family:Cormorant Garamond,serif;font-size:var(--type-small);letter-spacing:.18em;text-align:center;background:radial-gradient(closest-side,#efe8d9f2 70%,#efe8d900);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;font-weight:600;display:flex;position:fixed;left:130px;right:130px}.consent-banner[hidden]{display:none}.consent-banner-portrait{background:0 0;max-width:min(84vw,360px);margin-top:10px;position:static}.consent-banner-portrait button{min-height:44px}.consent-banner-portrait .consent-banner-line{flex-basis:100%}.consent-banner .consent-banner-line{white-space:normal;font-size:var(--type-small);letter-spacing:.18em;margin:0}.consent-banner button{min-height:32px;color:inherit;font:inherit;font-size:var(--type-body);letter-spacing:.22em;cursor:pointer;background:#efe8d9d9;border:1px solid;padding:0 14px}.pause-screen{z-index:15;color:#1f1b18;text-align:center;touch-action:none;background:#efe8d9d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Cormorant Garamond,serif;display:none;position:fixed;inset:0}.pause-screen.shown{display:flex}.pause-screen-word{height:var(--painted-title-height,max(14vh, 64px));width:auto}.pause-screen .pause-screen-chapter{color:#59534d;font-weight:500;font-size:max(11px, calc(17 * var(--pause-design-px) * var(--hud-scale,1)));letter-spacing:.41em;margin:-.2em 0 .4em}.pause-screen{--pause-design-px:max(calc(100vw / 1920), calc(100vh / 1080))}.pause-screen .pause-screen-resume,.pause-screen .pause-screen-help,.pause-screen .pause-screen-give-up,.pause-screen .pause-screen-skip,.pause-screen .pause-screen-again{color:#1f1b18;font-family:Cormorant Garamond,serif;font-weight:600;font-size:max(14px, calc(26 * var(--pause-design-px) * var(--hud-scale,1)));letter-spacing:.31em;cursor:pointer;background:0 0;border:0;margin-top:0;padding:.25em .7em}.pause-screen .pause-screen-resume{font-weight:700}.pause-screen .pause-screen-skip,.pause-screen .pause-screen-again{cursor:default;justify-content:center;align-items:baseline;gap:.6em;padding:0;display:flex}.pause-screen .pause-screen-skip[hidden]{display:none}.pause-screen .pause-screen-skip button,.pause-screen .pause-screen-again button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:.25em .2em}.pause-screen .pause-screen-again,.pause-screen .pause-screen-give-up{font-size:max(13px, calc(21 * var(--pause-design-px) * var(--hud-scale,1)))}.pause-screen .pause-screen-skip button:disabled{opacity:.3;cursor:default}.pause-screen .pause-screen-skip-hint{font-weight:600;font-size:max(11px, calc(13 * var(--pause-design-px) * var(--hud-scale,1)));letter-spacing:.38em;opacity:.7;margin:-.4em 0 0}.pause-screen .pause-screen-rule{border:0;border-top:1px solid #1f1b1859;width:120px;margin:10px 0 0}.pause-screen .pause-screen-again,.pause-screen .pause-screen-give-up{color:#9b1f14}.pause-screen .pause-screen-again{margin-top:.7em}.pause-screen .pause-screen-key{margin-left:calc(24 * var(--pause-design-px) * var(--hud-scale,1));color:var(--pause-key-color);font-weight:500;font-size:max(11px, calc(17 * var(--pause-design-px) * var(--hud-scale,1)));letter-spacing:.41em}.pause-screen .pause-screen-again .pause-screen-key,.pause-screen .pause-screen-give-up .pause-screen-key{color:inherit}.pause-screen .pause-screen-hard{vertical-align:middle;height:1.7em;margin-left:.4em;display:inline-block}.pause-screen-dye{width:0;height:0;position:fixed}.pause-screen.dark{background:rgba(var(--night-ink-rgb), .82);color:var(--night-light)}.pause-screen.dark .pause-screen-chapter{color:var(--night-soft)}.pause-screen.dark .pause-screen-resume,.pause-screen.dark .pause-screen-help,.pause-screen.dark .pause-screen-skip{color:var(--night-light)}.pause-screen.dark .pause-screen-rule{border-top-color:rgba(var(--night-light-rgb), .35)}.pause-screen.dark .pause-screen-word{filter:url(#plate-lift)}.pause-screen.dark .pause-screen-again,.pause-screen.dark .pause-screen-give-up{color:var(--night-warning)}.rotate-screen{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 7vh) 16px calc(env(safe-area-inset-bottom,0px) + 9vh);color:#1f1b18;text-align:center;touch-action:none;background:#efe8d9 22% 60%/cover no-repeat;flex-direction:column;justify-content:space-between;align-items:center;font-family:Cormorant Garamond,serif;display:none;position:fixed;inset:0}.rotate-screen-title{width:min(84vw,420px)}.rotate-screen-card{background:radial-gradient(closest-side,#efe8d9cc 50%,#efe8d900);flex-direction:column;align-items:center;gap:14px;padding:26px 32px;display:flex}.rotate-screen-card img{width:min(36vw,170px)}.rotate-screen p{letter-spacing:.24em;white-space:nowrap;margin:0;font-size:20px;font-weight:600}.rotate-screen.can-turn .rotate-screen-card img{width:min(24vw,110px)}.rotate-screen.can-turn .rotate-screen-line{font-size:var(--type-body)}.rotate-screen .rotate-screen-note{font-size:var(--type-small);letter-spacing:.16em;opacity:.75;font-weight:600}.rotate-screen .rotate-screen-tap{letter-spacing:.31em;background:radial-gradient(closest-side,#efe8d9f2 60%,#efe8d900);margin-top:4px;padding:8px 2em 12px;font-size:20px}.rotate-screen .rotate-screen-tap:after{content:"";background:#1f1b18;width:calc(100% + 2.7em);height:2px;margin:.55em 0 0 -1.35em;display:block}.rotate-screen .rotate-screen-tap[hidden]{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-screen{display:flex}.sound-toggle{z-index:21}.has-fullscreen-toggle .coffee-link{z-index:21;left:59px}.coffee-link{z-index:21}}.install-offer{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);z-index:10;box-sizing:border-box;white-space:nowrap;color:#1f1b18;min-height:44px;font-family:Cormorant Garamond,serif;font-size:var(--type-small);letter-spacing:.22em;pointer-events:none;background:radial-gradient(closest-side,#efe8d9eb 60%,#efe8d900);align-items:center;margin:0;padding:0 22px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.install-offer button{color:inherit;font:inherit;letter-spacing:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0}.install-offer button.install-offer-words{font-size:var(--type-body)}.install-offer .install-offer-hide{letter-spacing:0;opacity:.85;min-width:44px;min-height:44px;margin-right:-14px;font-size:22px;font-weight:500}.install-offer[hidden]{display:none}.account-corner,.account-menu,.empty-sign-in{letter-spacing:.2em;color:#1f1b18;font-family:Cormorant Garamond,serif;font-weight:600}.account-corner[hidden],.account-menu[hidden],.empty-sign-in[hidden],.empty-sign-in [hidden]{display:none}.account-corner{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:16;opacity:.92;cursor:pointer;background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:24px;line-height:44px;position:fixed;right:12px}.account-corner:hover{opacity:1}.account-corner:after{content:"";z-index:-1;position:absolute;inset:0}.account-corner.seal,.account-corner.unlinked{color:#efe8d9}.account-corner.seal:after,.account-corner.unlinked:after{background:url(/assets/ui/account-seal.webp) 50%/contain no-repeat}.account-corner .portrait{object-fit:cover;filter:url(#ink-seal);pointer-events:none;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px;-webkit-mask:url(/assets/ui/account-seal.webp) 50%/contain no-repeat;mask:url(/assets/ui/account-seal.webp) 50%/contain no-repeat}.account-corner.guest:after{background:url(/assets/ui/pictogram-guest.webp) 50%/80% no-repeat}@media (pointer:coarse){.account-corner{right:4px}}.account-menu{top:calc(env(safe-area-inset-top,0px) + 58px);z-index:17;box-sizing:border-box;isolation:isolate;width:210px;padding:30px 18px 16px;position:fixed;right:6px}.account-menu:before,.account-menu:after{content:"";pointer-events:none;position:absolute}.account-menu:before{z-index:-1;background:#efe8d9;border-radius:10px;inset:9% 4% 3%}.account-menu:after{background:url(/assets/ui/account-menu-frame.webp) 50%/100% 100% no-repeat;inset:0}@media (pointer:coarse){.account-menu{right:0}}.account-menu p{font-size:var(--type-small);text-align:center;opacity:.75;margin:0 0 6px}.account-menu button{width:100%;min-width:160px;min-height:44px;color:inherit;font:inherit;font-size:var(--type-body);letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 6px;display:flex}.account-menu button:disabled{cursor:default;opacity:.45}.account-menu button .label{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.account-menu button .when{font-size:var(--type-small);letter-spacing:.12em;white-space:nowrap}.account-menu button:hover:not(:disabled){background:#1f1b180f}.account-menu .pictogram{object-fit:contain;width:26px;height:26px}.account-menu .ring{width:34px;min-width:34px;height:34px;min-height:34px}.ring{cursor:pointer;background:url(/assets/ui/sign-in-ring.webp) 50%/contain no-repeat;border:0;place-items:center;width:44px;height:44px;padding:0;transition:transform .15s;display:inline-grid}button.ring:hover{transform:scale(1.06)}.ring svg{width:43%;height:43%}.rings{justify-content:center;gap:8px;display:flex}.empty-sign-in{z-index:18;text-align:center;position:fixed;transform:translate(-50%)}.empty-sign-in .notice{font-size:var(--type-small);opacity:.7;margin:8px 0 0}@media (orientation:portrait) and (pointer:coarse){.account-corner{z-index:21}.account-menu{z-index:22}}.nickname-prompt{z-index:30;background:#efe8d999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nickname-prompt form{text-align:center;color:#1f1b18;letter-spacing:.22em;background:radial-gradient(closest-side,#efe8d9fa 70%,#efe8d900);padding:36px 56px;font-family:Cormorant Garamond,serif;font-weight:600}.nickname-prompt p{margin:0 0 14px;font-size:14px}.nickname-prompt input{width:14em;color:inherit;font:inherit;letter-spacing:.12em;text-align:center;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:1px solid #1f1b18;outline:none;margin:0 auto 8px;font-size:22px;font-style:italic;display:block}.nickname-prompt .note{font-size:var(--type-small);opacity:.65;margin:0 0 10px}.nickname-prompt .problem{min-height:1.2em;font-size:var(--type-small);opacity:.8}.nickname-prompt button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0 10px;padding:6px 4px;font-size:14px}.nickname-prompt .later{opacity:.6}