.header-tools{display:flex;align-items:center;gap:25px;min-width:0}.language-picker{position:relative;flex-shrink:0}.language-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:5px 3px;font-size:12px;list-style:none;cursor:pointer;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:after{content:'⌄';font-size:13px;opacity:.65}.language-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.language-picker[open] summary:after{rotate:180deg}.language-options{position:absolute;top:calc(100% + 7px);right:0;display:grid;min-width:144px;background:#20241ff5;border:1px solid #c4b78f55;box-shadow:0 12px 28px #0005;border-radius:4px;overflow:hidden;color:#f5f1e7;z-index:15}.language-options a{padding:12px 16px;font-size:13px;min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:20px}.language-options a:hover,.language-options a:focus-visible{background:#e5d2a51a}.language-options [aria-current]{color:#e3c99a}.language-options [aria-current]:after{content:'✓'}summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.footer-links{flex-wrap:wrap;align-items:center}.footer-links .footer-motion{position:static;font-size:11px;border-color:#ffffff35;min-height:44px;white-space:nowrap}
.lightbox .lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;color:#eee;padding:8px;background:#151b18}.lightbox-controls button{width:44px;min-height:44px;border:1px solid #ffffff4d;background:#ffffff08;border-radius:50%;font-size:20px}.lightbox-controls button:disabled{opacity:.3;cursor:default}.lightbox-count{font-size:12px;min-width:50px;text-align:center;font-variant-numeric:tabular-nums}.lightbox img{max-height:76svh}.lightbox .close{z-index:2}.lightbox-controls>button{position:static}
html[lang=en] .game-brand{font-family:Georgia,serif;font-size:21px;letter-spacing:.01em}html[lang=en] h1,html[lang=en] h2{font-family:Archive,Georgia,serif}html[lang=en] .crafted-sanguo h1{font-size:clamp(42px,5.1vw,72px);letter-spacing:-.025em;line-height:1.06}html[lang=en] .crafted-sanguo h1 small{font-size:.35em;letter-spacing:.12em;margin-left:0}html[lang=en] .crafted-sanguo .splash-tagline{font-size:19px;max-width:410px}html[lang=en] .hero-card-caption{letter-spacing:.1em}html[lang=en] .crafted-tianji h1{letter-spacing:.01em}html[lang=en] .zen-line{font-size:21px;letter-spacing:.025em}html[lang=en] .tianji-caption{letter-spacing:.035em}html[lang=en] .collectible-faction{font-size:11px}html[lang=en] .collectible-label{font-size:24px;letter-spacing:.02em}html[lang=en] .hero-choices span{font-family:Georgia,serif;font-size:15px}html[lang=en] .collection-copy h2{font-size:clamp(34px,3.5vw,54px)}html[lang=en] .casting-copy h2{font-size:clamp(34px,3.7vw,55px)}html[lang=en] .scene-controls{gap:9px}html[lang=en] .scene-controls label{gap:6px}html[lang=en] .scene-controls select{max-width:190px}html[lang=en] .card-faction{font-size:11px}html[lang=en] .card-label strong{font-size:22px;line-height:1.15;overflow-wrap:anywhere}html[lang=en] .back-label{font-size:20px;padding:12px}html[lang=en] .card-object.long-name .card-label strong{font-size:17px}html[lang=en] .card-tile span{font-size:10px}html[lang=en] .selected-info h2{font-size:36px;line-height:1.2}html[lang=en] .yao-row{grid-template-columns:45px 1fr 85px;gap:12px}html[lang=en] .yao-type{font-size:10px}html[lang=en] .genre-filters{gap:22px}html[lang=en] .game-splash-copy h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.02em;text-wrap:balance}html[lang=en] .prose h1{font-size:clamp(34px,4vw,60px)}
@media(max-width:650px){.site-header{padding-inline:6%;gap:10px}.header-tools{gap:12px}.site-header nav{gap:13px}.site-header .game-brand{min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.language-picker summary{font-size:11px;gap:4px;padding:0}.language-picker svg{display:none}.site-header .nav-gallery{display:none}.site-header nav a{font-size:11px}.wordmark{font-size:20px}.wordmark span{font-size:8px;margin-left:5px}.footer-links{justify-content:center}.footer-links .footer-motion{font-size:10px}html[lang=en] .site-header .game-brand{font-size:16px;max-width:40%}html[lang=en] .crafted-sanguo h1{font-size:38px}html[lang=en] .crafted-sanguo h1 small{font-size:19px;margin-top:14px}html[lang=en] .crafted-sanguo .splash-tagline{font-size:15px;margin:17px auto 20px;max-width:310px}html[lang=en] .crafted-sanguo .button,html[lang=en] .crafted-tianji .button{padding:11px 18px;font-size:12px;gap:14px}html[lang=en] .crafted-sanguo .hero-bottom{letter-spacing:0;font-size:10px}html[lang=en] .zen-line{font-size:17px;max-width:290px;line-height:1.8;margin-inline:auto}html[lang=en] .collectible-label{font-size:20px}html[lang=en] .hero-choices{gap:6px}html[lang=en] .hero-choices button{padding-right:7px;gap:6px}html[lang=en] .hero-choices img{width:22px;height:33px}html[lang=en] .hero-choices span{font-size:12px}html[lang=en] .gesture-copy{font-size:9px}html[lang=en] .scene-controls{gap:7px}html[lang=en] .scene-controls label{font-size:10px}html[lang=en] .scene-controls select{max-width:155px;font-size:11px}html[lang=en] .scene-controls button{padding:8px;font-size:11px}html[lang=en] .collection-copy h2,html[lang=en] .casting-copy h2{font-size:34px}html[lang=en] .casting-actions .primary{min-width:120px;font-size:12px}html[lang=en] .casting-actions>button:not(.primary){font-size:10px}html[lang=en] .casting-actions{gap:10px}html[lang=en] .casting-status{font-size:12px}html[lang=en] .genre-filters{gap:7px 17px;justify-content:flex-start}html[lang=en] .genre-filters button{font-size:11px}html[lang=en] .game-splash-copy h1{font-size:34px}html[lang=en] .game-line{font-size:17px}html[lang=en] .play-panel{flex-direction:column;align-items:center;text-align:center}html[lang=en] .play-panel .qr img{width:120px;height:120px}html[lang=en] .play-panel h2{font-size:28px}html[lang=en] .next-game h2{font-size:19px}html[lang=en] .gallery-heading h1{font-size:31px}html[lang=en] .viewer-controls button{font-size:11px;padding:8px 11px}html[lang=en] .gallery-page .gesture-hint{font-size:10px}html[lang=en] .gallery-page .qualities button{font-size:11px}html[lang=en] .gallery-page .selected-info h2{font-size:30px}}
@media(max-width:360px){.header-tools{gap:9px}.site-header nav{gap:10px}.site-header .game-brand,html[lang=en] .site-header .game-brand{font-size:14px;max-width:37%}.site-header .wordmark{font-size:18px}.site-header .wordmark span{font-size:7px;letter-spacing:.07em}html[lang=en] .crafted-sanguo h1{font-size:32px}html[lang=en] .hero-choices span{font-size:11px}html[lang=en] .hero-choices img{width:18px;height:28px}html[lang=en] .scene-controls label{gap:4px}html[lang=en] .scene-controls select{max-width:139px}html[lang=en] .scene-controls button{padding-inline:6px;font-size:10px}html[lang=en] .casting-actions .primary{min-width:108px;padding-inline:12px}html[lang=en] .yao-row{grid-template-columns:40px 1fr 81px;gap:8px}html[lang=en] .gallery-page .viewer-controls button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.language-picker summary:after{transition:none}}