*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#191919;background:#fff;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #997a00;outline-offset:5px}::selection{background:#fcc900;color:#111}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(42px,5.7vw,82px);font-weight:650}h2{font-size:clamp(30px,3.3vw,46px);font-weight:650}h3{font-size:25px;font-weight:650}small{font-size:14px}.skip{position:absolute;top:-80px;z-index:10;background:#fcc900;padding:10px}.skip:focus{top:0}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(4.3vw,24px);border-bottom:1px solid #e7e7e7;background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-weight:650;font-size:20px;white-space:nowrap;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:.16em;margin-top:7px}.brand-nine{font-size:56px;line-height:1;color:#e3b600}.site-header nav{display:flex;gap:32px;font-size:15px}.site-header nav a{padding:7px 0;border-bottom:2px solid transparent}.site-header nav a.active,.site-header nav a:hover{border-color:#fcc900}.header-contact{font-size:14px}.header-contact span{margin-left:16px}.menu-toggle{display:none}.wrap{width:min(1280px,91.4%);margin:auto}.eyebrow{font:14px var(--font-reading);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:22px}.eyebrow .line{display:inline-block;width:24px;height:3px;background:currentColor;vertical-align:middle;margin-right:10px}.hero{background:#fcc900;overflow:hidden;position:relative}.hero-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:580px;align-items:center;gap:20px;padding-top:35px;padding-bottom:35px}.hero h1{max-width:660px}.hero-copy>p{max-width:380px;margin-top:26px;font-size:18px;line-height:1.8}.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;height:480px;object-fit:contain;filter:drop-shadow(0 22px 20px #44310018);transform:rotate(-5deg);transition:transform .5s}.hero-art:hover img{transform:rotate(-2deg) translateY(-5px)}.art-index{position:absolute;right:5px;bottom:22px;font:14px var(--font-reading)}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px;flex-wrap:wrap}.button{border:1px solid #1c1c1c;background:#1c1c1c;color:#fff;padding:13px 23px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:4px;font-size:15px;font-weight:550;transition:background .18s,transform .18s}.button:hover{background:#393939;transform:translateY(-1px)}.button.light{background:#fff;color:#171717;border-color:#fff}.button.yellow{background:#fcc900;color:#171717;border-color:#fcc900}.button.outline{background:transparent;color:inherit;border-color:#b9b9b9}.text-link{font-size:15px;border-bottom:1px solid currentColor;padding-bottom:3px;display:inline-flex;gap:18px;align-items:center}.ticker{border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font-size:14px;color:#585858}.ticker strong{color:#161616;font-weight:600}.ticker span{display:flex;gap:12px;align-items:center}.pixel-star{color:#c49d00;font-size:25px}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.section-head p{margin-top:15px;color:#686868;max-width:620px}.filter-panel{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.segmented{display:flex;background:#f1f1f1;padding:4px;border-radius:5px;gap:4px}.segmented button{border:0;background:transparent;border-radius:3px;padding:9px 18px;color:#555;font-size:14px;min-height:42px}.segmented button.selected{background:#191919;color:#fff}.filter-panel select{border:1px solid #ddd;background:#fff;color:#333;padding:12px 38px 12px 14px;border-radius:4px;max-width:100%;font-size:14px}.filter-panel .random{margin-left:auto;background:transparent;border:1px solid #ccc;padding:11px 17px;font-size:14px;border-radius:4px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.game-card{min-width:0;display:block}.game-image{height:340px;position:relative;overflow:hidden;background:#f3f3f3;border-radius:7px;display:flex;align-items:center;justify-content:center}.game-image img{width:100%;height:100%;object-fit:contain;padding:24px;transition:transform .45s}.game-card:hover .game-image img{transform:scale(1.05)}.game-image.penguin{background:#e7f2f3}.game-image.stars{background:#eeeaf6}.game-image.dings{background:#ece8e0}.tag{position:absolute;top:19px;left:19px;z-index:1;background:#fff;padding:3px 9px;font:13px var(--font-reading);border:1px solid #e8e8e8}.game-card h3{margin:21px 0 9px;font-size:24px}.card-line{display:flex;justify-content:space-between;gap:16px;align-items:center}.card-arrow{font-size:22px;transition:transform .2s}.game-card:hover .card-arrow{transform:translateX(5px)}.game-card p{color:#6d6d6d;font-size:15px}.game-meta{display:flex;gap:12px;margin-top:15px;font-size:13px;color:#676767}.game-meta span+span{border-left:1px solid #ccc;padding-left:12px}.result-count{font-size:13px;color:#777;margin-top:25px}.empty{grid-column:1/-1;padding:60px;background:#f5f5f5;text-align:center}.empty p{margin:10px 0 20px}.lines-section{background:#191919;color:#fff}.lines-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.product-line{border-top:1px solid #585858;padding-top:25px;position:relative}.line-name{font-size:70px;letter-spacing:-.07em;font-weight:500;line-height:1;margin-bottom:25px}.line-name span{font-size:20px;letter-spacing:0;margin-right:10px;color:#fcc900}.product-line h3{font-size:25px;margin-bottom:16px}.product-line p{color:#aaa;font-size:16px;max-width:420px;min-height:78px;line-height:1.85}.product-line a{margin-top:25px;color:#fcc900}.create-teaser{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.create-teaser p{color:#626262;line-height:1.9;margin:25px 0}.nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:420px;margin:auto;transform:rotate(-5deg)}.nine-grid span{display:flex;align-items:center;justify-content:center;background:#fcc900;border-radius:4px;aspect-ratio:.72;font:38px var(--font-reading);box-shadow:2px 5px 0 #161616}.nine-grid span:nth-child(2n){background:#191919;color:#fcc900}.cooperation-strip{background:#f3f3f3;padding:46px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:70px;border-radius:7px}.cooperation-strip h3{font-size:28px}.cooperation-strip p{margin-top:10px;color:#666}footer{background:#151515;color:#fff;padding:60px max(4.3vw,24px) 100px}.footer-brand{display:flex;gap:20px;align-items:center;font-size:26px;font-weight:550}.footer-brand small{display:block;font:13px var(--font-reading);color:#999;margin-top:13px;letter-spacing:.12em}footer>div:nth-child(2){display:flex;gap:30px;flex-wrap:wrap;margin:35px 0;font-size:14px;color:#ccc}footer p{border-top:1px solid #444;padding-top:22px;font-size:12px;color:#888}.preview-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;padding:9px 12px 9px 16px;border:1px solid #4d4d4d;background:#222;color:white;z-index:7;box-shadow:0 4px 22px #0003;border-radius:7px;white-space:nowrap;font-size:12px}.preview-bar>span{display:flex;align-items:center;gap:9px}.preview-bar i{width:6px;height:6px;background:#fcc900}.preview-bar b{color:#aaa;font:12px var(--font-reading)}.preview-bar button{border:0;color:#ddd;background:#383838;font-size:12px;padding:7px 11px;border-radius:3px}.preview-bar button span{color:#fcc900;margin-left:14px}.page-top{padding:58px 0 34px}.breadcrumb{font-size:14px;color:#777;display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.breadcrumb a:hover{color:#111}.page-intro{max-width:760px;margin-top:22px;color:#666;font-size:18px;line-height:1.85}.detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-bottom:65px}.detail-art{background:#f2f2f2;border-radius:8px;min-width:0}.detail-art img{width:100%;height:490px;object-fit:contain;padding:24px}.detail-copy h1{font-size:clamp(37px,4vw,60px)}.detail-copy .eyebrow{margin-bottom:18px}.detail-copy>p{margin:24px 0;color:#616161;font-size:17px}.detail-facts{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0 28px}.detail-facts span{font-size:14px;padding-right:22px;border-right:1px solid #ddd}.detail-facts b{display:block;font-size:19px;font-weight:550;color:#222}.detail-facts small{font-size:12px;color:#777}.detail-note{font-size:13px!important;color:#777!important;margin:14px 0!important}.detail-nav{border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:flex;gap:35px;padding:18px 0;font-size:14px}.detail-content{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;padding:70px 0;border-bottom:1px solid #ddd}.detail-content p{line-height:1.9;color:#5f5f5f}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.feature-list h3{font-size:20px;margin-bottom:10px}.feature-list .num{font:23px var(--font-reading);color:#a08313;margin-bottom:13px}.rule-preview{max-height:650px;overflow:hidden;border:1px solid #eee;border-radius:4px;margin-top:30px;position:relative}.rule-preview img{width:100%;height:auto}.rule-preview:after{content:'';height:70px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#fff)}.resource-row{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #ddd;gap:25px}.resource-row b{display:block;font-weight:550}.resource-row small{color:#777}.resource-row span{font-size:22px}.detail-support{background:#f6f6f6;border-radius:6px;padding:28px;margin-top:25px}.detail-support h3{font-size:20px;margin-bottom:10px}.detail-support p{font-size:14px}.editorial-hero{padding:72px 0 65px;background:#fcc900}.editorial-hero h1{max-width:900px}.editorial-hero p{margin-top:26px;max-width:620px;font-size:18px}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.body-copy{font-size:18px;line-height:1.95;color:#666}.body-copy p+p{margin-top:22px}.course-list{border-top:1px solid #ddd;margin-top:30px}.course{padding:25px 0;border-bottom:1px solid #ddd;display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center}.course .num{font:26px var(--font-reading);color:#a18513}.course h3{font-size:21px;margin-bottom:8px}.course p{font-size:14px;color:#777}.course button{background:transparent;border:0;font-size:22px;min-width:44px;min-height:44px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.step{border-top:3px solid #fcc900;padding:28px 0}.step .num{font:36px var(--font-reading);margin-bottom:24px}.step h3{font-size:23px;margin-bottom:16px}.step p{color:#666;line-height:1.9}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.business-card{padding:36px;background:#f4f4f4;border-radius:5px;display:flex;flex-direction:column;align-items:start}.business-card .eyebrow{color:#666}.business-card p{margin:20px 0 30px;color:#666;line-height:1.9}.business-card a{margin-top:auto}.business-card.school{background:#fcc900}.business-card.school p{color:#4d421b}.contact-box{background:#191919;color:#fff;padding:55px;border-radius:6px;margin-top:65px}.contact-box p{margin:20px 0;color:#bbb}.contact-email{font-size:clamp(20px,3vw,35px);border-bottom:1px solid #fcc900;overflow-wrap:anywhere}.support-search{display:flex;align-items:center;border-bottom:2px solid #222;margin:35px 0;gap:15px;max-width:670px}.support-search input{border:0;background:transparent;min-width:0;width:100%;padding:17px 0;font-size:20px;outline-offset:0}.support-search span{font-size:26px}.support-list{margin-top:30px;border-top:1px solid #ddd}.support-item{display:grid;grid-template-columns:75px 1fr auto;gap:25px;align-items:center;padding:23px 0;border-bottom:1px solid #ddd}.support-item img{height:75px;width:75px;object-fit:contain;background:#f4f4f4;border-radius:3px}.support-item h3{font-size:22px;margin-bottom:6px}.support-item p{font-size:14px;color:#777}.support-item .button{min-height:44px;padding:9px 18px}.about-mission{display:flex;gap:25px;align-items:center;padding:35px 0;border-top:1px solid #ddd}.about-mission b{font:30px var(--font-reading);color:#ac8900}.about-mission h3{font-size:24px}.about-mission p{color:#777;margin-top:10px}dialog{border:0;border-radius:9px;padding:45px;width:min(610px,calc(100% - 32px));max-height:85vh;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;line-height:1;padding:8px;color:#666}.dialog-close:focus-visible{outline-offset:0}dialog h2{font-size:30px;margin-bottom:20px}dialog p{color:#666;line-height:1.9;margin:15px 0}dialog ul{padding-left:20px;color:#666;line-height:1.9}dialog .button{margin-top:20px}.dialog-image{margin-top:20px;max-height:55vh;overflow:auto}.dialog-image img{width:100%}.inline-notice{padding:14px 18px;background:#f5f5f5;border-left:3px solid #fcc900;font-size:14px;color:#666;margin-top:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.air-box-display{display:flex;justify-content:center;align-items:center;background:#f1f1f1;border-radius:7px;min-height:380px}.air-box-display img{max-height:390px;width:100%;object-fit:contain;padding:30px;transform:rotate(6deg)}.taxonomy{display:flex;gap:14px;margin-top:30px}.taxonomy span{background:#f1f1f1;border-radius:4px;padding:15px 23px;min-width:85px}.taxonomy small{display:block;color:#777;font-size:12px;margin-bottom:6px}.taxonomy b{font-weight:550;font-size:16px}.designer-row{display:flex;align-items:center;gap:30px}.designer-source{width:130px;height:auto;border-radius:4px}.designer-row p{margin:10px 0 22px}.creative-filter{margin:0 0 30px;border:1px solid #ddd;border-radius:5px}.creative-filter summary{padding:14px 18px;cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between}.creative-filter summary::-webkit-details-marker{display:none}.creative-filter summary span{font-size:18px;line-height:1}.creative-filter[open] summary{border-bottom:1px solid #ddd}.creative-filter[open] summary span{transform:rotate(45deg)}.creative-filter>p{font-size:13px;color:#777;margin:0 20px 20px}.slot-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#191919;color:white}.slot-grid label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;font-size:14px}.slot-number{color:#fcc900}.slot-grid select{grid-column:1/-1;padding:14px 10px;background:#333;color:#fff;border:1px solid #666;border-radius:3px;font-size:17px;max-width:100%;min-width:0}.creative-filter>p{padding-top:15px}.creative-filter[open]{background:#191919}.creative-filter[open] summary{color:white;border-color:#444}.creative-filter[open]>p{color:#aaa}
@media(max-width:720px){.air-box-display{min-height:300px}.air-box-display img{height:310px;padding:25px}.taxonomy{gap:8px}.taxonomy span{padding:12px 17px;min-width:0;flex:1}.slot-grid{gap:9px;padding:15px}.slot-grid label{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:12px}.slot-grid select{width:100%;font-size:14px;padding:12px 5px}.slot-number{font-size:19px}.designer-row{gap:20px}.designer-source{width:95px}.designer-row h3{font-size:22px}}
@media(min-width:1600px){.hero-layout{min-height:640px}.hero-art img{height:530px}}
@media(max-width:1050px){.site-header{gap:20px}.site-header nav{gap:18px}.header-contact{display:none}.hero-layout{min-height:500px}.hero-art img{height:380px}.game-image{height:280px}.detail-hero{gap:35px}.detail-art img{height:400px}.lines-grid,.create-teaser{gap:45px}}
@media(max-width:720px){.site-header{height:78px;padding:0 20px}.brand{font-size:17px;gap:9px}.brand small{font-size:8px}.brand-nine{font-size:44px}.menu-toggle{display:flex;gap:15px;align-items:center;border:0;background:none;font-size:14px;padding:12px 0}.menu-toggle span{font-size:22px}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:white;padding:20px;gap:14px;box-shadow:0 15px 20px #0001}.site-header nav.open{display:flex}.site-header nav a{padding:9px 0}.wrap{width:calc(100% - 40px)}.hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 20px;gap:5px}.hero-copy>p{font-size:16px;max-width:310px;margin-top:20px}.hero h1{font-size:46px}.eyebrow{font-size:12px;margin-bottom:20px}.hero-actions{margin-top:25px;gap:22px}.hero-art img{height:320px;max-width:500px;margin:auto}.art-index{right:10px;bottom:8px;font-size:12px}.ticker{padding:18px 0;gap:15px;align-items:start}.ticker span{font-size:12px;gap:6px}.ticker span:last-child{display:none}.section{padding:55px 0}.section-head{align-items:start;gap:20px}.section-head>.text-link{white-space:nowrap;font-size:13px;margin-top:8px}.section-head p{font-size:15px}.filter-panel{gap:10px;margin:24px 0}.segmented{width:100%}.segmented button{flex:1;padding:9px 13px}.filter-panel select{flex:1;min-width:0;padding:11px 25px 11px 9px}.filter-panel .random{width:100%;margin:0}.games-grid{grid-template-columns:1fr;gap:34px}.game-image{height:340px}.game-image img{padding:24px}.game-card h3{font-size:23px;margin-top:17px}.game-meta{margin-top:10px}.lines-grid,.create-teaser,.split-layout{grid-template-columns:1fr;gap:42px}.line-name{font-size:62px}.product-line p{min-height:0}.nine-grid{max-width:300px;gap:9px;margin:5px auto 20px}.nine-grid span{font-size:30px}.cooperation-strip{padding:26px;flex-direction:column;align-items:start;margin-top:45px}.cooperation-strip h3{font-size:24px}.footer-brand{font-size:21px}footer>div:nth-child(2){gap:18px;font-size:13px}.preview-bar{gap:16px;bottom:10px;padding-left:12px;font-size:11px;max-width:calc(100% - 20px)}.preview-bar button{font-size:11px}.preview-bar b{display:none}.page-top{padding:28px 0}.breadcrumb{font-size:12px;margin-bottom:26px}.page-intro{font-size:16px}.detail-hero{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.detail-art img{height:340px}.detail-copy h1{font-size:39px}.detail-copy>p{font-size:16px;margin:18px 0}.detail-nav{gap:23px;font-size:13px;overflow-x:auto;white-space:nowrap}.detail-content{grid-template-columns:1fr;gap:25px;padding:42px 0}.feature-list{gap:22px}.feature-list h3{font-size:18px}.feature-list p{font-size:14px}.editorial-hero{padding:45px 0}.editorial-hero h1{font-size:43px}.editorial-hero p{font-size:16px}.body-copy{font-size:16px}.course{grid-template-columns:30px 1fr 32px;gap:14px}.course h3{font-size:18px}.steps,.business-grid{grid-template-columns:1fr}.steps{gap:12px}.business-card{padding:28px}.contact-box{padding:28px;margin-top:40px}.support-item{grid-template-columns:55px 1fr;gap:16px}.support-item img{height:55px;width:55px}.support-item h3{font-size:19px}.support-item .button{grid-column:2;justify-self:start}.support-search input{font-size:17px}.about-mission{align-items:start}.about-mission h3{font-size:20px}dialog{padding:35px 25px}dialog h2{font-size:26px}.button{padding:12px 19px;font-size:14px}.empty{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.preview-bar button strong{font-weight:600;color:#171717;background:#fcc900;border-radius:12px;min-width:21px;height:21px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;margin-left:5px}.preview-bar button[data-action=annotation]{color:white;background:#4a4030}.annotation-history{margin-top:30px;padding-top:24px;border-top:1px solid #ddd}.annotation-history h3{font-size:18px}.annotation-history ol{padding-left:24px}.annotation-history li{padding:10px 0;border-bottom:1px solid #eee}.annotation-history li b{color:#171717}.annotation-history li p{margin:5px 0 8px}.annotation-history li button{border:0;background:none;color:#755b00;text-decoration:underline;padding:4px 0}.annotation-history .button{margin-top:22px}#annotation-form label{display:block;font-size:14px;font-weight:600;margin:16px 0}#annotation-form select,#annotation-form textarea,.annotation-output{display:block;width:100%;border:1px solid #aaa;background:white;color:#171717;border-radius:4px;padding:11px;font:16px/1.6 var(--font-reading);margin-top:7px}#annotation-form textarea,.annotation-output{resize:vertical}#annotation-form .button{margin-top:8px}.annotation-output{min-height:210px}
@media(max-width:540px){.preview-bar{gap:6px;padding:7px}.preview-bar>span{font-size:10px;margin-right:5px}.preview-bar button{padding:8px 7px}.preview-bar button span{display:none}.preview-bar button strong{min-width:18px;height:18px;padding:0 4px}}
/* V02: compact brand, selectable product lines and a continuous collection. */
.catalog-masthead{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 25px}.catalog-masthead h1{font-size:clamp(25px,3vw,40px);letter-spacing:-.03em}.catalog-masthead .eyebrow{font-size:12px;margin-bottom:10px;color:#777}.line-switch{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px}.line-switch button{text-align:left;position:relative;padding:20px 26px;background:#f8eebc;color:#171717;border:2px solid transparent;border-radius:0}.line-switch button+button{background:#202020;color:#fff}.line-switch button.selected{border-color:#d0a300;box-shadow:inset 0 0 0 2px #fcc900}.line-label{font-size:15px;display:block;margin-bottom:12px}.line-switch strong{display:block;font-size:22px;line-height:1.5;font-weight:550}.line-switch small{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px}.line-switch small b{font-weight:500}.catalog-controls .filter-panel{margin:0;padding:14px 0;gap:9px}.catalog-controls{background:white}.catalog-controls .creative-filter{margin:0 0 15px;border:0;border-top:1px solid #eee;border-radius:0}.catalog-controls .creative-filter summary{padding:12px 0;font-size:12px;color:#666}.catalog-controls .creative-filter[open] summary{padding:12px;color:white}.catalog-surface .games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.game-card{background:var(--tile,#e7e6dd);position:relative;overflow:hidden}.game-image{height:auto!important;aspect-ratio:1.04;border-radius:0;background:transparent!important}.game-image img{padding:35px 30px 18px;filter:drop-shadow(0 13px 9px #0003);max-width:100%;object-fit:contain}.game-card:hover .game-image img{transform:translateY(-5px) scale(1.025)}.tag{top:14px;left:16px;font:12px var(--font-reading);background:#ffffffd9;border:0;padding:4px 8px}.tile-caption{padding:8px 23px 23px;position:relative;color:#141414}.tile-caption h3{font-size:20px;margin:0 25px 5px 0;line-height:1.4}.tile-caption>span{font-size:12px;color:#292929}.tile-caption>b{position:absolute;right:22px;top:8px;font-size:21px}.result-count{font-size:12px;line-height:1.8;padding:18px 0;margin-top:0}.catalog-bottom{display:grid;grid-template-columns:1fr 1fr;padding:45px 0 55px;gap:35px}.catalog-bottom>a{border-top:2px solid #222;padding-top:20px}.catalog-bottom h2{font-size:27px}.catalog-bottom p{color:#666;font-size:15px;margin:10px 0 22px}.catalog-bottom span{font-size:14px;border-bottom:1px solid}.component-preview{margin-top:25px;max-height:310px;overflow:hidden;border:1px solid #eee}.component-preview img{width:100%;height:310px;object-fit:contain;background:#f5f5f5}.pdf-resource{padding:25px;background:#f5f5f5}.pdf-resource h3{font-size:22px}.pdf-resource p{font-size:14px;margin:10px 0 18px}.pdf-resource>div{display:flex;flex-wrap:wrap;gap:12px}.pdf-resource small{display:block;font-size:12px;color:#777;line-height:1.7;margin-top:18px}.product-business{border-top:1px solid #ddd;padding:40px 0;margin-top:30px}.product-business h2{font-size:25px}.product-business p{font-size:14px;color:#666;margin:12px 0 25px}.product-business>div+div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-business a{padding:23px;background:#f5f5f5}.product-business b{font-size:17px;font-weight:550}.product-business small{display:block;font-size:12px;color:#666;margin-top:10px}.detail-content .games-grid{gap:0}
@media(min-width:1600px){.catalog-surface .games-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1050px){.catalog-surface .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.line-switch strong{font-size:20px}}
@media(max-width:720px){.catalog-masthead{padding:25px 0 20px}.catalog-masthead>.text-link{display:none}.catalog-masthead h1{font-size:27px}.line-switch{gap:8px;margin-bottom:12px}.line-switch button{padding:14px 10px}.line-label{font-size:11px;margin-bottom:10px}.line-switch strong{font-size:15px;line-height:1.6}.line-switch small{display:block;font-size:10px;line-height:1.7}.line-switch small b{display:block;margin-top:7px;font-size:12px}.catalog-controls .filter-panel{gap:7px;padding:8px 0}.catalog-controls .filter-panel .random{width:auto;margin-left:auto;padding:8px 12px;font-size:12px}.catalog-surface .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-image img{padding:25px 18px 10px}.tag{top:10px;left:10px;font-size:10px}.tile-caption{padding:5px 14px 18px}.tile-caption h3{font-size:16px;margin-right:15px}.tile-caption>span{font-size:10px}.tile-caption>b{font-size:16px;right:11px}.catalog-bottom{gap:22px;padding:30px 0 40px}.catalog-bottom h2{font-size:23px}.catalog-bottom p{font-size:13px;line-height:1.8}.product-business>div+div{grid-template-columns:1fr}.product-business a{padding:18px}.pdf-resource{padding:20px}.pdf-resource .button{font-size:12px;padding:10px 12px}.result-count{font-size:11px}}
/* V03: shared archive shell; compact, always-visible filters. */
:root{color-scheme:dark;--yellow:#fcc900;--ink:#11120f;--muted:#a9aba0;--line:#36372e}
body{background:var(--ink);color:#f0f0e5;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:32px 32px}.site-header{height:90px;background:#11120ff5;border-color:var(--line);padding:0 4.5%;gap:28px}.brand{color:#fcc900;width:300px}.brand small{color:#b9b6a7}.brand-nine{color:#fcc900}.site-header nav{margin-left:auto;gap:36px;height:100%;align-items:stretch}.site-header nav a{display:flex;flex-direction:column;justify-content:center;line-height:1.35;border-bottom:3px solid transparent;font-size:14px;min-width:70px}.site-header nav a.active{color:#fcc900}.site-header nav small{color:#a9aba0;font-size:11px;margin-top:5px;letter-spacing:.04em}.header-contact{font-size:12px;color:#fcc900;border-left:1px solid #36372e;padding-left:22px}.header-contact small{display:block;font-size:10px;color:#a9aba0;margin-top:5px}.wrap{width:91%;max-width:1450px}.preview-bar{position:sticky;top:0;left:auto;transform:none;bottom:auto;width:100%;max-width:none;border:0;border-bottom:1px solid #383a31;border-radius:0;box-shadow:none;min-height:40px;padding:6px 4.5%;background:#20221b;color:#ddd;font-size:11px;gap:10px;z-index:9;order:-1}.preview-bar>span{margin-right:auto}.preview-bar button{font-size:11px;padding:6px 10px}.preview-bar button[data-action=annotation]{background:#fcc900;color:#111;font-weight:600}.preview-bar button strong{background:#171912;color:#fcc900}.compact-lines{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:15px 0 12px}.compact-lines button{border:0;background:none;color:#eee;text-align:left;padding:0 0 0 12px;border-left:2px solid #444;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.compact-lines button.selected{border-left-color:#fcc900}.compact-lines b{font-size:13px;color:#fcc900}.compact-lines span{font-size:12px;white-space:nowrap}.compact-lines small{grid-column:1/-1;font-size:11px;color:#a9aba0;line-height:1.5}.catalog-controls{background:transparent}.catalog-controls .filter-panel{display:grid;grid-template-columns:185px 1.15fr 1fr 1fr 1.2fr;align-items:center;gap:20px;padding:14px 0 18px;margin:0;border-top:1px solid #36372e}.segmented{background:#24261f;border:1px solid #414337;padding:3px;gap:2px}.segmented button{color:#c6c6b9;padding:8px 13px;min-height:40px}.segmented button.selected{background:#fcc900;color:#17180f}.players-filter>div:first-child{display:flex;align-items:center;gap:10px;font-size:11px}.players-filter output{color:#fcc900;font-size:15px}.range-reset{margin-left:auto;background:none;border:0;color:#b3b4a7;font-size:10px;padding:3px}.players-filter>small{font-size:9px;color:#a9aba0;display:block;white-space:nowrap}.dual-range{position:relative;height:28px;margin:4px 7px}.range-rail{position:absolute;top:13px;left:0;right:0;height:3px;background:#747353}.dual-range input{position:absolute;top:0;left:0;width:100%;height:28px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}.dual-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;border:3px solid #fcc900;background:#191b14;cursor:ew-resize}.dual-range input::-moz-range-thumb{pointer-events:auto;width:13px;height:13px;border:3px solid #fcc900;border-radius:50%;background:#191b14;cursor:ew-resize}.dual-range input::-moz-range-track{background:transparent}.taxonomy-filter{display:block;min-width:0}.taxonomy-filter>span{display:block;font-size:11px;margin-bottom:6px;color:#ececde}.taxonomy-filter small{font-size:10px;color:#a9aba0;margin-left:4px}.catalog-controls .filter-panel select{width:100%;background:#1c1e17;border:1px solid #44463a;color:#efefdf;padding:9px 24px 9px 9px;font-size:11px;border-radius:0}.game-image{aspect-ratio:1.05}.game-image img{padding:30px 30px 12px}.tile-caption h3{font-size:19px}.tile-caption>span{display:block;font-size:10px;line-height:1.6;color:#25251f}.tile-caption .game-english{font-size:10px;line-height:1.4;min-height:28px;font-weight:600;letter-spacing:.025em;margin:5px 0}.result-count{color:#9da08e}.compact-lines button:hover{border-color:#fcc900}.game-card{color:#171813}.tag{color:#14140f}.detail-copy>p,.page-intro,.detail-content p,.body-copy{color:#b8baac}.detail-art,.detail-support,.pdf-resource,.business-card,.support-item img{background:#23251e}.detail-english{font-size:15px!important;color:#fcc900!important;letter-spacing:.04em}.detail-nav,.detail-content,.product-business,.resource-row{border-color:#393b30}.pdf-resource small,.resource-row small,.product-business small{color:#b6b8ab}.product-business a,.taxonomy span{background:#23251e}.detail-facts b{color:#e9ebdb}.detail-facts small,.detail-note,.breadcrumb{color:#a9aba0!important}.detail-facts span{border-color:#444}.button{background:#fcc900;border-color:#fcc900;color:#14150f}.button:hover{background:#f9d83b;color:#15150f}.button.outline{background:transparent;border-color:#777;color:inherit}.taxonomy small{color:#a9aba0}.inline-notice{background:#23251e;color:#bfc1b2}.editorial-hero{color:#15160f}.component-preview{border-color:#444}.product-business h2{color:#eee}.empty{background:#22241d}.contact-box{border:1px solid #454637}.contact-box p{color:#b8baac}dialog{background:#20221b;color:#efefe5;border:1px solid #55584a}dialog p,dialog ul{color:#c1c3b6}dialog .dialog-close{color:#fff}.annotation-history li b{color:#f2f2e8}.annotation-history{border-color:#555}.annotation-history li{border-color:#444}.annotation-history li button{color:#fcc900}.dialog-fallback{position:fixed;inset:8vh 0 auto;z-index:100;display:block}.pick-annotation main,.pick-annotation header,.pick-annotation footer{cursor:crosshair!important}.pick-annotation main *{cursor:crosshair!important}.pick-annotation .game-card:hover,.pick-annotation main section:hover{outline:2px dashed #fcc900;outline-offset:-3px}.pick-annotation:after{content:'点击页面位置填写批注 · Click an element to comment · Esc 取消';position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;padding:12px 20px;background:#fcc900;color:#14150f;font-size:13px;pointer-events:none;max-width:90vw;box-shadow:0 4px 20px #0009}footer{background:#11120f;border-top:1px solid #36372e;padding-bottom:50px}.footer-brand{color:#fcc900}.footer-brand small{color:#a9aba0}
@media(max-width:1100px){.catalog-controls .filter-panel{grid-template-columns:170px 1fr 1fr 1fr;gap:12px}.players-filter{grid-column:2/5}.taxonomy-filter{grid-column:auto}.taxonomy-filter:last-child{grid-column:3/5}.compact-lines span{white-space:normal}.compact-lines button{display:block}.compact-lines b,.compact-lines span,.compact-lines small{display:block;margin-bottom:3px}.site-header nav{gap:20px}}
@media(max-width:720px){.site-header{height:70px;padding:0 4.5%;gap:10px}.brand{font-size:12px;gap:6px;width:auto}.brand-nine{font-size:33px}.brand small{font-size:6px;letter-spacing:.02em}.menu-toggle{display:none}.site-header nav{display:flex!important;position:static;flex-direction:row;box-shadow:none;background:transparent;padding:0;gap:12px;height:100%}.site-header nav a{min-width:0;font-size:12px;padding:0}.site-header nav small{font-size:8px;margin-top:3px}.preview-bar{min-height:36px;padding:5px 4.5%;gap:6px}.preview-bar>span{font-size:9px}.preview-bar button{font-size:10px;padding:5px 6px}.preview-bar b{display:inline}.compact-lines{gap:12px;padding:10px 0}.compact-lines button{padding-left:7px}.compact-lines b{font-size:10px}.compact-lines span{font-size:10px;line-height:1.5;margin:3px 0}.compact-lines small{font-size:8px;line-height:1.4;margin:0}.catalog-controls .filter-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px 0 12px}.segmented{grid-column:1;align-self:center;width:auto;padding:2px}.segmented button{padding:4px 5px;min-height:32px;font-size:10px}.players-filter{grid-column:2/4;min-width:0}.players-filter>div:first-child{font-size:10px;gap:5px}.players-filter>small{font-size:7px}.players-filter output{font-size:12px}.range-reset{font-size:8px}.taxonomy-filter:last-child{grid-column:auto}.taxonomy-filter>span{font-size:10px;line-height:1.4}.taxonomy-filter small{display:block;font-size:8px;margin:0}.catalog-controls .filter-panel select{font-size:10px;padding:8px 18px 8px 5px}.game-image img{padding:23px 19px 9px}.tile-caption{padding:5px 10px 14px}.tile-caption h3{font-size:14px;margin-right:10px}.tile-caption .game-english{font-size:8px;min-height:23px}.tile-caption>span{font-size:8px}.tag{font-size:10px}.result-count{font-size:10px}.pick-annotation:after{font-size:11px;width:90vw}footer{padding:30px 4.5%}.footer-brand{font-size:19px}}
/* V04: ordered game detail and the shared two-mission footer. */
.brand{width:290px;flex-shrink:0}.brand img{width:100%;height:84px;object-fit:contain}.site-header nav{gap:28px}.header-contact{display:none}.product-page{padding:35px 0 0}.product-title{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:32px}.product-title h1{font-size:clamp(30px,4vw,55px)}.product-title p{font-size:14px;color:#fcc900;letter-spacing:.05em;margin-top:15px}.product-title small{display:block;margin-top:12px;color:#a9aba0;font-size:12px}.game-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #444637}.game-specs>div{padding:23px;border-right:1px solid #444637}.game-specs>div:last-child{border:0}.game-specs span{font-size:13px;color:#d7d9c8}.game-specs small{display:block;color:#a9aba0;font-size:11px;margin-top:3px}.game-specs b{display:block;font-size:18px;font-weight:500;line-height:1.5;margin-top:13px;color:#fcc900}.product-section{padding:45px 0;border-bottom:1px solid #36372e}.product-section h2,.design-options h2,.community-grid h2{font-size:26px;margin-bottom:25px}.product-section h2>span,.design-options h2>span,.community-grid h2>span{display:block;font-size:14px;color:#a9aba0;letter-spacing:0;font-weight:400;margin-top:9px;line-height:1.4}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-existing{border:0;background:#282c25;color:#eee;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.gallery-existing img{width:100%;height:300px;object-fit:contain}.gallery-existing>span{font-size:11px;margin-top:16px}.photo-placeholder{border:1px dashed #535647;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#aaad9c;background:linear-gradient(135deg,#25271d66,#11120f)}.photo-placeholder>span{font-size:42px;color:#74785f;font-weight:200}.photo-placeholder b{font-size:12px;font-weight:400;margin:12px 0}.photo-placeholder small{font-size:11px;line-height:1.8}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tutorial-resource{padding:25px;background:#23251e}.tutorial-resource h3,.pdf-resource h3{font-size:20px}.tutorial-resource h3>span,.pdf-resource h3>span{display:block;font-size:13px;font-weight:400;color:#a9aba0;margin:7px 0 20px}.tutorial-resource p{font-size:13px;color:#c1c4b2;margin-bottom:22px;line-height:1.8}.tutorial-resource small{display:block;font-size:11px;color:#a9aba0;margin-top:18px}.game-community{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#1c1f16;padding:30px}.game-community p{line-height:1.9;color:#cccdbf;margin-bottom:23px}.qr-placeholder{width:158px;height:185px;flex-shrink:0;background:#e5e5d9;position:relative;color:#333;text-align:center;border:9px solid #e5e5d9;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:15px auto}.qr-placeholder i{position:absolute;width:28px;height:28px;border:5px solid #6a6c5b;top:4px;left:4px}.qr-placeholder i:nth-child(2){left:auto;right:4px}.qr-placeholder i:nth-child(3){top:auto;bottom:35px}.qr-placeholder b{font:15px/1.3 var(--font-reading);transform:rotate(-10deg);padding:8px;background:#fcc900;z-index:1}.qr-placeholder small{position:absolute;bottom:0;font-size:9px;line-height:1.3;width:100%}.cooperation-three{display:grid!important;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.cooperation-three a{padding:24px;background:#23251e}.cooperation-three a>b,.cooperation-three a>span{display:block}.cooperation-three a>span{font-size:13px;color:#c7c9b9;margin-top:6px}.cooperation-three small{display:block;margin-top:20px;color:#fcc900;font-size:13px;line-height:1.8}.product-business h2{font-size:27px}.product-business>p{margin:10px 0}.return-wall{display:block;position:relative;overflow:hidden;margin:40px 0 65px;min-height:260px;background:#14150f;border:1px solid #555941}.return-wall-images{display:grid;grid-template-columns:repeat(7,1fr);height:260px;gap:0;opacity:.54;transition:opacity .4s,transform .7s}.return-wall-images span{display:flex;align-items:center;padding:15px}.return-wall-images img{width:100%;height:195px;object-fit:contain}.return-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111e,#1115 65%,#1111)}.return-wall-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;padding:35px}.return-wall-copy h2{font-size:37px;color:#fcc900}.return-wall-copy p{font-size:18px;margin:10px 0}.return-wall-copy small{font-size:12px;line-height:1.7;color:#ddd}.return-wall:hover .return-wall-images{opacity:.85;transform:scale(1.025)}.namecards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.namecards figure{margin:0}.namecards button{border:0;background:none;padding:0;width:100%;cursor:zoom-in}.namecards img{width:100%;height:auto}.namecards figcaption{font-size:12px;color:#a9aba0;margin-top:10px}.about-en{font-size:22px;color:#fcc900;margin:17px 0 30px}.about-v04>p{line-height:1.9}.en-block{display:block;font-size:15px;line-height:1.5;margin-top:10px;color:#bfc2af}.full-photo{width:100%;max-height:68vh;object-fit:contain}dialog:has(.full-photo){width:min(1100px,95vw)}.community-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0;border-top:1px solid #414436;margin:35px 0}.community-banner h2{font-size:25px}.community-banner p{color:#b8bbaa;margin-top:10px;font-size:14px}.community-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.community-grid article{background:#1e2118;border:1px solid #3b4030;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.community-grid p{color:#bcc0ae;font-size:14px;line-height:1.85;margin-bottom:25px}.community-grid .button{margin-top:auto}.feedback-benefits{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-left:24px;margin:30px 0}.feedback-benefits li{font-size:16px;color:#fcc900}.feedback-benefits span{display:block;color:#bbbfae;font-size:13px;margin-top:8px}.poster-links{display:flex;gap:15px;margin:25px 0}.poster-links button{padding:15px;background:#292e20;border:1px solid #444a34;color:#ddd;font-size:13px}.design-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.design-options article{padding:30px;background:#20231a}.design-options p{font-size:14px;color:#bfc2af;line-height:1.85;margin-bottom:25px}.course-link{display:block;width:100%;text-align:left;padding:15px 0;background:none;border:0;border-top:1px solid #484d38;color:#eee;font-size:15px}.course-link small{display:block;font-size:12px;color:#b3b8a2;margin-top:6px}
#shared-mission-footer{background:radial-gradient(ellipse at 50% 68%,#61521525,transparent 57%),#080a07;padding:50px 0 22px;overflow:hidden;border-top:1px solid #4b4726}#shared-mission-footer .mission-label{display:flex;align-items:center;gap:15px;color:#bcbba7;font-size:12px;letter-spacing:.03em}.mission-label>span{font-size:10px;color:#828673}.mission-label button{margin-left:auto;border:1px solid #414632;background:transparent;color:#adba95;padding:7px 12px;font-size:10px}.mission-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:25px}.mission-pair>a{display:block;text-align:center;padding:20px 20px 30px;border:1px solid #2d3221;border-radius:14px;background:linear-gradient(160deg,#ffffff06,transparent);transition:transform .5s,border-color .5s,box-shadow .5s}.mission-pair>a:hover{border-color:#d4b139;transform:translateY(-5px);box-shadow:0 10px 50px #b3a63718}.mission-pair img{width:100%;max-width:375px;height:118px;object-fit:contain;margin:0 auto 10px}.mission-pair h2{font-size:clamp(22px,2.7vw,35px);color:#fff;letter-spacing:-.03em}.mission-pair p{font-size:14px;color:#b8bda9;margin:12px 0 22px}.mission-pair a>span{font-size:12px;color:#fcc900}.mission-confluence{height:115px;position:relative;width:55%;margin:auto}.mission-confluence span{position:absolute;top:0;width:50%;height:75px;border-bottom:1px solid #a68a27;border-left:1px solid #a68a27;border-radius:0 0 0 70px;left:0;filter:drop-shadow(0 0 5px #fcc900)}.mission-confluence span:nth-child(2){left:auto;right:0;transform:scaleX(-1)}.mission-confluence i{position:absolute;top:73px;left:50%;height:40px;width:2px;background:#fcc900;box-shadow:0 0 17px 2px #fcc90055}.mission-vision{text-align:center;padding-bottom:45px}.mission-vision p{color:#999f88;font-size:11px;letter-spacing:.15em;margin-bottom:14px}.mission-vision h2{font-size:clamp(31px,5vw,66px);color:#f5ebc2;letter-spacing:-.035em}.mission-vision strong{display:block;font-size:clamp(12px,1.7vw,23px);font-weight:400;letter-spacing:.18em;color:#fcc900;margin-top:20px}.mission-footer-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;border-top:1px solid #2e3226;padding-top:22px;font-size:11px;color:#a2a892}.mission-footer-links span{font-size:10px;color:#747b65}.mission-visible .mission-pair>a{animation:mission-rise 1s both}.mission-visible .mission-pair>a:nth-child(2){animation-delay:.15s}.mission-visible .mission-confluence{animation:mission-flow 1.3s .6s both}.mission-visible .mission-vision{animation:mission-rise 1.1s 1.25s both}.mission-visible .mission-vision h2{animation:mission-glow 2s 1.25s both}@keyframes mission-rise{from{opacity:.15;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes mission-flow{from{clip-path:inset(0 0 100% 0);opacity:.1}to{clip-path:inset(0);opacity:1}}@keyframes mission-glow{0%{text-shadow:0 0 0 transparent}55%{text-shadow:0 0 30px #fcc900aa}100%{text-shadow:0 0 10px #fcc90011}}
@media(max-width:720px){.brand{width:132px}.brand img{height:55px}.site-header nav{gap:11px}.site-header nav a{font-size:11px}.site-header nav small{font-size:8px}.product-page{padding-top:22px}.product-title{display:block}.product-title h1{font-size:30px}.product-title>div+div{margin-top:23px}.game-specs{grid-template-columns:1fr 1fr}.game-specs>div{padding:17px;border-bottom:1px solid #444637}.game-specs b{font-size:14px;margin-top:10px}.game-specs>div:nth-child(2){border-right:0}.game-specs>div:nth-child(3){border-bottom:0}.photo-gallery{grid-template-columns:1fr 1fr;gap:10px}.gallery-existing{grid-column:1/-1}.gallery-existing img{height:280px}.photo-placeholder{min-height:170px;padding:10px}.photo-placeholder b{font-size:10px}.photo-placeholder small{font-size:10px}.learning-grid,.community-grid,.design-options,.namecards{grid-template-columns:1fr}.game-community{padding:22px;flex-direction:column;align-items:stretch}.game-community .qr-placeholder{margin-left:0}.product-section{padding:32px 0}.product-section h2{font-size:23px}.cooperation-three{grid-template-columns:1fr!important}.cooperation-three a{padding:20px}.return-wall{min-height:230px;margin:25px 0 40px}.return-wall-images{height:230px;grid-template-columns:repeat(7,100px);width:700px}.return-wall-images img{height:190px}.return-wall-copy{padding:23px}.return-wall-copy h2{font-size:29px}.return-wall-copy p{font-size:14px}.community-banner{align-items:flex-start;flex-direction:column;padding:25px 0}.feedback-benefits{grid-template-columns:1fr}.poster-links{flex-direction:column}.about-en{font-size:17px}.about-v04 h1{font-size:35px}.mission-pair{gap:12px;margin-top:20px}.mission-pair>a{padding:8px 9px 20px;border-radius:8px}.mission-pair img{height:64px;margin-bottom:12px}.mission-pair h2{font-size:18px;line-height:1.5}.mission-pair p{font-size:10px;line-height:1.7;min-height:34px;margin:8px 0 15px}.mission-pair a>span{font-size:10px}.mission-confluence{height:95px}.mission-confluence span{height:55px}.mission-confluence i{top:54px;height:37px}.mission-vision{padding-bottom:30px}.mission-vision h2{font-size:31px}.mission-vision strong{font-size:11px;letter-spacing:.1em;margin-top:14px}#shared-mission-footer{padding-top:30px}.mission-label>span{display:none}.mission-label button{font-size:9px}.mission-footer-links{gap:15px;font-size:10px}.mission-footer-links span{display:block;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.mission-visible *{animation:none!important;transition:none!important}.mission-pair>a:hover{transform:none}}
/* V05: five destinations, quiet About social links, accessible back-to-top. */
.about-v05{padding:50px 0 35px}.about-v05 h1{font-size:clamp(30px,4vw,50px)}.social-section{margin-top:35px}.social-section h2{font-size:22px}.social-section h2>span{display:block;font-size:13px;color:#a9aba0;margin:9px 0 20px;font-weight:400;letter-spacing:0}.social-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-links a{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:110px;border:1px solid #454938;background:#1a1e14;color:#eee;padding:20px;text-align:left}.social-links a:hover{border-color:#fcc900}.social-links b{font-size:20px;font-weight:500}.social-links span{font-size:12px;color:#babda9}.social-links small{font-size:10px;color:#a5aa91;margin-top:10px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:8;background:#fcc900;color:#111;border:1px solid #88722a;box-shadow:0 5px 18px #0007;padding:7px 12px;font-size:23px;line-height:1.2}.back-to-top span{display:block;font-size:10px;margin-top:4px}.back-to-top[hidden]{display:none}.mission-footer-links a{padding:9px 0}.site-header nav{gap:24px}
@media(max-width:720px){.site-header{height:auto;min-height:100px;flex-wrap:wrap;justify-content:center;padding:4px 4.5% 0;gap:0}.brand{width:155px}.brand img{height:46px}.site-header nav{width:100%;height:45px;justify-content:space-between;margin:0;gap:8px}.site-header nav a{font-size:11px;padding-bottom:7px;text-align:center}.site-header nav small{font-size:9px}.social-links{grid-template-columns:1fr 1fr}.social-links a{padding:16px}.about-v05{padding-top:30px}.back-to-top{right:12px;bottom:12px;padding:7px 10px}.mission-footer-links{flex-direction:column;align-items:center;gap:4px}.mission-footer-links a{text-align:center;font-size:10px}}
/* Freeze review toolbar and site navigation as one stack, without overlap. */
.sticky-shell{position:sticky;top:0;z-index:10;background:#11120f;box-shadow:0 4px 16px #0003}
.sticky-shell>.preview-bar{position:relative;top:auto;z-index:2}
.sticky-shell>.site-header{position:relative;top:auto;z-index:1}
html{scroll-padding-top:155px}
@media(max-width:720px){html{scroll-padding-top:165px}}
/* V06: expressive Chinese headings; neutral text and controls. */
h1,h2,h3,.tile-caption h3{font-weight:400;letter-spacing:0}
[lang=en],.game-english,.site-header nav small{}
#shared-mission-footer{padding:18px 0;background:#0d100b;border-top:1px solid #363c2b}
#shared-mission-footer .mission-footer-links{border-top:0;padding-top:0}
.about-v06{padding:50px 0 60px}.about-heading{text-align:center;margin-bottom:36px}.about-heading h1{font-size:clamp(35px,5.4vw,76px);color:#f3f2de;line-height:1.3}.about-heading p{font-size:clamp(20px,3vw,38px);color:#fcc900;margin-top:14px;letter-spacing:-.025em}
#about-mission{background:radial-gradient(ellipse at 50% 72%,#a4851c19,transparent 62%);padding:8px 0 0}.about-v06 .namecards{margin:22px 0 50px;padding-top:35px;border-top:1px solid #353b28}.about-v06 .social-section{margin-top:30px}.platform-icon{width:38px;height:38px;color:#fcc900;margin-bottom:18px}.about-v06 .social-links a{background:linear-gradient(145deg,#24291c,#11150d);border-color:#414936;transition:border-color .2s,transform .2s}.about-v06 .social-links a:hover{border-color:#fcc900;transform:translateY(-3px)}.about-v06 .social-links b{font-weight:500}
@media(max-width:720px){.about-v06{padding:30px 0 40px}.about-heading{margin-bottom:24px}.about-heading h1{font-size:34px}.about-heading p{font-size:22px}.about-v06 .namecards{gap:25px}.platform-icon{width:32px;height:32px;margin-bottom:14px}}
/* V07: communities in context; five equal creator actions. */
.player-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:35px 0 50px}.player-paths>button,.design-entry{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:28px;background:#1b2016;border:1px solid #414b31;color:#eee;transition:border-color .2s,background .2s}.player-paths>button:hover,.design-entry:hover{border-color:#fcc900;background:#24291b}.path-index{color:#fcc900;font:10px/1.5 var(--font-reading);letter-spacing:.07em;display:block;margin-bottom:20px}.player-paths h2{font-size:26px;padding-right:15px}.player-paths p,.design-entry p{font-size:14px;color:#d1d5bf;margin:12px 0 20px}.player-paths small,.design-entry small{font-size:12px;line-height:1.8;color:#aeb59c}.player-paths b,.design-entry>b{position:absolute;top:22px;right:22px;color:#fcc900;font-size:22px;font-weight:400}.design-five{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.design-entry{min-height:230px;padding:26px}.design-entry h2{font-size:23px;line-height:1.4}.design-entry p{font-size:12px}.design-entry small{margin-top:auto}.design-footnote{margin:30px 0 0;color:#aeb59c;font-size:13px;line-height:1.85}.playtest-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.playtest-benefits{padding-left:22px}.playtest-benefits li{color:#eee;margin:17px 0;font-size:15px;line-height:1.6}.playtest-benefits small{display:block;color:#aeb59c;font-size:12px}.school-path{display:flex;align-items:center;gap:10px;padding:17px;background:#303824;font-size:12px}.school-path span{flex:1;text-align:center}.school-path b{color:#fcc900}.cooperation-lead{color:#bfc7ad;line-height:1.9;max-width:800px;font-size:15px}.cooperation-details{margin-top:45px;border-top:1px solid #48513a}.cooperation-details article{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:45px 0;border-bottom:1px solid #48513a}.cooperation-heading h2{font-size:31px}.cooperation-heading h2>span{display:block;font-size:15px;color:#bec6aa;font-weight:400;margin-top:9px;letter-spacing:0}.cooperation-threshold{color:#fcc900;margin-top:27px;font-size:16px;line-height:1.8}.cooperation-threshold small{font-size:12px}.cooperation-copy h3{font-size:26px;line-height:1.5}.cooperation-copy h3>span{display:block;color:#c1c9b0;font-size:16px;line-height:1.6;font-weight:400;letter-spacing:0;margin-top:9px}.cooperation-copy>p{margin:22px 0;font-size:15px;line-height:1.9;color:#e0e4d4}.cooperation-copy p>span{display:block;font-size:13px;color:#aeb89b;margin-top:9px;line-height:1.8}.cooperation-prepare{background:#20271a;padding:20px;margin-bottom:24px}.cooperation-prepare>b{font-size:12px;color:#d0b746}.cooperation-prepare p{margin-top:12px;line-height:1.8;font-size:14px}.cooperation-prepare p>span{font-size:12px}
@media(min-width:1500px){.design-five{grid-template-columns:repeat(5,minmax(0,1fr))}.design-entry{padding:20px;min-height:280px}.design-entry h2{font-size:22px}}
@media(max-width:720px){.player-paths,.design-five{grid-template-columns:1fr;gap:12px}.player-paths{padding:25px 0 35px}.player-paths>button,.design-entry{padding:23px;min-height:0}.design-entry h2{font-size:24px}.design-entry small{margin-top:0}.path-index{margin-bottom:15px}.design-v07 h1,.cooperation-v07 h1{font-size:36px;line-height:1.4}.cooperation-details article{grid-template-columns:1fr;gap:25px;padding:30px 0}.cooperation-threshold{margin-top:15px}.cooperation-copy h3{font-size:24px}.cooperation-copy h3>span{font-size:14px}.player-paths h2{font-size:24px}}
/* V08: touch-first responsive rhythm, primary learning actions and real QR codes. */
main{min-width:0}button,a,input,select{-webkit-tap-highlight-color:#fcc90022}.design-v08{padding-top:48px}.design-v08 h1{font-size:clamp(34px,4.7vw,66px);line-height:1.3}.design-v08>.about-en{margin-top:18px;max-width:850px}.design-primary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:24px;margin-top:36px}.design-primary>article{min-width:0;border:1px solid #56533c;padding:30px;background:linear-gradient(135deg,#29281b,#171b13)}.design-primary h2{font-size:28px;line-height:1.4}.design-primary h2+p{font-size:14px;color:#b8bfaa;margin:8px 0 24px}.submission-card{display:flex;align-items:flex-start;flex-direction:column}.submission-card>p{font-size:16px;line-height:1.9}.submission-card>p[lang=en]{font-size:14px;color:#b8bfaa;margin:14px 0 24px}.submission-card>.button{margin-top:auto}.design-primary article>small{display:block;font-size:12px;color:#a9b099;line-height:1.8;margin-top:20px}.courses-card .course-list{border-top:1px solid #545540}.course-direct{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;gap:14px;padding:20px 0;border-bottom:1px solid #3f4733;align-items:start}.course-direct:hover h3{color:#fcc900}.course-number{font:13px var(--font-reading);color:#fcc900;padding-top:4px}.course-direct h3{font-size:22px;line-height:1.5;margin:9px 0 5px}.course-direct p{font-size:13px;color:#d2d7c3;line-height:1.6}.course-direct small{font-size:12px;color:#b2b9a2;line-height:1.6;display:block}.course-direct small>span{display:block;font-size:11px;color:#959f86;margin-top:3px}.course-direct>b{color:#fcc900}.design-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.design-secondary .design-entry{min-height:220px;background:#171d13;border-color:#39432e}.design-secondary .design-entry h2{font-size:23px}.design-secondary .path-index{color:#a8b794}.group-qr{width:220px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;flex-shrink:0}.game-community .group-qr{width:176px}.video-link{display:flex;align-items:center;gap:18px;border:1px solid #545d40;background:#1c2315;padding:22px;margin:20px 0}.video-link:hover{border-color:#fcc900}.video-play{font-size:25px;color:#fcc900}.video-link b{font-weight:500}.video-link div>span,.video-link small{display:block;font-size:12px;color:#b5bda6;margin-top:7px}.video-link small{color:#fcc900}.tutorial-resource>.text-link{margin-top:18px;font-size:13px}.explore-wall{margin:35px 0 55px;border-top:1px solid #465039;padding-top:28px}.explore-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:24px}.explore-heading h2{font-size:clamp(26px,3vw,42px)}.explore-heading p{font-size:16px;color:#b2bba2;margin-top:12px}.explore-heading>span{color:#fcc900;font-size:13px;white-space:nowrap}.wall-scroll{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#9f923e #21251c;overscroll-behavior-x:contain}.wall-scroll>a{flex:0 0 190px;min-width:0;background:var(--tile);color:#171917;scroll-snap-align:start;padding:15px;transition:filter .2s}.wall-scroll>a:hover{filter:brightness(1.06)}.wall-scroll img{height:190px;width:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #0003)}.wall-scroll a>span{display:block;font-size:14px;margin-top:15px}.wall-scroll small{display:block;font-size:10px;line-height:1.5;margin-top:7px}.scroll-hint{display:block;color:#a9b199;font-size:11px;margin-top:8px}.product-title>div{min-width:0}.product-title p,.tile-caption .game-english{overflow-wrap:anywhere}.game-specs b{overflow-wrap:anywhere}.game-specs>div{min-width:0}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.dialog-close{min-width:44px;min-height:44px}.game-community>div{min-width:0}.design-primary .button{gap:12px}.button{white-space:normal}.preview-bar [data-action=review]{min-height:32px}
@media(min-width:721px) and (max-width:1199px){.header-contact{display:none}.site-header{gap:22px;height:82px}.brand{width:245px;flex-shrink:1}.site-header nav{gap:18px;flex-shrink:0}.site-header nav a{min-width:65px}.catalog-surface .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-lines{gap:20px;padding-top:14px}.compact-lines button{display:block}.compact-lines b{font-size:13px}.compact-lines span{font-size:12px;white-space:normal}.compact-lines small{font-size:11px;margin-top:5px}.catalog-controls .filter-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px 0}.segmented{grid-column:1/3}.players-filter{grid-column:3/7}.taxonomy-filter,.taxonomy-filter:last-child{grid-column:span 2}.taxonomy-filter small{display:block;margin:0}.catalog-controls .filter-panel select{font-size:13px;min-height:44px}.design-primary{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:16px}.design-primary>article{padding:22px}.design-primary h2{font-size:24px}.course-direct{gap:10px;grid-template-columns:20px minmax(0,1fr) 12px}.course-direct h3{font-size:19px}.design-secondary{gap:12px}.design-secondary .design-entry{padding:22px 16px;min-height:245px}.design-secondary .design-entry h2{font-size:20px}.design-entry>b{right:12px;top:14px}.learning-grid{gap:18px}.game-specs>div{padding:20px 16px}.mission-pair{gap:22px}.mission-pair h2{font-size:25px}.cooperation-details article{gap:28px}.product-title h1{font-size:40px}}
@media(max-width:720px){html{scroll-padding-top:148px}.wrap{width:92%}.preview-bar{padding:4px 4%;min-height:36px}.preview-bar>span{font-size:9px}.preview-bar [data-action=review]{display:none}.preview-bar [data-action=annotation]{min-height:32px;font-size:11px}.site-header{padding:4px 4% 0;min-height:91px;height:auto;gap:0}.brand{width:184px}.brand img{height:45px}.header-contact{display:none}.site-header nav{height:43px;gap:5px}.site-header nav a{font-size:13px;min-height:43px;flex:1;align-items:center;padding:0 0 4px}.site-header nav small{font-size:10px;margin-top:2px}.compact-lines{padding:9px 0;gap:10px}.compact-lines button{padding:0 0 0 7px;min-width:0}.compact-lines b{font-size:11px;line-height:1.4}.compact-lines span{font-size:11px;line-height:1.45}.compact-lines small{font-size:10px;line-height:1.4}.catalog-controls .filter-panel{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 0 10px}.segmented{grid-column:1/3;display:flex;min-width:0;padding:2px}.segmented button{flex:1;min-width:0;padding:4px 2px;font-size:11px;min-height:44px}.players-filter{grid-column:3/7}.players-filter>div:first-child{font-size:11px;gap:5px}.players-filter>small{white-space:normal;font-size:9px;line-height:1.25}.range-reset{min-height:28px;font-size:10px}.dual-range{height:28px;margin:0 12px}.dual-range input::-webkit-slider-thumb{width:24px;height:24px}.dual-range input::-moz-range-thumb{width:19px;height:19px}.taxonomy-filter,.taxonomy-filter:last-child{grid-column:span 2}.taxonomy-filter>span{font-size:11px;margin-bottom:4px}.taxonomy-filter small{font-size:9px;line-height:1.3;min-height:24px}.catalog-controls .filter-panel select{font-size:12px;min-height:44px;padding:8px 17px 8px 6px}.catalog-surface .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-image{aspect-ratio:.98}.game-image img{padding:26px 18px 10px}.tile-caption{padding:4px 12px 16px}.tile-caption h3{font-size:16px;line-height:1.5;margin-right:14px}.tile-caption .game-english{font-size:10px;min-height:28px;line-height:1.4}.tile-caption>span{font-size:10px}.result-count{font-size:11px;padding:12px 0}.design-v08{padding:28px 0 40px}.design-v08 h1{font-size:clamp(29px,7.5vw,42px);line-height:1.35}.design-v08>.about-en{font-size:15px;margin-top:15px}.design-primary{grid-template-columns:1fr;gap:16px;margin-top:28px}.design-primary>article{padding:23px}.design-primary h2{font-size:26px}.submission-card>p{font-size:15px}.submission-card>.button{margin-top:15px;width:100%}.design-primary h2+p{margin-bottom:18px}.course-direct{padding:20px 0;grid-template-columns:22px minmax(0,1fr) 12px;gap:9px}.course-direct h3{font-size:22px}.course-direct small{font-size:12px}.course-direct p{font-size:13px}.design-secondary{grid-template-columns:1fr;gap:12px;margin-top:22px}.design-secondary .design-entry{padding:23px;min-height:0}.design-secondary .design-entry h2{font-size:24px}.design-secondary .path-index{margin-bottom:12px}.product-title h1{font-size:32px;line-height:1.4}.product-title>div+div{margin-top:20px}.product-title .button{width:100%}.product-title p{font-size:14px}.product-section h2>span{font-size:13px;line-height:1.6}.game-specs{margin-top:24px}.game-specs b{font-size:14px}.learning-grid{grid-template-columns:1fr;gap:16px}.tutorial-resource,.pdf-resource{padding:21px}.video-link{padding:17px;gap:13px}.game-community{gap:24px}.game-community .group-qr{width:198px;align-self:center}.game-community .button{font-size:13px;padding:12px;gap:8px;width:100%}.explore-heading{align-items:flex-start;flex-direction:column;gap:18px}.explore-heading h2{font-size:28px}.explore-heading p{font-size:14px}.wall-scroll>a{flex-basis:155px;padding:12px}.wall-scroll img{height:165px}.wall-scroll a>span{font-size:13px}.wall-scroll small{font-size:10px}.explore-wall{margin-bottom:38px}.photo-placeholder{min-height:130px}.gallery-existing img{height:290px}.about-heading h1{font-size:clamp(26px,7.2vw,36px)}.about-heading p{font-size:clamp(19px,5.5vw,26px)}.mission-pair{grid-template-columns:1fr;gap:14px}.mission-pair>a{padding:15px 16px 22px}.mission-pair img{height:85px;margin-bottom:6px}.mission-pair h2{font-size:25px}.mission-pair p{font-size:13px;min-height:0}.mission-pair a>span{font-size:12px}.mission-vision h2{font-size:clamp(27px,7.5vw,36px)}.mission-vision strong{font-size:12px;letter-spacing:.06em}.social-links{gap:10px}.social-links a{min-height:138px}.mission-footer-links a{font-size:12px;line-height:1.7;min-height:44px;display:flex;align-items:center;justify-content:center}.back-to-top{right:10px;bottom:max(10px,env(safe-area-inset-bottom));min-width:44px;min-height:44px}dialog{width:calc(100% - 24px);max-width:600px;padding:28px 22px}dialog h2{font-size:25px;line-height:1.45}dialog .en-block{font-size:15px}.playtest-options>.button{width:100%}}
@media(max-width:359px){.site-header nav small{font-size:9px}.compact-lines small{font-size:9px}.segmented button{font-size:10px}.taxonomy-filter small{font-size:8px}.tile-caption h3{font-size:14px}.tile-caption .game-english{font-size:9px}.design-primary>article{padding:18px}.course-direct h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wall-scroll{scroll-behavior:auto}.game-card img,.wall-scroll>a{transition:none}}
/* V09: one shared three-column grid and a compact submission flow. */
.design-primary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.design-primary .submission-card{grid-column:span 1;display:block}
.design-primary .courses-card{grid-column:span 2}
.design-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.submission-card>.button{margin-top:0}.submission-actions{margin-top:24px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}
.submission-qr{padding:0;border:0;background:white;width:156px;max-width:100%}.submission-qr img{width:100%;height:auto}
.submission-actions>small{font-size:12px;color:#b8bfaa;line-height:1.7}.submission-actions>.button{width:100%;font-size:14px;padding:12px 14px;gap:6px}
.design-primary .submission-card>p{margin:12px 0;font-size:15px;line-height:1.8}.design-primary .submission-card>p[lang=en]{font-size:13px;margin:10px 0}
.design-primary .path-index{margin-bottom:14px}.design-primary h2{font-size:25px}.design-primary h2+p{margin:8px 0 16px}
.courses-card .course-direct{padding:14px 0;gap:12px}.course-direct h3{font-size:22px;margin:6px 0 3px}.course-direct small>span{margin-top:1px}
.filter-actions{display:flex;justify-content:flex-end;padding:0 0 10px}.clear-filters{border:1px solid #626649;background:#22271a;color:#eceede;font-size:12px;padding:8px 14px;min-height:36px}.clear-filters:hover{border-color:#fcc900;color:#fcc900}.clear-filters span{color:#bbc3a8;margin:0 8px}
@media(min-width:721px) and (max-width:1199px){.design-primary,.design-secondary{gap:16px}.design-secondary{margin-top:16px}.design-primary>article{padding:22px 18px}.design-primary h2{font-size:22px}.submission-qr{width:136px}.courses-card .course-direct{padding:13px 0}.course-direct h3{font-size:20px}}
@media(max-width:720px){.design-primary,.design-secondary{grid-template-columns:1fr;gap:16px}.design-primary .submission-card,.design-primary .courses-card{grid-column:auto}.design-secondary{margin-top:16px}.design-primary h2{font-size:26px}.submission-actions{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;margin-top:20px}.submission-qr{width:116px}.submission-actions>.button{grid-column:1/-1}.submission-actions>small{font-size:12px}.courses-card .course-direct{padding:18px 0}.course-direct h3{font-size:22px}.clear-filters{min-height:44px;padding:8px 12px}.filter-actions{padding-bottom:8px}}
/* V10: a quiet, persistent bridge between two equal brands. */
.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:72px 42px;gap:0 24px;height:auto;min-height:0;align-items:center}
.site-header>.brand{grid-column:1;grid-row:1;width:280px;max-width:100%;justify-self:start}.site-header>.brand img{width:100%;height:66px;object-fit:contain}
.site-header>#navigation{grid-column:1/-1;grid-row:2;width:100%;height:42px;margin:0;justify-content:flex-start;gap:36px;border-top:1px solid #ffffff09}.site-header>#navigation a{min-width:82px;flex:none;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;padding:0;font-size:13px}.site-header>#navigation small{margin:0;font-size:11px}
.sister-brand{grid-column:2;grid-row:1;display:flex;align-items:center;gap:18px;min-height:52px;padding:8px 14px;border:1px solid #66571f;background:linear-gradient(110deg,#272514,#15190f);color:#eee7ca;transition:border-color .2s,background .2s}
.sister-brand:hover{border-color:#fcc900;background:#302d17}.sister-mark{font:23px var(--font-reading);color:#fcc900;letter-spacing:1px}.sister-copy{border-left:1px solid #62582e;padding-left:16px}.sister-copy b{display:block;font-size:13px;font-weight:500}.sister-copy small{display:block;font-size:10px;color:#bcb9a0;margin-top:2px}.sister-go{font-size:12px;color:#fcc900}.sister-go small{display:block;font-size:10px;color:#c4bc96}.sister-arrow{font-size:22px;color:#fcc900}
.archive-invitation{display:grid;grid-template-columns:.8fr 1.4fr auto;align-items:center;gap:36px;padding:36px;margin:0 0 48px;border:1px solid #695a29;background:radial-gradient(ellipse at 0 100%,#fcc9000c,transparent 65%),#171b12;transition:border-color .2s}.archive-invitation:hover{border-color:#fcc900}.archive-invitation-brand img{width:100%;max-width:270px;height:auto}.archive-invitation-brand>span{display:block;font-size:10px;color:#b7ad81;letter-spacing:.06em;margin-top:12px;text-align:center}.archive-invitation-copy h2{font-size:30px;line-height:1.4}.archive-invitation-copy p{font-size:14px;color:#d3cba9;margin-top:10px}.archive-invitation-copy>small{display:block;font-size:13px;line-height:1.8;color:#aeb39f;margin-top:15px}.archive-invitation-copy>small span{font-size:12px}.archive-invitation-action{position:relative;padding:12px 33px 12px 0;white-space:nowrap;font-size:14px;color:#fcc900}.archive-invitation-action small{display:block;font-size:11px;margin-top:5px;color:#c6bd93}.archive-invitation-action b{position:absolute;right:0;top:8px;font-size:25px;font-weight:400}
html{scroll-padding-top:175px}
@media(min-width:721px) and (max-width:1000px){.site-header>.brand{width:230px}.sister-brand{gap:12px;padding:8px 12px}.sister-copy{padding-left:12px}.sister-copy small{max-width:180px;line-height:1.4}.sister-go{display:none}.archive-invitation{grid-template-columns:.8fr 1.4fr;gap:22px;padding:28px}.archive-invitation-action{grid-column:2;justify-self:start}.archive-invitation-copy h2{font-size:27px}}
@media(max-width:720px){.site-header{grid-template-columns:1fr;grid-template-rows:46px auto 43px;padding:0 4%;gap:0;min-height:0}.site-header>.brand{grid-row:1;grid-column:1;justify-self:center;width:184px}.site-header>.brand img{height:45px}.sister-brand{grid-row:2;grid-column:1;width:100%;min-height:48px;gap:10px;padding:6px 10px;margin:2px 0 5px}.sister-mark{font-size:18px}.sister-copy{padding-left:10px;flex:1}.sister-copy b{font-size:11px}.sister-copy small{font-size:9px;line-height:1.4}.sister-go{display:none}.sister-arrow{font-size:22px}.site-header>#navigation{grid-row:3;grid-column:1;height:43px;gap:0;justify-content:space-between;border-top:0}.site-header>#navigation a{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:2px;font-size:12px}.site-header>#navigation small{font-size:10px}.archive-invitation{grid-template-columns:1fr;gap:22px;padding:25px;margin-bottom:32px}.archive-invitation-brand{display:flex;align-items:center;gap:14px;justify-content:space-between}.archive-invitation-brand img{width:155px}.archive-invitation-brand>span{font-size:9px;max-width:112px;margin:0;text-align:right;line-height:1.7}.archive-invitation-copy h2{font-size:29px}.archive-invitation-copy p{font-size:13px}.archive-invitation-action{justify-self:start;padding-top:0;padding-bottom:0}.archive-invitation-action b{top:0}html{scroll-padding-top:205px}}
@media(prefers-reduced-motion:reduce){.sister-brand,.archive-invitation{transition:none}}
/* V11: restore the original header; the fifth navigation item bridges brands. */
.site-header{display:flex;height:90px;min-height:0;gap:28px;flex-wrap:nowrap;justify-content:space-between;padding:0 4.5%}
.site-header>.brand{width:280px;flex:0 1 280px;min-width:160px}.site-header>.brand img{height:70px;width:100%;object-fit:contain}
.site-header>#navigation{width:auto;height:100%;margin:0 0 0 auto;gap:24px;border:0;align-items:center;justify-content:flex-end;flex-shrink:0}
.site-header>#navigation a{flex:none;min-width:66px;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 0;font-size:14px;border-bottom:3px solid transparent}
.site-header>#navigation a.active{border-bottom-color:#fcc900}.site-header>#navigation small{font-size:11px;margin:0;letter-spacing:0}
.site-header>#navigation .nav-cross-site{padding:8px 14px;min-width:88px;min-height:54px;border:1px solid #b99b33;border-radius:4px;background:#fcc90012;color:#fcc900;transition:background .18s,border-color .18s}
.site-header>#navigation .nav-cross-site small{color:#d5c68f;font-size:10px}.nav-cross-site b{font-weight:400;font-size:14px;margin-left:3px}
.site-header>#navigation .nav-cross-site:hover,.site-header>#navigation .nav-cross-site:focus-visible{background:#fcc900;border-color:#fcc900;color:#15160f}.site-header>#navigation .nav-cross-site:hover small,.site-header>#navigation .nav-cross-site:focus-visible small{color:#343016}
html{scroll-padding-top:155px}
@media(min-width:721px) and (max-width:1000px){.site-header{height:82px;gap:16px}.site-header>.brand{width:210px;flex-basis:210px;min-width:150px}.site-header>#navigation{gap:14px}.site-header>#navigation a{min-width:60px;font-size:13px}.site-header>#navigation small{font-size:10px}.site-header>#navigation .nav-cross-site{min-width:76px;padding:7px 10px}}
@media(max-width:720px){.site-header{height:auto;min-height:99px;flex-wrap:wrap;justify-content:center;padding:4px 4% 6px;gap:0}.site-header>.brand{flex:none;width:184px;min-width:0}.site-header>.brand img{height:45px}.site-header>#navigation{width:100%;height:44px;margin:0;gap:6px;justify-content:space-between}.site-header>#navigation a{flex:1;min-width:0;min-height:44px;height:44px;font-size:12px;gap:2px;padding:3px 0}.site-header>#navigation small{font-size:9px}.site-header>#navigation .nav-cross-site{flex:.95;min-width:55px;min-height:42px;height:42px;padding:3px 5px}.site-header>#navigation .nav-cross-site small{font-size:9px}.nav-cross-site b{font-size:12px;margin-left:1px}html{scroll-padding-top:155px}}
@media(prefers-reduced-motion:reduce){.site-header>#navigation .nav-cross-site{transition:none}}
/* V12: typography, header metrics and breakpoints from GIC fusion preview round 9.
Five entries here versus seven there; columns adapt to the actual entry count. */
.site-header{height:78px;display:flex;flex-wrap:nowrap;align-items:center;gap:28px;padding:0 4.5%;border-top:3px solid #fcc900;border-bottom:1px solid #36372e;background:#11120ff5;backdrop-filter:blur(16px);-webkit-font-smoothing:antialiased}
.site-header>.brand{display:block;width:220px;min-width:0;flex:0 0 220px;padding:0;line-height:normal}.site-header>.brand img{width:100%;height:auto}
.site-header>#navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,550px);max-width:550px;height:100%;gap:clamp(4px,.5vw,10px);margin:0 0 0 auto;flex:0 1 550px;align-items:stretch;overflow:visible;border:0}
.site-header>#navigation a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;height:auto;min-height:0;padding:8px 3px;text-align:center;font:15px/1.35 var(--font-reading);white-space:nowrap;gap:0;border:0;border-radius:0;background:none;color:#f0f0e5}
.site-header>#navigation a>span{font-weight:400;letter-spacing:0}
.site-header>#navigation a small{font-size:clamp(8px,.65vw,10px);line-height:1.45;letter-spacing:0;white-space:nowrap;margin-top:5px;color:#a9aba0}
.site-header>#navigation a.active{color:#fcc900;border:0}.site-header>#navigation a.active:after{content:'';position:absolute;height:3px;bottom:0;left:7px;right:7px;background:#fcc900}
.site-header>#navigation .nav-cross-site{color:#fcc900;background:#fcc90012;border:1px solid #b99b33;border-radius:4px;align-self:center;height:54px;min-height:0;padding:8px 3px;min-width:0}
.site-header>#navigation .nav-cross-site small{font-size:clamp(8px,.65vw,10px);color:#d5c68f}.site-header>#navigation .nav-cross-site:hover{color:#11120f;background:#fcc900}.site-header>#navigation .nav-cross-site:hover small{color:#343016}
.preview-bar{height:44px;min-height:44px}html{scroll-padding-top:148px}
@media(max-width:1120px){.site-header{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:8px;gap:8px}.site-header>#navigation{order:2;flex:1 1 100%;width:min(100%,550px);margin-left:auto;margin-right:0;height:50px}.site-header>#navigation a{min-height:50px}}
@media(min-width:761px) and (max-width:1000px){.site-header>.brand{width:180px;flex-basis:180px}}
@media(max-width:760px){.site-header{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:12px 3% 5px;gap:8px}.site-header>.brand{width:155px;flex:0 0 155px}.site-header>.brand img{width:100%;height:auto}.site-header>#navigation{order:2;width:100%;max-width:none;flex:1 1 100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:9px 0 0;overflow:visible;height:47px}.site-header>#navigation a{font-size:12px;min-height:47px;white-space:nowrap;padding:5px 1px;gap:0}.site-header>#navigation a small{font-size:7px;letter-spacing:-.02em;margin-top:3px}.site-header>#navigation a.active:after{left:3px;right:3px}.site-header>#navigation .nav-cross-site{height:43px;min-height:43px;min-width:0;padding:5px 1px;margin-left:3px;width:calc(100% - 3px)}.site-header>#navigation .nav-cross-site small{font-size:7px}html{scroll-padding-top:165px}}
/* V14 seasonal collections share the wall card geometry. */
.collection-backlink{display:flex;align-items:center;gap:20px;padding:18px 22px;margin:0 0 28px;border:1px solid #686a50;background:#202319}.collection-backlink img{width:76px;height:90px;object-fit:contain}.collection-backlink div{display:grid;gap:5px}.collection-backlink strong{color:#f0f0e5}.collection-backlink span{font-size:14px;color:#b6b7ac}.collection-backlink:hover{border-color:#fcc900}.collection-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:24px 0 44px}.collection-intro>button{border:0;background:transparent;padding:0}.collection-intro img{width:100%;max-height:480px;object-fit:contain}.collection-intro p{margin:14px 0;color:#deded5}.collection-intro .button{margin-top:14px}.collection-games{margin-top:26px}.collection-page .product-title h1{font-size:clamp(27px,4vw,52px)}
@media(max-width:760px){.collection-intro{grid-template-columns:1fr;gap:12px}.collection-intro img{max-height:340px}.collection-intro h2{font-size:28px}.collection-backlink{padding:12px;gap:10px}.collection-backlink img{width:60px}.collection-backlink strong{font-size:15px}.collection-backlink span{font-size:12px}}
/* V20: taxonomy icon rails turn filter choices into direct, touchable controls. */
.catalog-controls .filter-panel{display:block;padding:15px 0 10px}
.filter-basics{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(260px,1.15fr);gap:14px;align-items:stretch}
.taxonomy-rails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.taxonomy-filter{display:block;min-width:0;padding:11px;border:1px solid #414735;background:#151811}
.taxonomy-filter>h2{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 9px;color:#f1f0e7;font-size:13px;font-weight:500}
.taxonomy-filter>h2 small{color:#aab198;font-size:10px;font-weight:400}
.taxonomy-rail{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - 43px);padding:1px 1px 7px;scrollbar-width:thin;scrollbar-color:#766b31 #20241a}
.taxonomy-chip{position:relative;display:flex;flex:0 0 82px;min-width:0;min-height:72px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px;border:1px solid #353b2e;background:#1d2219;color:#e7e8dc;text-align:center;scroll-snap-align:center;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.taxonomy-chip:hover{border-color:#a9973b;background:#282a1c}
.taxonomy-chip.selected{border-color:#fcc900;background:#302c16;color:#ffe68a;box-shadow:inset 0 0 0 1px #fcc90050}
.taxonomy-chip:focus-visible{outline:2px solid #fcc900;outline-offset:2px}
.taxonomy-chip-icon{display:grid;width:34px;height:34px;place-items:center;color:#fcc900}
.taxonomy-chip-icon img{display:block;max-width:100%;max-height:100%;width:34px;height:34px;object-fit:contain}
.taxonomy-chip-icon i{font-size:22px;font-style:normal}
.taxonomy-chip>span:nth-child(2){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}
.taxonomy-chip>small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9b098;font-size:8px;line-height:1.2}
.taxonomy-chip.selected>small{color:#ddd09b}
.spec-taxonomy{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:3px}
.spec-taxonomy>span{font-size:15px;color:#f4f3ed}
.spec-taxonomy>small{font-size:11px;color:#aeb5a1}
.spec-taxonomy .taxonomy-chip{flex-direction:row;justify-content:flex-start;gap:10px;width:100%;min-height:64px;margin-top:5px;padding:8px 10px;text-align:left;scroll-snap-align:none}
.spec-taxonomy .taxonomy-chip-icon{width:40px;height:40px;flex:0 0 40px}
.spec-taxonomy .taxonomy-chip-icon img{width:40px;height:40px}
.spec-taxonomy .taxonomy-chip>span:nth-child(2){font-size:13px}
.spec-taxonomy .taxonomy-chip>small{font-size:10px}
@keyframes taxonomy-settle{0%{transform:translateY(-4px);filter:brightness(1.5)}65%{transform:translateY(1px)}100%{transform:translateY(0);filter:brightness(1)}}
.taxonomy-chip.tag-settle{animation:taxonomy-settle .32s ease-out}
@media(max-width:760px){.filter-basics{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px}.taxonomy-rails{grid-template-columns:1fr;gap:7px;margin-top:9px}.taxonomy-filter{padding:7px 9px}.taxonomy-filter>h2{margin-bottom:5px;font-size:12px}.taxonomy-rail{gap:6px;scroll-padding-inline:calc(50% - 38px)}.taxonomy-chip{flex-basis:72px;min-height:62px;padding:3px}.taxonomy-chip-icon,.taxonomy-chip-icon img{width:29px;height:29px}.taxonomy-chip>span:nth-child(2){font-size:10px}.taxonomy-chip>small{font-size:8px}.spec-taxonomy .taxonomy-chip{min-height:60px}}
@media(prefers-reduced-motion:reduce){.taxonomy-rail{scroll-behavior:auto}.taxonomy-chip,.taxonomy-chip.selected{transition:none;animation:none}}
.toolkit-pieces{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.toolkit-pieces>div{padding:18px;background:#202319;display:grid;gap:10px}.toolkit-pieces b{font-size:32px;color:#fcc900}.toolkit-pieces small{display:block}.toolkit-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.toolkit-gallery button{background:transparent;border:0;padding:0;align-self:start}.toolkit-gallery img{width:100%;height:auto}.collection-games{width:100%}.collection-games .game-card{min-width:0}@media(max-width:760px){.toolkit-pieces{grid-template-columns:repeat(2,1fr)}.toolkit-gallery{grid-template-columns:1fr}}
/* V21: icon reels, integrated line toggles, and alternate four-control layouts. */
body[data-filter-layout="one-row"] .filter-units{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-filter-layout="two-row"] .filter-units{grid-template-columns:repeat(2,minmax(0,1fr))}
.filter-units{display:grid;gap:12px;align-items:stretch;margin:14px 0}
.filter-units .taxonomy-filter,.filter-units .players-filter{min-width:0;min-height:190px;padding:13px 12px;border:1px solid #454a3b;background:linear-gradient(180deg,#191c15,#10120e)}
.filter-units h2{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin:0 0 9px;color:#eee;font-size:14px}.filter-units h2 small{font-size:11px;color:#b7bea6;font-weight:400}
.filter-units .players-filter{display:flex;flex-direction:column;justify-content:center}.filter-units .players-filter h2{width:100%}
.reel-control{position:relative;display:grid;grid-template-rows:24px minmax(0,1fr) 24px;gap:4px;height:142px;padding:5px 8px;border:1px solid #5a5a48;background:linear-gradient(90deg,#0b0d0a,#22251b 15%,#12140f 30%,#191b15 70%,#22251b 85%,#0b0d0a);box-shadow:inset 0 0 13px #000,0 2px 5px #0008;border-radius:7px}
.reel-control:before,.reel-control:after{content:"";position:absolute;left:7px;right:7px;height:1px;background:#fcc900a8;z-index:2;pointer-events:none}.reel-control:before{top:52px}.reel-control:after{bottom:52px}
.reel-step{min-height:20px;padding:0;border:0;background:transparent;color:#d9b900;font-size:11px;line-height:1;cursor:pointer}.reel-window{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#8c792e #10120e;display:flex;flex-direction:column;gap:3px;padding:43px 4px;scroll-padding-block:43px;mask-image:linear-gradient(transparent,#000 17%,#000 83%,transparent)}
.taxonomy-chip.roller-option{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;justify-content:stretch;gap:6px;flex:0 0 42px;width:100%;min-height:42px;padding:4px 8px;border:1px solid #34382d;background:#1c2018;color:#eee;scroll-snap-align:center;text-align:left}
.taxonomy-chip.roller-option .taxonomy-chip-icon,.taxonomy-chip.roller-option .taxonomy-chip-icon img{width:25px;height:25px;color:#fff}.taxonomy-chip.roller-option .taxonomy-chip-icon img,.spec-taxonomy .taxonomy-chip-icon img{filter:invert(1)}
.taxonomy-chip.roller-option>span:nth-child(2){font-size:12px}.taxonomy-chip.roller-option>small{font-size:10px;color:#b8bdaf}.taxonomy-chip.roller-option.selected{border-color:#fcc900;background:#383116;color:#ffe48a;box-shadow:inset 0 0 0 1px #fcc900,0 0 10px #fcc90030}.taxonomy-chip.roller-option.selected>small{color:#efe1a6}
.compact-lines button{position:relative}.compact-lines button.selected{border-color:#fcc900;background:#292612;box-shadow:inset 0 0 0 2px #fcc900,0 8px 24px #0007}.compact-lines button.selected:after{content:"✓ 已加入筛选 · FILTERED";display:block;margin-top:10px;color:#fcc900;font-size:12px;letter-spacing:.04em}.filter-panel{padding-top:4px}.taxonomy-rails{display:block}.taxonomy-filter>h2 small{color:#b8bdaf}
@media(max-width:1100px){body[data-filter-layout="one-row"] .filter-units{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.filter-units,body[data-filter-layout] .filter-units{grid-template-columns:1fr;gap:8px}.filter-units .taxonomy-filter,.filter-units .players-filter{min-height:0;padding:10px}.reel-control{height:138px}.filter-units .players-filter{min-height:122px}.taxonomy-chip.roller-option{grid-template-columns:32px minmax(0,1fr) auto}.taxonomy-chip.roller-option .taxonomy-chip-icon,.taxonomy-chip.roller-option .taxonomy-chip-icon img{width:29px;height:29px}.compact-lines button.selected:after{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reel-window{scroll-behavior:auto}.taxonomy-chip.roller-option{transition:none;animation:none}}
/* V21 compact phone and tablet layout. */
@media(max-width:760px){
.filter-units,body[data-filter-layout] .filter-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.filter-units .taxonomy-filter,.filter-units .players-filter{min-width:0;min-height:148px;padding:8px}
.filter-units h2{flex-wrap:wrap;justify-content:flex-start;gap:2px 7px;font-size:12px}
.filter-units h2 small{font-size:9px}
.reel-control{height:112px;padding:3px 5px;grid-template-rows:17px minmax(0,1fr) 17px}
.reel-control:before{top:41px}.reel-control:after{bottom:41px}
.reel-window{padding:31px 2px;scroll-padding-block:31px;touch-action:pan-y}
.taxonomy-chip.roller-option{grid-template-columns:23px minmax(0,1fr) auto;gap:4px;flex-basis:36px;min-height:36px;padding:3px 5px}
.taxonomy-chip.roller-option .taxonomy-chip-icon,.taxonomy-chip.roller-option .taxonomy-chip-icon img{width:22px;height:22px}
.taxonomy-chip.roller-option>span:nth-child(2){font-size:10px}.taxonomy-chip.roller-option>small{font-size:8px}
.filter-units .players-filter{min-height:148px}.filter-units .players-filter small{font-size:9px}
.compact-lines button.selected:after{font-size:10px}
}
@media(max-width:359px){.filter-units,body[data-filter-layout] .filter-units{grid-template-columns:1fr}.filter-units .taxonomy-filter,.filter-units .players-filter{min-height:126px}.reel-control{height:102px}}
/* V22: align the catalogue's module titles with the GIC archive's gold hierarchy. */
#main section>h2,#main .explore-heading h2,#main .design-entry h2,#main .course-direct h3,#main .cooperation-heading h2,#main .split-layout h2{color:#fcc900}
#main section>h2 span[lang="en"]{color:#d7bb51}
/* The reel has one clear selection frame; end padding centers both boundary items. */
.reel-control:before,.reel-control:after{display:none}
.reel-window{padding:0 4px;scroll-padding-block:0;gap:3px;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.reel-spacer{display:block;flex:0 0 calc(50% - 21px);min-height:0;pointer-events:none}
.reel-step:disabled{color:#66695f;opacity:.48;cursor:not-allowed}
.reel-step:not(:disabled):hover{color:#fcc900}
.all-mark{display:grid!important;width:22px;height:22px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}
.all-mark i{display:block;width:100%;height:100%;border-radius:50%;background:currentColor}
.taxonomy-badge{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 10px;width:100%;min-height:64px;margin-top:5px;padding:8px 10px;text-align:left;cursor:default;pointer-events:none}
.taxonomy-badge .taxonomy-chip-icon{grid-row:1/3;width:40px;height:40px;flex:0 0 40px}
.taxonomy-badge .taxonomy-chip-icon img{width:40px;height:40px;filter:invert(1)}
.taxonomy-badge>span:nth-child(2){font-size:13px;color:#f0f0e7}
.taxonomy-badge>small{font-size:10px;color:#b8bdaf}
.compact-lines button.selected{padding-right:160px}
.compact-lines button.selected:after{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;margin:0;padding:7px 10px;border:1px solid #fcc900;border-radius:999px;background:#11130e;color:#fcc900;font-size:11px;line-height:1.2;white-space:nowrap}
@media(max-width:760px){.reel-window{padding:0 2px;scroll-padding-block:0}.reel-spacer{flex-basis:calc(50% - 18px)}.taxonomy-badge{min-height:60px}.compact-lines button.selected{padding-right:112px}.compact-lines button.selected:after{right:8px;padding:6px 7px;font-size:9px}}
@media(max-width:359px){.compact-lines button.selected{padding-right:0;padding-bottom:31px}.compact-lines button.selected:after{right:auto;left:8px;top:auto;bottom:5px;transform:none}}
/* V23: gold page titles and responsive controls without legacy grid placement. */
#main .design-v08 h1,#main .cooperation-v07 h1,#main .product-title h1,#main .about-heading h1,#main .editorial-hero h1,#main .page-top h1{color:#fcc900}
.filter-units .players-filter{grid-column:auto}
.compact-lines button.selected:after{content:"✓ 已加入筛选\A FILTERED";white-space:pre-line;min-width:112px;text-align:center;line-height:1.35}
@media(max-width:1100px){
body[data-filter-layout="one-row"] .filter-units{grid-template-columns:repeat(2,minmax(0,1fr))}
.filter-units .players-filter{grid-column:auto}
.compact-lines{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-lines button{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:5px;padding-right:142px}
.compact-lines b,.compact-lines span,.compact-lines small{grid-column:1;white-space:normal}
.compact-lines button.selected{padding-right:142px}
.compact-lines button.selected:after{right:12px;width:112px;padding:7px 5px;font-size:10px}
}
@media(max-width:760px){
.compact-lines{grid-template-columns:1fr;gap:10px;padding:10px 0}
.compact-lines button{min-height:0;padding:13px 132px 13px 12px;gap:5px;border-left-width:2px}
.compact-lines button.selected{padding-right:132px}
.compact-lines button.selected:after{right:10px;width:108px;min-width:0;padding:7px 4px;font-size:10px}
.compact-lines b{font-size:13px}.compact-lines span{font-size:12px;line-height:1.5}.compact-lines small{font-size:10px;line-height:1.45}
}
@media(max-width:359px){.compact-lines button,.compact-lines button.selected{padding:12px 10px 47px}.compact-lines button.selected:after{left:10px;right:auto;top:auto;bottom:8px;width:auto;min-width:102px;transform:none}}
#main section>h2 span[lang="en"],#main .design-v08>.about-en,#main .cooperation-v07>.about-en,#main .product-title p[lang="en"],#main .about-heading p{color:#fcc900}
#main .mission-vision h2,#main .mission-pair h2{color:#fcc900}
/* V24: keep the reel's selection window fixed while the chosen option settles. */
.reel-control{position:relative;overflow:hidden}
.reel-control:before{display:block;content:"";position:absolute;z-index:3;left:15px;right:15px;top:50%;height:42px;transform:translateY(-50%);border:2px solid #fcc900;background:transparent;box-shadow:0 0 14px #fcc90028;pointer-events:none}
.reel-control:after{display:none}
.reel-window{scroll-snap-type:y mandatory;scroll-behavior:smooth}
.reel-window.is-scrolling .roller-option.selected{border-color:#34382d;background:#1c2018;color:#eee;box-shadow:none}
.reel-window.is-scrolling .roller-option.selected>small{color:#b8bdaf}
@media(max-width:760px){.reel-control:before{height:36px;left:10px;right:10px}}
/* V24: compact status capsule; keep the bilingual Air/Pro promise readable. */
.compact-lines button{position:relative;min-width:0;min-height:136px;box-sizing:border-box}
.compact-lines button.selected{padding-right:104px}
.compact-lines button.selected:after{right:8px;top:50%;width:88px;max-width:calc(100% - 16px);min-width:0;box-sizing:border-box;padding:6px 5px;font-size:9px;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:1100px){.compact-lines button,.compact-lines button.selected{min-height:136px;padding-right:104px}.compact-lines button.selected:after{right:8px;width:88px;padding:6px 5px;font-size:9px}}
@media(max-width:760px){.compact-lines button,.compact-lines button.selected{min-height:136px;padding:13px 104px 13px 12px}.compact-lines button.selected:after{right:8px;width:88px;min-width:0;padding:6px 5px;font-size:9px}}
@media(max-width:359px){.compact-lines button,.compact-lines button.selected{min-height:0;padding:12px 10px 43px}.compact-lines button.selected:after{left:10px;right:auto;top:auto;bottom:7px;width:88px;max-width:calc(100% - 20px);transform:none}}
/* V24: About heading follows the archive's white Chinese / gold English hierarchy. */
#main .about-heading h1,#main .mission-pair h2,#main .mission-vision h2{color:#f0f0e7}
#main .about-heading p,#main .mission-pair p[lang="en"],#main .mission-vision strong{color:#fcc900}
.mission-pair>article{display:block;text-align:center;padding:20px 20px 30px;border:1px solid #2d3221;border-radius:14px;background:linear-gradient(160deg,#ffffff06,transparent);transition:border-color .5s,box-shadow .5s}
.mission-pair>article:hover{border-color:#d4b139;box-shadow:0 10px 50px #b3a63718}
.mission-pair article>a{font-size:12px;color:#fcc900;text-decoration:none}
.mission-pair article>a:hover{text-decoration:underline;text-underline-offset:4px}
/* V25: tighten the Air/Pro cards vertically without squeezing the Filter capsule. */
.compact-lines button{min-height:96px;align-content:start;grid-auto-rows:min-content;row-gap:6px;padding-top:10px;padding-bottom:10px}
@media(max-width:1100px){.compact-lines button,.compact-lines button.selected{min-height:96px;padding-top:10px;padding-bottom:10px}}
@media(max-width:760px){.compact-lines button,.compact-lines button.selected{min-height:108px;padding:10px 104px 10px 12px;align-content:center;row-gap:5px}}
@media(max-width:359px){.compact-lines button,.compact-lines button.selected{min-height:0;padding:10px 10px 43px;align-content:start}}
/* V26: align the two Air/Pro content rows and capsule on a compact common axis. */
.compact-lines button,.compact-lines button.selected{height:auto;min-height:112px;align-content:center;grid-auto-rows:min-content;row-gap:7px;padding-top:10px;padding-bottom:10px}
@media(min-width:761px){.compact-lines button,.compact-lines button.selected{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;grid-auto-rows:min-content}}
@media(max-width:1100px){.compact-lines button,.compact-lines button.selected{min-height:112px;grid-template-columns:minmax(0,1fr);align-content:center;row-gap:6px;padding-top:9px;padding-bottom:9px}}
@media(max-width:760px){.compact-lines button,.compact-lines button.selected{min-height:120px;grid-template-columns:minmax(0,1fr);align-content:center;row-gap:5px;padding:9px 104px 9px 12px}}
@media(max-width:359px){.compact-lines button,.compact-lines button.selected{min-height:0;padding:9px 10px 43px;align-content:start}}
/* V26: on tablet widths all four filters share a single row. */
@media(min-width:761px) and (max-width:1100px){
body[data-filter-layout] .filter-units,.filter-units{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.filter-units .taxonomy-filter,.filter-units .players-filter{grid-column:auto;min-width:0;padding:8px}
.filter-units h2{font-size:12px;gap:2px;flex-wrap:wrap}
.filter-units h2 small{font-size:9px}
.reel-control{height:116px;padding:3px 4px;grid-template-rows:16px minmax(0,1fr) 16px}
.reel-control:before{height:36px;left:8px;right:8px}
.taxonomy-chip.roller-option{grid-template-columns:21px minmax(0,1fr) auto;gap:3px;flex-basis:34px;min-height:34px;padding:3px 4px}
.taxonomy-chip.roller-option .taxonomy-chip-icon,.taxonomy-chip.roller-option .taxonomy-chip-icon img{width:19px;height:19px}
.taxonomy-chip.roller-option>span:nth-child(2){font-size:9px}
.taxonomy-chip.roller-option>small{font-size:8px}
.filter-units .players-filter{min-height:0}
.filter-units .players-filter h2{display:flex;align-items:center;justify-content:space-between}
.filter-units .players-filter>small{white-space:normal;font-size:8px;line-height:1.35}
.dual-range{margin:4px 5px}
}
/* V27: let visitors browse the game wall first; advanced filters open on request. */
.catalog-controls{border-top:1px solid #36372e;padding-top:10px;margin-top:4px}
.filter-toggle{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #464a3b;background:#171a13;color:#f0f0e7;text-align:left}
.filter-toggle:hover,.catalog-controls.filters-open .filter-toggle{border-color:#fcc900}
.filter-toggle-title{display:flex;align-items:baseline;gap:10px;font-weight:700;color:#fcc900;white-space:nowrap}
.filter-toggle-title small{font-size:11px;color:#d0c89e;font-weight:400}
.filter-toggle-status{margin-left:auto;color:#aeb49f;font-size:11px;text-align:right}
.filter-toggle-mark{display:grid;place-items:center;width:24px;height:24px;border:1px solid #777a5a;border-radius:50%;color:#fcc900;font-size:18px;line-height:1;transition:transform .2s}
.catalog-controls.filters-open .filter-toggle-mark{transform:rotate(45deg);border-color:#fcc900}
.catalog-controls:not(.filters-open) .filter-panel,.catalog-controls:not(.filters-open) .filter-actions{display:none!important}
.catalog-controls.filters-open .filter-panel{display:block;border-top:1px solid #36372e;margin-top:10px;padding-top:12px}
.catalog-controls.filters-open .filter-actions{display:flex}
.reel-control:focus-within:before{border-width:3px;box-shadow:0 0 18px #fcc90055}
@media(max-width:760px){.filter-toggle{min-height:44px;padding:7px 10px}.filter-toggle-title{gap:6px;font-size:13px}.filter-toggle-title small{font-size:10px}.filter-toggle-status{font-size:10px}.catalog-controls.filters-open .filter-panel{padding-top:9px}}
/* V28: contextual counts, direct picking, and visible ways to broaden a search. */
.taxonomy-chip.roller-option{grid-template-columns:24px minmax(0,1fr) auto;position:relative;padding-right:32px}
.taxonomy-chip.roller-option .facet-count{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:10px;min-width:20px;text-align:center;color:#fcc900;border-left:1px solid #6f653b;padding-left:4px;line-height:1.4}
.facet-direct{margin-top:8px;font-size:11px;color:#c6c8b9}
.facet-direct summary{cursor:pointer;padding:5px 0;min-height:30px}
.catalog-controls .facet-direct select{width:100%;margin-top:5px;min-height:38px;font-size:11px;padding:6px;background:#171a13;color:#eee;border:1px solid #606347}
.facet-direct select option:disabled{color:#777}
.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.active-filters:empty{display:none}
.active-filters button{border:1px solid #6a6033;background:#292612;color:#f5dd85;font-size:11px;line-height:1.5;padding:6px 10px;border-radius:5px}
.active-filters button:hover{border-color:#fcc900}
.facet-feedback{font-size:11px;line-height:1.6;color:#c4c7b9;margin:8px 0 10px}
.catalog-controls:not(.filters-open) .active-filters:empty+.facet-feedback{display:none}
@media(max-width:1100px){.taxonomy-chip.roller-option{grid-template-columns:20px minmax(0,1fr);grid-template-rows:auto auto;padding:3px 30px 3px 4px;gap:0 5px}.taxonomy-chip.roller-option .taxonomy-chip-icon{grid-row:1/3}.taxonomy-chip.roller-option>small{grid-column:2;font-size:8px;line-height:1.1;margin:0;min-height:0}.taxonomy-chip.roller-option>span:nth-child(2){font-size:10px;line-height:1.2}.taxonomy-chip.roller-option .facet-count{font-size:9px}.facet-direct summary{font-size:10px}}
/* Keep old typography-sheet grid spans from overriding the current facet layout. */
.catalog-controls .filter-units>.taxonomy-filter,.catalog-controls .filter-units>.players-filter{grid-column:auto}
.taxonomy-chip.roller-option.selected{border-color:transparent;box-shadow:none}
/* V29: readable mobile search, actionable shared footer, and About mission selection. */
.support-search{min-width:0}.support-search input{flex:1;min-width:0}.support-count{font-size:13px;color:#b9bdad;margin:-17px 0 22px}.support-item p[lang=en]{color:#b9bdad;font-size:12px}.support-item .button{gap:7px;flex-wrap:wrap}
.mission-pair>article{display:block;text-align:center;padding:20px 20px 30px;border:1px solid #2d3221;border-radius:14px;background:linear-gradient(160deg,#ffffff06,transparent);transition:transform .4s,border-color .4s,box-shadow .4s;cursor:pointer}
.mission-pair>article:hover,.mission-pair>article:focus-visible{border-color:#bda32e;box-shadow:0 10px 40px #b3a63722;transform:translateY(-3px)}
.mission-pair>article.is-active{border-color:#fcc900;box-shadow:0 0 0 1px #fcc90066,0 0 48px #fcc90055;background:radial-gradient(circle at 50% 40%,#fcc90025,#ffffff04 65%)}
.mission-pair>article a{display:inline-block}.mission-footer-links a{padding:9px 15px;border:1px solid #555b43;border-radius:3px;color:#e2e3d8;transition:color .2s,border-color .2s,background .2s}.mission-footer-links a:hover,.mission-footer-links a:focus-visible{color:#fcc900;border-color:#fcc900;background:#fcc90010}
@media(max-width:760px){.support-search{gap:9px;margin:24px 0 30px}.support-search span{font-size:21px}.support-search input{font-size:14px;padding:12px 0}.support-search input::placeholder{font-size:14px}.support-count{font-size:11px}.mission-pair>article{padding:15px 16px 22px}.mission-footer-links a{width:min(100%,340px);min-height:44px}}
@media(max-width:359px){.support-search input,.support-search input::placeholder{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mission-pair>article,.mission-footer-links a{transition:none}.mission-pair>article:hover,.mission-pair>article:focus-visible{transform:none}}
.mission-pair>article a{border:1px solid #a48c34;color:#fcc900;padding:9px 15px;min-height:42px;line-height:1.5;border-radius:3px;text-decoration:none}.mission-pair>article a:hover,.mission-pair>article a:focus-visible{background:#fcc900;color:#111;border-color:#fcc900}.mission-visible .mission-pair>article{animation:mission-rise 1s both}.mission-visible .mission-pair>article:nth-child(2){animation-delay:.15s}
@media(prefers-reduced-motion:reduce){.mission-visible .mission-pair>article{animation:none}}
.mission-pair>article:focus-visible{outline:2px solid #fcc900;outline-offset:3px}
/* V37: mirror GIC's single-column mission flow on phones. */
@media(max-width:720px){
#about-mission .mission-pair{grid-template-columns:minmax(0,1fr);gap:28px}
#about-mission .mission-pair>article{position:relative}
#about-mission .mission-pair>article:after{content:"";position:absolute;left:50%;bottom:-28px;width:2px;height:28px;background:#fcc900;box-shadow:0 0 12px #fcc90088;transform:translateX(-50%)}
#about-mission .mission-confluence{height:65px;width:2px;margin:0 auto;background:linear-gradient(#9b7f18,#fcc900);box-shadow:0 0 14px #fcc90088}
#about-mission .mission-confluence span,#about-mission .mission-confluence i{display:none}
#about-mission .mission-vision{padding:14px 7px 34px}
}
/* V30: GIC-style footer route buttons retain the same visible affordance. */
.mission-footer-links button{font:inherit;background:transparent;padding:9px 15px;border:1px solid #555b43;border-radius:3px;color:#e2e3d8;transition:color .2s,border-color .2s,background .2s;line-height:1.7;min-height:44px}.mission-footer-links button:hover,.mission-footer-links button:focus-visible{color:#fcc900;border-color:#fcc900;background:#fcc90010}
@media(max-width:760px){.mission-footer-links button{width:min(100%,340px);font-size:12px}}
@media(prefers-reduced-motion:reduce){.mission-footer-links button{transition:none}}
/* V31: mirror the GIC archive's quiet, text-link footer. */
#shared-mission-footer{display:block;background:#0d100b;border-top:1px solid #363c2b;padding:22px max(4.5%,20px);text-align:center;overflow:visible}
#shared-mission-footer .mission-footer-links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,48px);flex-wrap:wrap;border:0;padding:0;color:#dedfd2;font-size:13px}
#shared-mission-footer .mission-footer-links a,#shared-mission-footer .mission-footer-links button{display:inline-block;width:auto;min-height:0;padding:8px 2px;color:#dedfd2;font:inherit;line-height:1.5;background:none;border:0;border-radius:0;text-decoration:underline;text-decoration-color:#897b34;text-underline-offset:5px;cursor:pointer;transition:color .2s,text-decoration-color .2s}
#shared-mission-footer .mission-footer-links a::after,#shared-mission-footer .mission-footer-links button::after{content:'';display:inline-block;width:.9em;height:.9em;margin-left:.25em;vertical-align:-.1em;background:#fcc900;-webkit-mask:var(--ui-arrow-icon) center/contain no-repeat;mask:var(--ui-arrow-icon) center/contain no-repeat}
#shared-mission-footer .mission-footer-links a:hover,#shared-mission-footer .mission-footer-links a:focus-visible,#shared-mission-footer .mission-footer-links button:hover,#shared-mission-footer .mission-footer-links button:focus-visible{color:#fcc900;text-decoration-color:#fcc900;background:none}
@media(max-width:760px){#shared-mission-footer .mission-footer-links{flex-direction:column;gap:2px}}
/* V33: a drawn arrow cannot fall back to Apple's emoji glyph. */
:root{--ui-arrow-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 13 13 3M5 3h8v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ui-arrow{display:inline-block;width:.9em;height:.9em;margin-left:.16em;vertical-align:-.08em;background:currentColor;-webkit-mask:var(--ui-arrow-icon) center/contain no-repeat;mask:var(--ui-arrow-icon) center/contain no-repeat}
.game-card .tile-caption h3{margin-right:0}
.active-filters .clear-all-chip{border-color:#8b7830;color:#fcc900;background:#211f13}
/* V38: mobile browsers open the PDF directly; Safari/iOS may leave embedded PDF iframes blank. */
.mobile-pdf-open{display:none}
@media(max-width:760px){.rule-reader iframe{display:none}.rule-reader .mobile-pdf-open{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:44px;white-space:normal;text-align:center;line-height:1.5}}