/* Final responsive system. CSS pixels, content-led breakpoints, no device sniffing. */
:root{
 --content-rail:1120px;--rail-gutter:24px;--card-pad:32px;
 --section-space:clamp(48px,6vw,80px);--grid-gap:24px;
 --safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);
 --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
 --page-left:max(var(--rail-gutter),var(--safe-left),calc((100% - var(--content-rail))/2));
 --page-right:max(var(--rail-gutter),var(--safe-right),calc((100% - var(--content-rail))/2));
}
@media(max-width:389px){:root{--rail-gutter:20px;--card-pad:20px}}
@media(max-width:359px){:root{--rail-gutter:16px;--card-pad:16px}}
@media(min-width:600px){:root{--rail-gutter:32px}}
@media(min-width:900px){:root{--rail-gutter:48px}}
@media(min-width:1200px){:root{--rail-gutter:64px}}
/* Keep a complete 16:9 player in ordinary short laptop viewports. */
@media(min-width:981px) and (max-height:800px) and (hover:hover){:root{--content-rail:1024px}}
html{scroll-padding-top:24px;scroll-padding-bottom:calc(var(--radio-dock-space,24px) + var(--safe-bottom));-webkit-text-size-adjust:100%;text-size-adjust:100%}
body .section-pad,body .broadcast.section-pad,body .game-section.game-banner-section,body .page-shell,body .header.site-masthead,body .footer{padding-left:var(--page-left);padding-right:var(--page-right)}
body .section-pad,body .broadcast.section-pad,body .honor.section-pad,body .game-section.game-banner-section,body .chat-section{padding-top:0;padding-bottom:var(--section-space)}
body .header.site-masthead{padding-top:max(24px,var(--safe-top));padding-bottom:24px}
body .page-shell{padding-top:40px;padding-bottom:var(--section-space)}
body .footer{padding-top:40px;padding-bottom:calc(40px + var(--safe-bottom))}
body.radio-on .footer{padding-bottom:calc(var(--radio-dock-space,145px) + 40px)}
.masthead-top{margin-bottom:0;min-width:0}
.section-heading,.honor-heading{margin:0 0 32px;gap:24px}
.section-heading h2,.honor-heading h2{font-size:clamp(32px,4.2vw,56px);line-height:1.08;letter-spacing:-.025em;max-width:22ch}
.section-heading>p,.honor-heading p,.page-shell>.intro{max-width:60ch;line-height:1.5}
:where(.media-layout,.media-left,.ticket,.ticket-heading,.activity-grid,.activity-card,.game-copy,.chat-panel,.footer-top,.page-controls)>*{min-width:0}
.player.broadcast-player{width:100%;aspect-ratio:16/9;min-height:0;margin:0;border-radius:16px}
.broadcast .ticket{margin-top:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.ticket .ticket-heading,.ticket form{padding:var(--card-pad)}
.ticket-heading h3{font-size:clamp(30px,3.2vw,44px);line-height:1.12;max-width:16ch;margin:16px 0 24px}
.ticket form input:not([type=checkbox]){width:100%;min-width:0;font-size:16px;min-height:52px}
.ticket .input-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ticket .check{gap:10px;line-height:1.5;align-items:flex-start;padding-block:4px}
.ticket .check input{flex:0 0 20px;width:20px;height:20px;margin-top:2px}
#broadcast>#header-contact-block{margin-top:32px;padding:var(--card-pad);gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
#header-contact-block .air-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#header-contact-block .air-phone{grid-column:1/-1}
#header-contact-block .air-phone strong{font-size:clamp(24px,3vw,34px);line-height:1.2;white-space:normal}
#header-contact-block .air-actions :is(a,button){min-width:0;min-height:56px}
#header-contact-block .air-actions small{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}
.activity-card{padding:28px 24px 0;min-height:0;border-radius:20px}
.activity-card :is(.record-art,.motivation-art,.quiz-art){height:220px;margin:0 0 24px;min-width:0}
.activity-card h3{font-size:clamp(28px,2.6vw,36px);line-height:1.12;margin-bottom:16px}
.activity-card>p{font-size:17px;line-height:1.5;margin-bottom:24px;max-width:48ch}
.activity-card .card-action{font-size:17px;min-height:64px;gap:16px;padding-block:20px}
.honor-track{gap:var(--grid-gap);margin-right:0;padding:0 0 12px;scroll-padding-inline:0}
.honor-track .person-card{flex-basis:calc((100% - 72px)/4);min-width:0}
.honor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.person-card h4,.page-shell .person-card h4{font-size:22px;line-height:1.2}
.person-card .person-position,.person-card .person-department,.page-shell .person-card p{font-size:15px;line-height:1.45}
.game-banner{padding:40px;min-height:480px;border-radius:20px}
.game-banner .game-copy{max-width:49%}
.game-banner .game-copy h2{font-size:clamp(36px,4.6vw,60px);line-height:1.05;margin:0 0 20px;overflow-wrap:break-word}
.game-banner .game-copy>p{font-size:18px;line-height:1.5;max-width:38ch;margin-bottom:24px}
.chat-panel{border-radius:20px}
.chat-panel-top,.chat-panel #chat-form{padding:24px;gap:16px 24px}
.chat-feed{padding:24px;height:clamp(320px,54svh,520px)}
.chat-panel #chat-form{grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr)}
.chat-message p{font-size:17px;line-height:1.5}
.chat-panel #chat-form .chat-submit{gap:16px;flex-wrap:wrap}
.chat-panel #chat-form .chat-submit small{max-width:50ch}
.footer-top{flex-wrap:wrap;gap:24px;padding-bottom:24px}
.footer-top p{white-space:normal;margin-left:0;max-width:50ch;font-size:14px;line-height:1.5}
.footer-bottom{gap:16px;flex-wrap:wrap}
.page-shell h1{font-size:clamp(32px,5vw,64px);line-height:1.1;overflow-wrap:break-word}
.page-controls{flex-wrap:wrap;gap:16px;margin:32px 0 24px}
.alphabet{display:flex;flex-wrap:wrap;gap:8px}
.button{min-height:48px;max-width:100%;white-space:normal;line-height:1.3;gap:16px}
:where(.voice-record,.voice-stop,.voice-remove,.voice-upload,.circle-button,.alphabet button,.modal-close,#chat-refresh,.page-pagination button){min-width:48px;min-height:48px}
:where(input,textarea,select){max-width:100%;min-width:0}
:where(input:not([type=checkbox]):not([type=range]),textarea,select){font-size:16px}
/* Dialogs and floating controls retain safe margins, including landscape notches. */
dialog{width:700px;max-width:calc(100% - max(16px,var(--safe-left)) - max(16px,var(--safe-right)));max-height:calc(100dvh - max(16px,var(--safe-top)) - max(16px,var(--safe-bottom)));padding:40px;border-radius:20px;scroll-padding-block:24px}
dialog .modal-close{top:12px;right:12px}
dialog h2{padding-right:24px;font-size:clamp(30px,4vw,48px);line-height:1.12;overflow-wrap:break-word}
dialog .voice-toolbar{gap:8px;flex-wrap:wrap}
dialog .voice-toolbar button{white-space:normal}
dialog.farm-modal{width:1120px;max-width:calc(100% - max(16px,var(--safe-left)) - max(16px,var(--safe-right)));padding:28px}
.radio-dock.radio-console{width:auto;max-width:none;left:var(--page-left);right:var(--page-right);transform:none;bottom:calc(12px + var(--safe-bottom));max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}
.radio-on .toast{bottom:calc(var(--radio-dock-space,145px) + 16px)}
@media(max-width:999px){
 .activity-grid{grid-template-columns:minmax(0,1fr)}
 .honor-track .person-card{flex-basis:calc((100% - 48px)/3)}
 .honor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .honor-heading{flex-wrap:wrap;align-items:flex-start}
 .game-banner .game-copy h2{font-size:42px}
}
@media(min-width:600px) and (max-width:999px){
 .activity-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:24px;padding:24px 24px 0}
 .activity-card :is(.record-art,.motivation-art,.quiz-art){grid-column:1;grid-row:1/4;align-self:center;height:220px;margin:0 0 24px}
 .activity-card h3,.activity-card>p,.activity-card .card-action{grid-column:2}
}
@media(max-width:899px){
 .broadcast .ticket{display:block}
 .ticket .ticket-heading{border-radius:20px 20px 0 0}
 .ticket form{border:1px solid #0055b821;border-top:0;border-radius:0 0 20px 20px}
 .ticket-perforation{display:none}
 .ticket-heading h3{max-width:22ch}
 #broadcast>#header-contact-block{grid-template-columns:minmax(0,1fr)}
 .game-banner{padding:32px 32px 300px;min-height:0}
 .game-banner .game-copy{max-width:none}
 .game-banner .game-copy h2{font-size:clamp(36px,6vw,48px);max-width:17ch}
 .game-banner-art{inset:auto 0 0;height:280px}
 .game-banner-spark{display:none}
}
@media(max-width:599px){
 :root{--card-pad:24px;--grid-gap:16px}
 body .header.site-masthead{padding-top:max(16px,var(--safe-top));padding-bottom:20px}
 body .page-shell{padding-top:24px}
 .section-heading,.honor-heading{margin-bottom:24px;gap:20px}
 .section-heading h2,.honor-heading h2{font-size:clamp(30px,8vw,40px)}
 .masthead-top{grid-template-columns:40px minmax(0,1fr) 48px;gap:8px;padding:8px;border-radius:16px}
 .site-masthead .brand{width:40px}.site-masthead .brand img{height:44px}
 .site-masthead .mobile-menu{width:48px;min-height:54px}
 .site-masthead .radio-button{padding:8px;gap:8px;font-size:15px}
 .site-masthead .radio-button .tiny-play{width:32px;height:32px;flex-shrink:0}
 .site-masthead .radio-button small{font-size:11px}
 .site-masthead .radio-button b{line-height:1.2}
 .site-masthead nav.primary-nav,.site-masthead.menu-open nav.primary-nav{padding:8px;border-radius:12px}
 .broadcast .ticket,#broadcast>#header-contact-block{margin-top:24px}
 .ticket .ticket-heading,.ticket form{padding:var(--card-pad)}
 .ticket-heading h3{font-size:clamp(28px,7.3vw,36px);max-width:none}
 .ticket .input-pair{grid-template-columns:minmax(0,1fr);gap:0}
 .activity-card{padding:var(--card-pad) var(--card-pad) 0}
 .activity-card :is(.record-art,.motivation-art,.quiz-art){height:220px;margin-bottom:24px}
 .activity-card h3{font-size:30px}
 .activity-card>p{font-size:17px}
 .honor-track .person-card{flex-basis:82%}
 .honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 .page-shell .person-card h4{font-size:20px}
 .page-shell .person-card p{font-size:14px}
 .game-banner{padding:var(--card-pad) var(--card-pad) 280px}
 .game-banner-art{height:260px}
 .game-banner .game-copy>p{font-size:17px}
 .chat-panel-top,.chat-panel #chat-form{padding:20px}
 .chat-feed{padding:16px}
 .chat-panel #chat-form{display:block}
 .chat-panel #chat-form .chat-submit{display:flex;align-items:stretch;flex-direction:column}
 .chat-panel #chat-form .chat-submit .button{width:100%;min-height:48px;font-size:16px}
 dialog,dialog.farm-modal{padding:56px 20px 24px;border-radius:16px}
 .farm-hud{grid-template-columns:repeat(2,minmax(0,1fr))}
 .farm-header{flex-wrap:wrap;gap:12px}
 .farm-best{margin-top:0;text-align:left;max-width:none}
 .farm-best strong{display:inline-block;margin:0 8px}
 .farm-control-group{flex-wrap:wrap}
 .farm-tool,.farm-touch-controls button{min-height:48px}
 .farm-controls{display:flex;flex-wrap:wrap}
 .radio-dock.radio-console{padding:12px;border-radius:16px}
 .radio-console .radio-button{font-size:17px;min-width:0}
 .radio-console .radio-button .tiny-play{width:40px;height:40px}
 .radio-console .console-contact-toggle{min-width:48px;min-height:48px}
 .radio-console .air-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .radio-console .air-phone{grid-column:1/-1}
}
@media(max-width:389px){
 :root{--card-pad:20px}
 .honor-grid{grid-template-columns:minmax(0,1fr)}
 .site-masthead .radio-button{gap:6px;font-size:14px;padding:6px}
 .site-masthead .radio-button small{font-size:10px}
 .activity-card h3{font-size:28px}
 .chat-panel-top,.chat-panel #chat-form{padding:16px}
 .chat-feed{padding:12px}
 .radio-console-main{gap:8px}
 .console-contact-toggle span{font-size:11px}
}
@media(max-width:359px){:root{--card-pad:16px}.radio-dock.radio-console{padding:10px}.radio-console .radio-button{font-size:15px}}
@media(orientation:landscape) and (max-height:500px){
 dialog,dialog.farm-modal{max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom))}
 .radio-dock.radio-console{bottom:calc(8px + var(--safe-bottom))}
 .radio-console.is-expanded{max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.activity-card{transition:none}.activity-card:hover{transform:none}}

@media(max-width:980px){.radio-dock.radio-console{left:max(var(--rail-gutter),var(--safe-left),calc((100% - 600px)/2));right:max(var(--rail-gutter),var(--safe-right),calc((100% - 600px)/2))}}

/* Shared section label: lottery and game use the same type treatment. */
.ticket-heading>.eyebrow,.game-banner .game-label{display:block;position:relative;z-index:2;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;color:#fff;background:none;border:0;border-radius:0;padding:0;margin:0 0 18px}
/* Honor cards: shared content tracks align each row without truncating copy. */
.honor-grid{align-items:stretch}
.person-card{display:flex;flex-direction:column;min-width:0}
.person-card .person-photo{flex:none;width:100%;aspect-ratio:4/5;border-radius:12px}
.person-card h4,.page-shell .person-card h4{margin:16px 0 12px;min-height:2.5em;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--deep);overflow-wrap:anywhere}
.person-details{min-width:0;padding-bottom:16px}
.person-card .person-details p,.page-shell .person-card .person-details p{margin:0;font-size:14px;line-height:1.5;color:#405d78;overflow-wrap:anywhere}
.person-card .person-details .person-position{margin-bottom:6px;color:#164866}
.person-card .person-award,.page-shell .person-card .person-award{margin: auto 0 0;padding:14px 0 0;border-top:1px solid #003b6226;font-size:14px;font-weight:600;line-height:1.45;color:#003b62;overflow-wrap:anywhere}
.person-card .person-award-empty{border-color:transparent;padding:0}
@supports(grid-template-rows:subgrid){
 .honor-grid{row-gap:12px}
 .honor-grid .person-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px;margin-bottom:28px}
 .honor-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);grid-template-rows:auto auto 1fr auto;column-gap:24px;row-gap:12px;align-items:stretch}
 .honor-track .person-card{display:grid;grid-row:1/5;grid-template-rows:subgrid;row-gap:12px}
 .honor-grid .person-card h4,.honor-track .person-card h4{margin:2px 0 0;min-height:0;align-self:start}
 .honor-grid .person-details,.honor-track .person-details{padding-bottom:4px}
 .honor-grid .person-award,.honor-track .person-award{margin:0;align-self:stretch}
 @media(max-width:999px){.honor-track{grid-auto-columns:calc((100% - 48px)/3)}}
 @media(max-width:599px){.honor-track{grid-auto-columns:82%;column-gap:16px}.honor-grid .person-card{margin-bottom:20px}}
}
@media(max-width:599px){
 .person-card h4,.page-shell .person-card h4{font-size:19px;line-height:1.3}
 .person-card .person-details p,.page-shell .person-card .person-details p{font-size:14px}
}