/* Shared phone and small-tablet experience. The game frame retains its own size rules. */
@media(max-width:760px){
 html{scroll-padding-top:84px}
 body{font-size:15px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
 .wrap{width:calc(100% - 36px)}
 .site-header .nav-wrap{height:70px;gap:12px}
 .site-header .logo{font-size:18px;letter-spacing:2.5px;min-height:44px}
 .menu-toggle{min-width:48px;min-height:44px;padding:8px 10px;font-size:13px}
 .nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:8px 11px;font-size:11px;white-space:nowrap}
 .nav-links{padding:12px 18px 18px;max-height:calc(100dvh - 70px);overflow:auto;overscroll-behavior:contain;gap:4px;box-shadow:0 12px 25px #0004}
 .nav-links a{min-height:48px;display:flex;align-items:center;padding:10px 15px;font-size:15px;border-radius:4px}
 .nav-links a.active{background:#26392a}.nav-links a.active:after{bottom:23px}
 .btn{min-height:48px;font-size:14px;padding:12px 22px;gap:22px}
 .text-link{min-height:44px;font-size:13px}
 .reset{min-height:44px;font-size:12px}
 .eyebrow{font-size:10px;letter-spacing:2px}
 .section-head{margin-bottom:26px}.section-head h2{font-size:28px;letter-spacing:-.8px;line-height:1.5}.section-head p{font-size:14px;line-height:1.9}
 body:not([data-page=play]) .page-heading{padding:28px 0 30px;gap:0}
 body:not([data-page=play]) .breadcrumb{display:inline-flex;align-items:center;min-height:44px;margin-bottom:10px;font-size:11px}
 body:not([data-page=play]) .page-heading h1{font-size:clamp(30px,8.8vw,40px);letter-spacing:-1px;margin:13px 0 17px;line-height:1.45}
 body:not([data-page=play]) .page-heading>div>p{font-size:14px;line-height:1.9}
 body:not([data-page=play]) .page-heading>div>p br{display:none}
 .source-inline{font-size:12px;line-height:2;text-underline-offset:3px}
 .callout{padding:19px;gap:12px}.callout strong{font-size:15px;line-height:1.7}.callout p{font-size:13px;line-height:1.9}
 /* Home: keep the primary action and interactive cards close together. */
 .hero-copy{padding:34px 0 0}.hero h1{font-size:clamp(76px,23vw,100px);letter-spacing:-5px;margin:15px 0 8px}.hero h2{font-size:clamp(23px,6.3vw,29px);letter-spacing:1px;line-height:1.5;margin-bottom:15px}
 .hero-copy>p{font-size:14px;line-height:1.9}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-actions{margin-top:23px;gap:17px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px;gap:9px}.hero-note{font-size:10px;margin-top:17px;gap:8px;flex-wrap:wrap;letter-spacing:0}
 .detective-hero .art-stage{height:335px;margin-top:7px}.detective-hero .hero-card{top:53px}.detective-hero .orbit{width:310px;height:310px}.detective-hero .orbit-label{top:10px;font-size:7px;letter-spacing:2px}.detective-hero .spark.one{top:45px}.detective-hero .spark.two{bottom:49px}
 .home-art-controls{bottom:0;gap:14px}.home-art-controls p{font-size:11px;line-height:1.5;max-width:235px}.home-art-controls .reset{font-size:11px;min-height:44px;padding:5px 0}.hero-footer{padding:16px 0 18px}.facts{gap:22px}.fact strong{font-size:23px}.fact span{font-size:10px}.scroll-hint{min-height:44px}.marquee-line{padding:12px 0}.marquee-inner{font-size:9px;letter-spacing:.6px;gap:8px}
 .gateway-section{padding:42px 0 48px}.gateway-grid{border:0;gap:12px}.gateway{border:1px solid var(--line)!important;border-radius:5px;background:#15241d}.gateway p{font-size:14px;line-height:1.8}.gateway h3{font-size:19px}.gateway-link{font-size:12px}
 /* Rules: a short, collapsible index and illustrations that survive narrow columns. */
 .reading-layout{gap:20px;padding-bottom:42px}.reading-index{position:sticky;top:70px;z-index:12;background:#15231f;border:1px solid #536046;border-radius:5px;align-self:start}
 .reading-index>summary{display:list-item;margin:0;padding:11px 15px;min-height:46px;font-size:14px;color:#d2c6a7;cursor:pointer}
 .reading-index .reading-nav{position:static;display:grid;grid-template-columns:1fr 1fr;padding:6px 10px 12px;border:0;gap:3px 6px;max-height:min(50dvh,360px);overflow:auto;overscroll-behavior:contain}
 .reading-index .reading-nav a{font-size:13px;padding:8px;min-height:44px;display:flex;align-items:center}.reading-index .reading-nav .eyebrow{display:none}
 .rule-chapter{padding:30px 0;scroll-margin-top:137px}.rule-chapter h2{font-size:26px;line-height:1.5;margin:10px 0 17px}.rule-chapter>p,.prose-list{font-size:15px;line-height:1.95}.prose-list{padding-left:23px}.prose-list li{padding:5px 0}
 .example-box{padding:19px 17px;margin:22px 0}.example-label{font-size:11px;letter-spacing:.5px}.example-box p{font-size:14px;line-height:1.9}.equation{gap:8px;margin:19px 0}.equation>.inline-card{width:44px;height:66px}.equation>span:not(.inline-card){font-size:13px}.equation strong{font-size:30px}
 .setup-figure{padding:20px 17px;gap:20px;flex-wrap:wrap}.setup-four{flex:none}.setup-figure>div:last-child{flex:1;min-width:150px}.setup-figure h3{font-size:17px}.setup-figure p{font-size:13px}.setup-figure .eyebrow{font-size:9px;letter-spacing:.8px}
 .walk-top{align-items:start;font-size:11px;gap:12px}.walk-top .example-label{font-size:11px}.walk-top>span:last-child{white-space:nowrap}.rule-walk-cards{min-height:0;padding:22px 0;gap:12px;justify-content:center}.walk-card-group{flex-direction:column;gap:7px}.walk-card-group span:not(.inline-card){font-size:11px}.walk-buttons{gap:10px}.walk-buttons button{flex:1;min-height:46px;font-size:13px;padding:8px 10px}
 .data-table{table-layout:fixed}.data-table th:first-child{width:33%}.data-table th:nth-child(2){width:20%}.data-table th:nth-child(3){width:47%}.data-table td,.data-table th{font-size:13px;line-height:1.7;padding:13px 9px;overflow-wrap:break-word;vertical-align:top}.data-table th{font-size:12px}
 .power-row{grid-template-columns:61px minmax(0,1fr);gap:15px;padding:24px 0}.power-row h3{font-size:19px}.power-row p{font-size:14px;line-height:1.9}.power-example{font-size:13px;line-height:1.9;padding-left:12px}.power-ranks{font-size:24px}.rule-chapter>.btn{width:100%;margin-top:8px}
 /* Strategy: readable paragraphs, with numbers kept out of the text column. */
 [data-page=strategy] #strategy{padding-top:6px;padding-bottom:40px}.strategy-card{grid-template-columns:37px minmax(0,1fr);column-gap:12px}.strategy-card .big-no{font-size:32px}.strategy-card h3{font-size:20px;line-height:1.6}.strategy-card p{font-size:15px;line-height:1.95}.strategy-card .tip{font-size:12px;letter-spacing:0;line-height:1.7}.quote{padding:22px 0;margin-top:32px;gap:10px}.quote p{font-size:18px;line-height:1.8}.quote>span{font-size:35px;align-self:start}
 .decision-section{padding:38px 0 44px}.decision-grid h3{font-size:20px}.decision-grid p{font-size:15px;line-height:1.95}.decision-section>.btn{width:100%}
 /* History: dates, names and sources should stay readable without horizontal panning. */
 .history-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px;padding:14px 0}.history-jumps a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:13px;padding:8px 12px;background:#1b2a21;border:1px solid var(--line);border-radius:4px}
 .history-timeline-section{padding-top:38px}.time-event{padding-left:12px;padding-bottom:35px;scroll-margin-top:84px}.time-year{font-size:31px;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.time-content h3{font-size:23px;line-height:1.55}.time-content p{font-size:15px;line-height:1.95}.time-content .eyebrow{font-size:10px}.time-content .source-inline{white-space:nowrap}
 .alias-card{padding:23px 20px}.alias-card h3{font-size:26px;line-height:1.35;overflow-wrap:anywhere}.alias-card>span{font-size:13px;letter-spacing:0;line-height:1.8}.alias-card p{font-size:14px;line-height:1.9}.culture-symbol{font-size:86px;height:165px;padding:10px}.culture-section{gap:25px;padding-bottom:44px}.culture-section h2{font-size:26px;line-height:1.6}.culture-section p{font-size:15px;line-height:1.95}
 /* Play: reading and lab controls are enlarged; the bounded game keeps its compact controls. */
 [data-page=play] .combo-section .mode-switch{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.combo-section .mode-switch button{min-height:44px;font-size:13px;padding:7px 10px}.combo-toolbar{gap:16px}.check-label{font-size:13px;min-height:44px}.check-label input{width:21px;height:21px;margin:0 5px 0 0}.combo-lab{padding:25px 19px;gap:24px}.combo-explanation p{font-size:14px;line-height:1.9}.combo-explanation h3{font-size:25px}.combo-section .rules-note{font-size:13px;line-height:1.9}.table-guidance p{font-size:13px;line-height:1.9}.table-guidance summary{min-height:44px;padding:10px 0;font-size:13px}
 /* Shared references remain present and comfortably readable on every page. */
 .footer{padding:30px 0 22px}.footer-top{gap:12px;padding-bottom:19px}.footer-top>p{font-size:13px;line-height:1.9}.footer-top .text-link{font-size:13px}.page-references{padding-top:24px}.page-references h2{font-size:20px;margin-top:8px}.reference-grid{gap:19px;margin-top:20px}.reference-grid p{font-size:13px;line-height:1.95}.reference-grid a{line-height:2;text-underline-offset:4px}.copyright{font-size:10px;line-height:1.8;letter-spacing:.5px}
}
@media(max-width:480px){
 .gateway-grid{grid-template-columns:1fr}.gateway{min-height:0;display:grid;grid-template-columns:30px minmax(0,1fr) 24px;gap:5px 13px;padding:20px}
 .gateway-number{grid-column:1;grid-row:1;font-size:13px;margin-top:4px}.gateway-icon{grid-column:3;grid-row:1/3;float:none;font-size:25px;margin-top:2px}.gateway h3{grid-column:2;grid-row:1;margin:0}.gateway p{grid-column:2;grid-row:2;margin:3px 0 5px}.gateway-link{grid-column:2;grid-row:3;margin:3px 0 0}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 32px)}.site-header .nav-cta{display:none}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.hero h1{font-size:76px}.hero h2{font-size:23px}.hero-actions{gap:12px}.hero-actions>.btn{padding:11px 18px;font-size:13px;gap:14px}.hero-actions .text-link{font-size:11px;gap:7px}.hero-actions .play-circle{width:23px;height:23px}.hero-note{font-size:9px}.facts{gap:16px}.fact span{font-size:9px}
 .detective-hero .art-stage{height:305px}.detective-hero .hero-card{top:36px}.detective-hero .orbit{width:278px;height:278px}.home-art-controls{gap:8px}.home-art-controls p{font-size:10px;max-width:202px}.home-art-controls .reset{font-size:10px}.setup-figure{gap:17px}.setup-figure>div:last-child{min-width:135px}.data-table td,.data-table th{font-size:12px;padding:12px 7px}.power-row{grid-template-columns:50px minmax(0,1fr);gap:12px}.power-ranks{font-size:21px}.time-year{font-size:28px}.time-content h3{font-size:21px}.alias-card h3{font-size:24px}
}
@media(hover:none){
 .mystery-card:hover .mystery-inner{transform:none}.mystery-card.pinned .mystery-inner{transform:rotateY(180deg)}
 .gateway:hover{transform:none}.btn:hover{transform:none}
}
@media(min-width:761px){.reading-index{position:sticky;top:118px;align-self:start}.reading-index>summary{display:none}.reading-index .reading-nav{position:static}}
@media(prefers-reduced-motion:reduce){.reading-index{scroll-behavior:auto}}
@media(max-width:760px){.game-frame .reset{min-height:0}.rule-chapter{scroll-margin-top:54px}}