/* Norwich scenery, illustrated objects and real accessible parchment controls. */
.account-story-wrap{position:relative;isolation:isolate;min-height:100dvh;max-width:1080px!important;padding:0 30px!important}
.account-story-wrap:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(0deg,#073b3744,transparent 70%),url('/assets/world/norwich-day.webp') center top/cover no-repeat;pointer-events:none}
.account-story-wrap:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/atlas/foliage.webp') center/100% 100% no-repeat;opacity:.9}
.account-story-wrap .topbar{max-width:820px;margin:auto;min-height:95px;padding:18px 0;align-items:center}
.account-story-wrap .brand img{width:65px;height:65px;filter:drop-shadow(0 4px 2px #002a2f77)}
.account-story-wrap .brand strong{font-family:'Nunito',system-ui,sans-serif;font-weight:1000;font-size:clamp(24px,4.7vw,38px);letter-spacing:1px;color:#fff9e1;text-shadow:0 3px 0 #073b2c,0 5px 5px #002b36}
.account-story-wrap .brand small{color:#fff9e1;letter-spacing:2px;font-size:11px;text-shadow:0 2px 2px #003b2c}
.account-story-wrap .topnav .rules-book-button{display:none}.account-story-wrap .topnav .sound{color:#fff9da;filter:drop-shadow(0 2px 2px #00392b)}
.enchanted .account-story-shell{display:grid;grid-template-columns:minmax(0,1fr);max-width:700px;margin:0 auto 20px;border:0;background:none;border-radius:0;box-shadow:none;overflow:visible;gap:0}
.enchanted .account-story-shell .account-art{display:flex!important;flex-direction:column;align-items:center!important;justify-content:flex-start;grid-row:1;min-height:0!important;padding:0!important;background:none!important;overflow:visible;gap:0;border:0;box-shadow:none;isolation:auto}
.account-story-shell .account-art:after,.account-story-shell .account-art>.world-scene,.account-story-shell .world-account-caption{display:none}
.account-prize-banner{position:relative;z-index:2;width:100%;max-width:620px;aspect-ratio:3.15;background:url('/assets/account/prize-banner.png') center/100% 100% no-repeat;filter:drop-shadow(0 7px 5px #003b2b66);margin:0 auto -6px}
.account-prize-headings{position:absolute;left:17%;right:17%;top:12%;height:51%;display:grid;grid-template-columns:1fr 1fr;gap:13%;text-align:center;align-items:center}
.account-prize-headings span{font:800 clamp(19px,4.8vw,34px)/.98 'Fraunces',Georgia,serif;text-transform:uppercase;color:#073e2b;text-shadow:0 1px 0 #ffefd4}
.account-prize-headings span:first-child{transform:rotate(-4deg)}.account-prize-headings span:last-child{transform:rotate(4deg)}
.account-prize-banner p{position:absolute;left:14%;right:14%;top:64%;text-align:center;margin:0!important;max-width:none!important;font:1000 clamp(13px,3.3vw,24px)/1.1 'Nunito',system-ui,sans-serif!important;text-transform:uppercase;color:#fff8ce!important;text-shadow:0 2px 1px #004e32!important;white-space:nowrap}
.account-story-shell .account-rulebook{width:245px;max-width:72%;margin:0 auto -5px;filter:drop-shadow(0 0 2px #ffdd4d) drop-shadow(0 9px 10px #00271999);z-index:3}
.account-story-shell .account-rulebook .enchanted-book-art{filter:none}
.account-read-rules{position:absolute;left:6%;right:6%;bottom:9%;padding:10px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid #fce48c;border-radius:40px;background:linear-gradient(#09855b,#00543c);box-shadow:0 2px 0 #745213,0 0 0 2px #806024;color:#fff7db;font:800 16px/1.1 'Fraunces',Georgia,serif;white-space:nowrap;text-shadow:0 1px 1px #002b21}.account-read-rules>span{font-size:23px}
.enchanted .account-story-shell .account-panel{position:relative;grid-row:2;padding:25px 32px 19px;border:2px solid #ffe49a;border-radius:22px;background:radial-gradient(ellipse at 50% 5%,#fffce9,#fff3cd 72%,#eed8a0);box-shadow:0 0 0 2px #aa7c29,0 0 0 5px #edc35e,0 8px 0 #755623,0 16px 26px #002f2a66,inset 0 0 0 5px #fff5d166;color:#073e2e;text-align:center;overflow:visible;isolation:isolate}
.account-story-shell .account-panel:before{content:'';position:absolute;inset:12px -10px -7px;z-index:-1;border:5px solid #22663f;border-radius:22px;background:transparent;transform:rotate(-3deg);box-shadow:0 8px 15px #002c2844;pointer-events:none}
.account-story-shell .account-panel:after{content:'✥';position:absolute;right:18px;top:20px;font:80px/1 Georgia;color:#b47c1a;opacity:.12;pointer-events:none}
.account-story-shell .account-back{display:flex;align-items:center;gap:8px;position:relative;z-index:2;margin:0 0 15px;padding:0;min-height:36px;font:900 15px 'Nunito';color:#064b39}.account-back>span{font:900 28px/1 'Nunito';text-decoration:none}
.account-story-shell .account-panel>.eyebrow{position:relative;display:table;padding:8px 20px;margin:0 auto 12px;max-width:90%;font:900 12px/1.2 'Nunito';letter-spacing:2px;color:#14533b;background:linear-gradient(100deg,#dba74d,#fff0b3 14%,#fff5c9 50%,#f5d88c 88%,#bf8426);box-shadow:0 3px 4px #8e6c3033;transform:rotate(-1deg);border-radius:5px 3px 6px 4px}
.enchanted .account-story-shell .account-panel h1{font:800 clamp(33px,5.7vw,53px)/1.03 'Fraunces',Georgia,serif;letter-spacing:-1px;color:#063c2b;margin:0 auto 13px;max-width:540px;text-wrap:balance}
.account-story-shell .account-intro{font:600 17px/1.4 'Nunito';color:#194a38;margin:0 auto 16px;max-width:460px}
.account-story-shell [hidden]{display:none!important}
.account-story-shell .registration-status{display:flex;align-items:center;gap:13px;text-align:left;background:linear-gradient(120deg,#d7efbd,#f0f5cf);border:2px solid #7faf74;border-radius:13px;margin:14px 0 16px;padding:13px 17px;font:600 16px/1.4 'Nunito';color:#23543b}
.account-story-shell .registration-status strong{font:1000 19px/1.3 'Nunito';color:#123d2d;margin-bottom:2px}
.account-status-check{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;font:900 31px/1 'Nunito';background:linear-gradient(#0c9c6b,#006748);color:#fffdf0;box-shadow:0 3px 0 #08523c}
.enchanted .account-story-shell .account-choose{display:flex;align-items:center;justify-content:center;gap:18px;min-height:62px;background:linear-gradient(#09855e,#006347);border:2px solid #ffe487;border-radius:16px;box-shadow:0 0 0 2px #074d37,0 5px 0 #06422d,0 8px 12px #64502533;color:#fff8e8;font:1000 23px/1.2 'Nunito';margin:0 0 19px;padding:12px 15px;text-shadow:0 2px 0 #00452d}
.account-choose>span{font:700 31px/1 'Nunito'}
.account-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 13px}
.account-secondary-actions:has(>button:only-child){grid-template-columns:1fr}
.account-action-tile{display:flex;align-items:center;justify-content:center;gap:12px;min-height:70px;border:2px solid #a6b27c;border-radius:12px;background:linear-gradient(#fffdee,#f8f0d4);box-shadow:0 2px 0 #b4b18b;color:#074c38;padding:11px 10px;font:900 16px/1.2 'Nunito';text-align:left;cursor:pointer}
.account-action-tile svg{width:31px;height:34px;flex:none;fill:currentColor}.account-action-tile svg[fill=none]{fill:none}
.account-action-tile:hover{background:#fff7c4}.account-session-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin:0;padding:0;border-top:1px solid #b4b78266}
.account-session-actions .text-button{min-height:36px;font:900 15px 'Nunito';color:#13513d}.account-session-actions .account-delete{font-size:12px;font-weight:700}
.account-story-shell .account-legal{margin:4px 0 0;font-size:13px;color:#23553c}.account-story-shell .account-legal a{font-weight:800}
.account-story-wrap .site-footer{max-width:700px;margin:auto;justify-content:center;flex-wrap:wrap;gap:12px;color:#fff6d7;font-size:12px;text-shadow:0 1px 3px #002e2a;padding:20px 0 24px}
.account-story-wrap .site-footer>span{display:none}.account-story-shell .provider-options{margin-top:15px}.account-story-shell #login-error:empty{display:none}.account-story-shell #account-options>.fine{font-size:12px;line-height:1.45;margin:12px 0 0}.account-story-shell .hs-entry-install{min-height:54px;font-size:20px;margin:12px 0 16px}
@media(min-width:1000px){.enchanted .account-story-shell{grid-template-columns:340px minmax(0,1fr);max-width:1000px;gap:28px;align-items:center;margin-top:24px}.enchanted .account-story-shell .account-panel{grid-column:2;grid-row:1}.enchanted .account-story-shell .account-art{grid-column:1;grid-row:1}.account-story-shell .account-rulebook{width:310px;max-width:100%}.account-prize-banner{width:390px;max-width:115%}.account-prize-headings span{font-size:23px}.account-prize-banner p{font-size:15px!important}.account-story-wrap .topbar{max-width:1000px}.account-story-shell .account-read-rules{font-size:20px;padding:14px 5px}}
@media(max-width:650px){.account-story-wrap{padding:0 19px!important}.account-story-wrap .topbar{min-height:75px;padding:13px 0;gap:9px}.account-story-wrap .brand{gap:10px}.account-story-wrap .brand img{width:45px;height:45px}.account-story-wrap .brand strong{font-size:25px;letter-spacing:.4px}.account-story-wrap .brand small{font-size:8px;letter-spacing:1px}.account-story-wrap .topnav{gap:0}.enchanted .account-story-shell .account-panel{padding:16px 18px 15px;border-radius:18px}.account-story-shell .account-back{font-size:12px;min-height:28px;margin-bottom:8px}.account-back>span{font-size:23px}.account-story-shell .account-panel>.eyebrow{font-size:9px;letter-spacing:1.4px;padding:6px 14px;margin-bottom:10px}.enchanted .account-story-shell .account-panel h1{font-size:36px;margin-bottom:10px;letter-spacing:-.7px}.account-story-shell .account-rulebook{width:190px;margin-top:-3px;margin-bottom:-3px}.account-read-rules{font-size:12px;padding:7px 3px;gap:3px}.account-read-rules>span{font-size:18px}.account-prize-banner{margin-bottom:0;max-width:450px}.account-prize-headings span{font-size:clamp(17px,5vw,24px)}.account-prize-banner p{font-size:clamp(11px,3.2vw,15px)!important}.account-story-shell .registration-status{font-size:13px;padding:11px;gap:10px;margin:12px 0 14px}.account-story-shell .registration-status strong{font-size:16px}.account-status-check{width:35px;height:35px;font-size:25px}.enchanted .account-story-shell .account-choose{font-size:19px;min-height:54px;gap:10px;margin-bottom:16px;padding:10px}.account-secondary-actions{gap:8px;margin-bottom:10px}.account-action-tile{font-size:13px;min-height:60px;gap:8px;padding:9px 7px}.account-action-tile svg{width:25px;height:28px}.account-story-shell .account-intro{font-size:15px;line-height:1.4;margin-bottom:12px}.account-session-actions .text-button{font-size:13px}.account-story-shell .account-legal{font-size:12px}.account-story-shell .hs-entry-install{font-size:18px;padding:10px;min-height:50px}.account-story-shell .hs-entry-install small{font-size:13px}.account-story-wrap:after{opacity:.65}}
@media(max-width:360px){.account-story-wrap .brand strong{font-size:21px}.account-story-wrap .brand img{width:38px;height:38px}.account-story-wrap .brand small{font-size:7px}.enchanted .account-story-shell .account-panel h1{font-size:31px}.account-story-shell .account-rulebook{width:170px}.account-action-tile{font-size:12px;gap:6px}}
@media(prefers-reduced-motion:reduce){.account-story-shell .account-rulebook:hover{transform:none}}
/* Separate back board and paper layers keep the tilted green edge behind the text. */
.account-story-wrap{overflow-x:clip}
.enchanted .account-story-shell .account-panel{background:transparent;border-color:transparent;box-shadow:none;min-width:0}
.account-story-shell .account-panel:before{inset:8px -5px -6px;z-index:-2;background:linear-gradient(120deg,#266b3b,#104f35);border:2px solid #d4da97;box-shadow:0 7px 14px #002c2844}
.account-story-shell .account-panel:after{content:'';position:absolute;inset:0;z-index:-1;opacity:1;background:radial-gradient(ellipse at 50% 5%,#fffce9,#fff3cd 72%,#eed8a0);border:2px solid #ffe49a;border-radius:inherit;box-shadow:0 0 0 2px #aa7c29,0 0 0 5px #edc35e,0 7px 0 #755623,0 16px 26px #002f2a66,inset 0 0 0 5px #fff5d166}

.account-read-rules svg{width:20px;height:23px;flex:none;color:#fff3bb}@media(max-width:650px){.account-read-rules svg{width:17px;height:19px}}
/* Position type within the illustrated writing areas, above the curved gold trim. */
.account-prize-headings{top:12%;height:46%;left:18%;right:18%;gap:12%}
.account-prize-banner p{top:58%;left:22%;right:22%;line-height:1.15!important}

/* Play is the primary action; installation stays optional. */
.entry-play svg{width:27px;height:27px;flex:none}
.enchanted .entry-play{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;width:100%;padding:15px 20px;border:2px solid #ffe487;border-radius:16px;background:linear-gradient(#15965d,#006d43);color:#fffbed;box-shadow:0 0 0 2px #075334,0 5px 0 #03472b,0 8px 16px #27401b33;font:1000 28px/1.15 'Nunito',system-ui,sans-serif;text-shadow:0 2px 0 #00452d;cursor:pointer}
.enchanted .entry-play:hover{background:linear-gradient(#1ea66b,#087e4e)}
.enchanted .entry-play:focus-visible{outline:3px solid #6c35b1;outline-offset:6px}
.enchanted .entry-play[hidden],#account-google-step[hidden]{display:none}
.account-play-entry{margin:20px 0 16px}
.play-signin-label{font:900 19px/1.4 'Nunito',system-ui,sans-serif;margin:12px 0;color:#06452f;text-align:center}
.world-hero-copy .entry-play{max-width:360px}
.enchanted :is(.account-panel,.world-hero-copy) .hs-entry-install{min-height:48px;font-size:18px;padding:10px 16px;margin:16px 0 22px;border-width:1px;box-shadow:0 3px 0 #402076}
.enchanted :is(.account-panel,.world-hero-copy) .hs-entry-install small{font-size:14px}
.enchanted .account-story-shell .entry-play{min-height:66px;font-size:28px;margin-bottom:16px}
.hs-app-icon{object-fit:contain;box-shadow:none;border-radius:0}