/* Existing comic theme, with a viewport-sized daily cover and separate library. */
body:has(#home:not([hidden])){overflow:hidden}
#home{height:100dvh;max-height:100dvh;min-height:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));max-width:700px}
#home[hidden]{display:none}
#home .home-header{position:relative;flex:0 0 auto;margin:0 0 8px;padding:0 0 8px;width:100%;max-width:none}
#home .home-date-row{height:22px;min-height:22px;margin:0;display:block}
#home .home-date-row [data-today]{position:absolute;top:0;left:0;max-width:calc(100% - 48px);font-size:11px}
#home .home-utilities{position:absolute;right:0;top:0;display:flex;flex-direction:column;gap:2px;z-index:2;margin:0}
#home .home-utilities .icon-button{height:36px;min-height:36px;width:38px;min-width:38px;padding:7px}
#home .home-utilities .icon-button svg{width:22px;height:22px}
#home .library-launch{position:absolute;left:0;top:57px;width:57px;min-height:69px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px solid var(--print-ink);border-radius:4px;background:var(--paper-face);box-shadow:2px 3px 0 var(--print-ink);color:var(--print-ink);font:800 10px/1.1 var(--text);z-index:2}
#home .library-launch svg{width:23px;height:23px}
#home .continuous-launch{background:#80ccdd;background-image:radial-gradient(#24232025 .65px,transparent .9px);background-size:5px 5px;border:2px solid var(--print-ink);border-radius:7px;box-shadow:3px 4px 0 var(--print-ink);transform:rotate(-3deg);transition:transform 140ms ease,box-shadow 140ms ease}
#home .continuous-launch svg{width:34px;height:28px;stroke-width:3}
#home .continuous-launch:active{transform:translate(2px,2px) rotate(-3deg);box-shadow:1px 2px 0 var(--print-ink)}
#home .continuous-launch[aria-pressed=true]{background-color:#f6cd39}
#home .play-mode-picker{display:grid;grid-template-columns:1fr 1fr}
#home .play-mode-picker button{white-space:normal;min-width:0}
#home .play-mode-picker [data-full-library]{position:static;width:auto;font-weight:800;color:var(--print-ink)}
@media(prefers-reduced-motion:reduce){#home .continuous-launch{transition:none}}
#home .home-header h1{margin:0 48px;padding:0;width:calc(100% - 96px);max-width:none;height:120px;line-height:0;font-size:0;transform:none;text-shadow:none;display:flex;align-items:center;justify-content:center}
#home .home-header h1 img{width:100%;height:100%;object-fit:contain}
#home .brand-tagline{font-size:11px;line-height:14px;margin:1px 44px 2px}
#home .developer-credit-home{font-size:9px;line-height:12px;margin:0 44px 6px}
#home .ritual-heading{font-size:12px;line-height:16px;margin:6px 0}
#home .ritual-meter{height:6px}
#home .play-mode-picker{flex:0 0 auto;width:100%;max-width:none;margin:0 0 8px;gap:8px}
#home .play-mode-picker button{min-height:40px;padding:7px 5px;font-size:15px;line-height:20px}
#home #daily-experience{flex:1 1 0;min-height:0;max-height:none;width:calc(100% + 16px);max-width:none;margin:0 -8px;display:flex;flex-direction:column;padding:0;overflow:hidden}
#home .featured-heading{flex:0 0 auto;padding:0 8px;margin:0 0 3px}
#home .featured-heading h2{font-size:21px;line-height:25px;margin:0}
#home .ritual-viewport{flex:1 1 0;min-height:0;width:100%;height:auto}
#home .ritual-track{height:100%;box-sizing:border-box;padding-top:6px;padding-bottom:7px;align-items:stretch}
#home .ritual-card{height:100%;min-height:0;max-height:none;padding:10px 10px 8px;display:flex;flex-direction:column;overflow:hidden}
#home .tier-heading{flex:0 0 auto;height:auto;min-height:0;margin:0 0 6px}
#home .tier-eyebrow{font-size:11px;line-height:15px}
#home .ritual-card h2{font-size:27px;line-height:28px;min-height:0;height:auto;margin:4px 0 7px}
#home .tier-progress{font-size:10px;line-height:12px}
#home .tier-games{flex:1 1 0;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:7px}
#home .tier-game{min-height:0;height:100%;padding:5px 4px;gap:3px;overflow:hidden;justify-content:center}
#home .tier-art{width:42px;height:42px;flex:0 0 42px}
#home .tier-game-copy strong{font-size:12px;line-height:14px;min-height:0;overflow-wrap:normal}
#home .tier-game-copy small{font-size:10px;line-height:12px}
#home .tier-game-mark{right:4px;top:4px}
#home .tier-game-mark svg{width:17px;height:17px}
#home .tier-footer{flex:0 0 auto;min-height:15px;padding-top:2px;margin-top:5px;font-size:10px;line-height:13px}
#home .ritual-navigation{flex:0 0 42px;min-height:42px;margin:0 8px;gap:6px}
#home .ritual-navigation>.icon-button{height:36px;min-height:36px;width:36px;min-width:36px}
#home .card-selectors button{min-height:36px;padding:3px 8px;font-size:11px}
#home [data-card-position]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#home [data-skip-intro]:not([hidden]){position:absolute;bottom:max(9px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:5;background:var(--paper-face);padding:5px 12px;border:1px solid var(--line)}
#home>.library-heading,#home>.library-allowance,#home>.game-grid,#home>.home-footer{display:none}
#full-library-dialog{width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0 14px 14px;overflow:auto;overscroll-behavior:contain}
#full-library-dialog>.settings-heading{position:sticky;top:0;z-index:3;background:var(--paper-face);padding:12px 0;margin:0 0 8px;border-bottom:2px solid var(--print-ink)}
#full-library-dialog h2{font-size:25px}
#full-library-dialog .library-heading{display:none}
#full-library-dialog .library-allowance{margin:0 0 12px;padding:0;font-size:12px}
#full-library-dialog .game-grid{width:100%;max-width:none}
#full-library-dialog .home-footer{margin-top:16px;width:100%}
body.continuous-mode #home{overflow-y:auto}
body.continuous-mode #home>.continuous-library{flex:none}
#home #full-library-panel{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px 5px 12px 0;scrollbar-gutter:stable}
#home #full-library-panel[hidden],#home.show-library #daily-experience{display:none!important}
#full-library-panel .library-heading{display:none}
#full-library-panel .library-allowance{margin:0 0 10px;font-size:12px}
#home #full-library-panel .game-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;max-width:none}
#home #full-library-panel .daily-game{min-height:110px}
#home #full-library-panel .game-heading{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto}
#home #full-library-panel .game-art{grid-row:1/3;width:80px;height:100%;min-height:110px;border-bottom:0;border-right:1px solid var(--print-ink)}
#home #full-library-panel .game-name{padding:8px 10px 3px}
#home #full-library-panel .game-name h2{min-height:0;font-size:23px}
#home #full-library-panel .game-dots{margin:0 10px 8px}
#home #full-library-panel .home-footer{margin-top:16px}
#home .library-launch.continuous-launch{width:40px;height:40px;min-height:40px;padding:5px;transform:none;top:54px;box-shadow:2px 3px var(--print-ink)}
#home .library-launch.continuous-launch svg{width:27px;height:25px}
@media(min-height:760px){#home .home-header h1{height:145px}#home .tier-art{width:54px;height:54px;flex-basis:54px}#home .tier-game-copy strong{font-size:14px;line-height:16px}#home .tier-game-copy small{font-size:12px;line-height:14px}#home .tier-heading{margin-bottom:9px}#home .ritual-card h2{margin:8px 0 14px}#home .tier-footer{min-height:24px}}
@media(max-height:650px){#home{padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(4px,env(safe-area-inset-bottom))}#home .home-header{margin-bottom:4px;padding-bottom:5px}#home .home-header h1{height:103px}#home .home-utilities .icon-button{height:30px;min-height:30px;width:32px;min-width:32px;padding:4px}#home .home-utilities{gap:0}#home .library-launch{top:40px;min-height:60px}#home .developer-credit-home{display:none}#home .brand-tagline{font-size:9px;line-height:11px;margin-block:0 4px}#home .ritual-heading{margin:4px 0;font-size:11px}#home .play-mode-picker{margin-bottom:4px}#home .play-mode-picker button{min-height:35px;padding:5px;font-size:13px}#home .featured-heading h2{font-size:19px;line-height:22px}#home .ritual-card h2{font-size:23px;line-height:24px;margin:2px 0 4px}#home .tier-art{width:33px;height:33px;flex-basis:33px}#home .tier-game-copy strong{font-size:11px;line-height:12px}#home .tier-footer{min-height:12px;font-size:9px;line-height:11px}}
@media(max-height:430px) and (orientation:landscape){body:has(#home:not([hidden])){overflow:auto}#home{height:auto;min-height:100dvh;max-height:none;overflow:visible}#home #daily-experience{flex:none;height:440px}}
@media(max-height:650px){#home .tier-art{width:29px;height:29px;flex-basis:29px}#home .tier-game{padding:3px;gap:2px}#home .tier-game-copy{gap:2px}}