.your-ship{display:flex}.your-ship i{font-size:32px;margin:0 32px 0 16px}.ships .ship{height:400px;position:relative;overflow:hidden;user-select:none;--light: white;--dark: #004170}.ships .ship .card-title{max-width:calc(100% - 100px)}.ships .ship .card-title a.ship-title{color:white;text-shadow:0 0 4px black}.ships .ship .card-title a.fav-heart{font-size:20px;margin-right:4px}.ships .ship .card-title a.fav-heart:hover i{transform:scale(1.2)}.ships .ship .card-title a.fav-heart-red{color:#ff2e2e}.ships .ship .card-title a.fav-heart-grey{color:#ffffff;opacity:0.5}.ships .ship .water1{position:absolute;top:0;left:0;width:100%;height:1200px;background-color:#003fb6;background-image:url(/assets/wavy-0c8ecb6dc583a23192d4ed0658971925e27868c694b393c4a0f95c2a3ef66226.png);background-repeat:repeat;background-size:800px 600px;opacity:0.6;filter:brightness(1.1) saturate(1.2)}.ships .ship .water2{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/wavy-0c8ecb6dc583a23192d4ed0658971925e27868c694b393c4a0f95c2a3ef66226.png);background-size:1200px 1200px;background-repeat:repeat;opacity:1}.ships .ship .sprite{display:block;position:absolute;top:50%;left:calc(50% - 20px);transform-style:preserve-3d;transform:translate(-50%, -50%) perspective(400px) rotateX(0deg);cursor:pointer;width:192px;height:192px}.ships .ship .sprite .ship-sprite{transform:scale(200%);position:absolute;width:32px;height:64px;top:64px;left:80px;background-image:url(/assets/boat_idle_grey-d26dd906b5622376a669d411db6bc3d9fdf1ddb495f5698c83f134627b848901.png);background-position:-32px -64px;background-repeat:no-repeat}.ships .ship .sprite .pos{position:absolute;width:64px;height:64px;top:32px;left:64px;font-size:16px;font-weight:bold;color:#000;text-align:center;line-height:76px}.ships .ship .sprite .pos.pos99{font-size:20px}.ships .ship .sprite .pos.pos9{font-size:22px}.ships .ship .sprite .pos.pos3{font-size:28px;color:#c18744;text-shadow:0 0 4px #000}.ships .ship .sprite .pos.pos2{font-size:30px;color:#b3b3b3;text-shadow:0 0 4px #000}.ships .ship .sprite .pos.pos1{font-size:32px;color:#ffdc31;text-shadow:0 0 4px #000}.ships .ship .sprite .clickme{display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,0.2);font-size:20px;font-weight:bold;color:#fff;text-shadow:0 0 2px #000;text-align:center;line-height:40px}.ships .ship .sprite .clickme span{position:absolute;top:0;left:0;right:0;text-align:center;z-index:9000}.ships .ship .sprite .clickme span:last-child{top:auto;bottom:0}.ships .ship .ts{position:absolute;font-family:monospace;top:300px;text-align:right;left:0;width:200px;white-space:pre}.ships .ship .wake{position:absolute;top:100px;left:calc(50% - 170px);mix-blend-mode:luminosity}.ships .ship .content{padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);position:absolute;top:0;left:0;right:0}.ships .ship .ruler{position:absolute;top:0;right:0;height:800px;opacity:0.5}.ships .ship .ruler>div{position:absolute;top:0;right:0;width:10px;height:1600px}.ships .ship .ruler .ruler1{height:1056px;background:repeating-linear-gradient(to bottom, var(--dark) 0 128px, var(--light) 128px 256px)}.ships .ship .ruler .ruler2{right:10px}.ships .ship .ruler .ruler3{right:20px}.ships .ship .ruler .ruler4{right:30px}.ships .ship .ruler .ruler5{right:40px}.ships .ship .ruler .ruler6{right:50px}.ships .ship .ruler .b{background:var(--dark)}.ships .ship .ruler .btw{background:repeating-linear-gradient(to bottom, var(--dark) 0 800px, var(--light) 800px 1600px)}.ships .ship .ruler .wtb{background:repeating-linear-gradient(to bottom, var(--light) 0 800px, var(--dark) 800px 1600px)}.ships .ship .ruler .w{background:var(--light)}.ships .ship .ruler-display{position:absolute;top:200px;right:16px;background-color:rgba(var(--bs-light-rgb), 0.9);padding:1px 6px;border-radius:3px;border:2px solid rgba(var(--bs-dark-rgb), 0.9);color:var(--bs-dark);font-size:14px;transform:translateY(-50%);pointer-events:none}.ships .ship .ruler-display .name{display:block;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:'...'}.ships .ship .ruler-display.ahead,.ships .ship .ruler-display.behind{font-size:12px;opacity:0.8}.ships .ship .ruler-display.tip::after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid rgba(var(--bs-dark-rgb), 0.75)}.ships .ship .speedo{position:absolute;top:300px;left:calc(50% - 80px);width:120px;height:80px}.ships .ship .speedo .gauge{position:absolute;display:block;width:120px;height:60px;overflow:hidden;opacity:0.5}.ships .ship .speedo .gauge .dial-bg,.ships .ship .speedo .gauge .dial-fg{display:block;position:absolute;top:0;left:0;width:120px;height:120px;border:8px solid var(--light);border-radius:50%}.ships .ship .speedo .gauge .dial-fg{border:8px solid var(--dark);border-right-color:var(--light);border-top-color:var(--light);transform:rotate(-45deg)}.ships .ship .speedo .speed{display:block;position:absolute;top:60px;left:60px;transform:translate(-50%, -50%);background-color:rgba(var(--bs-light-rgb), 0.75);padding:1px 6px;border-radius:3px;border:2px solid rgba(var(--bs-dark-rgb), 0.75);color:var(--bs-dark);font-size:14px;white-space:nowrap}.ships .ship .speedo .min-speed{display:block;position:absolute;top:60px;left:4px;transform:translate(-50%, 0)}.ships .ship .speedo .max-speed{display:block;position:absolute;top:60px;right:4px;transform:translate(50%, 0)}.ships .ship .score{position:absolute;pointer-events:none;animation:floatUp 2s ease-out forwards;font-weight:bold;white-space:nowrap;text-shadow:0 0 3px black;z-index:1000}@keyframes floatUp{0%{transform:translate(0, 0);opacity:0.7}20%{transform:translate(-8px, -20px)}25%{transform:translate(-10px, -25px)}30%{transform:translate(-8px, -30px)}45%{transform:translate(8px, -45px)}50%{transform:translate(10px, -50px);opacity:0.5}55%{transform:translate(8px, -55px)}70%{transform:translate(-4px, -70px)}75%{transform:translate(-5px, -75px)}80%{transform:translate(-4px, -80px)}100%{transform:translate(0, -100px);opacity:0}}.ships .ship .upgrades .upgrade{display:block;width:52px;height:52px;background-image:url(/assets/skill/Frame_13-a2cbbe48cb2ca0f2f0aed04bb0a267a9ab3f0ea76154696077b422aa609d6ffb.png);background-size:100%;position:relative}.ships .ship .upgrades .upgrade .count{color:white;font-size:10px;position:absolute;right:7px;bottom:4px}.ships .ship .upgrades .upgrade .progress{width:100%;height:3px;border-radius:1px;background-color:#009868;position:absolute;top:8px;left:8px}.ships .ship .upgrades .upgrade::after{content:"";position:absolute;top:8px;left:8px;bottom:8px;right:8px;background-size:100%}.ships .ship .upgrades .upgrade-shark::after{background-image:url(/assets/skill/Skillicon5_04-b0e667b8209e375c88395a35f0c84b66d68059f008561036837aadc8deb8ddb1.png)}.ships .ship .upgrades .upgrade-oil::after{background-image:url(/assets/skill/Skillicon5_05-ae2d20f66d20ed058f940ded395db1f3573efa05b7204a16dbabe0d9870a54be.png)}.ships .ship.no-ship .sprite{left:50%}.ships .ship.no-ship .water1{animation:water1frames 80s linear infinite}.ships .ship.no-ship .water2{animation:water2frames 90s linear infinite}.ships .ship.no-ship .content{width:100%;height:100%;background:rgba(160,160,160,0.5);text-decoration:none}.ships .ship.no-ship .content .card-title{color:white;text-shadow:0 0 4px black}.ships .ship.no-ship .content .card-title.vertical{display:none}.ships .ship.no-ship .content p{color:var(--bs-dark)}.ships .ship.no-ship .content:hover .card-title{text-decoration:underline}@keyframes water1frames{0%{background-position:0 0}100%{background-position:1600px 600px}}@keyframes water2frames{0%{background-position:0 0}100%{background-position:-1200px -1200px}}.races .race .card-title a.fav-heart{font-size:20px;margin-right:4px}.races .race .card-title a.fav-heart:hover i{transform:scale(1.2)}.races .race .card-title a.fav-heart-red{color:#ff2e2e}.races .race .card-title a.fav-heart-grey{color:#bcbcbc}#sidebar .ships{display:block}#sidebar .tools{user-select:none;overflow:auto;min-height:123px}#sidebar .tools.guest{overflow:hidden;position:relative}#sidebar .tools.guest .list{position:relative}#sidebar .tools.guest .list::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #e9ecef 50%)}#sidebar .tools.guest .info{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}#sidebar .tools.guest .info p{background:var(--bs-light);border:1px solid #ced4da;border-radius:5px;padding:0.75rem 1rem;margin:0}#sidebar .tools.guest .info .narrow{display:none}#sidebar .tools .tool{border:1px solid var(--bs-gray-400);padding:2px;display:flex;align-items:center;border-radius:5px;margin-bottom:0.25em;box-shadow:inset 0 0 4px black;background:linear-gradient(to bottom, var(--bs-gray-400) 0%, var(--bs-gray-300) 20%)}#sidebar .tools .tool:not(.tool-disabled){cursor:pointer}#sidebar .tools .tool:not(.tool-disabled):hover{border:1px solid var(--bs-gray-600);box-shadow:inset 0 0 4px black;background:linear-gradient(to bottom, var(--bs-gray-600) 0%, var(--bs-gray-500) 20%)}#sidebar .tools .tool:last-child{margin-bottom:0}#sidebar .tools .tool .icon{width:52px;height:52px;background-image:url(/assets/skill/Frame_05-2b51ff938c572924ed9c0ce89666db3a0f5997a3c8c70a36101e8799692995b4.png);background-size:100%;flex:0 0 auto;position:relative}#sidebar .tools .tool .icon .progress{width:0;height:3px;border-radius:1px;background-color:#009868;position:absolute;top:8px;left:8px}#sidebar .tools .tool .icon .count{color:white;font-size:10px;position:absolute;right:7px;bottom:4px}#sidebar .tools .tool .content{margin:0 0.25em;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar .tools .tool .content h2,#sidebar .tools .tool .content p{margin:0}#sidebar .tools .tool .content h2{font-size:17px;line-height:17px}#sidebar .tools .tool .content p.description{font-size:13px;line-height:13px}#sidebar .tools .tool .content p.note{font-size:11px;color:#666;line-height:13px}#sidebar .tools .tool-disabled{opacity:0.5}#sidebar .tools .tool-active .icon{background-image:url(/assets/skill/Frame_13-a2cbbe48cb2ca0f2f0aed04bb0a267a9ab3f0ea76154696077b422aa609d6ffb.png)}#sidebar .tools .tool .icon::after{content:"";position:absolute;top:8px;left:8px;bottom:8px;right:8px;background-size:100%}#sidebar .tools .tool-splash .icon::after{background-image:url(/assets/skill/Skillicon5_01-60830961990bfdb899b700cac82958a49671b9f641a59b998c64c0cdf9a80b81.png)}#sidebar .tools .tool-poke .icon::after{background-image:url(/assets/skill/Skillicon5_02-59764bef88562556f011ea9fb38347f96891b386a8a3dcc39ed9486a97f88d99.png)}#sidebar .tools .tool-canbal .icon::after{background-image:url(/assets/skill/Skillicon5_06-35df38433fd82e109eaa3450f12f495a23369dd502c1cb49144c656375bc8b09.png)}#sidebar .tools .tool-ram .icon::after{background-image:url(/assets/skill/Skillicon5_03-efcb5793d4d388702d91a3ddd950d2c2cc4672507cd2f89e9af6ba20f79bb4be.png)}#sidebar .tools .tool-shark .icon::after{background-image:url(/assets/skill/Skillicon5_04-b0e667b8209e375c88395a35f0c84b66d68059f008561036837aadc8deb8ddb1.png)}#sidebar .tools .tool-oil .icon::after{background-image:url(/assets/skill/Skillicon5_05-ae2d20f66d20ed058f940ded395db1f3573efa05b7204a16dbabe0d9870a54be.png)}#sidebar.collapsed .tools.guest .info .narrow{display:block;font-size:24px;text-align:center;line-height:24px;padding:1rem}#sidebar.collapsed .tools.guest .info .wide{display:none}#sidebar.collapsed .ships .ship .content{display:none}#sidebar.collapsed .ships .ship .sprite{display:none}#sidebar.collapsed .ships .ship .speedo{display:none}#sidebar.collapsed .ships .ship .wake{display:none}#sidebar.collapsed .ships .ship .ruler-space{width:100%;height:100%;display:flex;align-items:center}#sidebar.collapsed .ships .ship .ruler-space .ruler-display.distance{flex:0 0 auto;position:relative;top:auto;right:auto;transform:translateY(2px);text-align:center;padding:6px 1px;width:100%;line-height:1}#sidebar.collapsed .ships .no-ship .content{display:block}#sidebar.collapsed .ships .no-ship .content .card-title.straight{display:none}#sidebar.collapsed .ships .no-ship .content .card-title.vertical{display:block;height:100%;width:100%;max-width:none;margin:0;font-size:12px;text-align:center;padding:6px 1px;line-height:1}#sidebar.collapsed .ships .no-ship .content p{display:none}#sidebar.collapsed .ships .no-ship .content:hover .card-title{text-decoration:none;border:1px solid white;border-width:0 1px}#chart{height:400px}