/* Shared native arcade chrome and raised controls. Game control positions remain intact. */
.hg-arena .hg-top{background:linear-gradient(120deg,#221431ee,#111629ee);border-bottom:1px solid #ffffff1c;height:64px}.hg-arena .hg-top h2{color:#fff0d2;letter-spacing:-.4px}.hg-arena .hg-top button{background:linear-gradient(#423250,#292038);border:1px solid #ffffff20;box-shadow:0 3px 0 #090713;border-radius:14px;transition:transform .12s}.hg-arena button:active{transform:translateY(2px)}.hg-arena button:focus-visible,.hg-native-share a:focus-visible{outline:3px solid #ffdd7a;outline-offset:3px}.hg-arena .hg-menu{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 30px));max-height:calc(100% - 100px);overflow:auto;z-index:30;padding:26px;border:1px solid #e0b45f88;border-radius:26px;background:linear-gradient(145deg,#251632fa,#151023fa);box-shadow:0 20px 80px #000b;color:#fff3dc}.hg-native-eyebrow{font-size:10px;letter-spacing:3px;color:#d6b779}.hg-menu h3{font-size:25px;margin:10px 0;text-align:center}.hg-menu p{font-size:12px;line-height:1.65;color:#cbbbda}.hg-arena .hg-menu button{display:block;width:100%;margin-top:12px;padding:14px;background:linear-gradient(#413150,#2b213a);box-shadow:0 5px 0 #0b0814;border:1px solid #ffffff12}.hg-arena .hg-menu #hg-pause,.hg-arena .hg-menu #hg-resume{background:linear-gradient(#ffe48d,#ffcd60);color:#492f10;border-color:#ffe6a0;box-shadow:0 5px 0 #a97b29}.hg-arena .hg-menu #hg-menu-share{background:linear-gradient(#ff9acd,#f25ea7);color:#471435;box-shadow:0 5px 0 #93205d}.hg-arena .hg-result{background:linear-gradient(145deg,#261931f2,#111626f5);border:1px solid #e0b45f66;border-radius:26px;box-shadow:0 18px 60px #0009;padding:24px;max-height:calc(100% - 20px);overflow:auto;z-index:20}.hg-result h2{color:#ffe194}.hg-arena #hg-rematch,.hg-arena #hg-battle,.hg-arena .hr-ready,.hg-arena .cc-ready,.hg-arena .sr-ready{background:linear-gradient(#ffe48d,#ffcd60);color:#492f10;border:1px solid #ffe6a0;box-shadow:0 5px 0 #a97b29;border-radius:17px}.hg-arena .hg-controls button,.hg-arena .hr-controls button[data-race],.hg-arena .cc-controls button,.hg-arena .sr-controls button{border:1px solid #ffffff45;box-shadow:0 4px 0 #08081277,inset 0 1px 0 #ffffff22;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hg-arena #hg-fire,.hg-arena .cc-fire,.hg-arena .hr-gas{background:linear-gradient(#ffe17dcc,#e6b14bb8);color:#322512;text-shadow:none;border-color:#fff0b5;box-shadow:0 4px 0 #94682c}.hg-arena .hg-tic button{background:linear-gradient(#42344f,#2a243b);border:1px solid #837392;box-shadow:0 5px 0 #0d0a1a;border-radius:20px}.hg-sea-setup button,.hg-sea-tools button{border-radius:14px;background:linear-gradient(#3a344c,#26233a);box-shadow:0 4px 0 #0c1020}.hg-arena .hg-tank-list button{border-radius:16px;box-shadow:0 4px 0 #090d14}.hg-arena .hg-tank-list button.selected{background:linear-gradient(#775b33,#483821);color:#ffe4a3;border-color:#e7c67b}.hg-native-share{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 26px));max-height:calc(100% - 28px);overflow:auto;z-index:45;background:linear-gradient(145deg,#251632fa,#151023fa);border:1px solid #e0b45f88;border-radius:26px;box-shadow:0 0 0 100vmax #080713aa,0 22px 60px #0009;padding:24px;color:#fff0d9}.hg-native-share h2{margin:5px 0 14px;font-size:24px;color:#ffe5a8}.hg-native-share p{font-size:13px;line-height:1.6;color:#d5c8df}.hg-native-share>button{width:100%;margin-top:12px;min-height:48px}.hg-native-share #hg-social-native{background:linear-gradient(#ffe48d,#ffcd60);color:#492f10;box-shadow:0 4px 0 #a97b29}.hg-native-share .hg-share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.hg-native-share a{display:grid;place-items:center;min-height:44px;border:1px solid #ffffff22;border-radius:12px;color:#fff2dd;background:#ffffff0b;text-decoration:none;font-size:12px}.hg-native-share #hg-social-copy{background:linear-gradient(#ff9acd,#f25ea7);color:#471435}.hg-arena[data-game="cross-math"] .hg-top{background:white}.hg-arena[data-game="cross-math"] .hg-top h2{color:#225f48}.hg-arena[data-game="cross-math"] .hg-top button{background:#e3f1e9;color:#173b30;box-shadow:0 3px 0 #bdcfbf}@media(max-width:600px){.hg-arena .hg-top{height:auto;min-height:54px;padding:5px 8px;gap:5px;flex-wrap:wrap}.hg-arena .hg-tools{gap:4px}.hg-arena .hg-top button{font-size:10px;padding:7px;min-height:38px}.hg-arena .hg-top h2{font-size:16px}.hg-arena .hg-menu{padding:20px}.hg-native-share{padding:20px}}@media(orientation:landscape) and (max-height:600px){.hg-arena .hg-top{height:40px;min-height:40px;flex-wrap:nowrap}.hg-arena .hg-top button{min-height:30px;padding:5px 9px}.hg-arena .hg-menu{max-height:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){.hg-arena button{transition:none!important}}
.hg-arena.hg-live-game .hg-top{height:42px;min-height:42px;padding:4px 10px}.hg-arena.hg-live-game .hg-top button{min-height:32px;padding:6px 10px}.hg-native-share #hg-social-note{font-size:11px;color:#b8a7c6}@media(max-width:600px){.hg-arena .hg-top{flex-wrap:nowrap}.hg-arena .hg-top #hg-back,.hg-arena .hg-top #hg-sound,.hg-arena .hg-top #hg-chat-toggle,.hg-arena .hg-top #hg-share-open{font-size:0;width:30px;padding:5px;min-height:32px;flex-shrink:0}.hg-arena .hg-top #hg-back::before{content:'←';font-size:18px}.hg-arena .hg-top #hg-sound::before{content:'♪';font-size:18px}.hg-arena .hg-top #hg-sound[aria-pressed="false"]::before{content:'∅'}.hg-arena .hg-top #hg-chat-toggle::before{content:'⋯';font-size:20px}.hg-arena .hg-top #hg-share-open::before{content:'↗';font-size:18px}.hg-arena .hg-tools{flex-shrink:0;gap:3px}.hg-arena .hg-top h2{font-size:14px;max-width:100px}.hg-arena .hg-top #hg-full,.hg-arena .hg-top #hg-menu-toggle{width:30px;min-height:32px;padding:4px}.hg-arena .hg-top small{font-size:7px;letter-spacing:1px}.hg-arena.hg-live-game .hg-top{min-height:40px;height:40px}}
/* Compact browseable catalog; responsive columns are shared by all categories. */
.hg-library{padding:clamp(16px,2.5vw,32px);max-width:1300px}.hg-library h2{font-size:clamp(23px,3vw,34px);letter-spacing:-.8px}.hg-library>p{font-size:13px}.hg-catalog{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}.hg-catalog button{min-height:105px;padding:16px;gap:7px;border-radius:16px;min-width:0;box-shadow:0 4px 0 #050b1344}.hg-catalog button span{font-size:27px;line-height:1.1}.hg-catalog button b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}.hg-catalog button small{font-size:10px;line-height:1.5}.hg-catalog button[hidden]{display:none!important}.hg-categories{flex-wrap:wrap}.hg-library .hg-invite select{min-width:0;max-width:100%}.hg-library .hg-invite label{min-width:0}@media(max-width:600px){.hg-library{padding:16px 12px}.hg-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.hg-catalog button{min-height:95px;padding:13px;gap:6px;border-radius:14px}.hg-catalog button b{font-size:12px}.hg-catalog button small{font-size:9px}.hg-catalog button span{font-size:23px}.hg-categories button{font-size:11px;padding:10px 12px}.hg-invite{gap:12px}.hg-invite button{font-size:12px;padding:12px;width:100%}.hg-invite label{width:100%}}@media(max-width:340px){.hg-catalog{gap:8px}.hg-catalog button{padding:10px}.hg-categories button{padding:8px;font-size:10px}}