html,body{height:100dvh;max-width:100%;overflow:hidden!important}body{display:flex;flex-direction:column;min-height:0!important}html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body>main{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;padding:12px 24px!important;max-width:none!important}body>footer{flex:none!important;margin-top:0!important}
html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout) body .th-unified-bar{margin-bottom:0!important}
html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout) body .setup-grid{padding:0!important;min-height:0!important;gap:12px!important;align-items:stretch!important}
html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout) body .setup-grid>section{display:flex!important;flex-direction:column;justify-content:space-evenly!important;border-radius:0!important;min-height:0!important;gap:8px}
.setup-grid>:is(.intro-panel,.hero){align-items:center!important;text-align:center!important}.setup-grid>:is(.intro-panel,.hero)>p{max-width:550px}.intro-stats,.plan,.config-panel>.field,.config-panel>.field-row,.config-panel>.mode-options,.config-panel>.panel-head,.config-panel>.stats-strip{width:100%}
.screen-pages{display:flex;align-items:center;justify-content:center;gap:8px;flex:none}.screen-pages button{min-height:30px;padding:3px 9px;font-size:11px}.screen-pages span{font-size:11px}.bee-rule-pages{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:700px){html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body>main{padding:10px 12px!important}html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout) body .setup-grid>:is(.intro-panel,.hero){display:none!important}.th-unified-rule-dialog .th-rules-items li{font-size:11px!important;line-height:1.5!important;padding:6px!important;margin:4px 0!important}.bee-rule-pages button{min-height:30px;padding:3px 9px}}

.geography-layout{height:100%;min-height:0!important;gap:12px}.play-main{height:100%;min-height:0;gap:8px}.geography-layout .mobile-round-extras,.play-sidebar{min-height:0;height:100%}.play-sidebar{display:flex;gap:8px;justify-content:space-evenly}.play-sidebar>.panel{padding:10px;flex:1;min-height:0}.play-sidebar h3{margin:0 0 5px}.play-sidebar p{font-size:11px;margin:4px 0}.play-sidebar .metric{padding:4px 0}.play-sidebar .vertical{gap:6px}.play-sidebar button{min-height:34px;padding:5px 8px}.game-topline{flex:none;padding:6px 10px}.country-stage{flex:1 1 0;min-height:0!important;padding:8px;gap:4px;overflow:hidden}.country-shape{height:100%;min-height:0;max-height:240px;flex:1}.country-stage>p{flex:none;font-size:10px}.country-stage h3{margin:0}.mystery-globe{width:clamp(60px,16vh,135px);height:clamp(60px,16vh,135px);flex:none}.mystery-globe span{font-size:clamp(25px,8vh,70px)}.guess-panel{flex:none;min-height:0;padding:8px!important}.guess-panel label{font-size:12px;margin-bottom:5px}.guess-panel .game-message{min-height:0;margin:2px 0;font-size:11px}.guess-table-head,.guess-table-row{padding:5px 4px;gap:5px}.guess-table-row{font-size:11px}.guess-table-row span:last-child small{line-height:1.4}.guess-table-head{padding-block:3px}.empty-guesses{padding:8px}.autocomplete ul{max-height:none;overflow:hidden}.autocomplete li{padding:5px 8px}.autocomplete li small{font-size:9px}.finish-banner{flex:none;padding:7px}.finish-banner h2{font-size:17px;margin:0}.finish-banner .answer-country{font-size:20px!important;margin:2px 0}.finish-banner .game-controls button{min-height:34px;padding:4px 10px}.best-distance{font-size:24px}
@media(max-width:700px){.geography-layout{gap:6px}.play-main{flex:1;gap:6px}.game-topline h2{font-size:14px}.game-topline small{font-size:10px}.country-stage{padding:5px}.country-shape{max-height:170px}.guess-row{flex-direction:row;gap:5px}.guess-row .primary{width:auto;min-height:40px;font-size:10px;padding:5px 7px}.guess-panel input{min-height:40px;font-size:12px}.guess-table-row{font-size:10px}.guess-table-row span:last-child b{font-size:9px}.direction-cell{flex-direction:row}.direction-cell .bearing{font-size:18px}.guess-table-row span:last-child small{font-size:8px}.geography-layout>.mobile-round-extras{height:auto;flex:none;padding:6px}.geography-layout:has(>.mobile-round-extras[open])>.play-main{display:none}.geography-layout>.mobile-round-extras[open]{flex:1;display:flex;flex-direction:column;min-height:0}.geography-layout>.mobile-round-extras[open]::details-content{display:flex;flex:1;min-height:0}.play-sidebar{display:flex!important;width:100%;gap:6px}.play-sidebar>.panel{padding:8px}.finish-banner h2{font-size:14px}.finish-banner .answer-country{font-size:17px!important}.finish-banner .game-controls button{min-height:30px;font-size:10px;padding:3px 7px}}

.geography-layout .guess-table-row[hidden]{display:none!important}
@media(min-width:701px) and (max-height:720px){.setup-grid>.intro-panel,.setup-grid>.config-panel{padding:12px!important;gap:5px!important}.intro-panel img{width:65px;height:65px;margin:0}.intro-panel h2{font-size:22px;margin:0}.intro-panel p{font-size:11px;line-height:1.5;margin:0}.compass-sample{width:90px;height:90px;margin:0}.compass-sample b{font-size:45px;left:30px;top:12px}.compass-sample span,.compass-sample small{left:40px}.compass-sample i,.compass-sample em{top:36px}.config-panel h2{font-size:21px}.config-panel .field{gap:3px}.config-panel .mode-option{padding:6px}.config-panel .mode-option strong{font-size:12px}.config-panel .mode-option small{font-size:9px}.config-panel .status-note{padding:4px 0;font-size:10px}.config-panel .stats-strip{padding-top:5px}.config-panel .stats-strip b{font-size:17px}.intro-stats{padding:6px 0;margin:0}.intro-stats b{font-size:20px}}

@media(max-width:700px){html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body.th-settings-screen .th-settings-start-original{display:none!important}}
@media(min-width:701px) and (max-height:720px){html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body .config-panel{padding:10px!important;gap:4px!important}html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body .config-panel :is(input,select,button){min-height:32px!important;height:auto;padding:4px 7px!important;font-size:11px!important}html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body .config-panel :is(p,label){font-size:10px!important;line-height:1.4!important;margin:0!important}html:not(#th-unified-specificity):not(#viewport-padding):not(#viewport-layout):not(#viewport-body) body .config-panel h2{font-size:18px!important;margin:0!important}.config-panel .stats-strip{padding-top:4px!important}.config-panel .mode-option small{line-height:1.3!important}.config-panel .field-row{gap:6px!important}}