/* Cozy shares Edgekin’s type, board art and pictogram library. Static layout only;
   game motion comes from the shared MOTION group, carousel timing from demo config. */
:root{--cozy-bg:#101d36;--cozy-panel:#182c47;--cozy-text:#f5f1e7;--cozy-muted:#b8c7d5;--cozy-line:#39506b;--cozy-accent:#e5c380;--font-display:Philosopher,Georgia,serif;--font-ui:Nunito,system-ui,sans-serif;color-scheme:dark}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--cozy-bg);color:var(--cozy-text);font:500 16px/1.65 var(--font-ui);overflow-x:hidden}body[data-variant="mist"]{--cozy-bg:#e4eee9;--cozy-panel:#f3f5ed;--cozy-text:#203d43;--cozy-muted:#48666a;--cozy-line:#b1c6bf;--cozy-accent:#9c6726;color-scheme:light}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--cozy-accent)}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cozy-accent);outline-offset:4px}button{color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15}h1{font-size:clamp(2rem,4vw,3.3rem);margin:12px 0 18px}h2{font-size:1.7rem}p{margin:0 0 1rem}.cozy-header,main,.cozy-footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.cozy-header{display:flex;align-items:center;gap:24px;padding-block:22px;border-bottom:1px solid var(--cozy-line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font:700 24px var(--font-display);text-decoration:none}.cozy-header nav{display:flex;gap:24px;margin-left:auto}.cozy-header nav a{text-decoration:none;font-size:14px}.primary,.quiet,.icon-button,.book-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--cozy-line);background:transparent;border-radius:8px;padding:9px 16px;text-decoration:none;line-height:1.4}.primary{background:var(--cozy-accent);color:#182a38;border-color:transparent;font-weight:800}.quiet:hover,.icon-button:hover{background:var(--cozy-panel)}.icon-button{padding:8px}.ico{width:22px;height:22px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--cozy-accent)}.intro{max-width:850px;padding:42px 0 30px}.intro p{font-size:18px;color:var(--cozy-muted);max-width:74ch}.puzzle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.puzzle-card{min-width:0;border:1px solid var(--cozy-line);border-radius:14px;overflow:hidden;background:var(--cozy-panel)}.puzzle-heading{min-height:106px;display:flex;align-items:flex-start;gap:14px;padding:18px 22px 12px}.puzzle-heading h2{font-size:23px;margin:0 0 6px}.puzzle-heading h2 a{text-decoration:none}.puzzle-heading p{font-size:13px;line-height:1.5;color:var(--cozy-muted);margin:0;max-width:44ch}.puzzle-heading .icon-button{margin-left:auto;flex:none}.puzzle-stage{position:relative;min-height:360px;background:#101a30}.puzzle-root{height:400px;position:relative;overflow:hidden;color:#fbf6ec;--font-ui:Nunito,system-ui,sans-serif;--font-display:Philosopher,Georgia,serif}.puzzle-status{padding:20px;color:#c6d2df;font-size:14px}.puzzle-status[hidden]{display:none}.puzzle-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px;font-size:12px}.puzzle-actions>span{margin-left:auto;color:var(--cozy-muted)}.puzzle-root .game-head{display:none}.puzzle-root .game-stage{height:100%;position:relative;display:flex;flex-direction:column;margin:auto}.puzzle-root .game-foot{font-size:12px;flex-wrap:wrap}.puzzle-root .game-foot p{margin:0}.puzzle-root .btn-ghost{background:transparent;border:1px solid #778093;border-radius:5px;padding:4px 9px;color:#f6f0e1}.puzzle-root .game-mid{min-height:0}.puzzle-root .game-floor{inset:0}.puzzle-root .notice{position:absolute;bottom:8px;z-index:12;max-width:95%;background:#312d2d}.large .puzzle-root{height:560px}.page-copy{max-width:780px;padding-block:30px}.page-copy h2{margin-top:30px}.page-copy p{color:var(--cozy-muted)}.world-links{border-top:1px solid var(--cozy-line);padding:24px 0 40px}.world-links a{display:inline-block;margin:0 24px 12px 0}.cozy-footer{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:26px 0 36px;border-top:1px solid var(--cozy-line);font-size:13px}.cozy-footer>nav{display:flex;gap:16px;flex-wrap:wrap}.cozy-footer #langs{width:100%;font-size:12px}.cozy-footer [aria-disabled="true"]{opacity:.4;cursor:default}.cozy-carousel{padding:22px 26px;margin:18px 0;background:var(--cozy-panel);border-left:3px solid var(--cozy-accent)}.cozy-carousel p{max-width:65ch;margin:6px 0 12px}.carousel-controls{display:flex;align-items:center;gap:8px}.step{border:1px solid var(--cozy-line);background:transparent;color:inherit;border-radius:50%;width:28px;height:28px;padding:0}.step[aria-current="true"]{background:var(--cozy-accent);color:#182a38}.carousel-controls .quiet{font-size:12px;padding:5px 9px;margin-left:auto}.puzzle-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;border:0;padding:64px 24px 20px;background:var(--cozy-bg);color:var(--cozy-text)}dialog::backdrop{background:#080f20b8}.dialog-close{position:absolute;top:16px;right:22px;border:1px solid var(--cozy-line);background:var(--cozy-panel);border-radius:50%;width:36px;height:36px;padding:6px;color:inherit}.expanded-layout{height:100%;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(180px,230px);gap:20px}.expanded-layout .cozy-carousel{margin:0}.expanded-layout [data-modal-board]{min-height:0}.expanded-layout .puzzle-card{height:100%;display:flex;flex-direction:column}.expanded-layout .puzzle-stage{flex:1;min-height:0}.expanded-layout .puzzle-root{height:100%}.edgekin-invitation{align-self:end;padding-bottom:20px}.edgekin-invitation h2{font-size:26px}.edgekin-invitation p{font-size:14px;color:var(--cozy-muted)}.preview-label{padding:6px 24px;background:#b6d7d6;color:#163f4c;text-align:center;font-size:12px}.island-view{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:26px;background:var(--cozy-panel);border-radius:14px}.island-view figure{margin:0;text-align:center}.island-view img{max-width:100%;max-height:360px;object-fit:contain}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.album,.portrait-gallery,.focus-tools,.first-move,.mechanic-notes{padding:25px 0}.kin-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.kin-entry{border:1px solid var(--cozy-line);border-radius:10px;background:var(--cozy-panel);padding:10px 4px 6px;color:inherit;min-width:0}.kin-entry img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.kin-entry[aria-pressed="true"]{outline:2px solid var(--cozy-accent)}.kin-detail{margin-top:16px;color:var(--cozy-muted)}.portraits{grid-template-columns:repeat(6,minmax(0,1fr))}.chronicle-book{display:grid;grid-template-columns:300px 1fr;border-radius:14px;overflow:hidden;background:var(--cozy-panel)}.chronicle-book aside{padding:24px}.book-tab{display:block;text-align:left;width:100%;margin-bottom:10px}.book-tab[aria-current="true"]{border-color:var(--cozy-accent)}.chronicle-book aside p{font-size:12px;color:var(--cozy-muted)}.book-paper{padding:36px;color:var(--ink);box-shadow:none;border-radius:0;min-height:320px}.book-paper p{max-width:55ch}.book-paper>p:last-child{font-size:13px;border-top:1px solid #bdac8c;padding-top:18px}.browser-choice,.mechanic-notes>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.browser-choice article{padding:28px;background:var(--cozy-panel);border-radius:12px}.focus-tools label{display:block;margin-bottom:10px}.focus-tools input{accent-color:var(--cozy-accent)}.hide-story-cards .cozy-carousel{display:none}.reduced-surroundings .cozy-carousel{animation:none;transition:none}.pricing-page{width:min(1080px,calc(100% - 40px))!important;margin:auto!important}.pricing-page .pricing-plans{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}.pricing-page .free-plan{order:-1}.pricing-page .pricing-plan{background:var(--cozy-panel);border:1px solid var(--cozy-line);border-radius:12px;box-shadow:none}.pricing-page .comparisons{display:block}.pricing-page .comparison{display:grid;grid-template-columns:1fr 2fr;gap:20px;border:0;border-bottom:1px solid var(--cozy-line);border-radius:0;background:transparent}.pricing-page .pricing-moon{display:none}.pricing-page .benefit-why{grid-column:2}.pricing-page .pricing-hero{padding-top:28px}.pricing-page .plan-price{font-size:32px}main.legal{max-width:840px;padding-block:35px}.legal-page{width:min(1000px,calc(100% - 40px));margin:auto}.legal-page footer{padding-block:28px}.legal-page header{padding-top:24px}
@media(max-width:1000px){.expanded-layout{grid-template-columns:220px 1fr}.edgekin-invitation{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:0}.edgekin-invitation h2{font-size:19px;margin:0}.edgekin-invitation p{margin:0}.expanded-layout{grid-template-rows:minmax(0,1fr) auto}.kin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.puzzle-actions>span{width:100%;margin:0}}
@media(max-width:700px){.cozy-header,main,.cozy-footer{width:calc(100% - 28px)}.cozy-header{gap:12px;padding-block:14px;flex-wrap:wrap}.cozy-header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:12px}.cozy-header>.primary{margin-left:auto;font-size:13px;padding:8px 12px}.intro{padding-top:28px}.intro p{font-size:16px}.puzzle-grid{grid-template-columns:1fr;gap:18px}.puzzle-root{height:360px}.large .puzzle-root{height:500px}.puzzle-heading{padding:16px}.puzzle-heading h2{font-size:22px}.expanded-layout{display:flex;flex-direction:column}.expanded-layout [data-modal-cards]{flex:none}.expanded-layout [data-modal-board]{flex:1;min-height:280px}.expanded-layout .puzzle-root{height:100%}.expanded-layout .cozy-carousel{padding:12px 14px}.expanded-layout .cozy-carousel p{font-size:13px;line-height:1.4;margin:3px 0 8px}.expanded-layout .puzzle-heading{padding:8px 14px}.expanded-layout .puzzle-heading p,.expanded-layout .puzzle-actions>span{display:none}.expanded-layout .puzzle-heading h2{font-size:19px}.puzzle-dialog{padding:52px 10px 10px}.expanded-layout .edgekin-invitation{display:flex;gap:8px;flex:none}.edgekin-invitation h2,.edgekin-invitation p{display:none}.edgekin-invitation .primary{width:100%}.island-view{grid-template-columns:1fr;padding:20px}.island-view figure{order:-1}.island-view img{height:220px}.chronicle-book{grid-template-columns:1fr}.chronicle-book aside{padding:20px}.chronicle-book .book-tab{display:inline-block;width:auto}.book-paper{padding:22px}.browser-choice,.mechanic-notes>div{grid-template-columns:1fr}.kin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portraits{grid-template-columns:repeat(3,minmax(0,1fr))}.cozy-footer{gap:14px}.cozy-footer #langs{gap:10px}.pricing-page .pricing-plans{grid-template-columns:1fr}.pricing-page .comparison{grid-template-columns:1fr}.pricing-page .benefit-why{grid-column:1}.detail-page .cozy-carousel{margin-inline:0;padding:18px}.puzzle-actions{padding:9px 14px}.preview-label{font-size:10px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.puzzle-card.outside-view *, .puzzle-card.outside-view *::before, .puzzle-card.outside-view *::after{animation-play-state:paused!important}

.modal-preview{position:absolute;left:24px;top:20px;color:var(--cozy-muted);font-size:12px}.pricing-page .pricing-plan,.pricing-page .plan-price{color:var(--cozy-text)}.pricing-page .plan-lead,.pricing-page .plan-price small,.pricing-page .free-features,.pricing-page .vip-perks p,.pricing-page .purchase-help{color:var(--cozy-muted)}.pricing-page .vip-perks .ico{color:var(--cozy-accent)}.pricing-page .pricing-status{color:#182a38}.pricing-page .pricing-test-warning{color:var(--cozy-text);background:var(--cozy-panel);border-color:var(--cozy-accent)}
@media(max-width:700px){.expanded-layout .puzzle-heading{min-height:0}}

/* The album uses the game's silhouettes, geometry and look decoration. */
.kin-family{margin:22px 0}.kin-family summary{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cozy-line);cursor:pointer;list-style:none}.kin-family summary::-webkit-details-marker{display:none}.kin-family summary .ico{width:18px;height:18px}.kin-family[open] summary .ico{transform:rotate(90deg)}.kin-family h3{margin:0;font-size:25px}.kin-family summary>span{margin-left:auto;font-size:12px;color:var(--cozy-muted)}.kin-family .kin-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding-top:12px}.kin-entry{display:block;padding:6px 0;border:0;border-radius:8px;background:transparent;line-height:0}.kin-entry:hover{background:#dfbd6a0b}.kin-entry .collection-figure{display:block;aspect-ratio:1}.kin-entry img{height:100%;margin:0}.kin-entry[aria-pressed="true"]{outline:1px solid var(--cozy-accent);outline-offset:2px}.kin-detail{font-size:14px;max-width:70ch}.portraits{gap:16px}
/* An illustrated story strip, with quiet progress marks and one explicit rotation control. */
.cozy-carousel{padding:0;border:1px solid var(--cozy-line);border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#21334e,#172941)}.story-slide{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px;min-height:196px;padding:22px 32px}.story-illustration{display:flex;justify-content:center;align-items:center;height:150px;min-width:0}.story-illustration>img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 15px #080f2070)}.story-caption .eyebrow{font-size:10px;letter-spacing:.14em}.story-caption h2{font-size:25px;margin:8px 0 10px;line-height:1.2}.story-caption p{margin:0;color:var(--cozy-muted);font-size:15px;line-height:1.6;max-width:55ch}.story-companions{display:flex;align-items:center;justify-content:center;width:180px}.story-companions img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 6px 12px #080f2080)}.story-companions img+img{margin-left:-32px;translate:0 16px}.story-illustration>.story-book{width:180px;height:auto}.carousel-controls{padding:0 24px 16px;gap:18px}.carousel-steps{display:flex;gap:6px;align-items:center}.carousel-steps .step{width:34px;height:22px;padding:9px 0;background:transparent;border:0;border-radius:0}.carousel-steps .step::after{content:'';display:block;height:3px;border-radius:2px;background:var(--cozy-line)}.carousel-steps .step[aria-current="true"]{background:transparent}.carousel-steps .step[aria-current="true"]::after{background:var(--cozy-accent)}.carousel-controls .quiet{border:0;color:var(--cozy-muted);font-size:11px;padding:4px 0}.expanded-layout .story-slide{display:flex;flex-direction:column;gap:12px;padding:22px 20px;min-height:0}.expanded-layout .story-caption h2{font-size:23px}.expanded-layout .story-caption p{font-size:14px}.expanded-layout .carousel-controls{padding:0 18px 16px;gap:12px}.expanded-layout .carousel-steps .step{width:27px}
/* Tower overlays share the same coordinate system as the island, never as standalone buildings. */
.island-view{grid-template-columns:1.1fr 1fr;gap:40px;background:linear-gradient(130deg,#1b2e49,#111e35);padding:34px 42px}.island-view figure{display:flex;align-items:center;flex-direction:column;margin:0;background:radial-gradient(ellipse at 50% 40%,#e5c38014,transparent 65%)}.island-tower{position:relative;width:min(100%,235px);aspect-ratio:629/1393;margin:auto;isolation:isolate}.island-view .island-tower img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.island-tower .island-base{position:relative}.island-tower .island-layer{position:absolute;left:0;pointer-events:none}.island-view figcaption{font-size:12px;color:var(--cozy-muted);margin:16px 0 0}.island-marker{display:none;position:absolute;left:74%;white-space:nowrap;padding:3px 9px;background:#172940ed;border:1px solid #e5c38080;border-radius:6px;font-size:11px;color:var(--cozy-accent)}.island-marker[data-island-marker="watch"]{top:20%}.island-marker[data-island-marker="home"]{top:63%}.island-marker[data-island-marker="lantern"]{top:6%}.island-tower[data-focus="watch"] [data-island-marker="watch"],.island-tower[data-focus="home"] [data-island-marker="home"],.island-tower[data-focus="lantern"] [data-island-marker="lantern"]{display:block}.choice-row [aria-pressed="true"]{border-color:var(--cozy-accent);color:var(--cozy-accent)}
/* One footer owns product, cluster, legal and language navigation on every page. */
.cozy-footer{display:block;padding:48px 0 24px;margin-top:36px}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:40px}.footer-brand .wordmark{font-size:25px;margin-bottom:18px}.footer-brand>p{font-size:14px;line-height:1.75;color:var(--cozy-muted);max-width:30ch;margin:0 0 22px}.footer-columns nav h2{font:800 11px/1.5 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin:4px 0 18px;color:var(--cozy-text)}.footer-columns nav a{display:block;text-decoration:none;font-size:13px;line-height:1.65;margin:0 0 10px;color:var(--cozy-muted)}.footer-columns nav a:hover{color:var(--cozy-accent)}.footer-brand #langs{display:flex;flex-wrap:wrap;gap:8px 14px;max-width:28ch;line-height:1.7}.footer-brand #langs span{font-size:11px}.footer-brand #langs [aria-current]{color:var(--cozy-accent)}.legal-page .cozy-footer{padding:38px 0 24px}.legal-page .footer-columns{gap:26px}
@media(max-width:1000px){.kin-family .kin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-columns{grid-template-columns:1.2fr 1fr;gap:30px 44px}.island-view{padding:26px;gap:20px}.island-tower{width:min(100%,200px)}.island-marker{left:66%}.expanded-layout .story-illustration{height:130px}.expanded-layout .story-illustration>img{width:120px;height:120px}}
@media(max-width:700px){.kin-family h3{font-size:22px}.kin-family .kin-grid{gap:6px}.kin-family summary{gap:8px}.kin-family summary>span{font-size:11px}.story-slide{grid-template-columns:90px minmax(0,1fr);gap:16px;padding:20px 16px;min-height:180px}.story-illustration{height:100px}.story-illustration>img{width:96px;height:96px}.story-companions{width:100px}.story-companions img{width:76px;height:76px}.story-companions img+img{margin-left:-40px;translate:0 12px}.story-illustration>.story-book{width:100px}.story-caption h2{font-size:21px}.story-caption p{font-size:13px}.detail-page .cozy-carousel{padding:0}.carousel-controls{padding:0 16px 12px}.expanded-layout .cozy-carousel{padding:0}.expanded-layout .story-slide{display:grid;grid-template-columns:66px minmax(0,1fr);padding:10px 14px;gap:10px;min-height:108px}.expanded-layout .story-caption .eyebrow{display:none}.expanded-layout .story-caption h2{font-size:18px;margin:0 0 5px}.expanded-layout .story-caption p{font-size:12px;line-height:1.4;margin:0}.expanded-layout .story-illustration{height:70px}.expanded-layout .story-illustration>img{width:68px;height:68px}.expanded-layout .story-illustration>.story-book{width:68px;height:auto}.expanded-layout .story-companions{width:66px}.expanded-layout .story-companions img{width:52px;height:52px}.expanded-layout .story-companions img+img{margin-left:-32px;translate:0 6px}.expanded-layout .carousel-controls{padding:0 14px 6px}.island-view{grid-template-columns:1fr;padding:24px 20px}.island-view figure{order:0}.island-tower{width:190px}.island-view h2{font-size:26px}.cozy-footer{padding:34px 0 22px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:45ch}.footer-brand #langs{max-width:none}.footer-columns nav h2{font-size:10px}.footer-columns nav a{font-size:12px}.portraits{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Side-by-side panel: the same width limits and keyboard steps as edgekin.app. */
:root{--panel-min:320px;--panel-default:420px;--panel-max:min(960px,calc(100vw - 360px));--panel-step:16px;--panel-step-big:64px;--panel-handle:12px;--panel-w:clamp(var(--panel-min),var(--panel-user-w,var(--panel-default)),var(--panel-max))}
.cozy-site{container:cozy-page/inline-size;min-width:0}.edgekin-panel{position:fixed;inset:0 0 0 auto;z-index:40;width:var(--panel-w);height:100dvh;display:flex;flex-direction:column;background:var(--cozy-bg);color:var(--cozy-text);border:0;border-left:1px solid var(--cozy-line);transform:translateX(100%);visibility:hidden;transition:transform var(--t-hud) var(--ease-hud),visibility 0s var(--ease-zz) var(--t-hud)}.edgekin-panel.open{transform:none;visibility:visible;transition:transform var(--t-hud) var(--ease-hud)}.edgekin-panel>header{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--cozy-line)}.edgekin-panel>header h2{font-size:19px;margin:0 auto 0 0}.edgekin-panel>header .icon-button{padding:7px}.edgekin-panel iframe{width:100%;flex:1;min-height:0;border:0;background:var(--cozy-bg)}.edgekin-panel>p{font-size:12px;margin:8px 16px}.panel-resize{position:absolute;inset-block:0;inset-inline-start:calc(var(--panel-handle)/-2);width:var(--panel-handle);z-index:1;cursor:col-resize;touch-action:none}.panel-resize::after{content:'';position:absolute;inset-block:0;left:calc(50% - 1px);width:2px;background:transparent}.panel-resize:hover::after,.panel-resizing .panel-resize::after,.panel-resize:focus-visible::after{background:var(--cozy-accent)}.panel-resize:focus-visible{outline:none}.panel-resizing,.panel-resizing *{cursor:col-resize;user-select:none}.panel-resizing iframe{pointer-events:none}.panel-resizing .edgekin-panel,.panel-resizing body{transition:none}
@media(min-width:640px){body{transition:padding-inline-end var(--t-hud) var(--ease-hud)}body.panel-open{padding-inline-end:var(--panel-w)}}
@media(max-width:639px){:root{--panel-w:100%}html:has(>body.panel-open){overflow:hidden}.panel-resize{display:none}}
@container cozy-page (max-width:900px){.puzzle-grid{grid-template-columns:1fr}.cozy-header{gap:12px;flex-wrap:wrap}.cozy-header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:12px}.cozy-header>.primary{margin-left:auto}.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.kin-family .kin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.island-view,.browser-choice,.mechanic-notes>div{grid-template-columns:1fr}.chronicle-book{grid-template-columns:1fr}.island-view figure{order:0}.island-tower{width:190px}.portraits{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-page .pricing-plans{grid-template-columns:1fr}}
@container cozy-page (max-width:540px){.cozy-header,main,.cozy-footer{width:calc(100% - 28px)}.cozy-header nav{font-size:12px}.cozy-header>.primary{font-size:13px}.puzzle-root{height:360px}.story-slide{grid-template-columns:90px minmax(0,1fr);padding:20px 16px;gap:16px}.story-caption h2{font-size:21px}.story-caption p{font-size:13px}.story-illustration>img{width:90px;height:90px}.story-companions{width:90px}.story-companions img{width:70px;height:70px}.footer-columns{gap:24px 16px}.footer-brand>p{max-width:none}}

/* Separate comparison boards and keep other-game links in one browsable row. */
.detail-board{display:grid;gap:32px}
.footer-brand>p.footer-copyright{margin:22px 0 0;font-size:11px;color:var(--cozy-muted)}
.carousel-pause{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-left:auto;padding:10px;border:0;background:none;color:var(--cozy-muted)}
.carousel-pause:hover{color:var(--cozy-accent)}
.carousel-pause span{display:flex}.carousel-pause .ico{width:22px;height:22px}
.carousel-controls{gap:12px}.carousel-steps{flex:1;min-width:0}.carousel-steps .step{flex:1;max-width:34px;min-width:0;width:24px;height:44px;display:flex;align-items:center;padding:0}.carousel-steps .step::after{width:100%}
.story-caption .story-cta{margin-top:14px;font-size:13px}.expanded-layout .story-caption .story-cta{font-size:12px;padding:7px 12px}
.other-puzzles{margin-top:36px}.other-puzzles h2{font-size:23px;margin:0 0 18px}
.other-puzzle-row{display:grid;grid-template-columns:repeat(var(--other-games,5),minmax(0,1fr));gap:16px;overflow-x:auto;padding:4px 4px 14px;scroll-snap-type:x proximity}
.other-puzzle{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;border:1px solid var(--cozy-line);border-radius:12px;background:var(--cozy-panel);text-decoration:none;text-align:center;font-size:14px;line-height:1.4;scroll-snap-align:start}
.other-puzzle img{width:80px;height:80px;object-fit:contain}.other-puzzle:hover{border-color:var(--cozy-accent)}
@media(max-width:700px){.other-puzzle-row{grid-template-columns:repeat(var(--other-games,5),136px);gap:12px}.other-puzzle{padding:16px 10px}.other-puzzle img{width:64px;height:64px}.expanded-layout .story-caption .story-cta{margin-top:8px;padding:5px 9px}.expanded-layout .story-slide{min-height:148px}}
@container cozy-page (max-width:700px){.other-puzzle-row{grid-template-columns:repeat(var(--other-games,5),136px);gap:12px}}

/* Keep every story's footprint in the deck, including its right-hand action. */
.story-deck{display:grid}.story-slide{grid-area:1/1;grid-template-columns:180px minmax(0,1fr) 128px}
.cozy-carousel .story-slide[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.story-action{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.story-action .story-cta{margin:0;font-size:13px;padding:9px 12px;text-align:center}
.story-illustration>.story-island{width:auto;height:100%;aspect-ratio:629/1393;margin:0;flex:none;filter:drop-shadow(0 8px 15px #080f2070)}
.story-island img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.expanded-layout .story-slide{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px}
.expanded-layout .story-illustration{grid-column:1/-1;justify-self:center}
.expanded-layout .story-action .story-cta{font-size:12px;padding:8px}
@media(max-width:700px){.story-slide{grid-template-columns:56px minmax(0,1fr) 80px;gap:12px}.story-illustration{height:100px}.story-illustration>img{max-width:56px}.story-companions{width:56px}.story-companions img{width:50px;height:50px}.story-companions img+img{margin-left:-34px}.story-illustration>.story-book{width:56px}.story-action .story-cta{font-size:12px;padding:8px}.expanded-layout .story-slide{grid-template-columns:50px minmax(0,1fr) 78px;gap:8px}.expanded-layout .story-illustration{grid-column:auto;justify-self:stretch}.expanded-layout .story-action .story-cta{padding:7px;font-size:11px}}
@container cozy-page (max-width:540px){.story-slide{grid-template-columns:56px minmax(0,1fr) 80px;gap:12px}.story-illustration>img{max-width:56px}.story-companions{width:56px}.story-companions img{width:50px;height:50px}.story-companions img+img{margin-left:-34px}.story-illustration>.story-book{width:56px}.story-action .story-cta{font-size:12px;padding:8px}}

/* Chronicle examples use the game's own sign-field material and complete artwork. */
.book-paper [data-entry]{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;min-height:270px}
.book-paper h3{color:var(--ink-title)}.chronicle-art{height:240px;display:flex;align-items:center;justify-content:center;min-width:0}
.chronicle-art>.story-island{width:auto;height:100%;aspect-ratio:629/1393;margin:0}
.chronicle-kin{display:flex;align-items:center;justify-content:center;width:100%}.chronicle-kin img{width:120px;height:120px;object-fit:contain}.chronicle-kin img+img{margin-left:-55px;translate:0 30px}
@media(max-width:700px){.book-paper [data-entry]{grid-template-columns:minmax(0,1fr) 82px;gap:14px;min-height:230px}.chronicle-art{height:180px}.chronicle-kin{flex-direction:column}.chronicle-kin img{width:90px;height:90px}.chronicle-kin img+img{margin-left:0;margin-top:-16px;translate:0}}
@container cozy-page (max-width:900px){.book-paper [data-entry]{grid-template-columns:minmax(0,1fr) 100px;gap:16px}.chronicle-art{height:190px}.chronicle-kin{flex-direction:column}.chronicle-kin img{width:100px;height:100px}.chronicle-kin img+img{margin-left:0;margin-top:-20px;translate:0}}