:root{color-scheme:light;--paper:#f7f5ee;--surface:#fffefa;--ink:#183247;--body:#263746;--muted:#455867;--teal:#075f5a;--line:#d7ddd7;--amber:#7b3e00;--soft:#e9f0ec;--shadow:0 14px 38px rgba(24,50,71,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);line-height:1.65;font-size:16px}a{color:var(--teal);text-decoration-thickness:.08em;text-underline-offset:.17em}a:hover{color:#064b47}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;color:var(--ink);padding:.7rem 1rem;z-index:20}.skip-link:focus{top:.75rem}.preview-ribbon{background:#183247;color:#fff;text-align:center;padding:.45rem 1rem;font-size:.83rem;letter-spacing:.02em}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{position:relative;max-width:1160px;margin:auto;padding:.95rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);font-weight:750;letter-spacing:-.02em}.brand-mark{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.85rem;letter-spacing:.08em}.brand-name{display:block;font-size:1.13rem;line-height:1.2}.brand-note{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:.18rem}.desktop-nav{display:flex;gap:.25rem;align-items:center}.desktop-nav a,.mobile-menu a{padding:.55rem .7rem;color:var(--ink);text-decoration:none;border-radius:.55rem;font-size:.94rem}.desktop-nav a:hover,.mobile-menu a:hover{background:var(--soft)}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:.55rem;padding:.5rem .8rem;color:var(--ink);font-weight:650}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;right:1rem;top:5.4rem;z-index:10;display:grid;min-width:15rem;padding:.55rem;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;box-shadow:var(--shadow)}.wrap{max-width:1160px;margin:auto;padding:0 1.25rem}.breadcrumbs{padding:1.35rem 0 .65rem;font-size:.86rem;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.breadcrumbs li+li:before{content:"/";color:#7a898f;margin-right:.5rem}.breadcrumbs a{color:var(--muted)}main{min-height:62vh}.page-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:3rem;padding:1.1rem 0 4rem;align-items:start}.page-article{min-width:0}.page-heading{margin-bottom:2.2rem}.page-heading h1{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-weight:500;font-size:clamp(2.35rem,5vw,4.5rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 1rem;max-width:18ch}.lead{font-size:1.18rem;line-height:1.55;color:#31485a;max-width:66ch;margin:0}.page-body h2{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-weight:500;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin:2.5rem 0 .85rem}.page-body h3{color:var(--ink);font-size:1.12rem;line-height:1.35;margin:1.5rem 0 .45rem}.page-body p{max-width:72ch;margin:.65rem 0 1rem}.page-body ul{padding-left:1.35rem;margin:.65rem 0 1.2rem}.page-body li{padding:.18rem 0}.page-body blockquote{border-left:3px solid var(--teal);margin:1.2rem 0;padding:.4rem 1rem;background:#eef3ef}.table-scroll{overflow-x:auto;max-width:100%;margin:1.2rem 0 1.7rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:560px;font-size:.94rem;line-height:1.5}caption{text-align:left;font-weight:700;color:var(--ink);padding:1rem 1rem .65rem;font-size:1rem}th,td{text-align:left;vertical-align:top;padding:.78rem .9rem;border-bottom:1px solid var(--line)}th{background:#e9f0ec;color:var(--ink);font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fbfaf5}.home-feature{margin:1.8rem 0 2.3rem}.stage-map{margin:0;padding:1.2rem 1.3rem 1rem;background:var(--ink);color:#fff;border-radius:1.1rem;box-shadow:var(--shadow)}.stage-map ol{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;list-style:none;margin:0;padding:0}.stage-map li{min-width:0;padding:.65rem .6rem;border-left:1px solid rgba(255,255,255,.32)}.stage-number{display:block;color:#9fdbcb;font-size:.76rem;font-weight:700;letter-spacing:.08em}.stage-map strong,.stage-map li span:last-child{display:block}.stage-map strong{font-size:1.05rem;margin:.18rem 0}.stage-map li span:last-child{font-size:.83rem;color:#e0e9e7}.stage-map figcaption{font-size:.82rem;color:#d2dfdc;margin:.8rem .55rem 0}.home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.shortcut{position:relative;display:block;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;padding:.95rem 2.6rem .95rem 1rem;color:var(--ink);text-decoration:none;box-shadow:0 4px 15px rgba(24,50,71,.035)}.shortcut:hover{border-color:var(--teal);transform:translateY(-1px)}.shortcut span,.shortcut small{display:block}.shortcut span{font-weight:720}.shortcut small{color:var(--muted);line-height:1.45;margin-top:.25rem}.shortcut b{position:absolute;right:1rem;top:1rem;color:var(--teal)}.route-grid{margin:1.2rem 0 2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;margin:1rem 0 2rem}.topic-card{display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;box-shadow:0 5px 18px rgba(24,50,71,.035)}.topic-card .eyebrow{margin:0;color:var(--teal);font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.topic-card h3{margin:.35rem 0 .3rem}.topic-card h3 a{color:var(--ink);text-decoration:none}.topic-card p:not(.eyebrow){margin:.35rem 0 1rem;color:var(--muted);font-size:.94rem}.text-link{margin-top:auto;font-weight:700;text-decoration:none}.sidebar{position:sticky;top:1rem;border-top:3px solid var(--teal);padding:1rem 1.1rem;background:#edf1eb;border-radius:0 0 .85rem .85rem}.sidebar h2{font-size:.95rem;color:var(--ink);margin:0 0 .65rem}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{border-top:1px solid #d2dbd4}.sidebar a{display:block;padding:.55rem 0;color:var(--ink);text-decoration:none;font-size:.9rem}.sidebar a:hover{text-decoration:underline}.site-footer{background:#e9ede7;border-top:1px solid var(--line);padding:2.5rem 0 1.6rem}.footer-inner{max-width:1160px;margin:auto;padding:0 1.25rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem}.footer-brand{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:1.5rem}.footer-note{max-width:36ch;color:#40515e;font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem .8rem;align-content:start}.footer-links a{padding:.2rem 0;color:var(--ink);font-size:.9rem}.footer-bottom{max-width:1160px;margin:1.4rem auto 0;padding:1rem 1.25rem 0;border-top:1px solid #cbd4cc;color:#435661;font-size:.84rem}.not-found{text-align:center;padding:6rem 0}.not-found h1{font-family:Georgia,serif;color:var(--ink);font-size:3rem}.not-found p{max-width:50ch;margin:1rem auto 2rem}.primary-button{display:inline-block;background:var(--teal);color:#fff!important;font-weight:700;padding:.72rem 1.1rem;border-radius:.6rem;text-decoration:none}.primary-button:focus-visible,.desktop-nav a:focus-visible,.mobile-menu summary:focus-visible,a:focus-visible{outline:3px solid #a34e00;outline-offset:3px}.content-notice{border-left:4px solid #a45b00;padding:.75rem 1rem;background:#fff3dd;color:#4f330f;border-radius:0 .6rem .6rem 0;margin:1.4rem 0}.content-notice strong{display:block;color:#3a2a12}.release-stamp{font-size:.75rem;color:var(--muted);margin-top:1rem}@media(max-width:850px){.header-inner{gap:1rem}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-links{top:calc(100% + .45rem);right:0}.page-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.sidebar{position:static;grid-row:2;display:none}.page-heading h1{max-width:22ch}}@media(max-width:680px){body{font-size:15.5px}.header-inner{padding:.75rem 1rem}.mobile-links{top:calc(100% + .4rem);right:0}.wrap{padding:0 1rem}.breadcrumbs{padding-top:1rem}.page-layout{padding-top:.7rem;padding-bottom:3rem}.page-heading{margin-bottom:1.7rem}.page-heading h1{font-size:clamp(2.25rem,11vw,3.2rem)}.lead{font-size:1.08rem}.stage-map{padding:1rem .7rem}.stage-map ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.stage-map li{padding:.55rem .6rem}.home-shortcuts{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.topic-card{min-height:0}.table-scroll{margin-left:-.15rem;margin-right:-.15rem}th,td{padding:.72rem .72rem}.footer-inner{grid-template-columns:1fr;gap:1rem}.footer-links{gap:.3rem .9rem}.footer-bottom{padding-left:1rem;padding-right:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Slot guide cluster */
.slot-hub-answer,.demo-block{background:#eef3ef;border:1px solid #d7ddd7;border-left:4px solid #075f5a;border-radius:.8rem;padding:1rem 1.15rem;margin:1.4rem 0 2rem}.slot-hub-answer p,.demo-block p{margin:.35rem 0}.slot-art,.slot-hub-art{margin:1.4rem 0 2rem;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#183247}.slot-art img,.slot-hub-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.slot-art figcaption,.slot-hub-art figcaption{padding:.65rem .9rem;color:#e6ece9;background:#183247;font-size:.83rem}.slot-art-hero{margin-top:.4rem}.facts-panel{margin:1.4rem 0 2rem;padding:1.1rem 1.1rem .7rem;background:#fffefa;border:1px solid var(--line);border-radius:.9rem}.facts-panel .eyebrow,.game-card .eyebrow,.demo-block .eyebrow{margin:0;color:var(--teal);font-size:.74rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.facts-table{min-width:480px}.facts-note{color:var(--muted);font-size:.88rem;margin:.8rem 0}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.2rem 0 2rem}.game-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:.95rem;box-shadow:0 5px 18px rgba(24,50,71,.045)}.game-card-art{display:block;background:#183247}.game-card-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.game-card-copy{padding:1rem}.game-card-copy h3{margin:.25rem 0}.game-card-copy h3 a{color:var(--ink);text-decoration:none}.game-card-copy p{margin:.35rem 0 .8rem;font-size:.93rem}.game-card-facts{color:var(--muted);font-size:.82rem!important}.slot-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1.3rem}.slot-filters a,.slot-index a{display:inline-block;padding:.36rem .65rem;border:1px solid var(--line);border-radius:999px;background:#fffefa;text-decoration:none;font-size:.89rem}.slot-filters a:hover,.slot-index a:hover{border-color:var(--teal);background:var(--soft)}.slot-filters .facet-label{width:100%;font-size:.8rem;font-weight:700;color:var(--muted);margin-top:.45rem}.slot-index{margin:1.6rem 0 2rem;padding:1rem;background:#f0f2ed;border-radius:.85rem}.slot-index h2{margin:.2rem 0 1rem}.slot-index-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.slot-index-columns h3{margin:.3rem 0}.slot-index-columns ul,.slot-index-group ul{padding-left:1.1rem}.slot-index-group{scroll-margin-top:1rem;padding:.65rem 0;border-top:1px solid var(--line)}.slot-index-group h3{margin:.4rem 0}.slot-index-group li{padding:.15rem 0}.slot-index-group li span{color:var(--muted);font-size:.87rem}.slot-faq{margin:2.3rem 0}.slot-faq details{border-top:1px solid var(--line);padding:.7rem 0}.slot-faq details:last-child{border-bottom:1px solid var(--line)}.slot-faq summary{cursor:pointer;color:var(--ink);font-weight:700}.slot-faq details p{margin:.6rem 0 .2rem}.related-slot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.related-slot-links a{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .85rem;border:1px solid var(--line);border-radius:.7rem;text-decoration:none;background:#fffefa}.related-slot-links strong{color:var(--ink)}.related-slot-links span{color:var(--muted);font-size:.87rem}.source-list{border-top:1px solid var(--line);margin-top:2rem;padding-top:.7rem}.filter-target{display:block;position:relative;top:-1rem;height:0;scroll-margin-top:1rem}@media(max-width:920px){.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.slot-grid{grid-template-columns:1fr}.slot-index-columns,.related-slot-links{grid-template-columns:1fr}.slot-filters{gap:.4rem}.game-card-copy{padding:.85rem}.slot-art,.slot-hub-art{margin-left:-.1rem;margin-right:-.1rem}}
