*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#202722;color:#e6e3d4;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d4ba7c;outline-offset:3px}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#090f0ec0);z-index:1}#top{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:20px 3.5%;z-index:8;border-bottom:1px solid #eee2c72b;background:linear-gradient(#101917a0,transparent)}.brand{font-weight:900;letter-spacing:2px;font-size:22px}.brand i{font-style:normal;font-size:10px;font-weight:400;color:#c4b994;letter-spacing:2px}#mode{font-size:9px;letter-spacing:2px;flex:1;color:#c2c5b6}button{background:#16201dcc;border:1px solid #d1c9ad45;padding:12px 14px;transition:background .15s}button:hover{background:#435044}#top button{font-size:9px;letter-spacing:1px;padding:9px 12px;background:#121a1950}small{font-size:9px}#menuButton{display:none}#lobby{position:fixed;inset:80px 0 0;z-index:3;display:grid;grid-template-columns:1fr 405px;gap:40px;align-items:center;padding:20px 6% 35px;background:linear-gradient(90deg,#1017126b,transparent 65%);overflow-y:auto}.intro{align-self:center;max-width:620px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#ceb881;line-height:1.7}.eyebrow span{display:inline-block;height:6px;width:6px;background:#c8b071;margin-right:10px}h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(48px,7.7vw,112px);line-height:.93;letter-spacing:1px;margin:28px 0;text-shadow:0 3px 20px #152018}h1 span{font-family:Georgia,serif;display:block;font-size:23px;letter-spacing:13px;color:#d0bd8d;margin-top:20px}.tagline{color:#d5d7c8;font-family:Georgia,serif;font-size:19px;line-height:1.6;text-shadow:0 2px 8px black}.introfoot{border-top:1px solid #e5dac745;padding-top:22px;margin-top:40px;font-size:10px;letter-spacing:1.6px;display:flex;gap:25px;color:#ddd5be}.introfoot b{font-weight:400;color:#ccb374}.panel{background:#17201ee8;border:1px solid #beb39553;padding:24px 25px;box-shadow:0 20px 60px #0005;backdrop-filter:blur(12px)}.sectionHeading{display:flex;justify-content:space-between;color:#b7aa84;letter-spacing:1.8px;font-size:9px}h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:15px 0 22px}.map{display:flex;gap:13px;align-items:center;width:100%;text-align:left;padding:15px 12px;background:#19231f;margin-bottom:7px;border:1px solid #d1c9ad27}.map.selected{border-color:#c6ab6c;background:#81754c25;box-shadow:inset 3px 0 #c6ab6c}.mapNum{font:11px Georgia;color:#a99e7d}.map strong{display:block;font-family:Georgia,serif;font-size:18px;font-weight:400}.map small{display:block;font-size:8px;letter-spacing:.9px;margin-top:6px;color:#aaaFA1}.map i{font-style:normal;margin-left:auto;color:#c7b37e}.formrow{display:flex;gap:12px;margin-top:18px}.formrow label{width:50%}label{font-size:8px;letter-spacing:1.3px;color:#b8b8a8;display:block}select,input{margin-top:7px;width:100%;background:#0c1513b0;color:#e0dfd2;border:1px solid #bfbba23c;border-radius:0;padding:10px 8px;font-size:12px;min-width:0}.namefield{margin-top:13px}.actions{margin-top:19px;display:grid;gap:8px}.primary{background:#c3ad76;color:#19201b;border:1px solid #c3ad76;font-size:11px;font-weight:700;letter-spacing:1.1px;padding:16px;display:flex;justify-content:space-between;width:100%}.primary:hover{background:#e0ca91}.actions>button:not(.primary){font-size:9px;letter-spacing:1px}.actions span{margin-left:auto}.actions #practice{display:flex;justify-content:space-between}#practice span{font-size:8px;color:#aaa99b}#status{font-size:11px;line-height:1.5;color:#c2c2ac;margin:14px 0}.textbutton{padding:7px 0;background:none;border:0;letter-spacing:1px;font-size:9px;color:#c7b78b}.disclosure{font-size:9px;color:#929a8c;line-height:1.45;margin:12px 0 0}.hidden{display:none!important}#loading{position:fixed;z-index:30;bottom:25px;left:30px;font-size:10px;letter-spacing:2px;background:#15201de0;padding:15px;color:#d7c795}#loading span{margin-left:20px}#hud{position:fixed;inset:0;z-index:2;pointer-events:none}.matchtop{position:absolute;left:3.5%;right:3.5%;top:79px;display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:1.3px;text-shadow:0 2px 4px black}#connection{color:#cfbb82;font-size:8px;flex:1}#timer{font-size:21px;font-family:Georgia,serif}#crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.7}#crosshair i{position:absolute;background:#ebead6;box-shadow:0 0 2px #000}#crosshair i:nth-child(1){top:9px;left:0;width:5px;height:1px}#crosshair i:nth-child(2){top:9px;right:0;width:5px;height:1px}#crosshair i:nth-child(3){left:9px;top:0;width:1px;height:5px}#crosshair i:nth-child(4){left:9px;bottom:0;width:1px;height:5px}#hitmark{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#d9b979}.bottomhud{position:absolute;left:3.5%;right:3.5%;bottom:36px;display:flex;justify-content:space-between;text-shadow:0 2px 5px black}.bottomhud>div{display:flex;flex-direction:column}.bottomhud small{font-size:9px;letter-spacing:1.4px;color:#e0d0a6}.bottomhud strong{font:38px Georgia,serif;margin:6px 0}.bottomhud span:not(#ammo){font-size:9px;letter-spacing:1.4px}.weaponHUD{text-align:right}.weaponHUD em{font-style:normal;color:#b2b6a7;font-size:23px}.desktophelp{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.4px;color:#d3d3c1a0}#message{position:absolute;top:35%;width:100%;text-align:center;color:#e5d5a4;font:20px Georgia;text-shadow:0 2px 4px black}#killfeed{position:absolute;top:120px;right:3.5%;font-size:11px;text-align:right;color:#e2d7b8}#hurt{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 140px 25px #9e180f;opacity:0}.overlay{position:fixed;inset:0;z-index:15;display:flex;justify-content:center;align-items:center;background:#0b1511b5;backdrop-filter:blur(5px);padding:20px;overflow-y:auto}.dialog{background:#1a2420f5;padding:30px;border:1px solid #b8a57677;width:min(500px,100%);max-height:100%;overflow:auto}.dialog>button{display:block;width:100%;margin-top:12px;font-size:11px}.dialog p{font-size:12px;line-height:1.6;color:#bec3b4}dl{display:grid;grid-template-columns:1fr 1.2fr;gap:13px;font-size:11px;line-height:1.4}dt{color:#d2bd86}dd{margin:0;color:#c0c5b7}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #ddd3aa26}th{color:#b9aa85;font-size:9px}#shareText{font-size:11px;word-break:break-all;margin-top:15px;color:#d6c591}#touch{display:none;pointer-events:none;position:absolute;inset:0}#touch button,#joystick{pointer-events:auto;touch-action:none;user-select:none}#touch button{position:absolute;border-radius:50%;width:46px;height:46px;font-size:9px;background:#14201a70;border:1px solid #cdd2b65c;padding:0}#fire{right:25px;bottom:115px;width:76px!important;height:76px!important;background:#b8995250!important;font-size:12px!important}#aim{right:115px;bottom:112px}#reload{right:30px;bottom:203px}#jump{right:170px;bottom:60px}#crouch{right:117px;bottom:57px}#switch{right:62px;bottom:53px}#use{right:222px;bottom:60px}#grenade{right:83px;bottom:200px}#joystick{position:absolute;left:32px;bottom:72px;border:1px solid #eee4be55;border-radius:50%;width:112px;height:112px;background:#12211830}#joystick span{position:absolute;left:36px;top:36px;width:38px;height:38px;border:1px solid #cdd0bb80;border-radius:50%;background:#b5b69b35}#joystick small{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#c7c7b3}#lookzone{position:absolute;right:0;top:110px;width:55%;height:calc(100% - 110px);pointer-events:auto;touch-action:none}#touch button,#joystick{z-index:2}@media(pointer:coarse){#touch{display:block}.desktophelp{display:none}.bottomhud{bottom:12px}.bottomhud strong{font-size:25px;margin:3px 0}.bottomhud small{font-size:8px}.bottomhud span:not(#ammo){font-size:8px}#mode{font-size:8px;letter-spacing:.5px}}@media(max-width:850px){#lobby{grid-template-columns:1fr 340px;gap:24px;padding:20px 4%}.panel{padding:20px}.intro h1{font-size:58px}.tagline{font-size:16px}.introfoot{gap:12px;font-size:8px}.map{padding:12px 10px}#mode{font-size:8px;letter-spacing:1px}}@media(max-width:600px){#top{padding:14px 5%;gap:12px}#mode{font-size:7px;letter-spacing:.5px}.brand{font-size:19px}#top button{padding:8px;font-size:8px}#lobby{inset:60px 0 0;display:block;padding:24px 6% 40px}.intro h1{font-size:58px;margin:16px 0}.intro h1 br{display:block}.intro h1{font-size:43px;line-height:1.05;max-width:290px}.intro h1 span{font-size:14px;letter-spacing:7px;margin-top:8px}.eyebrow{font-size:8px;letter-spacing:1.5px}.tagline,.introfoot{display:none}.panel{margin-top:25px;padding:20px}.sectionHeading{font-size:8px}h2{font-size:25px}.matchtop{top:67px;gap:10px;font-size:9px}#timer{font-size:18px}#connection{font-size:7px}#joystick{left:19px;bottom:84px;width:98px;height:98px}#joystick span{left:29px;top:29px}#fire{right:17px;bottom:144px;width:64px!important;height:64px!important}#aim{right:90px;bottom:139px}#reload{right:20px;bottom:217px}#grenade{right:75px;bottom:213px}#jump{right:17px;bottom:88px}#crouch{right:72px;bottom:83px}#switch{right:127px;bottom:79px}#use{right:128px;bottom:133px}.dialog{padding:23px}#killfeed{top:100px;font-size:9px}}@media(max-height:400px) and (pointer:coarse){#top{padding:8px 4%}.matchtop{top:49px}#touch button{width:38px;height:38px;font-size:8px}#fire{right:12px;bottom:91px;width:54px!important;height:54px!important}#aim{right:75px;bottom:96px}#reload{right:14px;bottom:154px}#grenade{right:61px;bottom:154px}#jump{right:12px;bottom:48px}#crouch{right:58px;bottom:48px}#switch{right:104px;bottom:48px}#use{right:121px;bottom:96px}#joystick{left:20px;bottom:62px;width:78px;height:78px}#joystick span{left:19px;top:19px}.bottomhud{bottom:5px}.bottomhud strong{font-size:20px}.bottomhud small{font-size:7px}#killfeed{top:80px}}
@media(max-height:650px) and (min-width:601px){#lobby{align-items:start;padding-top:15px}.intro{position:sticky;top:40px}.panel{padding:18px}.map{padding:11px}.formrow{margin-top:12px}h2{margin:12px 0 16px}.intro h1{font-size:65px}.tagline{font-size:16px}}

/* Plain field typography and restrained edge instruments. */
body{color:#d2d2c8;font-family:"Courier New",monospace}
.grain{background:radial-gradient(ellipse at center,transparent 60%,#11171365)}
.panel,.dialog{background:#222721ed;box-shadow:none;backdrop-filter:none;border-color:#9a9c894a}
#lobby{background:linear-gradient(90deg,#151b1866,transparent 75%)}
h1{color:#d0d0bf;text-shadow:2px 2px 0 #1118;letter-spacing:2px}
h1 span,.eyebrow,.sectionHeading,.introfoot b,.mapNum{color:#b6b7a2}
h2,.map strong{font-family:"Courier New",monospace}
.map{background:transparent;border:0;border-bottom:1px solid #a0a28d30;padding:12px 6px}
.map.selected{background:#8c958514;box-shadow:inset 2px 0 #b2b59c;border-color:#9da18c55}
.map i,.actions span:not(#practice span){visibility:hidden}
.primary{background:#747b66;color:#ecece0;border-color:#a4aa8d66}
.primary:hover{background:#878d77}
#top{border:0;background:linear-gradient(#12191455,transparent);padding-top:12px;padding-bottom:12px}
.brand{font-size:17px}.brand i{font-size:9px}
#top button{border-color:#b3baa23a;background:#15201930}
.bottomhud strong{font:26px "Courier New",monospace;margin:4px 0}.weaponHUD em{font-size:18px}
.bottomhud small,.bottomhud span:not(#ammo){font-size:9px;color:#c3c6b4;letter-spacing:.7px}
#timer{font:17px "Courier New",monospace}.matchtop{top:62px;font-size:9px}
#connection{color:#b8beaa}.overlay{backdrop-filter:none}
/* A deliberate pause never dims or covers the weapon-side view. */
#pause{inset:84px auto auto 14px;width:min(250px,calc(100vw - 28px));max-height:calc(100dvh - 180px);padding:0;background:none;overflow:auto;align-items:flex-start;justify-content:flex-start}
#shareText{word-break:normal;overflow-wrap:anywhere;line-height:1.5}#invitationLinkBox[hidden]{display:none}#invitationLinkBox{margin-top:12px}#invitationLink{font-size:12px;letter-spacing:0;user-select:text;touch-action:auto}button:disabled{opacity:.6;cursor:wait}
#pause .dialog{width:100%;padding:12px;background:#20271eee}#pause h2{font-size:18px;margin:7px 0}#pause .eyebrow{font-size:8px;letter-spacing:1px}#pause .dialog>button{margin-top:6px;padding:9px;font-size:10px}#pause .dialog p{margin:6px 0;font-size:10px}
@media(max-width:600px){#pause{top:86px;width:min(280px,calc(100vw - 20px));max-height:calc(100dvh - 110px);left:10px}}
#touch button{background:#29332945;border-color:#bdc4b158;color:#d4d8c8}
#fire{background:#727c5945!important}#crosshair{opacity:.5}#crosshair i:nth-child(1),#crosshair i:nth-child(2){top:calc(50% - .5px)}#crosshair i:nth-child(3),#crosshair i:nth-child(4){left:calc(50% - .5px)}
@media(max-width:600px){.matchtop{top:57px}.panel{padding:16px}h2{font-size:21px}.bottomhud strong{font-size:23px}}
@media(max-height:400px) and (pointer:coarse){.matchtop{top:44px}.bottomhud strong{font-size:19px}}

#message{top:auto;bottom:90px;left:3.5%;width:auto;font:12px "Courier New",monospace;text-align:left}#crosshair{display:block}

#compass{position:absolute;left:3.5%;top:94px;width:44px;height:44px;border:1px solid #c4c7ae80;border-radius:50%;background:#343b3044;text-align:center;color:#d7d2b8;font:9px Georgia}#compass span{position:absolute;left:18px;top:2px}#compass i{display:block;font:28px Georgia;margin-top:10px;font-style:normal}#killfeed{max-width:42%}

/* The field stays clear: move, look, fire, and one equipment drawer. */
@media(pointer:coarse){
#touch button:not(#fire):not(#more){display:none}
#touch #fire{right:max(22px,env(safe-area-inset-right));bottom:105px;width:76px!important;height:76px!important}
#touch #more{display:block;right:max(31px,env(safe-area-inset-right));bottom:42px;width:56px;height:50px;border-radius:8px;font-size:11px;background:#293127bb}
#joystick{left:max(24px,env(safe-area-inset-left));bottom:72px;width:108px;height:108px}#joystick span{left:34px;top:34px}#joystick small{display:none}
#touch.expanded:before{content:"";position:absolute;right:12px;bottom:196px;width:196px;height:244px;background:#252c24f2;border:1px solid #a9af8b66;border-radius:5px;z-index:1}
#touch.expanded button:not(#fire):not(#more){display:block;width:84px;height:48px;border-radius:4px;background:#535c4388;font-size:10px}
#touch.expanded #aim{right:112px;bottom:382px}#touch.expanded #reload{right:22px;bottom:382px}
#touch.expanded #jump{right:112px;bottom:326px}#touch.expanded #crouch{right:22px;bottom:326px}
#touch.expanded #use{right:112px;bottom:270px}#touch.expanded #switch{right:22px;bottom:270px}
#touch.expanded #grenade{right:22px;bottom:214px;width:174px}
#compass{top:91px}#message{bottom:215px}
}
@media(pointer:coarse) and (max-height:500px){
#touch.expanded:before{right:108px;bottom:66px;width:284px;height:178px}
#touch.expanded #aim{right:302px;bottom:188px}#touch.expanded #reload{right:210px;bottom:188px}#touch.expanded #jump{right:118px;bottom:188px}
#touch.expanded #crouch{right:302px;bottom:132px}#touch.expanded #use{right:210px;bottom:132px}#touch.expanded #switch{right:118px;bottom:132px}
#touch.expanded #grenade{right:118px;bottom:76px;width:176px}
}

@media(pointer:coarse){
#kitActions{display:none;position:absolute;right:max(12px,env(safe-area-inset-right));bottom:196px;width:min(196px,calc(100vw - 24px));max-height:calc(100% - 218px);overflow:auto;pointer-events:auto;touch-action:pan-y;padding:10px;background:#252c24f5;border:1px solid #a9af8b66;border-radius:5px;z-index:3;grid-template-columns:1fr 1fr;gap:8px}
#touch.expanded #kitActions{display:grid}#touch.expanded:before{display:none}
#touch.expanded #kitActions button{position:static;display:block;width:100%;height:48px;min-height:48px;margin:0}
#touch.expanded #kitActions #grenade{grid-column:1/-1;width:100%}
}
@media(pointer:coarse) and (max-height:500px){#kitActions{right:108px;bottom:64px;width:min(284px,calc(100vw - 120px));max-height:calc(100% - 116px);grid-template-columns:repeat(3,1fr)}#touch.expanded #kitActions #grenade{grid-column:2/4}}

@media(pointer:coarse){#touch #more{bottom:108px;right:112px}.weaponHUD{max-width:160px}.bottomhud{bottom:9px}}

@media(pointer:coarse) and (max-height:500px){#touch #more{right:31px;bottom:42px}.bottomhud{right:110px}}
@media(pointer:coarse) and (max-width:360px) and (max-height:500px){#kitActions{right:12px;bottom:196px;width:min(196px,calc(100vw - 24px));max-height:calc(100% - 250px);grid-template-columns:1fr 1fr}#touch.expanded #kitActions #grenade{grid-column:1/-1}.weaponHUD{max-width:110px}.bottomhud{right:95px}}

html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#game,#touch{touch-action:none}input,textarea{-webkit-user-select:text;user-select:text}
@media(pointer:coarse){
 #lookzone{left:44%;right:max(44px,env(safe-area-inset-right));width:auto;top:150px;bottom:44px;height:auto;touch-action:none}
 #touch #fire{right:max(44px,env(safe-area-inset-right));bottom:112px}
 #touch #more{right:132px;bottom:112px}
 #joystick{left:max(44px,env(safe-area-inset-left))}
}
@media(pointer:coarse) and (max-height:500px){#lookzone{top:100px}#touch #more{right:44px;bottom:48px}#joystick{width:88px;height:88px}#joystick span{left:24px;top:24px}}
@media(pointer:coarse) and (max-width:330px){#joystick{width:72px;height:72px}#joystick span{left:16px;top:16px}#touch #fire{width:60px!important;height:60px!important}#touch #more{right:116px;width:44px}}

/* Narrow screens reserve a separate line for each field. */
@media(max-width:600px){
 #top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:10px 4%;height:47px}
 #top .brand{font-size:17px;white-space:nowrap}#mode{display:none}#top button{font-size:8px;padding:7px}
 .matchtop{top:55px;left:4%;right:4%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;letter-spacing:.6px}
 #mapName{grid-column:1;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}
 #timer{grid-column:2;grid-row:1;font-size:17px}
 #connection{grid-column:1;grid-row:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px}
 #roundScore{grid-column:2;grid-row:2;font-size:8px}
 #compass{top:105px;left:4%;width:38px;height:38px}#compass span{left:15px}#compass i{font-size:23px}
 #killfeed{top:108px;left:calc(4% + 52px);right:4%;max-width:none;font-size:9px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:300px){#top .brand i{display:none}#top button{padding:5px;font-size:7px}.matchtop{letter-spacing:0}}

/* A still field briefing, removed from layout once the field is ready. */
#loading{inset:0;z-index:100;padding:0;background:#17150f;color:#cfc3a1;letter-spacing:normal;overflow:auto;isolation:isolate;--loading-image:url("loading/france.jpg")}
#loading .loadingPicture{position:absolute;inset:0;background-image:var(--loading-image);background-size:cover;background-position:center;filter:saturate(.82) brightness(.76)}
#loading .loadingVignette{position:absolute;inset:0;background:linear-gradient(0deg,#100e09f5,transparent 62%,#100e0966),radial-gradient(ellipse at 50% 40%,transparent 10%,#100e09c9 95%)}
#loading .loadingContent{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,7vh,70px) max(20px,7vw) 26px}
#loading .loadingSeries{font:700 clamp(13px,2vw,22px) Georgia,serif;letter-spacing:.22em;color:#c1b18a;text-shadow:0 2px 3px #000}
#loading .loadingSeries span{display:block;margin:8px 0 0;font-size:11px;letter-spacing:.55em}
#loadingDate{font:11px 'Courier New',monospace;letter-spacing:.19em;margin:clamp(40px,12vh,120px) 0 12px}
#loading h1{font:700 clamp(38px,7.4vw,92px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#d5c9a7;text-shadow:0 3px 1px #161108,0 0 20px #080702;margin:0;max-width:100%;overflow-wrap:anywhere}
#loading .loadingRule{display:flex;gap:18px;align-items:center;width:min(380px,80%);margin:22px 0 8px;color:#b4a073;font-size:15px}
#loading .loadingRule i{height:1px;background:#a9976266;flex:1}
#loadingFlavor{font:italic clamp(13px,1.6vw,17px)/1.6 Georgia,serif;max-width:440px;margin:8px 0 35px;color:#c0b492}
#loading .loadingFooter{margin-top:auto;width:min(580px,100%);padding-top:30px}
#loading .loadingLabels{display:flex;justify-content:space-between;gap:15px;text-align:left;font:11px 'Courier New',monospace;letter-spacing:.04em;margin-bottom:9px}
#loading span{margin-left:0}#loading #loadingMeter{height:12px;padding:2px;border:1px solid #a28e61;background:#0b0b07;box-shadow:0 0 0 2px #19160e}
#loadingBar{height:100%;width:0;background:repeating-linear-gradient(90deg,#b2a06d 0,#b2a06d 5px,#8a7950 5px,#8a7950 6px)}
#loading .loadingFooter small{display:block;font:9px 'Courier New',monospace;letter-spacing:.2em;margin-top:17px;color:#8f8465}#loadingRetry{margin-top:15px}
@media(max-width:480px){#loading .loadingContent{padding:38px 22px 32px}#loadingDate{margin-top:22vh;font-size:9px}#loading h1{font-size:clamp(32px,12vw,58px)}#loadingFlavor{font-size:14px}.loadingPicture{background-position:48% center!important}}
@media(max-height:440px){#loading .loadingContent{padding:18px 25px}#loadingDate{margin-top:22px;font-size:9px}#loading h1{font-size:42px}#loading .loadingRule{margin:12px 0 0}#loadingFlavor{margin:8px 0 12px;font-size:12px}#loading .loadingFooter{padding-top:12px}#loading .loadingSeries{font-size:12px}#loading .loadingSeries span{display:none}}