/* GAMEX HIGH & LOW — isolated brass-and-jade card adventure. */
.gx-highlow{width:100%;box-sizing:border-box;max-width:920px;margin:22px auto;--hl-gold:#ffe0a0;--hl-cream:#f8f0d8;color:#f6f2df;font:600 14px/1.45 system-ui,-apple-system,"Noto Sans JP",sans-serif;scroll-margin-top:90px;text-align:left}.gx-highlow *{box-sizing:border-box}.gx-highlow [hidden]{display:none!important}.gx-highlow button,.gx-highlow select{font:inherit;line-height:1.25;letter-spacing:normal;text-transform:none;margin:0}.gx-highlow button{cursor:pointer;min-height:42px;padding:9px 12px;border:1px solid #a4b8a7;border-radius:8px;background:#23433f;color:#fff4d9;box-shadow:none;touch-action:manipulation}.gx-highlow button:hover{background:#36564d}.gx-highlow button:active{transform:translateY(1px)}.gx-highlow button:disabled{opacity:.44;cursor:default;transform:none}.gx-highlow button:focus-visible,.gx-highlow select:focus-visible,.gx-highlow .hl-play:focus-visible{outline:3px solid #ffe5a9;outline-offset:2px}.gx-highlow p{margin:0}.gx-highlow .hl-title{color:#fff0d0!important;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;font-size:clamp(20px,4vw,29px);line-height:1.3;font-weight:900;text-align:center}.gx-highlow .hl-title:before,.gx-highlow .hl-title:after{content:none!important;display:none!important}
.gx-highlow .hl-shell{padding:12px;border:1px solid #b29d79;border-radius:16px;background:linear-gradient(135deg,#2b514a,#152e2c 65%,#3b3c2d);box-shadow:0 14px 38px #09242133,inset 0 1px #fff1c344;isolation:isolate;overflow:hidden}.gx-highlow .hl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.gx-highlow .hl-brand{display:flex;flex-direction:column}.gx-highlow .hl-brand small{font-size:9px;letter-spacing:.12em;color:#c2d5c4}.gx-highlow .hl-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,4vw,29px);line-height:1.1;color:#fff0cc;letter-spacing:.03em}.gx-highlow .hl-tools{display:flex;gap:5px}.gx-highlow .hl-tools button{min-height:35px;padding:6px 8px;font-size:11px}.gx-highlow .hl-hud{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr;gap:6px;margin-bottom:8px}.gx-highlow .hl-hud>div{min-width:0;background:#071e20ad;border:1px solid #718375;border-radius:7px;padding:6px 8px}.gx-highlow .hl-hud span{display:block;font-size:10px;color:#c2d2bf}.gx-highlow .hl-hud strong{display:block;color:#ffdc94;font-size:clamp(17px,3.5vw,24px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}.gx-highlow .hl-hud>div:nth-child(2) strong{color:#fff9e0}
.gx-highlow .hl-stage{position:relative;width:100%;max-width:100%;min-width:0;border:1px solid #b9a078;border-radius:11px;background:#163733;overflow:hidden;padding:17px;min-height:440px}.gx-highlow .hl-sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.gx-highlow .hl-play{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;gap:12px;outline-offset:-3px!important}.gx-highlow .hl-voyage{display:flex;justify-content:space-between;gap:8px;color:#edebd5;font-size:11px;text-shadow:0 1px 2px #000}.gx-highlow .hl-cards{display:flex;justify-content:center;align-items:center;gap:clamp(8px,3vw,26px);perspective:1100px}.gx-highlow .hl-card-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;width:40%;max-width:175px}.gx-highlow .hl-card-label{color:#f4dab0;font-size:10px;font-weight:800;letter-spacing:.13em}.gx-highlow .hl-direction{font-size:23px;color:#f8d99c;text-shadow:0 2px #1a322a}
.gx-highlow .hl-card{position:relative;width:100%;aspect-ratio:2/3;color:#153b35;border:2px solid #c0ab7d;border-radius:12px;background:radial-gradient(ellipse at 30% 20%,#fffef2,#ecddbb);box-shadow:0 8px 16px #001c2b77,inset 0 0 0 4px #fff7dc,inset 0 0 0 6px #c6b689;overflow:hidden;user-select:none;backface-visibility:hidden}.gx-highlow .hl-card.is-red{color:#b33243}.gx-highlow .hl-corner{position:absolute;left:9px;top:8px;display:flex;flex-direction:column;align-items:center;line-height:1}.gx-highlow .hl-corner strong{font:bold clamp(17px,3.8vw,27px)/1 Georgia,serif}.gx-highlow .hl-corner span{font-size:clamp(16px,3.6vw,24px)}.gx-highlow .hl-corner.is-bottom{left:auto;top:auto;right:9px;bottom:8px;transform:rotate(180deg)}.gx-highlow .hl-pips{position:absolute;inset:32px 27px;display:grid;grid-template-columns:repeat(2,1fr);align-content:space-around;justify-items:center;align-items:center;font-size:clamp(20px,4.5vw,34px);line-height:1}.gx-highlow .hl-pips[data-count="1"]{display:flex;justify-content:center;align-items:center;font-size:64px}.gx-highlow .hl-pips[data-count="3"],.gx-highlow .hl-pips[data-count="5"],.gx-highlow .hl-pips[data-count="7"],.gx-highlow .hl-pips[data-count="9"]{grid-template-columns:repeat(3,1fr)}.gx-highlow .hl-pips[data-count="3"] span,.gx-highlow .hl-pips[data-count="5"] span:last-child,.gx-highlow .hl-pips[data-count="7"] span:last-child,.gx-highlow .hl-pips[data-count="9"] span:last-child{grid-column:2}.gx-highlow .hl-royal{inset:23% 20%;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid currentColor;border-radius:40% 40% 8px 8px;background:#d6c9a63b}.gx-highlow .hl-royal strong{font:900 clamp(30px,7vw,57px)/1 Georgia,serif}.gx-highlow .hl-crown{font-size:clamp(23px,5vw,42px)}.gx-highlow .hl-royal-suit{font-size:23px}.gx-highlow .hl-card.is-back{color:#e7c78c;background:repeating-linear-gradient(45deg,#18493e 0 8px,#28594a 8px 10px);border-color:#d0b079;box-shadow:0 8px 16px #001c2b77,inset 0 0 0 5px #173c34,inset 0 0 0 7px #c7ac72}.gx-highlow .hl-card-back{position:absolute;inset:22% 12%;border:2px solid #d6bb7b;border-radius:50%;display:grid;place-items:center;font-size:clamp(49px,12vw,92px);text-shadow:0 3px #47371b;background:radial-gradient(#59745b,#143e33)}.gx-highlow .hl-back-label{position:absolute;bottom:9%;width:100%;text-align:center;font:bold 10px Georgia,serif;letter-spacing:.1em;color:#f5ddb2}.gx-highlow .hl-card.is-peek{border-color:#dbc4ff;box-shadow:0 0 18px #c0a4e66b,0 8px 16px #001c2b77}.gx-highlow .hl-peek-label{position:absolute;bottom:7px;left:25%;right:25%;text-align:center;background:#4a3e67;color:#fff2e2;padding:3px;font-size:10px;border-radius:4px}.gx-highlow .is-revealing .hl-card-wrap:last-child .hl-card{animation:hl-flip .45s ease-out}.gx-highlow[data-phase=paused] .hl-card{animation-play-state:paused}
.gx-highlow .hl-message{font-size:clamp(13px,3vw,18px);font-weight:800;text-align:center;min-height:1.5em;color:#fff0cd;text-shadow:0 1px 3px #102a21}.gx-highlow .hl-history{display:flex;justify-content:center;gap:5px;min-height:28px}.gx-highlow .hl-history>span{font-family:Georgia,serif;font-size:13px;min-width:27px;line-height:26px;text-align:center;background:#f0e8d1;color:#1e4035;border-radius:4px;border:1px solid #cfb47c}.gx-highlow .hl-history>span.is-red{color:#b23944}.gx-highlow .hl-odds{display:grid;grid-template-columns:1fr .9fr 1fr;gap:6px}.gx-highlow .hl-odd{background:#072921d4;border:1px solid #89a18b;border-radius:7px;text-align:center;padding:6px 2px}.gx-highlow .hl-odd span{font-size:9px;display:block;color:#c0d7c5;letter-spacing:.05em}.gx-highlow .hl-odd strong{font-size:clamp(11px,2.8vw,16px);display:block;color:#fff1cf;font-variant-numeric:tabular-nums;white-space:nowrap}.gx-highlow .hl-odd.same{border-color:#9c8c70}.gx-highlow .hl-count-title{display:block;text-align:center;font-size:10px;color:#c9d5bd;margin-bottom:4px}.gx-highlow .hl-count-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}.gx-highlow .hl-count-grid>div{display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:4px;background:#e5dfc8;border:1px solid #b8a578;color:#28453a;padding:3px 1px;min-width:0}.gx-highlow .hl-count-grid span{font-size:10px;line-height:1}.gx-highlow .hl-count-grid b{font-size:12px;line-height:1.2}.gx-highlow .hl-count-grid .is-empty{opacity:.4}
.gx-highlow .hl-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.gx-highlow .hl-controls button{font-weight:900}.gx-highlow .hl-low,.gx-highlow .hl-high{min-height:54px;font-size:19px;letter-spacing:.06em;border-color:#c2e6cf;box-shadow:0 3px #12392f;background:linear-gradient(#a1dac2,#70baa4);color:#123d32}.gx-highlow .hl-low:hover,.gx-highlow .hl-high:hover{background:#b4e3d1;color:#123d32}.gx-highlow .hl-bank{grid-column:1/-1;min-height:46px;background:linear-gradient(#ffe3a6,#d9ab62);color:#40331e;border-color:#ffe5b5;box-shadow:0 3px #876235;font-size:14px}.gx-highlow .hl-bank:hover{background:#ffe4aa;color:#30291d}.gx-highlow .hl-controls:has(.hl-peek:not([hidden])) .hl-bank{grid-column:1}.gx-highlow .hl-peek{min-height:46px;font-size:13px;background:#41395c;border-color:#c7b8e1}.gx-highlow .hl-footer{margin-top:9px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#d4dbbe;min-height:15px}.gx-highlow .hl-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gx-highlow .hl-panel{position:absolute;inset:12px;z-index:3;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:11px;padding:clamp(14px,3vw,26px);border:1px solid #ceb384;border-radius:12px;background:linear-gradient(135deg,#25453efb,#102f2efb 70%,#4a4430fa);box-shadow:0 12px 36px #0008;overflow:auto;overscroll-behavior:contain}.gx-highlow .hl-panel>*{flex-shrink:0}.gx-highlow .hl-eyebrow{text-align:center;color:#efd09c;font-size:10px;letter-spacing:.17em}.gx-highlow .hl-note{font-size:12px;color:#d4dfcb;text-align:center;line-height:1.6}.gx-highlow .hl-modes{display:grid;gap:7px}.gx-highlow .hl-modes button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:47px;text-align:left}.gx-highlow .hl-modes button[aria-pressed=true]{background:#5a5035;border-color:#ffe0a2;box-shadow:inset 3px 0 #ffe1a6}.gx-highlow .hl-modes strong{font-size:14px;white-space:nowrap}.gx-highlow .hl-modes span{font-size:11px;color:#d1dbc5}.gx-highlow .hl-difficulty{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#e4e5d0}.gx-highlow select{width:58%;min-height:39px;background:#0d2929;color:#fff2d5;border:1px solid #b0ae8e;border-radius:6px;padding:7px 10px}.gx-highlow .hl-level-note{font-size:11px;text-align:center;color:#e0ca9f}.gx-highlow .hl-primary{background:linear-gradient(#ffe6af,#d7a75b);color:#39301d;border-color:#ffe6b5;font-size:17px;font-weight:900;min-height:47px;box-shadow:0 3px #826035}.gx-highlow .hl-primary:hover{background:#ffe3a3;color:#302718}.gx-highlow .hl-secondary{font-size:12px;min-height:37px}.gx-highlow .hl-stage:has(.hl-panel:not([hidden])){min-height:485px}
.gx-highlow .hl-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gx-highlow .hl-equipment button{min-width:0;min-height:145px;padding:12px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-color:#c5b37f;background:linear-gradient(#3b5b48,#1c3935)}.gx-highlow .hl-equipment b{font-size:32px;color:#ffe0a3}.gx-highlow .hl-equipment strong{font-size:14px}.gx-highlow .hl-equipment span{font-size:11px;line-height:1.5;color:#e0e4cb}.gx-highlow .hl-points{text-align:center;display:flex;flex-direction:column;gap:2px;color:#ffe0a0}.gx-highlow .hl-points strong{font-size:clamp(34px,7vw,57px);line-height:1.05;font-weight:900;font-variant-numeric:tabular-nums}.gx-highlow .hl-points span{font-size:10px;letter-spacing:.2em}.gx-highlow .hl-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gx-highlow .hl-result-stats>div{padding:7px 10px;display:flex;flex-direction:column;background:#0b2927b3;border:1px solid #7d9279;border-radius:6px}.gx-highlow .hl-result-stats span{font-size:10px;color:#d4dcc5}.gx-highlow .hl-result-stats strong{font-size:19px}.gx-highlow .hl-record-note{font-size:12px;color:#ffe1a5;text-align:center}.gx-highlow .hl-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gx-highlow .hl-actions button{font-size:14px}
.gx-highlow .hl-shell:fullscreen,.gx-highlow .hl-expanded{width:100vw;height:100dvh;max-width:none;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:5px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-radius:0;background:#112e2b}.gx-highlow .hl-expanded{position:fixed;inset:0;z-index:2147483000}.gx-highlow .hl-shell:fullscreen .hl-stage,.gx-highlow .hl-expanded .hl-stage{min-height:0;container-type:size;padding:10px}.gx-highlow .hl-shell:fullscreen .hl-head,.gx-highlow .hl-expanded .hl-head,.gx-highlow .hl-shell:fullscreen .hl-hud,.gx-highlow .hl-expanded .hl-hud,.gx-highlow .hl-shell:fullscreen .hl-controls,.gx-highlow .hl-expanded .hl-controls,.gx-highlow .hl-shell:fullscreen .hl-footer,.gx-highlow .hl-expanded .hl-footer{margin:0}.gx-highlow .hl-shell:fullscreen .hl-play,.gx-highlow .hl-expanded .hl-play{height:100%;gap:5px;justify-content:space-around}.gx-highlow .hl-shell:fullscreen .hl-card,.gx-highlow .hl-expanded .hl-card{height:clamp(95px,44cqh,255px);width:auto;max-width:100%}.gx-highlow .hl-shell:fullscreen .hl-panel,.gx-highlow .hl-expanded .hl-panel{inset:7px;max-width:590px;margin:auto;height:max-content;max-height:calc(100% - 14px);gap:7px;padding:12px}.gx-highlow .hl-shell:fullscreen .hl-panel[data-kind=lobby] .hl-note,.gx-highlow .hl-expanded .hl-panel[data-kind=lobby] .hl-note{display:none}.gx-highlow .hl-shell:fullscreen .hl-modes,.gx-highlow .hl-expanded .hl-modes{grid-template-columns:repeat(3,1fr);gap:4px}.gx-highlow .hl-shell:fullscreen .hl-modes button,.gx-highlow .hl-expanded .hl-modes button{display:block;padding:5px;text-align:center;min-height:42px}.gx-highlow .hl-shell:fullscreen .hl-modes strong,.gx-highlow .hl-expanded .hl-modes strong{font-size:12px}.gx-highlow .hl-shell:fullscreen .hl-modes span,.gx-highlow .hl-expanded .hl-modes span{display:none}.gx-highlow .hl-shell:fullscreen .hl-primary,.gx-highlow .hl-expanded .hl-primary{min-height:37px;font-size:14px}
@media(max-width:480px){.gx-highlow .hl-shell{padding:8px;border-radius:11px}.gx-highlow .hl-head{gap:5px}.gx-highlow .hl-brand small{font-size:8px;letter-spacing:.06em}.gx-highlow .hl-brand strong{font-size:22px}.gx-highlow .hl-tools{gap:4px}.gx-highlow .hl-tools button{padding:6px 7px;font-size:10px;min-height:33px}.gx-highlow .hl-hud{gap:4px}.gx-highlow .hl-hud>div{padding:5px}.gx-highlow .hl-hud span{font-size:9px}.gx-highlow .hl-stage{padding:12px;min-height:380px}.gx-highlow .hl-play{gap:9px}.gx-highlow .hl-voyage{font-size:9px}.gx-highlow .hl-card-wrap{width:40%}.gx-highlow .hl-history{gap:4px}.gx-highlow .hl-history>span{min-width:23px;line-height:23px;font-size:12px}.gx-highlow .hl-count-grid{gap:2px}.gx-highlow .hl-count-grid span{font-size:9px}.gx-highlow .hl-count-grid b{font-size:11px}.gx-highlow .hl-panel{inset:8px;padding:12px;gap:8px}.gx-highlow .hl-title{font-size:20px}.gx-highlow .hl-modes button{display:block;min-height:44px;padding:8px 10px}.gx-highlow .hl-modes span{display:block;margin-top:2px;font-size:10px}.gx-highlow .hl-modes strong{font-size:13px}.gx-highlow .hl-note{font-size:11px}.gx-highlow .hl-equipment{gap:5px}.gx-highlow .hl-equipment button{min-height:130px;gap:7px}.gx-highlow .hl-equipment strong{font-size:12px}.gx-highlow .hl-equipment span{font-size:10px}.gx-highlow .hl-record-note{font-size:10px}.gx-highlow .hl-actions button{font-size:13px}.gx-highlow .hl-footer{font-size:9px}}
@media(max-width:359px){.gx-highlow .hl-head{display:block}.gx-highlow .hl-tools{justify-content:flex-end;margin-top:5px}.gx-highlow .hl-card-label{font-size:9px}.gx-highlow .hl-pips{inset:29px 23px;font-size:21px}.gx-highlow .hl-message{font-size:12px}.gx-highlow .hl-panel{gap:7px}.gx-highlow .hl-title{font-size:18px}.gx-highlow .hl-eyebrow{font-size:9px}.gx-highlow .hl-equipment strong{font-size:11px}.gx-highlow .hl-equipment span{font-size:9px}.gx-highlow .hl-bank,.gx-highlow .hl-peek{font-size:11px}}
@media(max-height:480px) and (orientation:landscape){.gx-highlow .hl-shell:fullscreen,.gx-highlow .hl-expanded{grid-template-columns:minmax(0,1fr) 158px;grid-template-rows:auto minmax(0,1fr) auto;gap:5px}.gx-highlow .hl-shell:fullscreen .hl-head,.gx-highlow .hl-expanded .hl-head{grid-column:1/3;flex-wrap:nowrap}.gx-highlow .hl-shell:fullscreen .hl-stage,.gx-highlow .hl-expanded .hl-stage{grid-column:1;grid-row:2/4;padding:7px;min-height:0}.gx-highlow .hl-shell:fullscreen .hl-hud,.gx-highlow .hl-expanded .hl-hud{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;align-content:start}.gx-highlow .hl-shell:fullscreen .hl-controls,.gx-highlow .hl-expanded .hl-controls{grid-column:2;grid-row:3;gap:5px}.gx-highlow .hl-shell:fullscreen .hl-controls button,.gx-highlow .hl-expanded .hl-controls button{min-height:36px;padding:6px;font-size:12px}.gx-highlow .hl-shell:fullscreen .hl-footer,.gx-highlow .hl-expanded .hl-footer{display:none}.gx-highlow .hl-shell:fullscreen .hl-count-wrap,.gx-highlow .hl-expanded .hl-count-wrap{display:none}.gx-highlow .hl-shell:fullscreen .hl-card,.gx-highlow .hl-expanded .hl-card{height:clamp(90px,46cqh,170px);border-radius:8px}.gx-highlow .hl-shell:fullscreen .hl-play,.gx-highlow .hl-expanded .hl-play{gap:3px}.gx-highlow .hl-shell:fullscreen .hl-card-label,.gx-highlow .hl-expanded .hl-card-label{font-size:8px}.gx-highlow .hl-shell:fullscreen .hl-voyage,.gx-highlow .hl-expanded .hl-voyage{font-size:9px}.gx-highlow .hl-shell:fullscreen .hl-message,.gx-highlow .hl-expanded .hl-message{font-size:11px;min-height:1.2em}.gx-highlow .hl-shell:fullscreen .hl-history>span,.gx-highlow .hl-expanded .hl-history>span{line-height:19px;font-size:10px;min-width:21px}.gx-highlow .hl-shell:fullscreen .hl-odds,.gx-highlow .hl-expanded .hl-odds{gap:4px}.gx-highlow .hl-shell:fullscreen .hl-odd,.gx-highlow .hl-expanded .hl-odd{padding:2px}.gx-highlow .hl-shell:fullscreen .hl-odd strong,.gx-highlow .hl-expanded .hl-odd strong{font-size:11px}.gx-highlow .hl-shell:fullscreen .hl-odd span,.gx-highlow .hl-expanded .hl-odd span{font-size:8px}.gx-highlow .hl-shell:fullscreen .hl-corner,.gx-highlow .hl-expanded .hl-corner{left:5px;top:5px}.gx-highlow .hl-shell:fullscreen .hl-corner.is-bottom,.gx-highlow .hl-expanded .hl-corner.is-bottom{left:auto;top:auto;right:5px;bottom:5px}.gx-highlow .hl-shell:fullscreen .hl-corner strong,.gx-highlow .hl-expanded .hl-corner strong,.gx-highlow .hl-shell:fullscreen .hl-corner span,.gx-highlow .hl-expanded .hl-corner span{font-size:14px}.gx-highlow .hl-shell:fullscreen .hl-pips,.gx-highlow .hl-expanded .hl-pips{inset:24px 20px;font-size:15px}.gx-highlow .hl-shell:fullscreen .hl-royal,.gx-highlow .hl-expanded .hl-royal{inset:21% 20%;gap:0}.gx-highlow .hl-shell:fullscreen .hl-royal strong,.gx-highlow .hl-expanded .hl-royal strong{font-size:25px}.gx-highlow .hl-shell:fullscreen .hl-crown,.gx-highlow .hl-expanded .hl-crown{font-size:21px}.gx-highlow .hl-shell:fullscreen .hl-royal-suit,.gx-highlow .hl-expanded .hl-royal-suit{font-size:16px}.gx-highlow .hl-shell:fullscreen .hl-panel,.gx-highlow .hl-expanded .hl-panel{inset:5px;height:calc(100% - 10px);max-height:none;justify-content:flex-start;padding:8px;gap:5px}.gx-highlow .hl-shell:fullscreen .hl-panel .hl-title,.gx-highlow .hl-expanded .hl-panel .hl-title{font-size:17px}.gx-highlow .hl-shell:fullscreen .hl-panel .hl-eyebrow,.gx-highlow .hl-expanded .hl-panel .hl-eyebrow{font-size:8px}.gx-highlow .hl-shell:fullscreen .hl-panel[data-kind=lobby] .hl-eyebrow,.gx-highlow .hl-expanded .hl-panel[data-kind=lobby] .hl-eyebrow{display:none}.gx-highlow .hl-shell:fullscreen .hl-modes button,.gx-highlow .hl-expanded .hl-modes button{min-height:34px}.gx-highlow .hl-shell:fullscreen .hl-modes strong,.gx-highlow .hl-expanded .hl-modes strong{font-size:11px}.gx-highlow .hl-shell:fullscreen .hl-level-note,.gx-highlow .hl-expanded .hl-level-note{font-size:10px}.gx-highlow .hl-shell:fullscreen .hl-difficulty,.gx-highlow .hl-expanded .hl-difficulty{font-size:10px}.gx-highlow .hl-shell:fullscreen select,.gx-highlow .hl-expanded select{min-height:29px;padding:4px}.gx-highlow .hl-shell:fullscreen .hl-equipment button,.gx-highlow .hl-expanded .hl-equipment button{min-height:100px;gap:4px}.gx-highlow .hl-shell:fullscreen .hl-equipment b,.gx-highlow .hl-expanded .hl-equipment b{font-size:23px}.gx-highlow .hl-shell:fullscreen .hl-equipment strong,.gx-highlow .hl-expanded .hl-equipment strong{font-size:11px}.gx-highlow .hl-shell:fullscreen .hl-equipment span,.gx-highlow .hl-expanded .hl-equipment span{font-size:9px}.gx-highlow .hl-shell:fullscreen .hl-points strong,.gx-highlow .hl-expanded .hl-points strong{font-size:26px}.gx-highlow .hl-shell:fullscreen .hl-result-stats>div,.gx-highlow .hl-expanded .hl-result-stats>div{padding:3px 6px;flex-direction:row;justify-content:space-between;align-items:center}.gx-highlow .hl-shell:fullscreen .hl-result-stats strong,.gx-highlow .hl-expanded .hl-result-stats strong{font-size:13px}.gx-highlow .hl-shell:fullscreen .hl-record-note,.gx-highlow .hl-expanded .hl-record-note{font-size:10px}.gx-highlow .hl-shell:fullscreen .hl-secondary,.gx-highlow .hl-expanded .hl-secondary{min-height:29px;font-size:10px}}
@keyframes hl-flip{from{transform:rotateY(-90deg) translateX(12px);filter:brightness(.6)}to{transform:rotateY(0);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.gx-highlow *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.gx-highlow .hl-card{container-type:size}.gx-highlow .hl-pips{font-size:clamp(10px,10cqh,28px)}.gx-highlow .hl-pips[data-count="1"]{font-size:clamp(27px,38cqh,64px)}
.gx-highlow .hl-voyage{background:#0a2925d9;border-radius:4px;padding:2px 4px;border:1px solid #b2b58255}