*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#2a1a08;--cream:#f7efdc;--cream-dim:#d9cbb0;--navy-0:#050b16;--navy-1:#0d1c33;--navy-2:#1a355c;--brass:#c08a2a;--brass-hi:#ffe2a0;--gold:#f2c04a;--teal:#45d0b4;--crimson:#d2493a;--green:#74c94e;--font-display:"Lilita One", "Trebuchet MS", sans-serif;--font-body:"Fredoka", "Trebuchet MS", sans-serif;--font-title:"Pirata One", Georgia, serif;--font-flavor:"IM Fell English", Georgia, serif;--sk:"/assets/ui/skin/";--shadow-txt:0 2px 0 #0000008c, 0 0 10px #00000059;--cursor:url(/assets/extra/quill-cursor.png) 3 29}::selection{background:#f2c04a73}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (pointer:fine){html{font-size:clamp(10px,1.5vmin,24px)}}body{background:var(--navy-0);font-family:var(--font-body);color:var(--cream);user-select:none;cursor:var(--cursor), auto;overflow:hidden}button,input,select,label,.ship-card,.chat-tab,.cmd-hint-item,.sk-clickable{cursor:var(--cursor), pointer}#canvas{width:100vw;height:100vh;display:block}img{-webkit-user-drag:none;user-select:none}.panel,.sk-panel{isolation:isolate;color:var(--cream);border-style:solid;border-width:1.55rem 1.15rem 1.95rem 1.1rem;border-image:url(/assets/ui/skin/Frame_Box_Medium_06_Front@brass.webp) 134 100 175 98 fill/1.55rem 1.15rem 1.95rem 1.1rem;padding:1.6rem 1.7rem 1.9rem;position:relative}.panel:before,.sk-panel:before{content:"";z-index:-1;opacity:.96;border-style:solid;border-width:1.35rem 1.05rem 1.9rem 1rem;border-image:url(/assets/ui/skin/Frame_Box_Medium_06_Background@deep.webp) 116 94 172 87 fill/1.35rem 1.05rem 1.9rem 1rem;position:absolute;inset:-.9rem -.6rem -1.25rem}.sk-panel.parch:before{border-image-source:url(/assets/ui/skin/Frame_Box_Medium_06_Background@parchment.webp)}.sk-panel.parch{color:var(--ink);border-image-source:url(/assets/ui/skin/Frame_Box_Medium_06_Front@wood.webp)}.sk-panel.iron{border-image-source:url(/assets/ui/skin/Frame_Box_Medium_06_Front@iron.webp)}.sk-card{isolation:isolate;border-style:solid;border-width:.7rem .95rem .95rem .85rem;border-image:url(/assets/ui/skin/Frame_Box_Small_09_Front@brass.webp) 31 60 58 52/.7rem .95rem .95rem .85rem;position:relative}.sk-card:before{content:"";z-index:-1;border-style:solid;border-width:.75rem .7rem .7rem;border-image:url(/assets/ui/skin/Frame_Box_Small_09_Background@navy.webp) 59 50 46 52 fill/.75rem .7rem .7rem;position:absolute;inset:-.4rem -.6rem -.6rem -.55rem}.sk-card.gold{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Front@gold.webp)}.sk-card.teal{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Front@teal.webp)}.sk-card.iron{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Front@iron.webp)}.sk-card.deep:before{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Background@deep.webp)}.sk-card.parch:before{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Background@parchment.webp)}.sk-card.parch{color:var(--ink)}.ribbon,.sk-ribbon{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream);text-shadow:0 2px #00000080;white-space:nowrap;border-style:solid;border-width:.75rem 1.9rem 1rem;border-image:url(/assets/ui/skin/Banner_01@crimson.webp) 78 90 102 fill/.75rem 1.9rem 1rem;padding:0 .6rem;font-size:1.05rem;font-weight:400;line-height:1.5rem;display:inline-block}.sk-ribbon.navy{border-image-source:url(/assets/ui/skin/Banner_01@navy.webp)}.sk-ribbon.brass{color:var(--ink);text-shadow:0 1px #ffffff59;border-image-source:url(/assets/ui/skin/Banner_01@brass.webp)}.sk-ribbon.teal{border-image-source:url(/assets/ui/skin/Banner_01@teal.webp)}.btn3d,.sk-btn{--btn:url(/assets/ui/skin/Button_08@navy.webp);font-family:var(--font-display);letter-spacing:.05em;color:var(--cream);text-shadow:0 2px #00000073;border-style:solid;border-width:.35rem .9rem .25rem .95rem;border-image:var(--btn) 18 44 0 50 fill / .35rem .9rem .25rem .95rem stretch;filter:drop-shadow(0 .25rem .18rem #0006);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.4rem;min-height:2.3rem;padding:.35rem .6rem .4rem;font-size:.95rem;transition:transform 80ms,filter .12s;display:inline-flex}.btn3d:hover:not(:disabled),.sk-btn:hover:not(:disabled){filter:brightness(1.12)drop-shadow(0 .35rem .3rem #00000073);transform:translateY(-1px)}.btn3d:active:not(:disabled),.sk-btn:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.btn3d:disabled,.sk-btn:disabled{filter:grayscale(.85)brightness(.7);opacity:.75}.btn-gold,.sk-btn.gold{--btn:url(/assets/ui/skin/Button_08@gold.webp);color:var(--ink);text-shadow:0 1px #fff6}.btn-green,.sk-btn.green{--btn:url(/assets/ui/skin/Button_08@green.webp)}.btn-red,.sk-btn.crimson{--btn:url(/assets/ui/skin/Button_08@crimson.webp)}.btn-blue,.sk-btn.teal{--btn:url(/assets/ui/skin/Button_08@teal.webp)}.btn-wood,.sk-btn.wood{--btn:url(/assets/ui/skin/Button_08@wood.webp)}.sk-btn.iron{--btn:url(/assets/ui/skin/Button_08@iron.webp);color:var(--ink);text-shadow:none}.btn-sm{min-height:1.9rem;padding:.2rem .4rem .25rem;font-size:.8rem}.btn-icon,.sk-icon-btn{--btn:url(/assets/ui/skin/Button_09@navy.webp);border-width:.45rem .9rem .75rem;border-image:var(--btn) 77 181 132 183 fill / .45rem .9rem .75rem .9rem stretch;width:2.7rem;height:2.7rem;min-height:0;padding:0;font-size:1.1rem}.btn-icon.btn-green,.sk-icon-btn.green{--btn:url(/assets/ui/skin/Button_09@green.webp)}.btn-icon.btn-red,.sk-icon-btn.crimson{--btn:url(/assets/ui/skin/Button_09@crimson.webp)}.btn-icon.btn-blue,.sk-icon-btn.teal{--btn:url(/assets/ui/skin/Button_09@teal.webp)}.btn-icon.btn-wood,.sk-icon-btn.wood{--btn:url(/assets/ui/skin/Button_09@wood.webp)}.btn-icon.btn-gold,.sk-icon-btn.gold{--btn:url(/assets/ui/skin/Button_09@gold.webp)}.btn-icon img,.sk-icon-btn img{filter:drop-shadow(0 1px #00000080);pointer-events:none;width:1.35rem;height:1.35rem}.btn-icon svg{pointer-events:none}.sk-cta{--btn:url(/assets/ui/skin/Button_14_Variant_01@gold.webp);font-family:var(--font-title);letter-spacing:.04em;color:var(--ink);text-shadow:0 1px #ffffff73;border-width:1.1rem .75rem .55rem .6rem;border-image:var(--btn) 82 44 40 31 fill / 1.1rem .75rem .55rem .6rem stretch;min-height:3.6rem;padding:.05rem 1.6rem .25rem;font-size:1.75rem}.sk-cta.crimson{--btn:url(/assets/ui/skin/Button_14_Variant_01@crimson.webp);color:var(--cream);text-shadow:0 2px #0006}.sk-cta.green{--btn:url(/assets/ui/skin/Button_14_Variant_01@green.webp);color:var(--cream);text-shadow:0 2px #0006}.plaque,.plaque-wood,.sk-plaque{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);text-shadow:0 2px #00000080;border-style:solid;border-width:.5rem .75rem .6rem;border-image:url(/assets/ui/skin/Box_Medium_02_Front@navy.webp) 62 109 95 114 fill/.5rem .75rem .6rem;align-items:center;gap:.35rem;min-height:2.3rem;padding:0 .55rem;font-size:.9rem;display:inline-flex}.plaque-wood,.sk-plaque.wood{border-image-source:url(/assets/ui/skin/Box_Medium_02_Front@wood.webp)}.sk-plaque.parch{color:var(--ink);text-shadow:none;border-image-source:url(/assets/ui/skin/Box_Medium_02_Front@parchment.webp)}.plaque img,.plaque-wood img,.sk-plaque img{width:auto;height:1.35rem}.sk-bar{isolation:isolate;border-style:solid;border-width:.3rem .55rem .42rem .4rem;border-image:url(/assets/ui/skin/Bar_Frame_Medium_11_Front@brass.webp) 46 97 64 57/.3rem .55rem .42rem .4rem;height:1.55rem;position:relative}.sk-bar:before{content:"";z-index:-2;border-style:solid;border-width:.3rem .5rem .4rem .35rem;border-image:url(/assets/ui/skin/Bar_Frame_Medium_11_Background@deep.webp) 45 89 69 49 fill/.3rem .5rem .4rem .35rem;position:absolute;inset:-.1rem -.25rem -.2rem -.15rem}.sk-fill{z-index:-1;border-style:solid;border-width:.25rem .35rem .3rem;border-image:url(/assets/ui/skin/Bar_Capsule_01@green.webp) 35 46 42 43 fill/.25rem .35rem .3rem;min-width:.7rem;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.sk-fill.gold{border-image-source:url(/assets/ui/skin/Bar_Capsule_01@gold.webp)}.sk-fill.crimson{border-image-source:url(/assets/ui/skin/Bar_Capsule_01@crimson.webp)}.sk-fill.teal{border-image-source:url(/assets/ui/skin/Bar_Capsule_01@teal.webp)}.sk-fill.navy{border-image-source:url(/assets/ui/skin/Bar_Capsule_01@navy.webp)}input[type=text],.sk-input{font-family:var(--font-body);color:var(--cream);user-select:text;background:#030914a6;border:2px solid #c08a2abf;border-radius:.45rem;outline:none;width:100%;padding:.5rem .75rem;font-size:1.05rem;font-weight:500;box-shadow:inset 0 2px .4rem #0009,0 1px #ffe2a026}input[type=text]::placeholder{color:#f7efdc61;font-style:italic}input[type=text]:focus{border-color:var(--gold);box-shadow:inset 0 2px .4rem #0009,0 0 0 3px #f2c04a40}select{font-family:var(--font-body);color:var(--cream);background:#030914b3;border:2px solid #c08a2abf;border-radius:.4rem;outline:none;padding:.3rem .5rem;font-size:.95rem;font-weight:500}select option{background:var(--navy-1);color:var(--cream)}input[type=range]{appearance:none;background:0 0;border-style:solid;border-width:.4rem .6rem;border-image:url(/assets/ui/skin/Slider_Horizontal_03_Background@deep.webp) 35 38 36 40 fill/.4rem .6rem;width:100%;height:1.4rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url(/assets/ui/skin/Slider_Horizontal_Handle_06@gold.webp) 50%/contain no-repeat;border:none;width:1.6rem;height:1.6rem;margin-top:-.1rem}input[type=range]::-moz-range-thumb{background:url(/assets/ui/skin/Slider_Horizontal_Handle_06@gold.webp) 50%/contain no-repeat;border:none;width:1.6rem;height:1.6rem}input[type=range]::-moz-range-track{background:0 0}input[type=checkbox]{appearance:none;border-style:solid;border-width:.3rem .6rem .45rem;border-image:url(/assets/ui/skin/Toggle_01_Background@deep.webp) 29 76 47 82 fill/.3rem .6rem .45rem;flex-shrink:0;width:3.4rem;height:1.6rem;position:relative}input[type=checkbox]:after{content:"";background:url(/assets/ui/skin/Toggle_01_Button_Left@iron.webp) 50%/100% 100% no-repeat;width:1.9rem;height:1.55rem;transition:left .15s;position:absolute;top:-.25rem;left:-.5rem}input[type=checkbox]:checked:after{background-image:url(/assets/ui/skin/Toggle_01_Button_Right@green.webp);left:1.05rem}.sk-tabs{gap:.25rem;display:flex}.sk-tab{--btn:url(/assets/ui/skin/Button_13@navy.webp);font-family:var(--font-display);letter-spacing:.05em;color:var(--cream-dim);border-style:solid;border-width:.45rem .6rem .55rem .55rem;border-image:var(--btn) 95 104 117 101 fill / .45rem .6rem .55rem .55rem stretch;background:0 0;min-height:2rem;padding:0 .6rem;font-size:.85rem}.sk-tab.active,.sk-tab:hover{--btn:url(/assets/ui/skin/Button_13@gold.webp);color:var(--ink)}.sk-carousel{align-items:center;gap:.35rem;display:flex}.sk-carousel .arr{filter:drop-shadow(0 2px 1px #00000080);background:url(/assets/ui/skin/Array_03_Arrow_Left@gold.webp) 50%/contain no-repeat;border:none;flex-shrink:0;width:1.9rem;height:1.9rem;transition:transform 80ms}.sk-carousel .arr.next{background-image:url(/assets/ui/skin/Array_03_Arrow_Right@gold.webp)}.sk-carousel .arr:hover{transform:scale(1.12)}.sk-carousel .val{min-height:2.2rem;font-family:var(--font-display);letter-spacing:.04em;border-style:solid;border-width:.15rem .7rem .45rem;border-image:url(/assets/ui/skin/Array_03_Box@navy.webp) 15 84 51 80 fill/.15rem .7rem .45rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:0 .3rem;font-size:.9rem;display:flex}.sk-carousel .val img{object-fit:contain;width:1.9rem;height:1.9rem}.kbd{min-width:1.65rem;height:1.65rem;font-family:var(--font-display);color:var(--ink);filter:sepia(.35)drop-shadow(0 .12rem #2a1a08bf);text-shadow:none;border-style:solid;border-width:.3rem;border-image:url(/assets/ui/input/kbm/Button.webp) 48 fill/.3rem;justify-content:center;align-items:center;padding:0 .1rem .08rem;font-size:.85rem;line-height:1;display:inline-flex}.kbd.wide{min-width:2.6rem}.reload-box .key.kbd{width:auto;height:1.65rem}.reload-box img.key.padkey{filter:drop-shadow(0 1px 1px #000);width:1.9rem;height:1.9rem;bottom:-.55rem;right:-.55rem}.sk-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);opacity:.85;font-size:.78rem}.sk-flavor{font-family:var(--font-flavor);color:var(--cream-dim);font-style:italic}.sk-glow:after{content:"";z-index:-2;pointer-events:none;opacity:.55;background:url(/assets/ui/skin/FX_Glow_Circle_01@gold.webp) 50%/contain no-repeat;animation:2.4s ease-in-out infinite sk-pulse;position:absolute;inset:-40%}@keyframes sk-pulse{50%{opacity:.25;transform:scale(.92)}}@keyframes sk-spin{to{transform:rotate(360deg)}}@keyframes sk-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes sk-bob{50%{transform:translateY(-.35rem)}}#loading{z-index:2000;background:radial-gradient(at 50% 40%,#16335a 0%,#0a1830 45%,#030812 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:fixed;inset:0}#loading h1{font-family:var(--font-title);background:linear-gradient(#fff1c4 0%,#f2c04a 45%,#a86b14 100%);color:#0000;filter:drop-shadow(0 .25rem #2a1604)drop-shadow(0 0 1.4rem #f2c04a59);background-clip:text;font-size:clamp(3rem,8vw,6rem);font-weight:400}#loading .ring{background:url(/assets/ui/skin/Menu_Ring_Loading_01@gold.webp) 50%/contain no-repeat;width:5rem;height:5rem;animation:2.4s linear infinite sk-spin}#loading p{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream-dim)}#loading .sk-bar{width:min(26rem,80vw)}#loading .tip{font-family:var(--font-flavor);color:#f7efdc99;text-align:center;max-width:32rem;min-height:3em;font-style:italic}#name-screen{z-index:900;pointer-events:none;background:linear-gradient(90deg,#030812d1 0%,#0308128c 26%,#03081200 48%),linear-gradient(#03081200 78%,#0308128c 100%);display:none;position:fixed;inset:0}#name-screen>*{pointer-events:auto}#menu-left{flex-direction:column;width:min(25rem,40vw);display:flex;position:absolute;top:6vh;bottom:6vh;left:4.5vw}#title{font-family:var(--font-title);background:linear-gradient(#fff3cb 0%,#f2c04a 42%,#b5741a 78%,#7a4508 100%);color:#0000;filter:drop-shadow(0 .3rem #241302)drop-shadow(0 .15rem 1.2rem #0009);will-change:transform;background-clip:text;font-size:clamp(3rem,6.2vw,5.6rem);line-height:.92;animation:5s ease-in-out infinite sk-bob}#tagline{font-family:var(--font-flavor);color:var(--cream-dim);text-shadow:0 1px .4rem #000000b3;margin:.4rem 0 2.2rem .2rem;font-size:1.05rem;font-style:italic}#tagline .skull{color:var(--brass-hi)}#menu-list{flex-direction:column;gap:.55rem;display:flex}.menu-item{--btn:url(/assets/ui/skin/Button_08@navy.webp);justify-content:flex-start;gap:.75rem;width:100%;min-height:3rem;padding-left:.4rem;font-size:1.2rem;animation:.4s backwards sk-rise}.menu-item img{filter:drop-shadow(0 2px 1px #0009);width:1.9rem;height:1.9rem}.menu-item:hover:not(:disabled),.menu-item.active{--btn:url(/assets/ui/skin/Button_08_Selected@gold.webp);color:var(--ink);text-shadow:none;transform:translate(.4rem)}.menu-item.primary{--btn:url(/assets/ui/skin/Button_08@gold.webp);color:var(--ink);text-shadow:0 1px #fff6;min-height:3.4rem;font-size:1.35rem}.menu-item small{font-family:var(--font-flavor);opacity:.75;margin-left:auto;padding-right:.6rem;font-size:.78rem;font-style:italic}#menu-list .menu-item:first-child{animation-delay:50ms}#menu-list .menu-item:nth-child(2){animation-delay:.1s}#menu-list .menu-item:nth-child(3){animation-delay:.15s}#menu-list .menu-item:nth-child(4){animation-delay:.2s}#menu-list .menu-item:nth-child(5){animation-delay:.25s}#menu-list .menu-item:nth-child(6){animation-delay:.3s}#menu-list .menu-item:nth-child(7){animation-delay:.35s}#menu-list .menu-item:nth-child(8){animation-delay:.4s}#menu-foot{flex-direction:column;gap:.4rem;margin-top:auto;display:flex}#join-hint{font-family:var(--font-flavor);color:#f7efdc8c;font-size:.85rem;font-style:italic}#ver-stamp{font-family:var(--font-display);letter-spacing:.08em;color:#f7efdc73;font-size:.7rem;position:fixed;bottom:.7rem;right:1rem}#features{flex-wrap:wrap;gap:.35rem;display:flex}.feature-chip{font-family:var(--font-display);letter-spacing:.05em;color:var(--cream-dim);border-style:solid;border-width:.25rem .5rem .3rem;border-image:url(/assets/ui/skin/Box_Medium_02_Front@deep.webp) 62 109 95 114 fill/.25rem .5rem .3rem;padding:.05rem .2rem;font-size:.68rem}#join-panel{flex-direction:column;gap:.55rem;width:min(27rem,46vw);height:fit-content;max-height:92vh;margin:auto 0;animation:.35s backwards sk-rise;display:none;position:absolute;top:0;bottom:0;right:4.5vw}#join-panel.open{display:flex}#join-panel .sk-ribbon{align-self:center;margin:-2.7rem 0 .5rem;font-size:1.25rem}#join-panel label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-hi);margin-top:.35rem;font-size:.75rem}#ship-select{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.2rem;display:grid}.ship-card{text-align:center;isolation:isolate;border-style:solid;border-width:.55rem .8rem .8rem .7rem;border-image:url(/assets/ui/skin/Frame_Box_Small_09_Front@iron.webp) 31 60 58 52/.55rem .8rem .8rem .7rem;padding:.3rem .15rem .25rem;transition:transform .1s,filter .1s;position:relative}.ship-card:before{content:"";z-index:-1;border-style:solid;border-width:.6rem;border-image:url(/assets/ui/skin/Frame_Box_Small_09_Background@deep.webp) 59 50 46 52 fill/.6rem;position:absolute;inset:-.3rem -.5rem -.5rem -.45rem}.ship-card:hover{filter:brightness(1.12);transform:translateY(-2px)}.ship-card.selected{border-image-source:url(/assets/ui/skin/Frame_Box_Small_09_Front@gold.webp)}.ship-card.selected:after{content:"";z-index:-2;pointer-events:none;opacity:.35;background:url(/assets/ui/skin/FX_Glow_Circle_01@gold.webp) 50%/contain no-repeat;position:absolute;inset:-.9rem}.ship-card img{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);width:100%;height:3.6rem}.ship-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--cream);font-size:1rem}.ship-card.selected .ship-name{color:var(--gold)}.ship-desc{color:var(--cream-dim);margin-top:.1rem;font-size:.7rem;line-height:1.25}.ship-stats{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream-dim);text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .35rem;margin-top:.3rem;font-size:.6rem;display:grid}.ship-stats .pip{background:#00000080;border-radius:.2rem;height:.38rem;overflow:hidden}.ship-stats .pip i{background:linear-gradient(90deg,#f2c04a,#ffe2a0);border-radius:.2rem;height:100%;display:block}#join-btn{align-self:center;min-width:70%;margin-top:.8rem}#join-row{gap:.5rem;display:flex}#join-row>div{flex-direction:column;flex:1;gap:.25rem;display:flex}.sk-modal{z-index:1200;animation:.3s backwards sk-rise;display:none;position:fixed}.sk-modal.open{flex-direction:column;gap:.6rem;display:flex}.sk-modal .sk-ribbon{align-self:center;margin:-2.9rem 0 .3rem;font-size:1.2rem}.sk-close{z-index:3;--btn:url(/assets/ui/skin/Button_09@crimson.webp);position:absolute;top:-.9rem;right:-.9rem}.sk-modal.centred,#public-seas-panel,#settings-panel,#credits-panel,#pause-menu{height:fit-content;margin:auto;inset:0}#public-seas-panel{width:min(30rem,92vw);max-height:80vh}#public-seas-panel.open{flex-direction:column;gap:.6rem;display:flex}#public-seas-list{flex-direction:column;gap:.35rem;max-height:46vh;display:flex;overflow-y:auto}.sea-row{background:#ffffff0a;border:1px solid #c08a2a59;border-radius:.4rem;justify-content:space-between;gap:.6rem;padding:.45rem .7rem;display:flex}.sea-row:hover{border-color:var(--gold);background:#f2c04a24}.sea-name{font-family:var(--font-display);letter-spacing:.03em}.sea-meta{color:var(--cream-dim);font-size:.8rem}#public-seas-empty{font-family:var(--font-flavor);color:var(--cream-dim);text-align:center;padding:1rem 0;font-style:italic}#list-public-row{align-items:center;gap:.6rem;font-size:.9rem;display:flex}#public-note{color:#f7efdc80;font-size:.75rem;font-style:italic}#public-seas-close{z-index:3;--btn:url(/assets/ui/skin/Button_09@crimson.webp);width:2.5rem;height:2.5rem;position:absolute;top:-.9rem;right:-.9rem}.sk-side{width:min(30rem,44vw);top:5vh;bottom:5vh;right:3vw}.sk-side .scroll{flex-direction:column;flex:1;gap:.55rem;padding-right:.3rem;display:flex;overflow-y:auto}.sk-row{grid-template-columns:6.5rem 1fr;align-items:center;gap:.6rem;display:grid}.sk-row>span{font-family:var(--font-display);letter-spacing:.07em;color:var(--brass-hi);text-transform:uppercase;font-size:.78rem}.sk-swatches{flex-wrap:wrap;gap:.3rem;display:flex}.sk-swatch{border:2px solid #0000008c;border-radius:.35rem;width:1.7rem;height:1.7rem;box-shadow:inset 0 2px #ffffff40}.sk-swatch.on{outline:3px solid var(--gold);outline-offset:1px}.sk-side .actions{justify-content:center;gap:.6rem;padding-top:.4rem;display:flex}.sk-stat-grid{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream-dim);grid-template-columns:6rem 1fr;align-items:center;gap:.25rem .6rem;font-size:.75rem;display:grid}.sk-stat-grid .sk-bar{height:1.15rem}#settings-panel{width:min(34rem,92vw);max-height:86vh}#settings-panel .pane{flex-direction:column;gap:.7rem;max-height:56vh;padding:.2rem .2rem .4rem;display:none;overflow-y:auto}#settings-panel .pane.active{display:flex}.settings-row{grid-template-columns:1fr 13rem;align-items:center;gap:.8rem;font-weight:500;display:grid}.settings-row label{font-size:.95rem}.settings-row small{color:var(--cream-dim);font-size:.72rem;font-weight:400;display:block}.keys-table{grid-template-columns:auto 1fr;align-items:center;gap:.35rem .9rem;font-size:.9rem;display:grid}.keys-table .keys{gap:.25rem;display:flex}.keys-table img{height:1.75rem}#credits-panel{width:min(38rem,92vw);max-height:86vh}#credits-panel .body{max-height:60vh;color:var(--cream-dim);font-size:.85rem;line-height:1.45;overflow-y:auto}#credits-panel h4{font-family:var(--font-display);color:var(--brass-hi);letter-spacing:.06em;margin:.6rem 0 .15rem;font-weight:400}#hud{pointer-events:none;z-index:100;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud .passive,#hud .passive *{pointer-events:none}#compass-strip{isolation:isolate;pointer-events:none;border-style:solid;border-width:.45rem .85rem .6rem;border-image:url(/assets/ui/skin/Bar_Frame_Medium_11_Front@brass.webp) 46 97 64 57/.45rem .85rem .6rem;width:min(34rem,54vw);height:2.6rem;position:absolute;top:.6rem;left:50%;overflow:hidden;transform:translate(-50%)}#compass-strip:before{content:"";z-index:-1;background:linear-gradient(90deg,#050b1600 0%,#050b16e0 12% 88%,#050b1600 100%);position:absolute;inset:0}#compass-tape{position:absolute;inset:0}#compass-tape .tick{font-family:var(--font-display);color:var(--cream-dim);white-space:nowrap;font-size:.72rem;position:absolute;top:.15rem;transform:translate(-50%)}#compass-tape .tick.card{color:var(--gold);font-size:1rem;top:.02rem}#compass-tape .tick.minor{background:#f7efdc59;width:2px;height:.45rem;font-size:0;top:1.15rem}#compass-tape .mark{width:1.05rem;height:1.05rem;position:absolute;top:.85rem;transform:translate(-50%)}#compass-tape .mark img{filter:drop-shadow(0 1px 1px #000);width:100%;height:100%}#compass-needle{background:var(--gold);width:2px;box-shadow:0 0 .4rem var(--gold);position:absolute;top:-.15rem;bottom:-.15rem;left:50%;transform:translate(-50%)}#compass{pointer-events:none;min-height:1.9rem;font-size:.85rem;position:absolute;top:3.55rem;left:50%;transform:translate(-50%)}#wind-indicator{pointer-events:none;min-height:1.9rem;font-size:.78rem;position:absolute;top:3.55rem;left:calc(50% + 5.3rem)}#wind-arrow{font-size:1rem;transition:transform .3s,color .3s;display:inline-block}#hud-top-left{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.45rem;display:flex;position:absolute;top:.8rem;left:.9rem}#ship-card{grid-template-columns:3.4rem 1fr;align-items:center;gap:.15rem .55rem;min-width:15rem;padding:.15rem .5rem .2rem .2rem;display:grid}#ship-card .portrait{grid-row:span 2;width:3.4rem;height:3.4rem;position:relative}#ship-card .portrait img{object-fit:contain;filter:drop-shadow(0 2px 2px #000);width:100%;height:100%}#ship-card .who{font-family:var(--font-display);letter-spacing:.03em;color:var(--cream);font-size:.95rem;line-height:1.1}#ship-card .who small{font-family:var(--font-flavor);color:var(--cream-dim);letter-spacing:0;font-size:.72rem;font-style:italic;display:block}#ship-card .sk-bar{height:1.1rem}#net-status{font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 1px 2px #000;color:var(--green);font-size:.68rem}#fps-counter{min-height:1.8rem;font-size:.72rem;display:none}#buff-list{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.buff-chip{min-height:2rem;font-size:.78rem}.buff-chip img{height:1.2rem}.buff-count{color:var(--gold);margin-left:.15rem}#renown{font-family:var(--font-display);letter-spacing:.06em;color:var(--brass-hi);text-shadow:0 1px 2px #000;align-items:center;gap:.35rem;font-size:.72rem;display:flex}#renown .rank-badge{width:2.2rem;height:2.2rem}.rank-badge{flex-shrink:0;width:2.4rem;height:2.4rem;display:inline-block;position:relative}.rank-badge img{object-fit:contain;filter:drop-shadow(0 1px 1px #000000b3);width:100%;height:100%;position:absolute;inset:0}.rank-badge img.ico{width:56%;height:56%;inset:22%}.rank-badge.big{width:4.2rem;height:4.2rem}.rank-badge.glow-gold:before,.rank-badge.glow-crimson:before{content:"";opacity:.6;background:url(/assets/ui/skin/FX_Glow_Circle_01@gold.webp) 50%/contain no-repeat;animation:2.4s ease-in-out infinite sk-pulse;position:absolute;inset:-45%}.rank-badge.glow-crimson:before{background-image:url(/assets/ui/skin/FX_Glow_Circle_01@crimson.webp)}#pause-log{flex-direction:column;gap:.6rem;margin-bottom:.4rem;display:flex}.log-rank{grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}.log-rank b{font-family:var(--font-display);color:var(--gold);letter-spacing:.03em;font-size:1.25rem;font-weight:400}.log-rank .sk-bar{height:1rem;margin:.2rem 0}.log-rank small{color:var(--cream-dim);font-size:.72rem}.log-stats{grid-template-columns:1fr 1fr 1fr;gap:.35rem;display:grid}.log-stats span{color:var(--cream-dim);text-align:center;flex-direction:column;align-items:center;font-size:.66rem;line-height:1.15;display:flex}.log-stats b{font-family:var(--font-display);color:var(--cream);font-size:1.1rem;font-weight:400}.log-medals{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.log-medals img{filter:grayscale()brightness(.45);width:2.1rem;height:2.1rem;transition:transform .1s}.log-medals img.on{filter:drop-shadow(0 0 .35rem #f2c04ab3)}.log-medals img:hover{transform:scale(1.15)}.sk-carousel .val.locked{filter:grayscale(.8)brightness(.75)}.sk-carousel .val .lock{font-family:var(--font-body);color:var(--brass-hi);margin-left:.3rem;font-size:.62rem}.sk-swatch.locked{filter:grayscale()brightness(.5);position:relative}.sk-swatch.locked:after{content:"";background:url(/assets/ui/icons3d/pirate/key.webp) 50%/contain no-repeat;position:absolute;inset:.25rem}#renown .sk-bar{width:6rem;height:.85rem}#hud-top-right{align-items:center;gap:.4rem;display:flex;position:absolute;top:.8rem;right:.9rem}#gold-count{justify-content:flex-start;min-width:6.5rem;font-size:1.05rem}#gold-count img{height:1.6rem}#gold-count.bump{animation:.6s gold-bump}@keyframes gold-bump{30%{filter:brightness(1.3);transform:scale(1.18)}}#peer-count{font-size:.8rem}#minimap{pointer-events:none;width:13.5rem;height:13.5rem;position:absolute;top:4.1rem;right:.9rem}#minimap canvas{border-radius:50%;width:calc(100% - 1.7rem);height:calc(100% - 1.7rem);position:absolute;inset:.85rem}#minimap .ring{filter:drop-shadow(0 .2rem .3rem #0009);background:url(/assets/ui/skin/Menu_Ring_Small_01@brass.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}#minimap .n{font-family:var(--font-display);color:var(--gold);text-shadow:0 1px 2px #000;font-size:.85rem;position:absolute;top:-.2rem;left:50%;transform:translate(-50%)}#latency-list{width:15.5rem;padding:.6rem .75rem .85rem;font-size:.78rem;position:absolute;top:18rem;right:.9rem}.latency-row{border-bottom:1px solid #c08a2a2e;grid-template-columns:1fr 1.4rem 1.4rem 2.6rem 2.4rem auto;align-items:center;gap:.25rem;padding:.12rem 0;display:grid}.latency-row:last-child{border-bottom:none}.latency-head{font-family:var(--font-display);color:var(--brass-hi);letter-spacing:.06em;font-size:.72rem}.latency-head img{height:.95rem}.latency-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.latency-row-actions{gap:.2rem;display:flex}.latency-row-actions button{min-height:1.5rem;padding:0 .2rem;font-size:.65rem}.latency-row .self{color:var(--gold)}#kill-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;bottom:12.5rem;right:.9rem}.kill-line{font-family:var(--font-display);letter-spacing:.03em;min-height:1.9rem;font-size:.8rem;transition:opacity .6s;animation:.25s backwards sk-rise}.kill-line img{height:1.2rem}.kill-line .by{color:var(--gold)}.kill-line .vic{color:#ffb4a6}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;top:6.4rem;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:.7rem;min-width:15rem;padding:.35rem 1.1rem .45rem .4rem;transition:opacity .5s,transform .5s;animation:.35s cubic-bezier(.2,1.4,.4,1) backwards toast-in;display:flex}.toast img{filter:drop-shadow(0 2px 2px #000);width:2.6rem;height:2.6rem}.toast b{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold);font-size:1.05rem;font-weight:400;display:block}.toast span{color:var(--cream-dim);font-size:.82rem}.toast.out{opacity:0;transform:translateY(-.6rem)}@keyframes toast-in{0%{opacity:0;transform:translateY(-.8rem)scale(.9)}}#dmg-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dmg{font-family:var(--font-display);color:#ffd1c4;-webkit-text-stroke:.08rem #3a0904;text-shadow:0 .12rem #3a0904;font-size:1.4rem;animation:1.1s ease-out forwards dmg-pop;position:absolute;transform:translate(-50%,-50%)}.dmg.big{color:#fff0b0;font-size:1.9rem}.dmg.heal{color:#b9f28f}.dmg.taken{color:#ff7a66;-webkit-text-stroke-color:#2a0502;font-size:1.25rem}@keyframes dmg-pop{0%{opacity:0;margin-top:.6rem;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;margin-top:-2.6rem;transform:translate(-50%,-50%)scale(1)}}#battle-hud{flex-direction:column;align-items:stretch;gap:.45rem;width:min(30rem,48vw);padding:.9rem 1.2rem 1.05rem;display:flex;position:absolute;bottom:min(1.2rem,1.6vh);left:50%;transform:translate(-50%)}#reload-row{grid-template-columns:1fr 1fr 1fr;gap:.55rem;display:grid}.reload-box{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:relative}.reload-box .slot{border-style:solid;border-width:.55rem .8rem .75rem .75rem;border-image:url(/assets/ui/skin/Box_Medium_06_Front@navy.webp) 79 116 106 108 fill/.55rem .8rem .75rem .75rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:relative}.reload-box.ready .slot{border-image-source:url(/assets/ui/skin/Box_Medium_06_Front@iron.webp)}.reload-box.ready .slot:after{content:"";z-index:-1;opacity:.45;background:url(/assets/ui/skin/FX_Glow_Circle_01@gold.webp) 50%/contain no-repeat;animation:1.6s infinite sk-pulse;position:absolute;inset:-1.3rem}.reload-box .slot img{filter:drop-shadow(0 2px 1px #000);width:2.6rem;height:2.6rem}.reload-box .key{width:1.65rem;height:1.65rem;position:absolute;bottom:-.45rem;right:-.45rem}.reload-box .key img{width:100%;height:100%}.reload-box .reload-bar{background:#0000008c;border-radius:.3rem;width:100%;height:.55rem;overflow:hidden;box-shadow:inset 0 1px 2px #000}.reload-fill{background:linear-gradient(90deg,#a85d10,#f2c04a);border-radius:.3rem;width:0%;height:100%}.reload-box.ready .reload-fill{background:linear-gradient(90deg,#4aa338,#b9f28f)}.reload-box .cap{font-family:var(--font-display);letter-spacing:.1em;color:var(--cream-dim);font-size:.62rem}.reload-key{display:none}#hp-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}#hp-row>span:first-child img{height:1.6rem;display:block}#hp-fill{height:1.5rem}#hp-text{font-family:var(--font-display);text-align:right;min-width:2.6rem;font-size:1rem}#status-row{min-height:1.1rem;font-family:var(--font-display);letter-spacing:.06em;color:#ffb4a6;justify-content:center;gap:.6rem;font-size:.72rem;display:flex}#status-row img{vertical-align:-.2rem;height:1.05rem}#status-row span{align-items:center;gap:.2rem;display:inline-flex}#helm-row{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}#speed-bar{flex-direction:column;gap:.15rem;display:flex}#sail-text,#rudder-row>span.cap{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream-dim);font-size:.66rem}#speed-fill{height:1.15rem}#rudder-row{flex-direction:column;gap:.15rem;display:flex}#rudder-bar{height:1.15rem;position:relative}#rudder-marker{background:linear-gradient(#ffe2a0,#c08a2a);border-radius:.2rem;width:.55rem;transition:left .1s;position:absolute;top:.08rem;bottom:.08rem;transform:translate(-50%);box-shadow:0 0 .35rem #f2c04acc}#rudder-marker.centred{background:linear-gradient(#d4f7b0,#74c94e);box-shadow:0 0 .35rem #74c94ecc}#rudder-bar:after{content:"";background:#f7efdc59;width:2px;position:absolute;top:.2rem;bottom:.2rem;left:50%}#chat-box{flex-direction:column;width:min(27rem,50vw - 17rem);min-width:18rem;padding:.5rem .65rem .7rem;display:flex;position:absolute;bottom:.9rem;left:.9rem}#chat-tabs{gap:.2rem;margin:-1.7rem 0 .35rem .2rem;display:flex}.chat-tab{--btn:url(/assets/ui/skin/Button_13@navy.webp);font-family:var(--font-display);letter-spacing:.05em;color:var(--cream-dim);border-style:solid;border-width:.35rem .5rem .45rem;border-image:var(--btn) 95 104 117 101 fill / .35rem .5rem .45rem stretch;background:0 0;min-height:1.6rem;padding:0 .3rem;font-size:.72rem}.chat-tab.active{--btn:url(/assets/ui/skin/Button_13@gold.webp);color:var(--ink)}.chat-tab-badge{background:var(--crimson);color:#fff;border-radius:.5rem;min-width:1rem;padding:0 .25rem;font-size:.6rem;display:inline-block}.chat-tab-badge:empty{display:none}#chat-messages{user-select:text;flex-direction:column;gap:.12rem;height:7.4rem;padding-right:.3rem;font-size:.82rem;line-height:1.3;display:flex;overflow-y:auto}#chat-messages>div{animation:.2s backwards sk-rise}#chat-box[data-tab=crew] [data-type=system],#chat-box[data-tab=system] [data-type=chat]{display:none}.chat-ts{color:#f7efdc66;margin-right:.3rem;font-size:.68rem}.ei{vertical-align:-.22em;filter:drop-shadow(0 1px #0009);width:auto;height:1.15em;margin:0 .12em}.chat-name{color:var(--gold);font-weight:600}.chat-sys{color:#9fe4d6;font-style:italic}.chat-emote{color:#e5b8f0;font-style:italic}#chat-cmd-hint{flex-direction:column;gap:.15rem;padding:.25rem 0;display:none}#chat-cmd-hint.visible{display:flex}.cmd-hint-item .cmd-args{color:#f2c04ab3}.cmd-hint-item .cmd-desc{color:#f7efdc8c;margin-left:.3rem}.cmd-hint-item{background:#f2c04a1f;border:1px solid #f2c04a59;border-radius:.3rem;padding:.1rem .4rem;font-size:.72rem}.cmd-hint-item.sel{background:#f2c04a59}#chat-input-row{opacity:.55;gap:.4rem;margin-top:.35rem;transition:opacity .15s;display:flex}#chat-input-row.active{opacity:1}#chat-input{padding:.35rem .55rem;font-size:.85rem}.player-label{z-index:50;pointer-events:none;will-change:transform;white-space:nowrap;font-family:var(--font-display);letter-spacing:.03em;color:var(--cream);text-shadow:0 1px #000,0 0 6px #000c;background:linear-gradient(#0d1c33d9,#050b16d9);border:1px solid #c08a2ab3;border-radius:.45rem;align-items:center;gap:.35rem;padding:.05rem .55rem .1rem;font-size:.78rem;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 2px 4px #00000073}.label-latency{font-family:var(--font-body);color:var(--green);opacity:.9;font-size:.62rem}body.no-labels .player-label{display:none}.chat-bubble{z-index:55;pointer-events:none;will-change:transform;text-align:center;word-break:break-word;max-width:14rem;color:var(--ink);background:linear-gradient(#fbf3dc,#ead6a6);border:2px solid #8a6436;border-radius:.8rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;line-height:1.35;transition:opacity .6s;position:fixed;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 3px #4a301873,0 6px 12px #00000059}.chat-bubble:after{content:"";border:7px solid #0000;border-top-color:#8a6436;position:absolute;top:100%;left:50%;transform:translate(-50%)}.chat-bubble.emote{color:#6a3a7a;font-style:italic}.chat-bubble.fading{opacity:0}.latency-row-actions button{opacity:.55;background:0 0;border:none;width:1.3rem;height:1.3rem;padding:0;transition:opacity .1s,transform .1s}.latency-row-actions button:hover{opacity:1;transform:scale(1.12)}.latency-row-actions button img{width:100%;height:100%}.latency-row-actions .crew-mute.active{opacity:1;filter:drop-shadow(0 0 3px var(--crimson))}#controls-hint{max-width:min(24rem,50vw - 17rem);font-family:var(--font-display);letter-spacing:.04em;color:var(--cream-dim);text-shadow:0 1px 2px #000;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:.3rem .7rem;font-size:.68rem;display:flex;position:absolute;bottom:.9rem;right:.9rem}#controls-hint .k{align-items:center;gap:.25rem;display:inline-flex}#controls-hint .kbd{min-width:1.4rem;height:1.4rem;font-size:.72rem}#controls-hint .kbd.wide{min-width:2.2rem}#controls-hint img{height:1.5rem}@media (height<=560px),(width<=1100px){#controls-hint{display:none}}#port-panel{flex-direction:column;gap:.5rem;width:min(23rem,50vw - 16rem);height:fit-content;margin:auto 0;display:none;position:absolute;top:0;bottom:0;right:17.2rem}#port-panel.open{display:flex}#port-panel .sk-ribbon{align-self:center;margin:-2.7rem 0 .2rem}#port-gold{align-self:center}#port-items{flex-direction:column;gap:.35rem;display:flex}.port-row{background:#ffffff0a;border:1px solid #c08a2a40;border-radius:.4rem;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.55rem;padding:.3rem .4rem;display:grid}.port-row img{filter:drop-shadow(0 2px 1px #000);width:2.6rem;height:2.6rem}.port-item-name{font-family:var(--font-display);letter-spacing:.03em;font-size:.9rem}.port-item-desc{color:var(--cream-dim);font-size:.72rem}.port-buy{min-width:4.4rem}#port-hint{text-align:center;font-family:var(--font-flavor);color:var(--cream-dim);font-size:.8rem;font-style:italic}#invite-panel{z-index:5;flex-direction:column;align-items:center;gap:.5rem;width:18rem;display:none;position:absolute;top:4.2rem;right:4rem}#invite-panel.open{display:flex}#invite-panel .sk-ribbon{margin:-2.7rem 0 .2rem}#invite-qr{border-radius:.5rem;width:12rem;height:12rem;box-shadow:0 0 0 .3rem #c08a2a,0 .3rem .8rem #000}#invite-link{word-break:break-all;text-align:center;color:var(--cream-dim);user-select:text;font-size:.75rem}#invite-hint{font-family:var(--font-flavor);color:var(--cream-dim);font-size:.8rem;font-style:italic}#voice-panel{z-index:5;flex-direction:column;gap:.45rem;width:17rem;display:none;position:absolute;top:4.2rem;right:14rem}#voice-panel.open{display:flex}#voice-panel label{font-family:var(--font-display);letter-spacing:.1em;color:var(--brass-hi);text-transform:uppercase;font-size:.72rem}#voice-channel-row{gap:.35rem;display:flex}#voice-channel-status,#voice-nearby{color:var(--cream-dim);font-size:.75rem}#voice-level-bar{background:#00000080;border-radius:.3rem;height:.5rem;overflow:hidden}#voice-level-fill{background:var(--green);width:0%;height:100%;transition:width 50ms}#ptt-indicator{font-family:var(--font-display);color:#ffe2a0;text-shadow:0 0 .6rem #f2c04acc;display:none;position:absolute;top:4.2rem;left:50%;transform:translate(-50%)}#ptt-indicator.active{display:block}#voice-btn.active{filter:brightness(1.2)drop-shadow(0 0 .5rem #74c94ecc)}#voice-btn.muted{filter:grayscale(.7)}#quit-btn.armed{width:auto;padding:0 .7rem;font-size:.8rem;animation:.7s infinite sk-pulse}#pause-menu{z-index:300;align-items:stretch;width:min(22rem,90vw);box-shadow:0 0 0 100vmax #03081280}#settings-panel{z-index:1300}#pause-menu .sk-btn{width:100%;min-height:2.8rem;font-size:1.1rem}#map-overlay{z-index:500;pointer-events:none;background:radial-gradient(#0308128c,#030812e0);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;display:none;position:fixed;inset:0}#map-overlay.open{display:flex}#map-title{font-size:1.4rem}#map-frame{width:min(82vh,86vw);height:min(82vh,86vw);padding:1.4rem;position:relative}#map-canvas{border-radius:.4rem;width:100%;height:100%;box-shadow:inset 0 0 2rem #0006}#map-legend{font-family:var(--font-display);letter-spacing:.05em;color:var(--cream-dim);text-shadow:0 1px 2px #000;flex-wrap:wrap;justify-content:center;gap:.3rem .9rem;max-width:90vw;font-size:.72rem;display:flex}#waiting-overlay{z-index:450;pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#waiting-overlay.open{display:flex}#waiting-text{min-height:3rem;padding:0 1.2rem;font-size:1.1rem;animation:2.4s ease-in-out infinite sk-bob}#damage-vignette{z-index:90;pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#aa140a8c 100%);transition:opacity .3s;position:fixed;inset:0}#sunk-overlay{z-index:400;pointer-events:none;background:radial-gradient(#04122040,#020812bf);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#sunk-overlay.open{display:flex}#sunk-card{flex-direction:column;align-items:center;gap:.6rem;padding:1.4rem 2.6rem 1.8rem;animation:.5s backwards sk-rise;display:flex}#sunk-card h2{font-family:var(--font-title);color:#ffd0c4;text-shadow:0 .2rem #3a0904,0 0 1.4rem #d2493a99;font-size:3rem;font-weight:400}#sunk-by{font-family:var(--font-flavor);color:var(--cream-dim);font-size:1.05rem;font-style:italic}#respawn-ring{width:5.5rem;height:5.5rem;position:relative}#respawn-ring .ring{background:url(/assets/ui/skin/Menu_Ring_Loading_01@gold.webp) 50%/contain no-repeat;animation:3s linear infinite sk-spin;position:absolute;inset:0}#respawn-count{font-family:var(--font-display);color:var(--gold);justify-content:center;align-items:center;font-size:1.8rem;display:flex;position:absolute;inset:0}#mobile-landing{display:none}body.is-mobile #mobile-landing{z-index:950;text-align:center;background:linear-gradient(#03081259,#030812d9);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;inset:0}body.is-mobile #name-screen,body.is-mobile #loading{display:none!important}#mobile-title{font-family:var(--font-title);background:linear-gradient(#fff3cb,#f2c04a 45%,#a86b14);color:#0000;filter:drop-shadow(0 .2rem #241302);background-clip:text;font-size:3.2rem}#mobile-tag{font-family:var(--font-flavor);color:var(--cream-dim);font-style:italic}#mobile-card{flex-direction:column;gap:.7rem;max-width:24rem;font-size:1rem;line-height:1.4;display:flex}#mobile-room-line{color:var(--gold);display:none}@media (width<=1000px){#join-panel{width:min(27rem,54vw);right:2vw}#menu-left{width:min(22rem,40vw);left:2.5vw}#latency-list,#minimap{transform-origin:100% 0;transform:scale(.85)}}