@import url('/english-passport/assets/b708660da75d40ff8fe3f20be358a05d08f356b5629c443a570843c85f0c5846.css');
*{box-sizing:border-box}body{--bg:#090e21;--panel:#111a31;--ink:#f3f7ff;--muted:#abb8cf;--accent:#82f8dc;--line:#ffffff20;--radius:24px;margin:0;background:var(--bg);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px 18px}button:hover,a:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}select,input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.8vw,84px);line-height:1.02;letter-spacing:-.065em;font-weight:750;margin-bottom:26px}h2{font-size:30px;line-height:1.16;letter-spacing:-.035em}h3{font-size:19px}p{color:var(--muted)}#demo{min-height:40px;padding:8px 3vw;background:var(--ink);color:var(--bg);display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:.06em}#demo b{font-weight:500;border-left:1px solid;padding-left:15px;margin-left:15px}#demo a{margin-left:auto}#demo button{font-size:11px;color:inherit;background:none;border:0;padding:2px}#header{height:100px;margin:auto;max-width:1560px;padding:0 4vw;display:flex;align-items:center;gap:35px}.brand{font-size:18px;font-weight:750;display:flex;align-items:center;gap:10px;letter-spacing:-.04em}.brand-symbol{font-size:33px;color:var(--accent)}.edition{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;border-left:1px solid var(--line);padding-left:12px}nav{margin-left:auto;display:flex;gap:6px}nav a{padding:11px 18px;font-size:14px;border-radius:24px;color:var(--muted)}nav a.active{background:var(--panel);color:var(--ink)}.avatar{border-radius:50%;height:44px;width:44px;padding:0;color:var(--accent)}#app{max-width:1500px;margin:auto;padding:20px 4vw 80px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:570px;align-items:center;gap:20px}.hero-copy{position:relative;z-index:1}.lead{font-size:19px;max-width:410px;line-height:1.65}.actions{display:flex;gap:12px;margin:32px 0}.primary{background:var(--accent);color:var(--bg);border-color:transparent;font-weight:700;padding:15px 23px}.primary span{margin-left:20px}.secondary{background:transparent}.tiny{font-size:12px}.hero-art{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;background:radial-gradient(ellipse,#6544e54a,transparent 65%)}.hero-art .badge-scene{width:110%;z-index:1}.orbital{position:absolute;width:82%;height:82%;border:1px solid var(--line);border-radius:50%;transform:rotateX(45deg) rotateZ(-25deg)}.o2{width:104%;height:64%;transform:rotateZ(38deg)}.art-label{position:absolute;top:3%;right:5%;font-size:10px;letter-spacing:.22em}.floating-label{position:absolute;bottom:5%;right:5%;padding:10px 17px;border:1px solid var(--line);background:var(--panel);border-radius:99px;z-index:2;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.ticker{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:20px 0;margin-top:30px;font-size:10px;letter-spacing:.2em}.home-bottom{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:25px;padding-top:50px}.home-bottom>div h2{max-width:280px}.step{text-align:left;background:none;border:none;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 25px}.step>span{color:var(--accent);font-size:12px}.step h3{margin-top:20px}.step p{font-size:13px}.profile-layout{display:grid;grid-template-columns:300px 1fr;gap:55px;padding-top:35px}.profile-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--panel);align-self:start}.big-avatar{width:84px;height:84px;border-radius:28px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font-size:38px;margin-bottom:28px}.profile-card h1{font-size:36px}.profile-card label{display:grid;gap:8px;font-size:12px;margin:16px 0}.profile-card small{display:block;margin-top:20px;font-size:11px;color:var(--muted)}.section-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.pill{font-size:11px;padding:6px 12px;background:var(--panel);border-radius:20px}.giant{font-size:clamp(36px,4vw,62px)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0 30px;gap:20px}.stat-grid strong{font-size:42px;font-weight:500;display:block;letter-spacing:-.06em}.stat-grid span{color:var(--muted);font-size:12px}.next-card{display:grid;grid-template-columns:1fr 260px;align-items:center;padding:25px 30px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.notice{font-size:14px;color:var(--muted);margin-top:28px;border-left:3px solid var(--accent);padding-left:20px}.notice b{color:var(--ink)}.collection-head{display:flex;justify-content:space-between;align-items:center;padding:35px 0 20px}.collection-head h1{font-size:60px}.collection-score{text-align:right}.collection-score strong{display:block;font-size:42px}.collection-score small{font-size:20px;color:var(--muted)}.collection-score span{font-size:12px;color:var(--muted)}.collection-tools{display:flex;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:9;background:var(--bg);padding:16px 0;border-block:1px solid var(--line)}.months{display:flex;gap:5px;overflow:auto}.months button{background:none;border:0;padding:10px 15px;color:var(--muted)}.months .selected{background:var(--accent);color:var(--bg)}.legend{display:flex;gap:28px;font-size:11px;color:var(--muted);margin:20px 0}.topic-row{margin:30px 0 45px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--panel)}.topic-heading{display:flex;align-items:center;gap:18px}.topic-heading>span{font-size:32px;color:var(--accent);opacity:.65}.topic-heading h2{margin-bottom:0}.topic-heading .eyebrow{margin-bottom:3px}.text-button{background:transparent;border:0;font-size:13px;margin-left:auto}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.badge-cell{min-width:0;padding-top:24px}.badge-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:var(--muted)}.badge-button{display:block;width:100%;padding:0;background:none;border:0;transition:transform .2s}.badge-button:hover{transform:translateY(-4px);filter:none}.badge-cell>p{text-align:center;font-size:12px}.demo-controls{font-size:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:20px;color:var(--muted)}summary{cursor:pointer}.demo-controls button{font-size:12px;margin-right:7px;padding:8px 12px}.badge-scene{position:relative;aspect-ratio:1;width:100%;perspective:1100px;isolation:isolate}.badge-carrier{position:absolute;inset:0;animation:phoenix-shared-rock 9s ease-in-out infinite;animation-delay:var(--delay);transform-style:preserve-3d}.badge-plane{position:absolute;inset:0;transform-style:flat}.badge-ring{position:absolute;top:50%;aspect-ratio:1;object-fit:contain;transform:translateY(-50%);animation:ringturn 42s linear infinite;animation-delay:var(--delay)}@keyframes ringturn{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(-360deg)}}.badge-metal{position:absolute;inset:0;width:100%;height:100%}.badge-picture{position:absolute;inset:26%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 20%,var(--light),var(--dark));border:2px solid #ffecb6}.badge-picture img{width:100%;height:100%;object-fit:contain;padding:9px 8px 20px}.badge-name{position:absolute;left:26%;right:26%;top:69%;font-size:clamp(8px,1vw,12px);font-weight:800;text-align:center;padding:4px 0;border:1px solid #fff3d0;border-radius:4px;background:linear-gradient(140deg,#fff6d7,#dbbba3,#fff6df);color:#3b2740}.shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,#ffffff65 50%,transparent 62%);background-size:350% 100%;animation:shine 7s ease-in-out infinite;animation-delay:var(--delay)}@keyframes shine{0%,25%{background-position:100% 0}70%,100%{background-position:0 0}}.available .badge-carrier{filter:grayscale(1);opacity:.53;animation:none}.available .badge-ring,.available .shine{animation:none}.hidden .badge-carrier{visibility:hidden;animation:none}.secret{position:absolute;inset:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:50%;background:radial-gradient(circle,#ffffff0a,transparent)}.secret b{font-size:12px;margin-top:18px;text-align:center}.secret small{font-size:10px;color:var(--muted);margin-top:5px}.lock{font-size:0;width:50px;height:40px;border-radius:9px;background:linear-gradient(120deg,#798da2,#e4f4ff,#738497);position:relative;box-shadow:inset 0 -4px 0 #0003}.lock:before{content:'';position:absolute;width:29px;height:30px;border:6px solid #b9cedc;border-bottom:0;left:10px;top:-23px;border-radius:20px 20px 0 0}.lock:after{content:'';position:absolute;left:23px;top:13px;width:5px;height:13px;background:#314b66;border-radius:8px}.paused .badge-scene *,.offscreen *,.tab-hidden .badge-scene *{animation-play-state:paused!important}.reader-heading{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.reader-heading h1{font-size:40px}.reader-layout{display:grid;grid-template-columns:230px 1fr;gap:40px;margin-top:20px}#book-index{max-height:85vh;overflow:auto;position:sticky;top:20px;align-self:start;padding-right:10px}#book-index button{width:100%;font-size:12px;text-align:left;background:transparent;border:0;padding:12px 5px;display:flex;gap:14px}#book-index button span{color:var(--muted)}#book-index .selected{background:var(--panel);color:var(--accent)}.reader-stage{padding:25px;background:var(--panel);border-radius:var(--radius)}.reader-controls{display:flex;gap:18px;align-items:center;justify-content:center;margin-bottom:24px;font-size:12px}.reader-controls label{margin-left:auto}.reader-controls input{accent-color:var(--accent)}#paper-shell{max-width:700px;margin:auto;overflow:hidden;background:white;box-shadow:0 15px 40px #0003}#paper{width:794px;height:1123px;border:0;transform-origin:top left;display:block}.reader-note{text-align:center;font-size:12px;margin:20px 0 0}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(1000px,94vw);max-height:94vh;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.detail-layout h2{font-size:42px}.detail-layout .secondary{margin-top:12px}.close{position:absolute;right:12px;top:12px;border:0;font-size:24px;z-index:4}.original-card{width:100%;height:76vh;border:0}.badge-scene{contain:layout}footer{border-top:1px solid var(--line);padding:25px 4vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
/* Five art directions: each changes composition as well as palette. */
body[data-design=prism]{--bg:#f6f7fc;--panel:#fff;--ink:#1d2244;--muted:#646b85;--accent:#5346e8;--line:#1c23561c;--radius:28px}body[data-design=prism] .hero{background:linear-gradient(115deg,#eae9ff,#f8e8fa 70%,#d4f9f0);border-radius:36px;padding:42px;min-height:590px}body[data-design=prism] .hero-art{background:radial-gradient(circle,#fff9,transparent 70%)}body[data-design=prism] .hero h1{font-weight:650}body[data-design=prism] .home-bottom{grid-template-columns:repeat(3,1fr)}body[data-design=prism] .home-bottom>div{grid-column:1/-1;text-align:center}body[data-design=prism] .home-bottom>div h2{max-width:none}body[data-design=prism] .step{background:white;padding:28px;border:1px solid var(--line);border-radius:25px}body[data-design=prism] .topic-row{box-shadow:0 8px 40px #1a164007}body[data-design=prism] .badge-cell{background:#f6f7fc;border-radius:22px;padding:18px}body[data-design=arcade]{--bg:#151613;--panel:#20221c;--ink:#f6f7e9;--muted:#b5b7a5;--accent:#dfff57;--line:#eaff6528;--radius:3px}body[data-design=arcade] h1,body[data-design=arcade] h2{text-transform:uppercase;font-weight:900}body[data-design=arcade] button,body[data-design=arcade] nav a{border-radius:2px}body[data-design=arcade] .hero-copy{order:2}body[data-design=arcade] .hero{grid-template-columns:1fr 1.1fr}body[data-design=arcade] .hero-art{background:repeating-linear-gradient(0deg,transparent 0 35px,#dbff5f0c 36px),repeating-linear-gradient(90deg,transparent 0 35px,#dbff5f0c 36px)}body[data-design=arcade] .ticker{background:var(--accent);color:var(--bg);padding:18px;transform:rotate(-1deg)}body[data-design=arcade] .badge-label{color:var(--accent)}body[data-design=arcade] .topic-heading{border-bottom:1px solid var(--line);padding-bottom:20px}body[data-design=arcade] .profile-card{border-top:6px solid var(--accent)}body[data-design=atelier]{--bg:#15141b;--panel:#211e28;--ink:#fff5e7;--muted:#b7aebc;--accent:#f2c18a;--line:#f2c18a25;--radius:16px}body[data-design=atelier] h1,body[data-design=atelier] .giant{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}body[data-design=atelier] .hero{text-align:center;display:flex;flex-direction:column;position:relative;min-height:720px;padding-top:20px}body[data-design=atelier] .hero-copy .lead{margin:auto}body[data-design=atelier] .hero h1{font-size:70px}body[data-design=atelier] .hero .actions{justify-content:center}body[data-design=atelier] .hero-art{width:380px;margin-top:-45px;height:330px;aspect-ratio:auto}body[data-design=atelier] .hero-art .badge-scene{width:410px}body[data-design=atelier] .floating-label,body[data-design=atelier] .art-label{display:none}body[data-design=atelier] .badge-cell{border:1px solid var(--line);border-radius:130px 130px 16px 16px;padding:40px 12px 10px;margin-top:30px;background:radial-gradient(ellipse at 50% 70%,#c6955930,transparent 70%)}body[data-design=atelier] .badge-label{justify-content:center;flex-direction:column;text-align:center;gap:5px}body[data-design=journey]{--bg:#fff9ee;--panel:#fff;--ink:#223f3a;--muted:#64776b;--accent:#d94c26;--line:#28533c25;--radius:28px}body[data-design=journey] .hero{border-bottom:2px dashed var(--line)}body[data-design=journey] .hero h1{font-family:Georgia,serif;font-weight:500}body[data-design=journey] .hero-art{background:#dceee0;border-radius:50% 50% 12% 12%;transform:rotate(3deg);margin:35px 15px}body[data-design=journey] .ticker{border:0;color:var(--accent)}body[data-design=journey] .home-bottom{grid-template-columns:1fr 1fr 1fr}body[data-design=journey] .home-bottom>div{grid-column:1/-1}body[data-design=journey] .home-bottom>div h2{max-width:none}body[data-design=journey] .step{border:2px dashed var(--line);border-radius:30px;padding:25px}body[data-design=journey] .topic-list{border-left:2px dashed #90ad95;padding-left:30px}body[data-design=journey] .topic-row{position:relative}body[data-design=journey] .topic-row:before{content:'';position:absolute;left:-40px;top:35px;width:16px;height:16px;background:var(--accent);border:4px solid var(--bg);border-radius:50%}body[data-design=journey] .badge-cell:nth-child(2){padding-top:50px}body[data-design=journey] .badge-cell:nth-child(3){padding-top:75px}body[data-design=journey] .profile-card{background:#e5efe3}
@media(max-width:900px){#header{gap:10px;padding:0 3vw}.edition{display:none}nav a{padding:10px}.hero{min-height:480px}.hero h1{font-size:52px}.home-bottom{grid-template-columns:repeat(3,1fr)}.home-bottom>div{grid-column:1/-1}.profile-layout{grid-template-columns:240px 1fr;gap:25px}.next-card{grid-template-columns:1fr}.next-card .badge-scene{display:none}.topic-row{padding:20px}.reader-layout{grid-template-columns:170px 1fr;gap:18px}.reader-stage{padding:15px}.badge-name{font-size:9px}.secret b{font-size:10px}.secret small{font-size:9px}.collection-head h1{font-size:48px}.legend{gap:15px}}
@media(max-width:600px){#demo{gap:8px;font-size:9px}#demo b{display:none}#header{height:auto;min-height:90px;flex-wrap:wrap;padding:15px 4vw}.brand{font-size:16px}nav{order:3;width:100%;justify-content:space-between}nav a{font-size:12px}.avatar{margin-left:auto}.hero,body[data-design=arcade] .hero{grid-template-columns:1fr}.hero-copy{padding-top:20px}.hero-art{max-width:340px;width:100%;margin:auto}.hero-art .badge-scene{width:100%}.hero-copy{order:0!important}.hero h1{font-size:52px}body[data-design=prism] .hero{padding:25px}body[data-design=atelier] .hero h1{font-size:48px}body[data-design=atelier] .hero-art{width:300px}body[data-design=atelier] .hero-art .badge-scene{width:340px}.ticker span:last-child{display:none}.home-bottom,body[data-design] .home-bottom{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.profile-card{padding:20px}.profile-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-card .primary{grid-column:1/-1}.big-avatar{float:right}.section-top{margin-top:15px}.collection-head h1{font-size:38px}.collection-score strong{font-size:27px}.collection-tools{flex-wrap:wrap}.months{width:100%}.months button{padding:9px 11px}.legend{flex-wrap:wrap;gap:8px}.badge-grid{grid-template-columns:1fr}.badge-scene{max-width:340px;margin:auto}.badge-cell{padding-top:20px!important}.topic-heading{flex-wrap:wrap}.text-button{margin-left:0}.reader-layout{display:block}#book-index{position:static;max-height:160px;margin-bottom:20px}.reader-heading h1{font-size:30px}.reader-controls{gap:8px}.reader-controls label{font-size:10px}.detail-layout{grid-template-columns:1fr}.detail-layout h2{font-size:32px}dialog{padding:25px}.reader-stage{padding:12px}.topic-list{padding-left:15px!important}.topic-row:before{left:-25px!important}footer{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.showcase{font-size:11px;display:flex;align-items:center;gap:5px;white-space:nowrap}.lock{background-size:250% 100%;animation:shine 6s ease-in-out infinite}.hero .badge-scene{pointer-events:none}

.badge-scene[data-motion=tilt] .badge-ring,.badge-scene[data-motion=still] .badge-ring{animation:none}.badge-scene[data-motion=still] .badge-carrier{animation:none}

body[data-design=atelier] .hero-art{height:410px;min-height:410px;margin-top:-20px}