:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#090e1d;--surface:#11182b;--surface2:#162039;--line:#28334e;--text:#f7f8ff;--muted:#a9b3cb;--accent:#b9a0ff;--gold:#ebc47e;--teal:#3dd9bf;--shadow:0 20px 80px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55}body:before{content:'';position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% -15%,#23204050,transparent 48%);pointer-events:none}body,button,input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffc56c;outline-offset:3px}p{color:var(--muted)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,5.6rem)}h2{font-size:clamp(2.15rem,4vw,3.65rem)}h3{font-size:1.22rem}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#acb9d5}.eyebrow.accent,.accent{color:var(--accent)}.muted{color:var(--muted)}.topbar{height:78px;border-bottom:1px solid #ffffff10;position:sticky;top:0;background:#0b1020eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100}.nav-wrap{max-width:1350px;padding:0 30px;height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:1.12rem;letter-spacing:-.04em;font-weight:900;white-space:nowrap}.brand-glyph{display:inline-grid;place-items:center;border:1px solid #ae90e6;border-radius:12px;width:35px;height:35px;font-size:1.8rem;color:#c5a3ff;background:#a368ff12}.brand-accent{color:#c7a2ff}.brand small{font-size:.49rem;font-weight:600;letter-spacing:.18em;display:block;line-height:.7;text-align:right;color:var(--muted)}.desktop-nav{display:flex;gap:30px;align-items:center;font-size:.77rem;font-weight:700;color:#c7ccdb}.desktop-nav a:hover,.footer a:hover{color:#d3bcff}.nav-end{display:flex;gap:12px;align-items:center}.icon-button,.profile-link{width:35px;height:35px;border:1px solid #ffffff24;background:#ffffff07;color:#c6c7e8;border-radius:12px;display:grid;place-items:center}.mobile-toggle{display:none}.mobile-nav{display:flex;position:absolute;right:18px;left:18px;top:76px;background:#10182c;border:1px solid #35415d;border-radius:16px;padding:12px;flex-direction:column;box-shadow:var(--shadow)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:11px 15px}.skip-link{position:absolute;top:-100px;left:20px;background:white;color:black;padding:8px 16px;z-index:1000}.skip-link:focus{top:20px}
.hero{min-height:715px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#38246174,transparent 34%),radial-gradient(ellipse at 55% 15%,#27315c55,transparent 53%)}.hero-stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#ad94e9 1px,transparent 1px),radial-gradient(#bca5ff 1px,transparent 1px);background-size:100px 110px,150px 140px;background-position:12px 17px,70px 42px;mask-image:linear-gradient(90deg,transparent 8%,#000 100%)}.hero-inner{width:min(1260px,calc(100% - 55px));margin:auto;min-height:670px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:20px;position:relative}.hero-copy{position:relative;z-index:2;padding-bottom:55px}.pill{display:inline-block;background:#b690fb18;border:1px solid #bea0ff48;border-radius:25px;color:#dac7ff;font-size:.65rem;font-weight:850;letter-spacing:.16em;padding:10px 15px}.pill .spark{font-size:.87rem;color:var(--gold);margin-right:6px}.hero h1{font-size:clamp(3.4rem,6.2vw,6.4rem);letter-spacing:-.07em;line-height:1.07;margin:24px 0}.hero h1 em,.feature-grid h2 em{font-style:normal;background:linear-gradient(110deg,#d7b8ff,#9ccaff,#f1c692);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:1.03rem;line-height:1.8;max-width:540px;color:#b7c0d8}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border-radius:10px;font-weight:800;font-size:.84rem;transition:transform .2s,background .2s;color:#fff;border:1px solid transparent;min-height:48px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(115deg,#9262ec,#775ae3);box-shadow:0 12px 32px #7d5ada48}.btn-glass{background:#ffffff08;border-color:#ffffff35}.hero-stats{display:flex;gap:40px;margin-top:55px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.9rem;line-height:1.2}.hero-stats span{font-size:.73rem;color:#9da9c1}.hero-visual{height:575px;position:relative;display:grid;place-items:center;isolation:isolate}.portal-halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#bd6cf065,#7355e627 43%,transparent 71%);filter:blur(13px)}.portal-door{position:relative;width:300px;height:430px;border:16px solid #513c83;border-bottom-width:23px;border-radius:155px 155px 20px 20px;box-shadow:0 0 0 5px #af90f2a6,0 0 0 13px #301e56,0 0 65px #b47cf37d,12px 27px 50px #000b;overflow:hidden;background:#4d3988;transform:perspective(700px) rotateY(-8deg)}.door-inside{position:absolute;inset:0;background:linear-gradient(180deg,#1b1847 1%,#6e4a9e 43%,#d27fb0 70%,#2c496b 99%);overflow:hidden}.door-inside:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(150deg,transparent 0 8px,#ffffff0c 9px 10px)}.inside-moon{position:absolute;top:25%;left:26%;background:#fff0ca;border-radius:50%;height:126px;width:126px;box-shadow:0 0 40px #ffe1b8a8}.inside-landscape{position:absolute;bottom:-23px;left:-30px;right:-30px;height:130px;background:linear-gradient(145deg,#132747,#121a3b);border-radius:55% 48% 0 0;box-shadow:70px -32px 0 -26px #1a2950,-50px -23px 0 -28px #1b2b53}.door-knob{position:absolute;right:20px;top:58%;width:12px;height:12px;border-radius:50%;background:#f9d28c;box-shadow:0 0 12px #fff3c2}.portal-stars{position:absolute;top:64px;right:77px;font-size:4rem;color:#fcd49d;transform:rotate(22deg);text-shadow:0 0 25px #c47afe;opacity:.9}.portal-stars span{position:absolute;bottom:-235px;left:-340px;font-size:2.5rem}.float-badge{position:absolute;z-index:2;padding:12px 16px;background:#23223ce0;border:1px solid #7d6f9e7d;border-radius:11px;color:#f3d1aa;font-size:.92rem;font-weight:900;box-shadow:0 16px 40px #0007;backdrop-filter:blur(5px)}.float-badge span{font-size:.7rem;color:white;font-weight:600;margin-left:7px}.float-one{right:10px;top:160px;transform:rotate(6deg)}.float-two{left:0;bottom:120px;transform:rotate(-5deg)}.hero-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.62rem;letter-spacing:.22em;color:#a3a4be}.hero-bottom span{padding-left:8px;font-size:1.4rem}
.section-heading{text-align:center;max-width:790px;margin:0 auto 45px}.section-heading h2{margin:12px 0 16px}.section-heading p{font-size:.95rem}.section-heading.left{text-align:left;max-width:none;margin-bottom:32px}.world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.world-card{background:linear-gradient(165deg,#192037,#101628);border:1px solid #ffffff17;border-radius:15px;overflow:hidden;transition:transform .22s,border-color .22s;min-width:0}.world-card:hover{transform:translateY(-7px);border-color:var(--accent)}.world-art{height:175px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 55% 75%,var(--tint),transparent 80%),linear-gradient(148deg,#121c34,#22243e);overflow:hidden}.world-art:after{content:'';position:absolute;inset:auto -20% -60% -20%;height:100%;border-radius:50%;background:radial-gradient(ellipse,var(--accent),transparent 70%);opacity:.13}.world-symbol{font-size:5.4rem;filter:drop-shadow(0 9px 25px #0008);z-index:1;transition:transform .25s}.world-card:hover .world-symbol{transform:scale(1.12) rotate(-5deg)}.orbit{position:absolute;border:1px solid #ffffff23;border-radius:50%;width:175px;height:175px;transform:rotate(33deg) scaleY(.46)}.orbit-two{width:240px;height:240px;transform:rotate(-35deg) scaleY(.45)}.world-spark{position:absolute;right:21px;top:16px;font-size:1.5rem;color:#fff9}.world-card-body{padding:19px 15px 16px}.world-card-body .eyebrow{font-size:.51rem;letter-spacing:.12em;color:var(--accent);min-height:18px}.world-card h3{margin:9px 0;font-size:1.23rem}.world-card p{font-size:.71rem;line-height:1.7;min-height:77px}.card-foot{display:flex;justify-content:space-between;gap:8px;font-size:.59rem;color:#a6b3cb;border-top:1px solid #ffffff19;padding-top:13px;white-space:nowrap}.card-foot b{color:var(--accent)}.feature-section{padding:100px 0;background:radial-gradient(ellipse at 40% 50%,#37285355,transparent 65%),#11172b}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-grid h2{margin:15px 0 25px}.feature-grid p{max-width:510px;line-height:1.85}.feature-grid .btn{margin-top:12px}.daily-preview{padding:45px;border:1px solid #a68ae64d;border-radius:24px;background:linear-gradient(160deg,#36295b99,#17213c);min-height:335px;position:relative;box-shadow:var(--shadow)}.preview-icon{font-size:3.8rem;color:#ebcf9e;margin-bottom:18px}.daily-preview h3{font-size:1.8rem;margin:12px 0}.daily-preview>a,.text-link{font-weight:800;color:#dac3ff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit{padding:35px;border:1px solid #2a3452;border-radius:16px;background:linear-gradient(160deg,#1a243c,#10182b)}.benefit>span{font-size:2.3rem;color:#d2b5ff}.benefit h3{margin-top:22px}.benefit p{font-size:.85rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{display:block;border:1px solid #ffffff1f;background:#151c30;padding:32px;border-radius:15px}.guide-card:hover{border-color:#b79ef2}.guide-card span{font-size:.69rem;color:#d8b3fa}.guide-card h3{margin:17px 0}.guide-card p{font-size:.82rem}.guide-card b{display:block;margin-top:22px;color:#cfbcff;font-size:.83rem}.center-actions{text-align:center;margin-top:28px}.faq-preview{padding-bottom:105px}.faq-preview details{padding:18px;border-bottom:1px solid #313b53}.faq-preview summary{cursor:pointer;font-weight:750}.faq-preview .text-link{display:inline-block;margin-top:20px}.personal-strip,.info-banner{background:#261f3e;border:1px solid #7f6da1;border-radius:15px;padding:18px 25px;margin-top:30px}.footer{border-top:1px solid #ffffff18;background:#0a0f1e;padding:65px 0 22px}.footer-grid,.footer-bottom{max-width:1200px;width:calc(100% - 48px);margin:auto}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid b{font-size:.86rem;margin-bottom:7px}.footer-grid a:not(.brand){font-size:.8rem;color:#b1b7c9}.footer-grid p{font-size:.8rem}.footer-bottom{border-top:1px solid #ffffff12;padding-top:23px;margin-top:45px;display:flex;justify-content:space-between;color:#748098;font-size:.67rem;gap:12px}
.inner-page{padding:47px 0 105px;min-height:70vh}.breadcrumbs{color:#8895b1;font-size:.76rem;margin-bottom:32px}.breadcrumbs a:hover{color:#cab2ff}.world-hero{border:1px solid #ffffff21;background:radial-gradient(ellipse at 82% 50%,var(--tint),transparent 45%),linear-gradient(125deg,#1b2139,#101629);border-radius:25px;padding:60px 65px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;position:relative;overflow:hidden;margin-bottom:70px}.world-hero .eyebrow{color:var(--accent)}.world-hero h1{margin:15px 0 9px}.world-hero h2{font-size:1.2rem;color:var(--accent);letter-spacing:0}.world-hero p{max-width:620px}.world-hero-glyph{font-size:11rem;filter:drop-shadow(0 20px 42px #0008);text-align:center}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-tile{padding:27px;border:1px solid #29344d;border-radius:15px;background:#151d32;min-height:204px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.game-tile:hover{border-color:#a185df;transform:translateY(-3px)}.game-index{font-size:.75rem;letter-spacing:.2em;color:#c5aaff}.game-tile h3{margin:14px 0 9px}.game-tile p{font-size:.8rem;flex:1}.game-tile-bottom{display:flex;justify-content:space-between;margin-top:14px;border-top:1px solid #ffffff1a;padding-top:15px;font-size:.72rem;color:#aab8d1}.game-tile-bottom b{color:#d0baff}.info-banner{display:flex;align-items:center;gap:18px;margin-top:46px}.info-banner>span{font-size:2.5rem;color:#d3b7fb}.info-banner p{font-size:.82rem;margin:4px 0}.info-banner a{margin-left:auto;white-space:nowrap;color:#e0c6ff;font-weight:800;font-size:.8rem}.search-field,.field,.textarea{width:100%;border:1px solid #49536e;border-radius:11px;background:#0e1628;color:var(--text);padding:13px 15px;min-height:45px}.search-field{max-width:650px;margin:10px 0 20px}.search-label{display:block;font-size:.77rem;font-weight:800}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.filter-chip{border-radius:22px;background:#172137;border:1px solid #34405b;color:#c7cfe2;font-size:.72rem;padding:9px 13px}.filter-chip.active,.filter-chip:hover{background:#7457ba;color:white;border-color:#b99bf6}
.game-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.game-intro h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:10px 0}.game-intro p{max-width:630px}.game-reward{display:inline-block;border:1px solid #ad9463;background:#ffdd7e0d;color:#f7d387;border-radius:22px;padding:9px 16px;font-weight:800;white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px;align-items:start}.play-panel{border:1px solid #33405d;border-radius:16px;background:linear-gradient(160deg,#18223a,#101829);overflow:hidden;min-width:0}.play-top{background:#ffffff09;padding:15px 22px;border-bottom:1px solid #ffffff1d;display:flex;justify-content:space-between;gap:12px;font-size:.7rem;color:#d8ddf7;letter-spacing:.04em}.play-top #game-status{color:#a6b7d4}.game-aside{display:grid;gap:18px}.sidebar-card{padding:22px;border:1px solid #2c3855;border-radius:15px;background:#131b2f}.sidebar-card h3{font-size:1rem}.sidebar-card p{font-size:.79rem}.aside-link{display:block;padding:11px 0;border-bottom:1px solid #ffffff12;color:#bfaeff;font-size:.75rem}.loading{text-align:center;padding:60px 15px;color:#a1aed0}.play-content{padding:30px;min-height:340px}.play-content>p{font-size:.93rem}.play-content h2{font-size:1.55rem;margin:0 0 16px}.play-content h3{font-size:1.12rem}.play-hint{font-size:.85rem;background:#a78bfa14;border-left:3px solid #ac8afa;padding:12px 15px;border-radius:5px;color:#c4cde8}.control-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0}.action-btn{border:1px solid #8264bc;border-radius:9px;background:#8261ce;color:white;padding:12px 18px;font-size:.84rem;font-weight:800;min-height:43px}.action-btn:hover{background:#a07bef}.action-btn.secondary{background:#1b2943;border-color:#53607d}.action-btn:disabled{opacity:.4;cursor:not-allowed}.answer-field{border:1px solid #53617e;background:#0d172b;border-radius:9px;padding:12px;color:white;min-width:150px;max-width:100%;font-size:1rem}.feedback{margin:16px 0;background:#b0a1e217;border:1px solid #705d9a;border-radius:10px;padding:13px;color:#e8dcff;font-size:.87rem}.feedback.success{border-color:#2fbb93;background:#2fbb9312;color:#9deed4}.feedback.error{border-color:#e0a15d;background:#e0a15d15;color:#f5d1a8}.game-result{text-align:center;padding:30px 15px}.game-result .win-icon{font-size:3.8rem}.game-result h2{font-size:2.3rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{padding:22px 15px;border-radius:13px;background:#19263c;border:1px solid #3b4861}.stat-box strong{display:block;font-size:1.8rem;color:#d9bdff}.stat-box span{font-size:.75rem;color:#b3bfd3}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:17px 0}.choice-btn{background:#192842;border:1px solid #425274;padding:13px 17px;border-radius:10px;color:#edf0fa;min-height:52px;text-align:left}.choice-btn:hover,.choice-btn.selected{border-color:#be9eff;background:#312b59}.puzzle-tiles{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.puzzle-tile{display:grid;place-items:center;border:1px solid #6f6593;background:#2a3152;color:white;border-radius:10px;min-width:58px;min-height:58px;padding:12px;font-size:1.55rem}.puzzle-tile:hover,.puzzle-tile.active{background:#614bab}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:450px;margin:20px auto}.memory-card{font-size:2rem;min-height:74px;display:grid;place-items:center;background:#312952;border:2px solid #634e98;border-radius:12px}.memory-card.hidden-card{background:linear-gradient(140deg,#332b57,#141f36);color:#9c8bc2}.mini-grid{display:grid;grid-template-columns:repeat(5,minmax(35px,1fr));gap:5px;max-width:410px;margin:18px 0}.mini-cell{aspect-ratio:1;border-radius:6px;background:#243652;border:1px solid #445777;color:white;display:grid;place-items:center;min-width:0;padding:2px;font-size:1.3rem}.mini-cell.selected{background:#8960da}.mini-cell.fixed{background:#302a4d}.mini-cell.goal{border-color:#f6d57d}.mini-cell.blocked{background:#4c273a}.mini-cell.correct{background:#155647}.sudoku{display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));max-width:290px;margin:20px 0}.sudoku input{width:100%;height:64px;background:#152640;border:1px solid #7380a1;color:white;font-size:1.6rem;text-align:center}.sudoku input:disabled{background:#313a54;color:#d7c0ff;font-weight:900}.scenario-meter{height:12px;background:#27334b;border-radius:8px;overflow:hidden;margin:20px 0}.scenario-meter span{display:block;height:100%;background:#52c9b2;transition:width .3s}.journal{display:grid;gap:12px}.journal label{font-weight:800;font-size:.82rem}.journal textarea{min-height:120px;resize:vertical}.journal .field{margin-top:5px}.notice{padding:15px;background:#c09c4522;color:#f9d99d;border:1px solid #b18a3f88;border-radius:8px;margin:14px 0;font-size:.8rem}.shape-svg{width:min(100%,280px);height:260px}.country-shape{fill:#8ec5ff;stroke:#d9ecff;stroke-width:2}.comparison{display:flex;flex-wrap:wrap;gap:18px}.comparison pre{background:#16243c;padding:20px;border-radius:9px;font-size:1.1rem}.timer-digit{font-size:clamp(3rem,9vw,5rem);font-weight:900;letter-spacing:.04em}.progress-track{height:9px;border-radius:10px;background:#27334c;margin:10px 0}.progress-track>span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#9a76f4,#52dfc2)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.dash-card{background:#161e33;border:1px solid #35415d;padding:25px;border-radius:15px}.dash-card strong{display:block;font-size:2rem;color:#d8bfff}.dash-card small{color:#abb8cf;font-size:.77rem}.dash-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-section{border:1px solid #344059;border-radius:15px;background:#131b2e;padding:27px;margin-top:20px}.dash-section h3{margin:0 0 18px}.world-progress{display:grid;grid-template-columns:120px 1fr 55px;gap:13px;align-items:center;margin:13px 0;font-size:.78rem}.dash-profile{display:flex;gap:14px;align-items:center}.dash-profile .answer-field{width:210px}.avatar-button{border:1px solid #334b75;border-radius:9px;background:#273451;color:white;padding:8px}.avatar-button.active{border-color:#d1aeff}.badge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.badge-card{border:1px solid #3a4561;padding:20px;border-radius:13px;background:#19233c;opacity:.5}.badge-card.earned{border-color:#baa0fc;opacity:1}.badge-card .badge-icon{font-size:2.1rem}.badge-card h3{margin:7px 0;font-size:.9rem}.badge-card p{font-size:.74rem}.prose-page{max-width:810px;padding-top:60px;padding-bottom:100px}.prose-page h1{font-size:3.6rem;margin:18px 0 28px}.prose-page h2{font-size:1.6rem;margin-top:35px}.prose-page p,.prose-page li{line-height:1.85}.prose-page a{color:#cfb9ff;text-decoration:underline}.prose-page .lead{font-size:1.18rem}.error-page{text-align:center;padding:130px 20px}.error-symbol{font-size:5rem;color:#b99efc}.toast{position:fixed;z-index:999;bottom:24px;right:24px;background:#29243c;color:white;border:1px solid #a492cb;padding:15px 22px;border-radius:12px;box-shadow:var(--shadow);max-width:340px;display:none}.toast.visible{display:block}[hidden]{display:none!important}
html[data-theme="light"]{color-scheme:light;--bg:#f5f6fd;--surface:#fff;--surface2:#f5f1ff;--line:#c6cbe0;--text:#171a30;--muted:#4c5870;--accent:#633ac4}html[data-theme="light"] body{background:var(--bg)}html[data-theme="light"] .topbar,html[data-theme="light"] .footer{background:#151c32;color:#fff}html[data-theme="light"] .inner-page,html[data-theme="light"] .section{color:var(--text)}html[data-theme="light"] .game-tile,html[data-theme="light"] .benefit,html[data-theme="light"] .guide-card,html[data-theme="light"] .world-card,html[data-theme="light"] .dash-card,html[data-theme="light"] .dash-section{background:#fff;color:#171a30}html[data-theme="light"] .game-tile p,html[data-theme="light"] .benefit p,html[data-theme="light"] .guide-card p{color:#536078}html[data-theme="light"] .play-panel,html[data-theme="light"] .sidebar-card,html[data-theme="light"] .world-hero{color:#f7f8ff}html[data-theme="light"] .world-card-body .card-foot{color:#43526f}
@media(max-width:1150px){.desktop-nav{gap:17px}.world-grid{grid-template-columns:repeat(3,1fr)}.world-card p{min-height:60px}.hero-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:4.6rem}.portal-door{transform:scale(.87)}.hero-visual{height:520px}.float-one{right:0}.feature-grid{gap:35px}}@media(max-width:850px){.desktop-nav{display:none}.mobile-toggle{display:grid}.hero-inner{grid-template-columns:1fr;gap:0;padding-top:90px}.hero-copy{padding-bottom:0}.hero-visual{height:430px}.portal-door{transform:scale(.7)}.float-badge{font-size:.65rem}.float-one{right:13%;top:120px}.float-two{left:11%;bottom:90px}.hero-bottom{display:none}.world-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.dash-grid-two,.game-layout{grid-template-columns:1fr}.game-aside{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr;gap:45px}.game-grid,.guide-grid,.benefit-grid,.badge-list{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.world-hero{padding:40px;grid-template-columns:1fr .35fr}.world-hero-glyph{font-size:6rem}}@media(max-width:550px){.shell{width:calc(100% - 32px)}.nav-wrap{padding:0 14px}.topbar{height:69px}.brand{font-size:1rem}.hero-inner{width:calc(100% - 34px);padding-top:65px}.hero{min-height:auto}.hero h1{font-size:clamp(3.15rem,12.5vw,4.2rem)}.hero-copy>p{font-size:.91rem}.hero-stats{gap:30px;margin-top:32px}.hero-stats strong{font-size:1.6rem}.hero-visual{height:360px}.portal-door{transform:scale(.6)}.float-one{right:0;top:90px}.float-two{left:0;bottom:85px}.section{padding:65px 0}.section-heading h2{font-size:2.35rem}.world-grid,.game-grid,.guide-grid,.benefit-grid,.badge-list,.game-aside{grid-template-columns:1fr}.world-art{height:180px}.world-card p{min-height:0}.feature-section{padding:70px 0}.daily-preview{padding:25px;min-height:280px}.footer{padding-top:43px}.footer-grid{width:calc(100% - 32px);grid-template-columns:repeat(2,1fr);gap:34px}.footer-grid .brand{font-size:.84rem}.footer-bottom{width:calc(100% - 32px);flex-direction:column}.inner-page{padding:30px 0 65px}.world-hero{padding:30px;grid-template-columns:1fr}.world-hero-glyph{font-size:5rem;text-align:right}.game-intro{align-items:flex-start}.game-reward{font-size:.7rem}.play-content{padding:18px}.play-top{padding:13px;font-size:.6rem}.choice-grid{grid-template-columns:1fr}.dash-profile{flex-wrap:wrap}.dashboard-grid{gap:8px}.dash-card{padding:17px}.dash-card strong{font-size:1.6rem}.dash-section{padding:18px}.world-progress{grid-template-columns:85px 1fr 34px;gap:5px}.info-banner{display:block}.info-banner a{margin:10px 0}.prose-page h1{font-size:2.6rem}.stat-grid{gap:5px}.stat-box{padding:15px 4px}.stat-box strong{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Phase 2: shared accessible puzzle interfaces */
.phase2-play{max-width:850px}.phase2-play h2{margin-bottom:12px}.exp-grid{display:grid;gap:7px;max-width:500px;margin:20px 0}.exp-four{grid-template-columns:repeat(4,minmax(0,1fr));max-width:340px}.exp-seven{grid-template-columns:repeat(7,minmax(0,1fr));max-width:540px}.exp-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:320px}.exp-cell{min-width:0;aspect-ratio:1;border:1px solid #65728a;border-radius:7px;background:#1d2740;color:#cbd6ec;font-weight:800;font-size:clamp(15px,2vw,23px);cursor:pointer;transition:background .12s}.exp-cell:hover:not(:disabled){background:#314769}.exp-cell:focus-visible{outline:3px solid #d5a64c;outline-offset:2px}.exp-cell.lit{background:#8b5cf6;color:white;border-color:#c3aeff}.exp-cell.blocked{background:#171d2d;opacity:.45;cursor:default}.exp-cell.empty{opacity:.25;cursor:default}.exp-selects{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.exp-selects label{display:grid;gap:5px;min-width:150px}.exp-selects select{width:100%;max-width:160px}.phase2-scroll{overflow:auto;max-height:400px}.clue-table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}.clue-table td,.clue-table th{padding:9px;border-bottom:1px solid #53617b;text-align:left}.color-token{display:inline-block;padding:3px 6px;margin:2px;border:1px solid #8f98af;border-radius:5px;font-size:.75rem}.color-token.c0{background:#903947}.color-token.c1{background:#a36a20}.color-token.c2{background:#246f54}.color-token.c3{background:#225e9a}.color-token.c4{background:#7147a2}.color-token.c5{background:#69758b}.exp-nonogram-wrap{max-width:390px}.exp-col-clues{display:grid;grid-template-columns:repeat(5,1fr);margin-left:75px;gap:3px}.exp-col-clues span{font-size:.9rem;text-align:center;min-height:35px}.exp-nonogram-line{display:grid;grid-template-columns:75px repeat(5,minmax(0,1fr));gap:3px;align-items:center;margin:3px 0}.exp-row-clue{text-align:right;padding-right:8px}.exp-nonogram-line button{font-size:18px}.exp-nonogram-line .exp-cell{border-radius:2px}.catalogue-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:20px 0}.catalogue-controls label{font-size:.85rem;display:grid;gap:5px}.catalogue-controls select,.catalogue-controls input{background:#151f35;color:#f8fafc;border:1px solid #61718d;border-radius:9px;padding:12px;max-width:100%}.catalogue-count{margin:12px 0;color:#b1c0d8}.catalogue-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px 0}.phase2-micro{display:flex;justify-content:space-between;gap:5px;color:#9dabcc;font-size:.8rem;margin-top:8px}@media(max-width:500px){.exp-grid{gap:4px}.exp-selects label{min-width:115px}.exp-selects select{max-width:120px}.exp-cell{font-size:15px}}

/* Phase 3 navigation, retention and responsive accessibility */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.world-mega{position:relative}.world-mega>summary{cursor:pointer;list-style:none;padding:8px 0}.world-mega>summary::-webkit-details-marker{display:none}.world-mega>summary:after{content:' ⌄';font-weight:400}.world-mega-panel{position:absolute;top:calc(100% + 16px);left:0;width:360px;max-height:70vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#101b31;color:#e7defc;border:1px solid #53627e;border-radius:14px;padding:16px;box-shadow:0 14px 32px #0009}.world-mega-panel a{padding:10px;border-radius:8px;font-size:.78rem;white-space:nowrap}.world-mega-panel a:hover,.world-mega-panel a:focus{background:#ffffff16}
.nav-search{display:flex;align-items:center;border:1px solid #52617b;border-radius:10px;overflow:hidden;background:#161e34;height:35px}.nav-search input{max-width:110px;min-width:0;background:transparent;color:white;border:0;padding:6px 7px;font-size:.73rem}.nav-search button{background:transparent;border:0;color:white;font-size:1.3rem;padding:4px 9px;min-width:34px}.nav-search:focus-within{outline:2px solid #d8b5ff}
.game-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-actions button{font-size:.73rem}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mission-card{display:flex;flex-direction:column;gap:8px;padding:14px;min-width:0;min-height:110px;border:1px solid #455170;border-radius:11px;background:#1e2a44}.mission-card:hover,.mission-card:focus-visible{border-color:#c4b0ff}.mission-card>span{color:#d6b7fb;font-size:.72rem}.mission-card strong{font-size:.92rem}.mission-card small{color:#e9c885}.mission-done{background:#173b37;border-color:#5dbfa9}.activity-calendar{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;max-width:420px}.activity-day{display:block;aspect-ratio:1;border-radius:4px;background:#2a344c;border:1px solid #424f68}.activity-day.active{background:#42bd9d;border-color:#a6f5dc}.mini-link-list{display:grid;gap:7px}.mini-link-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0}.mini-link-row a{font-size:.84rem;overflow-wrap:anywhere}.small-btn{font-size:.68rem;padding:6px 10px;flex-shrink:0;min-height:32px}.dash-grid-two>.dash-section{min-width:0}.game-tile{overflow-wrap:anywhere}
@media(max-width:1250px){.nav-search input{max-width:70px}.desktop-nav{gap:15px}}@media(max-width:850px){.world-mega{display:none}.nav-search{margin-right:4px}.nav-search input{max-width:120px}}@media(max-width:550px){.mission-grid{grid-template-columns:1fr}.nav-search input{max-width:70px}.game-actions{width:100%}.activity-calendar{gap:3px}.world-progress{overflow-wrap:anywhere}}
@media(max-width:345px){.brand{font-size:.83rem}.brand-glyph{width:30px;height:30px}.nav-search input{max-width:42px}.nav-end{gap:5px}}
@media(max-width:420px){.nav-wrap{gap:8px}.nav-search{display:none}.nav-end{gap:5px}}
/* Phase 4: discover freely without daily gates */
.unlimited-intro{border:1px solid rgba(139,92,246,.5);border-radius:22px;padding:clamp(20px,3vw,42px);background:linear-gradient(130deg,rgba(21,29,53,.95),rgba(34,24,62,.92));box-shadow:0 12px 42px rgba(0,0,0,.14)}
.unlimited-intro h2{margin:.6rem 0;font-size:clamp(1.6rem,3vw,2.5rem)}
.unlimited-intro p{max-width:780px;line-height:1.7;color:#c8d1e5}
[data-surprise]{cursor:pointer}
.catalogue-actions .action-btn{min-height:44px}
#catalog-more[hidden]{display:none}
@media(max-width:600px){.unlimited-intro .control-row{flex-direction:column;align-items:stretch}.unlimited-intro .control-row>*{width:100%;justify-content:center}}

/* Phase 5 — personalized discovery, journeys, passport and collections */
.phase5-feature-grid,.phase5-stamp-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 38px}
.phase5-feature,.phase5-stamp,.phase5-collection {background:var(--surface,#141b30);border:1px solid rgba(160,172,220,.17);border-radius:18px;padding:22px;color:inherit;text-decoration:none;min-width:0}
.phase5-feature:hover {border-color:#8b5cf6;transform:translateY(-2px)}
.phase5-feature>span,.phase5-emblem{font-size:2.2rem;display:block;margin-bottom:12px}
.phase5-feature h3,.phase5-stamp h3 {font-size:1.12rem;margin:0 0 8px}
.phase5-feature p,.phase5-stamp p{font-size:.94rem;line-height:1.6}
.phase5-feature b,.phase5-stamp small{color:#88e4da;font-size:.82rem}
.phase5-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.phase5-journey{margin:0!important;min-width:0}
.phase5-stages{display:grid;gap:8px;margin:19px 0}
.phase5-stage{display:flex;flex-direction:column;gap:5px;border:1px solid rgba(155,167,200,.2);background:rgba(135,135,190,.06);border-radius:11px;padding:12px 16px;color:inherit;text-decoration:none}
.phase5-stage:hover{border-color:#8b5cf6}
.phase5-stage small{opacity:.77;font-size:.8rem}
.phase5-stamp{text-align:center;opacity:.75}
.phase5-stamp.earned{border-color:#c9a15b;opacity:1;box-shadow:inset 0 0 22px rgba(213,166,76,.09)}
.phase5-collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}
.phase5-collection{padding:20px}
.phase5-collection h3{margin-top:0}
.phase5-check{display:flex;align-items:center;gap:10px;font-size:.95rem;margin:12px 0}
.phase5-home .dash-grid-two{margin-top:15px}
.phase5-home #phase5-recommendations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phase5-home #phase5-recommendations .game-tile{padding:16px}
.phase5-home #phase5-recommendations h3{font-size:1rem}
#phase5-passport>h2{margin-top:38px}
#phase5-game-tools{flex-wrap:wrap;margin-top:10px}
@media(max-width:900px){.phase5-feature-grid,.phase5-stamp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase5-journey-grid{grid-template-columns:1fr}}
@media(max-width:560px){.phase5-feature-grid,.phase5-stamp-grid,.phase5-collections{grid-template-columns:1fr}.phase5-home #phase5-recommendations{grid-template-columns:1fr}.phase5-feature,.phase5-stamp{padding:18px}.phase5-stage{min-height:52px}}
/* Phase 5 links require an earlier, accessible compact-menu breakpoint. */
@media(max-width:1279px){.desktop-nav{display:none!important}.mobile-toggle{display:grid!important}.nav-wrap{gap:12px}}
/* Phase 7: human-readable editorial and discovery pages; no fake SEO-only card shells. */
.phase7-feature{margin:1.7rem 0;padding:clamp(1.15rem,2.5vw,2rem);border:1px solid rgba(155,167,199,.28);border-radius:18px;background:rgba(85,100,147,.075);max-width:100%;}
.phase7-feature h2{font-size:clamp(1.32rem,2.5vw,1.8rem);margin:0 0 .75rem}.phase7-feature h3{font-size:1.05rem;margin-top:1.25rem}.phase7-feature p{line-height:1.7;max-width:70ch}
.phase7-feature summary{cursor:pointer;padding:1rem .3rem;font-weight:650}.phase7-feature details+details{border-top:1px solid rgba(155,167,199,.2)}
.phase7-list{display:grid;gap:.55rem;margin:1.2rem 0}.phase7-list a{display:block;padding:.8rem 1rem;border:1px solid rgba(155,167,199,.22);border-radius:10px;color:inherit;text-decoration:none;overflow-wrap:anywhere}.phase7-list a:is(:hover,:focus-visible){border-color:#9a78ff;background:rgba(150,120,255,.08)}
.phase7-category-pills{display:flex;flex-wrap:wrap;gap:.65rem}.phase7-category-pills a{border:1px solid rgba(155,167,199,.32);padding:.65rem .9rem;border-radius:999px;text-decoration:none;color:inherit}.phase7-category-pills a:is(:hover,:focus-visible){border-color:#9a78ff}
.phase7-article{max-width:850px}.phase7-article p{line-height:1.85;max-width:75ch}.phase7-article h2{margin-top:2rem}.phase7-article .lead{max-width:72ch}
@media(max-width:600px){.phase7-feature{padding:1rem}.phase7-article,.phase7-feature{overflow-wrap:anywhere}.phase7-category-pills a{font-size:.88rem}}
.phase7-feedback-form{display:grid;gap:1rem;max-width:680px}.phase7-feedback-form label{display:grid;gap:.35rem;font-weight:600}.phase7-feedback-form input,.phase7-feedback-form textarea,.phase7-feedback-form select{width:100%;min-width:0;background:var(--surface,#151d32);color:inherit;border:1px solid rgba(155,167,199,.38);border-radius:9px;padding:.75rem;font:inherit}.phase7-feedback-form :is(input,textarea,select):focus-visible{outline:3px solid #8b5cf6;outline-offset:2px}
/* Phase 8 local-first Creator Studio, games and private packs */
.phase8-page{max-width:1170px}.phase8-page>.dash-section{margin-bottom:24px}.p8-page-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 30px}.p8-page-nav a{border:1px solid rgba(155,170,212,.25);border-radius:10px;padding:10px 14px;color:inherit;text-decoration:none;background:rgba(88,96,147,.12)}.p8-page-nav a:hover,.p8-page-nav a:focus-visible{border-color:#8b5cf6;background:rgba(139,92,246,.18)}.p8-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.p8-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-weight:600}.p8-field input,.p8-field select,.phase8-page input,.phase8-page select,.phase8-page textarea{max-width:100%;border:1px solid rgba(185,194,228,.3);border-radius:10px;padding:11px 12px;font:inherit;background:#171e35;color:#f8fafc}.phase8-page input:focus-visible,.phase8-page textarea:focus-visible,.phase8-page button:focus-visible,.phase8-page a:focus-visible{outline:3px solid #baa9ff;outline-offset:2px}.phase8-page .action-btn{cursor:pointer}.phase8-page .mini-link-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(155,170,212,.15)}.p8-clue{font-size:1.13rem;font-weight:700;letter-spacing:.03em;margin:16px 0}.p8-preview{padding:16px;border:1px solid rgba(155,170,212,.25);border-radius:16px}.p8-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:500px}.p8-card,.p8-tile,.p8-cell{background:#25365d;color:#fff;border:1px solid #8097c6;border-radius:9px;min-height:54px;font-size:1rem;cursor:pointer;touch-action:manipulation}.p8-card:disabled{background:#324d4b;color:#e7fff4}.p8-maze{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:340px}.p8-maze .p8-cell{min-height:52px}.p8-maze .p8-cell.wall{background:#101626;opacity:.55}.p8-maze .p8-cell.current{background:#5c44ba;font-weight:800}.p8-tiles{display:grid;grid-template-columns:repeat(3,80px);gap:7px}.p8-tiles .p8-tile:disabled{background:transparent;border-style:dashed;cursor:default}.p8-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;gap:12px}.p8-clues{padding:12px 18px;background:rgba(88,96,147,.13);border-radius:12px;margin-bottom:12px}.p8-clues p{margin:6px 0}.p8-error{color:#ffb9ba;font-weight:600}.p8-info{color:#a7ebd2;font-weight:600}.p8-pack-games{padding:10px 0}.phase8-page .control-row{flex-wrap:wrap}.phase8-page .control-row button{max-width:100%}.phase8-page textarea{width:100%;margin:10px 0}.phase8-page #p8-pack-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.phase8-page #p8-pack-detail{padding:18px 0}.phase8-home{margin-bottom:30px}@media (max-width:640px){.p8-field-grid,.p8-answers{grid-template-columns:1fr}.p8-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p8-tiles{grid-template-columns:repeat(3,1fr);max-width:275px}.p8-page-nav a{flex:1 1 42%;text-align:center}.phase8-page .dash-section{padding:16px}.phase8-page .mini-link-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.phase8-page *{scroll-behavior:auto!important;transition:none!important}}

/* Phase 9 preference presentation: actual styles, not placeholder controls. */
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
html.high-contrast{filter:contrast(1.25)}html.high-contrast .action-btn,html.high-contrast .btn{outline:2px solid currentColor;outline-offset:2px}
html[data-text-size="large"]{font-size:110%}html[data-text-size="extra-large"]{font-size:122%}
.p9-settings-form{display:grid;gap:14px;max-width:700px}.p9-settings-form label{font-weight:600}.p9-settings-form select{width:100%;max-width:400px;border:1px solid #737b9b;background:#161e32;color:#fff;border-radius:10px;padding:12px}.p9-settings-form .phase5-check{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.p9-settings-form input[type=checkbox]{width:20px;height:20px;accent-color:#8b5cf6}.p9-game-help{margin:12px auto 22px;max-width:960px;padding:14px 18px;border:1px solid #596487;border-radius:12px;background:#121d31;color:#f8fafc}.p9-game-help summary{cursor:pointer;font-weight:700}.p9-game-help a{color:#a6b7ff}.p9-settings-page{padding-bottom:70px}html.high-contrast :focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
/* Responsive top-level navigation: never overflow a wide translated/brand-aware menu. */
@media(min-width:851px) and (max-width:2300px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}.nav-wrap{gap:12px}}
/* Phase 11 – intentionally lightweight, reuses Premium Hybrid colors and controls */
.phase11-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:18px 0 28px}
.phase11-card,.phase11-item{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid rgba(155,169,211,.18);border-radius:16px;background:rgba(34,40,68,.43);min-width:0;color:inherit}
.phase11-item{gap:7px;text-decoration:none}.phase11-item:hover,.phase11-card:hover{border-color:var(--owner-accent,#8b5cf6)}
.phase11-card h3,.phase11-item b{margin:0}.phase11-card p{flex:1;margin:0 0 6px}.phase11-item small{opacity:.75}
.phase11-list{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow:auto;margin:12px 0}
.phase11-add,.phase11-edit-row{background:rgba(92,89,160,.13);border:1px solid rgba(166,177,216,.2);border-radius:10px;padding:10px;color:inherit;text-align:left}
.phase11-add{cursor:pointer}.phase11-add:hover{border-color:#8b5cf6}.phase11-edit-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.phase11-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.phase11-insights label{display:block;margin-bottom:5px}.phase11-insights progress{width:100%;accent-color:var(--owner-accent,#8b5cf6)}
.phase11-week{display:flex;gap:10px;align-items:stretch;margin:20px 0}.phase11-week>div{display:grid;place-items:center;flex:1;padding:12px 4px;background:rgba(94,86,154,.14);border-radius:10px;min-width:0}.phase11-week span{font-size:.7rem;opacity:.8}
.phase11-result{border:1px solid rgba(165,147,235,.4);border-radius:16px;padding:20px;margin-top:18px}
@media (max-width:650px){.phase11-card,.phase11-item{padding:15px}.phase11-week{gap:4px}.phase11-week span{font-size:.62rem}.phase11-grid{grid-template-columns:1fr}.phase11-edit-row .control-row{gap:3px}}
@media (prefers-reduced-motion:reduce){.phase11-item,.phase11-card{transition:none}}
/* Phase 12 — accessible lightweight campaign, world-map and quest journal UI */
.p12-page{padding-top:18px;padding-bottom:72px}.p12-static-intro{padding-top:25px;padding-bottom:12px}.p12-static-intro ol{columns:2;column-gap:36px}.p12-static-intro li{margin:9px 0;break-inside:avoid}.p12-static-intro a{color:var(--accent,#9d94ff)}
.p12-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--p12-accent,#a992ff) 36%,transparent);border-radius:26px;padding:clamp(24px,4vw,54px);background:radial-gradient(circle at 83% 17%,color-mix(in srgb,var(--p12-accent,#aa92ff) 24%,transparent),transparent 45%),linear-gradient(145deg,#11172d,#202246 72%,#14162d);color:#eff4ff;margin:20px 0 28px}.p12-hero h1{font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.09;margin:12px 0}.p12-hero p{max-width:76ch;color:#dce3f5;line-height:1.67}.p12-hero .control-row{flex-wrap:wrap;gap:10px}.p12-lead{font-weight:650}.p12-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.p12-world-card,.p12-stage,.p12-grand-portal,.p12-journal-panel,.p12-endings,.p12-backup{border:1px solid color-mix(in srgb,var(--p12-accent,#98a5da) 23%,#45506e);background:linear-gradient(145deg,#131b30,#19233c);border-radius:20px;padding:clamp(19px,3vw,30px);min-width:0}.p12-world-card{border-top:3px solid var(--p12-accent,#a3a5ff)}.p12-world-card p,.p12-stage p,.p12-grand-portal p,.p12-journal-panel p{color:#cbd4e8;line-height:1.6}.p12-world-icon{font-size:2.6rem;display:block;margin-bottom:9px}.p12-world-card h2,.p12-stage h3,.p12-grand-portal h2{color:#f8faff;margin:8px 0 12px}.p12-world-card .control-row,.p12-stage .control-row{flex-wrap:wrap;gap:10px}.p12-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.p12-stage{scroll-margin-top:100px;position:relative}.p12-stage:before{content:attr(style);display:none}.p12-stage-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.82rem;color:#b8c7df}.p12-chapter{color:#bdaaff;letter-spacing:.09em;font-weight:750}.p12-stage.p12-done{border-color:#4ebf93}.p12-dialogue{border-left:3px solid #8e91f2;padding:11px 13px;background:#202a48;border-radius:0 10px 10px 0}.p12-relic{font-size:.94rem;color:#f1d6a2;margin:15px 0}.p12-choices{padding:13px;border:1px solid #515e82;border-radius:12px;margin:15px 0}.p12-choices legend{font-weight:650;font-size:.9rem;padding:0 7px}.p12-choices label{display:flex;gap:10px;align-items:center;min-height:38px;padding:5px}.p12-choices input{width:18px;height:18px;accent-color:#be9df5}.p12-choice-consequence{display:block;color:#afc9eb;margin:8px 4px}.p12-endings,.p12-backup{margin:22px 0}.p12-ending{border:1px solid #77bca7;background:#0d302c;border-radius:12px;padding:18px!important;color:#defff2!important}.p12-grand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.p12-grand-portal.p12-done{border-color:#5dc0a2}.p12-map{border:1px solid #66749a;border-radius:24px;position:relative;width:100%;height:clamp(280px,43vw,540px);overflow:hidden;background:radial-gradient(ellipse at 43% 40%,color-mix(in srgb,var(--p12-accent) 19%,#121a34),#0c152d 70%),repeating-linear-gradient(50deg,transparent 0 32px,#303750 33px 34px);box-shadow:inset 0 0 70px #050b1a}.p12-map svg{position:absolute;width:100%;height:100%;inset:0}.p12-map-node{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:7px;text-decoration:none;z-index:2;color:#fff;max-width:18%;text-align:center}.p12-pin{display:grid;place-items:center;width:clamp(42px,5vw,60px);height:clamp(42px,5vw,60px);border-radius:50%;border:3px solid var(--p12-accent);background:#171d37;color:white;font-size:1.3rem;font-weight:850;box-shadow:0 0 0 8px #151f399e,0 5px 25px #0009}.p12-map-node:hover .p12-pin,.p12-map-node:focus-visible .p12-pin{background:var(--p12-accent);color:#101425}.p12-visited .p12-pin{background:#154f40;border-color:#5decbd}.p12-pin-label{font-size:clamp(.65rem,1.3vw,.92rem);font-weight:750;text-shadow:0 2px 5px #050915,0 2px 10px #030916;overflow-wrap:anywhere}.p12-location-list{margin:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.p12-location-list a{border:1px solid #465575;border-radius:13px;background:#1a2440;padding:17px;color:white;display:grid;gap:8px;text-decoration:none;min-height:84px}.p12-location-list a span{color:#baccdf;font-size:.89rem}.p12-location-list a:hover,.p12-location-list a:focus-visible{border-color:#b69df9}.p12-journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p12-journal-row{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #364561;color:#dfebff;text-decoration:none}.p12-journal-row b{white-space:nowrap}.p12-artifact{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px;border-bottom:1px solid #303c56}.p12-artifact small{opacity:.6}.p12-journal-panel label{display:block;margin:10px 0 5px}.p12-journal-panel select,.p12-journal-panel textarea{width:100%;background:#11192d;color:white;padding:12px;border:1px solid #5b6788;border-radius:10px}.p12-game-brief{border:1px solid #6756af;border-radius:17px;padding:18px 24px;margin:18px 0;background:linear-gradient(100deg,#23214b,#101a32);color:#ebeeff}.p12-game-brief h2{color:white;margin:9px 0}.p12-game-brief .control-row{flex-wrap:wrap}.p12-result-navigation{margin-top:16px;border-top:1px solid #5a6989;padding:20px 0}.p12-result-navigation .control-row{flex-wrap:wrap}.p12-backup .control-row{flex-wrap:wrap}.p12-page .btn:focus-visible,.p12-page a:focus-visible,.p12-page button:focus-visible{outline:3px solid #f5d779;outline-offset:4px}
@media(max-width:750px){.p12-directory,.p12-chapters,.p12-grand-grid,.p12-journal-grid,.p12-location-list{grid-template-columns:1fr}.p12-static-intro ol{columns:1}.p12-map{height:350px}.p12-pin-label{font-size:.7rem}.p12-map-node{max-width:27%}.p12-hero{padding:26px 18px}.p12-stage{padding:20px}.p12-page .btn{min-height:44px}}
@media(max-width:370px){.p12-map{height:300px}.p12-pin{width:40px;height:40px}.p12-pin-label{font-size:.63rem}}@media(prefers-reduced-motion:reduce){.p12-map-node,.p12-pin{transition:none!important;animation:none!important}}
.p12-dialogue-tree{border:1px solid #4b5b85;border-radius:13px;background:#1c2743;padding:14px;margin:15px 0}.p12-dialogue-tree summary{cursor:pointer;font-weight:750;color:#e8eafd;min-height:34px}.p12-dialogue-log{padding:10px 12px;border-left:3px solid #c0a1ec;margin:12px 0;background:#101c33;border-radius:0 9px 9px 0}.p12-dialogue-log p{margin:4px 0 8px}.p12-dialogue-log small{color:#adbcd3}.p12-dialogue-tree .control-row{gap:7px;flex-wrap:wrap}.p12-dialogue-tree button{min-height:44px}.p12-dialogue-tree button:disabled{opacity:.4;cursor:not-allowed}
.p12-map-canvas{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;transition:transform .2s ease}.p12-map-zoom{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:14px 0}.p12-map-zoom button{min-height:44px}.p12-map + #p12-secret{margin-top:16px}.p12-map-zoom .action-btn{min-height:44px}
.p12-offline-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 8px}.p12-offline-actions button{min-height:44px}.p12-hero [data-offline-status]{font-size:.89rem;color:#cbd4e8;margin:10px 0 0}
/* Phase 15 owner-approved brand presentation. Original owner artwork preserved. */
.brand{display:inline-flex;align-items:center;gap:0!important;min-width:0}.brand .pw-wordmark{display:block;width:clamp(130px,14vw,210px);height:auto;max-height:68px;object-fit:contain}.brand .pw-brand-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.topbar .nav-wrap{min-width:0}.cms-directory-card{background:#111c34;border:1px solid #334b71;padding:20px;border-radius:14px}.cms-directory-card a{color:#35dcf5}#cms-extra-worlds:empty{display:none}#cms-home-live:empty{display:none}@media(max-width:600px){.brand .pw-wordmark{width:140px;max-height:52px}}
