:root{--ink:#213f48;--deep:#153640;--coral:#d77e64;--peach:#ecae88;--cream:#fffaf4;--paper:#f7f0e8;--sea:#568a8c;--mist:#e2ece6;--warm:#f3d8c3;--plum:#30233f;--pink:#ff91bb;--gold:#f3c66e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #d77e64;outline-offset:4px}.hub-width{width:min(1140px,calc(100% - 56px));margin:0 auto}.hub-header{background:#fffaf4;border-bottom:1px solid #eadccc;position:relative;z-index:5}.hub-headline{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:35px}.hub-wordmark{text-decoration:none;white-space:nowrap;font-weight:900;letter-spacing:.12em;font-size:13px;color:#214750}.hub-mark{font-size:22px;color:#d77e64;vertical-align:-2px;margin-right:6px}.hub-wordmark strong{color:#ba694f}.hub-headline nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hub-headline nav a{text-decoration:none;font-size:12px;font-weight:750;color:#526568;transition:color .15s}.hub-headline nav a:hover,.hub-headline nav a.current{color:#b76651}.hub-headline nav .hub-back{padding:10px 15px;border:1px solid #b9c9c2;border-radius:40px;color:#214750}.hub-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 82% 31%,rgba(255,255,233,.85) 0 2%,transparent 20%),linear-gradient(145deg,#faf9f1 8%,#fbe7d4 49%,#efa982 98%);padding:88px 0 120px}.hub-hero:before{content:'';pointer-events:none;inset:0;position:absolute;background-image:radial-gradient(#ba9e87 .7px,transparent .8px);background-size:8px 8px;opacity:.15}.hub-hero:after{content:'';position:absolute;bottom:0;height:52px;left:0;right:0;background:linear-gradient(180deg,#9fbfb5,#468188 62%,#2a6472);clip-path:polygon(0 32%,100% 4%,100% 100%,0 100%)}.hub-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;position:relative;z-index:1}.hub-eyebrow{color:#98694f;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:900;margin:0 0 20px}.hub-hero h1,.hub-library h2,.hub-beyond h2,.hub-finish h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;line-height:1.01;margin:0}.hub-hero h1{font-size:clamp(51px,6.6vw,88px);max-width:700px}.hub-hero h1 em,.hub-library h2 em,.hub-beyond h2 em,.hub-finish h2 em{color:#b96350;font-weight:400}.hub-lead{font-size:18px;line-height:1.75;color:#36555c;max-width:570px;margin:24px 0}.hub-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hub-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:15px 23px;text-decoration:none;border-radius:50px;font-size:13px;font-weight:850;line-height:1.25;transition:transform .18s,background .18s;white-space:normal;text-align:center}.hub-btn:hover{transform:translateY(-3px)}.hub-btn--primary{background:var(--coral);color:white}.hub-textlink{font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid #597e7e;padding-bottom:4px}.hub-hero-art{min-height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hub-sun{width:370px;height:370px;border:1px solid #b68c74;border-radius:50%;opacity:.4;position:absolute}.hub-sun:before{content:'';position:absolute;inset:43px;border:1px dashed #b68c74;border-radius:50%}.hub-sea{position:absolute;width:80%;height:15px;bottom:47px;background:#78aaa7;transform:rotate(-8deg);border-radius:50%;filter:blur(3px);opacity:.5}.hub-paper{position:relative;background:#fffdf6;border:1px solid #d6c1ae;box-shadow:0 28px 45px rgba(86,58,38,.16),10px 11px 0 rgba(255,255,255,.4);transform:rotate(6deg);width:min(335px,85%);padding:37px 26px 30px;border-radius:6px;z-index:1}.hub-paper:before{content:'';position:absolute;inset:11px;border:1px solid #e4d7c7;pointer-events:none}.hub-paper>span{display:block;font-size:10px;letter-spacing:.22em;font-weight:900;color:#9d7765;border-bottom:1px solid #e3d7c9;padding-bottom:17px}.hub-paper strong{font-family:Georgia,serif;font-size:48px;letter-spacing:-.05em;line-height:1.05;font-weight:400;display:block;color:#1a424b;margin:26px 0}.hub-paper small{font-size:12px;color:#865f4f;font-weight:700}.hub-paper-stamp{position:absolute;right:-28px;bottom:-26px;width:110px;height:110px;border:3px double #fff;border-radius:50%;background:#be705a;color:#fff;display:grid;place-items:center;text-align:center;transform:rotate(-16deg);font-weight:900;font-size:12px;letter-spacing:.08em}.hub-artnote{position:absolute;bottom:7px;left:-8px;transform:rotate(-8deg);font:italic 18px Georgia,serif;color:#38646b;background:#dfebe6;padding:10px 15px;z-index:2}.hub-ticker{background:#244650;color:#fce2ce;padding:19px 0}.hub-ticker .hub-width{display:flex;justify-content:center;gap:35px;align-items:center;flex-wrap:wrap;font-size:11px;letter-spacing:.16em;font-weight:900}.hub-ticker b{color:#f3ba95;font-size:19px}.hub-library{padding:104px 0 112px}.hub-section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.hub-section-head h2{font-size:clamp(43px,5vw,64px);color:#1b414b}.hub-section-head>p{color:#5d7273;font-size:15px;line-height:1.7;max-width:310px;margin:0}.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hub-card{background:#fff;border:1px solid #e2d4c6;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(43,63,59,.07);display:flex;flex-direction:column;min-width:0;transition:transform .18s,box-shadow .18s}.hub-card:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(43,63,59,.13)}.hub-card-art{min-height:300px;position:relative;overflow:hidden}.hub-card-content{padding:31px 32px 30px;display:flex;flex-direction:column;flex:1}.hub-category{font-size:10px;color:#a16b56;letter-spacing:.16em;font-weight:900}.hub-card-content h3{font:400 clamp(28px,3vw,39px) Georgia,serif;letter-spacing:-.05em;line-height:1.1;color:#21434c;margin:14px 0}.hub-card-content p{font-size:15px;line-height:1.65;color:#596d6c;margin:0 0 27px}.hub-card-bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:auto}.hub-card-time{font-size:12px;color:#71807d;white-space:nowrap}.hub-btn--pink{background:#f5a4c5;color:#2e2447}.hub-btn--pink:hover{background:#f8c3dc}.hub-btn--sea{background:#2b6370;color:#fff}.hub-btn--sea:hover{background:#194450}.hub-card-art--rewind{background:radial-gradient(circle at 58% 52%,#a96acd 0%,#6a3f96 41%,#33254d 78%);isolation:isolate}.hub-card-art--rewind:before{content:'';position:absolute;width:400px;height:400px;border:2px dashed rgba(255,255,255,.24);border-radius:50%;left:20%;top:-15%}.hub-retro-mark{position:absolute;left:10%;top:28%;z-index:2;color:#fff5e6;font:1000 clamp(60px,8vw,94px)/.87 Impact,'Arial Black',sans-serif;letter-spacing:-.04em;transform:rotate(-6deg);text-shadow:7px 8px 0 #2b1940,10px 10px 0 #ff91bb}.hub-retro-sub{position:absolute;left:11%;top:61%;color:#ffd16f;font:italic 32px Georgia,serif;transform:rotate(-6deg);z-index:2}.hub-art-tape{position:absolute;border:11px solid #f5c56a;width:165px;height:130px;border-radius:14px;opacity:.5;transform:rotate(13deg);top:45px;right:20px}.hub-art-tape--two{width:140px;height:105px;border-color:#56d6c0;transform:rotate(-18deg);top:95px;right:45px}.hub-spark{position:absolute;color:#fccc67;font-size:55px;z-index:2}.hub-spark.a{right:15%;bottom:12%}.hub-spark.b{left:4%;top:10%;color:#61e3ce}.hub-card-art--quiz{background:radial-gradient(circle at 20% 10%,#faf4e7,#efe2e9 48%,#d4e5df);display:grid;place-items:center}.hub-quiz-ring{width:370px;height:370px;border:2px solid rgba(174,112,100,.21);border-radius:50%;position:absolute}.hub-quiz-ring:after{content:'';position:absolute;inset:35px;border-radius:50%;border:2px dashed rgba(154,114,150,.26)}.hub-quiz-sheet{width:250px;min-height:242px;background:#fffaf5;border:1px solid #d8c0b7;box-shadow:9px 11px 0 rgba(183,138,144,.23),0 15px 28px rgba(65,65,65,.08);transform:rotate(4deg);position:relative;padding:23px 20px;z-index:1}.hub-quiz-sheet span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#b27766}.hub-quiz-sheet strong{font:400 32px/.99 Georgia,serif;color:#4f4a64;display:block;margin:19px 0}.hub-quiz-sheet i{color:#ba775d}.hub-quiz-sheet small{font-size:10px;color:#806e72}.hub-quiz-star{position:absolute;right:11%;bottom:8%;color:#c47568;font-size:60px}.hub-beyond{padding:84px 0;background:#e5eeea}.hub-beyond-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.hub-beyond h2{font-size:clamp(37px,4vw,55px)}.hub-beyond p{font-size:17px;line-height:1.75;color:#435e62}.hub-beyond .hub-small{font-size:13px;color:#667e7e}.hub-finish{background:linear-gradient(125deg,#edb08c,#f5deca);padding:87px 0;text-align:center}.hub-finish-inner{max-width:765px}.hub-finish h2{font-size:clamp(37px,4.8vw,59px)}.hub-finish p:not(.hub-eyebrow){font-size:17px;color:#3b5a5d;line-height:1.75;margin:24px auto}.hub-btn--dark{background:#214650;color:#fff}.hub-footer{background:#183943;color:#e7efe8;padding:25px 0}.hub-footer .hub-width{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:11px;letter-spacing:.05em}.hub-footer a{text-decoration:none;color:#ffe0c8}
/* Each game gets its own scene. Rewind's gameplay remains styled by site.css. */
.rewind-body{background:#2c1d43;color:#fff8e9}.rw-header{border-bottom:1px solid #5f4874;background:#241735}.rw-header .hub-width{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px}.rw-back,.rw-brand{color:#ffe4b3;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em}.rw-brand{color:#ffb6d6}.rw-main{background:radial-gradient(circle at 75% 45%,#6a3a9a,#2c1d43 65%);overflow:hidden}.rw-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:630px;padding-top:70px;padding-bottom:80px}.rw-kicker{font-size:11px;font-weight:900;color:#ffd779;letter-spacing:.18em}.rw-copy h1{font:1000 clamp(76px,10vw,150px)/.9 Impact,'Arial Black',sans-serif;letter-spacing:-.045em;margin:28px 0 0;color:#fff1de;text-shadow:6px 7px 0 #9d5dbc}.rw-copy h1 span{color:#ff9bc6}.rw-copy h2{font:italic clamp(32px,4vw,50px) Georgia,serif;color:#ffb0d4;margin:9px 0 24px}.rw-copy>p{font-size:16px;line-height:1.7;color:#e7ddf5;max-width:560px}.rw-copy .rw-lead{color:#fff7e1;font-size:20px}.rw-facts{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 30px}.rw-facts span{font-size:11px;font-weight:800;border:1px solid #9d7bba;border-radius:100px;padding:8px 12px;color:#f7eafd}.rw-actions{display:flex;gap:12px;flex-wrap:wrap}.rw-action{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 21px;text-decoration:none;border-radius:40px;background:#ffb4d2;color:#2b1d44;font-weight:900;font-size:14px}.rw-action:hover{background:#ffda89}.rw-action--outline{border:2px solid #e5c5ef;color:#fff2f8;background:transparent}.rw-action--outline:hover{background:#664b81}.rw-copy .rw-footnote{font-size:12px;color:#cdbbdc;margin-top:20px}.rw-visual{min-height:470px;position:relative;display:grid;place-items:center}.rw-disc{position:absolute;border:2px dashed #9f80c1;border-radius:50%;width:440px;height:440px}.rw-disc-inner{width:335px;height:335px;border-style:solid;opacity:.5}.rw-cassette{position:relative;width:min(340px,95%);height:245px;background:#ffcd76;border:12px solid #ffc2db;border-radius:18px;box-shadow:17px 21px 0 #180b2c;transform:rotate(-10deg);padding:20px;color:#301c43}.rw-cassette-top{text-align:center;display:grid;gap:3px}.rw-cassette-top strong{font:1000 41px Impact,Arial,sans-serif;letter-spacing:.04em}.rw-cassette-top small{font:800 11px Arial,sans-serif;letter-spacing:.14em}.rw-window{display:flex;align-items:center;justify-content:space-around;margin:19px auto 0;background:#39234c;border:5px solid #704d7c;width:79%;height:75px;border-radius:11px}.rw-window i{width:58px;height:58px;border:10px solid #ead6bd;border-radius:50%;background:#6f4b7c;position:relative}.rw-window i:after{content:'';position:absolute;inset:12px;background:#e6b1c6;border-radius:50%}.rw-cassette-bottom{height:12px;background:#704d7c;width:60%;margin:11px auto 0;border-radius:8px}.rw-star{position:absolute;font-size:65px;color:#ffe08c}.rw-star.s1{top:10%;right:10%;color:#ff91bb}.rw-star.s2{bottom:8%;left:12%;font-size:37px}.rw-star.s3{bottom:17%;right:13%;font-size:27px}.rw-how{background:#fff7ec;color:#22434c;padding:78px 0}.rw-how .rw-kicker{color:#a46c59}.rw-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:24px}.rw-how-grid div{border-top:4px solid #dfad8a;padding:22px 4px}.rw-how-grid div:nth-child(2){border-color:#83aaa6}.rw-how-grid div:nth-child(3){border-color:#b699bf}.rw-how-grid span{font:italic 25px Georgia,serif;color:#b27a68;display:block;margin-bottom:12px}.rw-how-grid strong{font:400 29px Georgia,serif}.rw-how-grid p{font-size:14px;line-height:1.6;color:#5c6c71}.rw-footer{display:flex;justify-content:space-between;gap:20px;padding:30px max(28px,calc((100vw - 1140px)/2));font-size:12px;color:#ceb6e2}.rw-footer a{color:#ffdb93;text-decoration:none}
@media(max-width:950px){.hub-hero-grid{grid-template-columns:1fr .85fr;gap:20px}.hub-hero h1{font-size:65px}.hub-headline{flex-wrap:wrap;padding:18px 0}.hub-headline nav{gap:14px}.rw-grid{grid-template-columns:1fr 1fr}.rw-cassette{transform:rotate(-5deg)}}
@media(max-width:740px){.hub-width{width:calc(100% - 34px)}.hub-headline{gap:16px}.hub-headline nav{width:100%;justify-content:flex-start}.hub-hero-grid,.hub-cards,.hub-beyond-grid,.rw-grid,.rw-how-grid{grid-template-columns:1fr}.hub-hero{padding:65px 0 95px}.hub-hero h1{font-size:clamp(48px,11vw,75px)}.hub-hero-art{min-height:300px;margin-top:23px}.hub-sun{width:275px;height:275px}.hub-paper{width:250px;padding:23px 20px}.hub-paper strong{font-size:37px}.hub-paper-stamp{width:80px;height:80px;font-size:9px;right:-15px}.hub-artnote{font-size:14px;left:9px}.hub-ticker .hub-width{gap:12px}.hub-ticker b{font-size:12px}.hub-library{padding:70px 0 75px}.hub-section-head{display:block}.hub-section-head>p{margin-top:18px}.hub-card-art{min-height:250px}.hub-card-content{padding:25px}.hub-retro-mark{font-size:76px}.hub-retro-sub{font-size:29px}.hub-beyond{padding:65px 0}.hub-finish{padding:68px 0}.rw-grid{padding:50px 0 60px}.rw-copy h1{font-size:100px}.rw-visual{min-height:310px}.rw-disc{width:300px;height:300px}.rw-disc-inner{width:220px;height:220px}.rw-cassette{height:210px;width:260px;padding:12px}.rw-cassette-top strong{font-size:33px}.rw-window{height:60px}.rw-window i{height:42px;width:42px;border-width:7px}.rw-how{padding:55px 0}.rw-how-grid{gap:2px}.rw-footer{padding:25px 17px}}
@media(max-width:380px){.hub-header .hub-wordmark{font-size:11px}.hub-btn,.rw-action{width:100%}.hub-card-bottom{display:flex;align-items:flex-start;flex-direction:column}.hub-retro-mark{font-size:60px}.rw-copy h1{font-size:78px}.hub-paper-stamp{right:-10px}.hub-ticker .hub-width{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* Games directory v2: simple neutral catalog. Game artwork carries the colour. */
.catalog-page{background:#faf8f4;color:#273f44;font-family:Arial,Helvetica,sans-serif}
.catalog-page [hidden]{display:none!important}
.catalog-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.catalog-header{background:#fcfaf7;border-bottom:1px solid #e8e4dc}
.catalog-header-inner{display:flex;align-items:center;gap:28px;min-height:92px}
.catalog-brand{display:flex;gap:12px;align-items:center;text-decoration:none;white-space:nowrap;flex:none}
.catalog-brand-small{font-size:12px;line-height:1.3;font-weight:900;letter-spacing:.08em;color:#31515a}
.catalog-brand-small b{color:#c5765d}
.catalog-brand-big{font-size:30px;line-height:1;font-weight:950;letter-spacing:-.055em;color:#234a52}
.catalog-brand-dot{color:#d07c64}
.catalog-nav{display:flex;align-items:center;gap:7px;justify-content:center;margin-left:auto;flex-wrap:wrap}
.catalog-nav a{font-size:13px;font-weight:800;text-decoration:none;color:#516365;padding:11px 14px;border-radius:50px;transition:background .15s,color .15s}
.catalog-nav a:hover{background:#f0ede8;color:#243f46}
.catalog-nav a.selected{background:#244b53;color:#fff}
.catalog-site-link{text-decoration:none;border:1px solid #d2d9d6;border-radius:40px;font-size:12px;font-weight:800;color:#274b51;padding:12px 15px;white-space:nowrap}
.catalog-site-link:hover{background:#f2f3ef}
.catalog-intro{padding-top:68px;padding-bottom:43px}
.catalog-kicker{margin:0 0 15px;color:#795b4d;font-size:11px;font-weight:900;letter-spacing:.14em}
.catalog-tiny-star{color:#be745d;font-size:15px;margin-right:6px}
.catalog-intro h1{color:#263d42;font-weight:800;font-size:clamp(40px,5.7vw,70px);line-height:1.06;letter-spacing:-.062em;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif}
.catalog-intro h1 em{font-style:normal;text-decoration:underline;text-decoration-color:#eab092;text-decoration-thickness:8px;text-underline-offset:8px}
.catalog-intro>p:not(.catalog-kicker){color:#66716f;max-width:690px;font-size:17px;line-height:1.65;margin:20px 0}
.catalog-info{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:12px;color:#657574;font-weight:700;margin-top:24px}
.catalog-info span+span:before{content:'·';margin-right:22px;color:#adb6b1}
.catalog-on{display:inline-block;width:8px;height:8px;background:#699f8f;border-radius:100%;margin-right:6px}
.catalog-library{padding-bottom:76px}
.catalog-list-heading{border-top:1px solid #e3e0d8;padding:22px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.catalog-list-heading h2{margin:0;color:#263d42;font:800 22px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.03em}
.catalog-list-heading span{font-size:12px;font-weight:700;color:#6a7774}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.catalog-card{background:#fff;border:1px solid #e6e1d9;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(31,45,48,.035);min-width:0;transition:transform .15s,box-shadow .15s}
.catalog-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,45,48,.08)}
.catalog-visual{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.catalog-visual-rewind{background:radial-gradient(circle at 75% 20%,#c347a3 0,#6a2f86 48%,#342257 100%);color:#ffe590}
.catalog-visual-rewind:before{content:'';position:absolute;inset:-70px;transform:rotate(-12deg);border:25px solid rgba(255,255,255,.09);border-radius:50%}
.catalog-visual-rewind:after{content:'';position:absolute;left:-50px;bottom:25px;width:320px;height:90px;background:#ff86b4;transform:rotate(-18deg);opacity:.3}
.catalog-tape{font-size:9px;font-weight:900;letter-spacing:.25em;border:1px solid rgba(255,222,149,.65);padding:7px 10px;z-index:1;margin-bottom:10px}
.catalog-visual-rewind>strong{font-size:clamp(50px,7vw,88px);letter-spacing:-.09em;line-height:1;z-index:1;font-weight:1000;transform:rotate(-2deg);text-shadow:5px 5px 0 #3b1b5a}
.catalog-visual-rewind>strong span{color:#ff91c5}
.catalog-rewind-line{z-index:1;font-weight:900;letter-spacing:.19em;font-size:18px;color:#fff1e7}
.catalog-rewind-tag{z-index:1;margin-top:16px;background:#fce5ad;color:#43284e;padding:7px 13px;transform:rotate(4deg);font-size:12px;font-weight:1000;letter-spacing:.08em}
.catalog-rewind-star{position:absolute;right:12%;top:15%;font-size:55px;color:#ffb6d9}
.catalog-visual-quiz{background:#e9dfeb;color:#4e4653}
.catalog-visual-quiz:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#896980 1px, transparent 1px);background-size:19px 19px;opacity:.12}
.catalog-quiz-sheet{width:62%;min-width:235px;max-width:350px;transform:rotate(-4deg);background:#fff8f1;padding:25px 24px 20px;box-shadow:10px 12px 0 #d1c0d6;border-radius:3px;z-index:1}
.catalog-quiz-sheet small{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#9a7c89;margin-bottom:14px}
.catalog-quiz-sheet strong{display:block;font:850 34px/1 Arial,sans-serif;letter-spacing:-.05em}
.catalog-quiz-sheet strong em{color:#b66f76;font-style:normal}
.catalog-quiz-sheet span{display:block;font-size:10px;color:#807580;margin-top:16px}
.catalog-quiz-star{position:absolute;top:10px;right:15%;font-size:44px;color:#b6788d}
.catalog-card-body{padding:25px 25px 24px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.catalog-chiprow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:15px}
.catalog-chip{font-size:10px;text-transform:uppercase;letter-spacing:.075em;font-weight:850;color:#66716f;background:#f1f2ed;border-radius:5px;padding:7px 9px}
.catalog-chip-beta{background:#f8e9d8;color:#935d3f}
.catalog-chip-free{background:#e8eee9;color:#3c7569}
.catalog-card h3{color:#2a444a;margin:0;font:800 26px/1.18 Arial,sans-serif;letter-spacing:-.045em}
.catalog-card p{color:#566a6b;font-size:14px;line-height:1.6;margin:12px 0 0}
.catalog-card .catalog-beta-note,.catalog-card .catalog-detail{font-size:12px;line-height:1.55;color:#766a64;margin-top:16px}
.catalog-beta-note{padding:13px 14px;border-left:3px solid #d6a589;background:#fcf9f5}
.catalog-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:24px}
.catalog-action{background:#355c60;color:#fff;border-radius:9px;text-decoration:none;font-size:13px;font-weight:850;padding:13px 17px;display:inline-flex;justify-content:center;align-items:center;gap:12px}
.catalog-action:hover{background:#213e45}
.catalog-action-strong{background:#c7745a}
.catalog-action-strong:hover{background:#a95e48}
.catalog-duration{font-size:12px;color:#89918b;white-space:nowrap}
.catalog-empty{padding:32px;background:#fff;border:1px dashed #d6d1c8;border-radius:12px;color:#546466}
.catalog-bottom{border-top:1px solid #e3e0d8;padding:32px 0 76px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.catalog-bottom>div{display:flex;gap:15px;align-items:center}
.catalog-bottom-mark{display:grid;place-items:center;width:42px;height:42px;background:#e9efe9;color:#396a69;font-weight:900;font-size:28px;border-radius:10px}
.catalog-bottom h2{font:800 24px/1.2 Arial,sans-serif;color:#30494d;margin:0;letter-spacing:-.035em}
.catalog-bottom p{font-size:14px;color:#697773;line-height:1.7;margin:0}
.catalog-footer{border-top:1px solid #e3e0d8;background:#f3f0ea}
.catalog-footer-inner{display:flex;gap:25px;justify-content:space-between;align-items:center;min-height:74px;font-size:12px;color:#6e7774}
.catalog-footer b{color:#b16d53}
.catalog-footer a{color:#30545b;font-weight:800;text-decoration:none}
@media(max-width:900px){.catalog-header-inner{flex-wrap:wrap;gap:10px;padding-block:18px}.catalog-nav{order:3;width:100%;margin-left:0;justify-content:flex-start}.catalog-site-link{margin-left:auto}}
@media(max-width:700px){.catalog-shell{width:calc(100% - 34px)}.catalog-intro{padding-top:42px;padding-bottom:35px}.catalog-intro h1{font-size:44px}.catalog-grid,.catalog-bottom{grid-template-columns:1fr}.catalog-visual{min-height:225px}.catalog-card-body{padding:21px}.catalog-footer-inner{flex-wrap:wrap;padding-block:22px}.catalog-bottom{padding-bottom:55px}.catalog-brand-big{font-size:27px}}
@media(max-width:380px){.catalog-nav{gap:1px}.catalog-nav a{padding:10px 9px;font-size:12px}.catalog-brand-small{font-size:10px}.catalog-card-actions{flex-wrap:wrap}.catalog-quiz-sheet{min-width:205px}.catalog-visual-rewind>strong{font-size:59px}}
@media(prefers-reduced-motion:reduce){.catalog-card{transition:none}}

/* Cross-platform starbursts: no Unicode emoji rendering on iOS. */
.catalog-tiny-star,.catalog-rewind-star,.catalog-quiz-star {
  position:relative;display:inline-block;vertical-align:middle;
  width:1em;height:1em;flex:none;line-height:1;
  background:linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat,
             linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat;
}
.catalog-tiny-star::before,.catalog-tiny-star::after,
.catalog-rewind-star::before,.catalog-rewind-star::after,
.catalog-quiz-star::before,.catalog-quiz-star::after {
  content:"";position:absolute;top:50%;left:50%;
  width:1.5px;height:100%;background:currentColor;
  transform:translate(-50%,-50%) rotate(45deg);
}
.catalog-tiny-star::after,.catalog-rewind-star::after,.catalog-quiz-star::after {
  transform:translate(-50%,-50%) rotate(-45deg);
}
/* Preserve existing positioning, size and colour for each decoration. */
.catalog-tiny-star {font-size:15px;margin-right:6px;}
.catalog-rewind-star {position:absolute;right:12%;top:15%;font-size:55px;}
.catalog-quiz-star {position:absolute;top:10px;right:15%;font-size:44px;}