@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap";html,body{position:fixed;inset:0;width:100%;height:100%;overflow:clip}#game,#hud{overflow:clip}@font-face{font-family:Silkscreen;src:url(/assets/silkscreen.ttf) format("truetype");font-display:swap}:root{font-family:"Noto Serif SC",SimSun,serif;color:#f2e2b7;background:#073849;--gold:#bd9559;--ink:#0a202b;--border:#846443}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid #ffdf97;outline-offset:4px}#game,#stage,#stage>canvas{position:absolute;inset:0;width:100%;height:100%}#stage>canvas{display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 1px 2px #000}.brass{background:#071e2af5;border:2px solid #b69461;box-shadow:inset 0 0 0 2px #17212c,0 0 0 1px #3c2b1c,0 3px 14px #0004;border-radius:2px}.health-panel{position:absolute;left:27px;top:26px;display:flex;align-items:center;width:292px;height:66px;padding:7px 12px 8px 9px}.ship-seal{font-size:34px;font-weight:900;border-right:1px solid #816340;width:44px;text-align:center;margin-right:12px;color:#e3bd7b}.health-info{flex:1}.ship-label{font-size:12px;letter-spacing:3px;margin-bottom:6px;color:#ecd6a6}.ship-label span{float:right;color:#b39c72;font-size:10px;letter-spacing:1px}.health-track{height:19px;background:#021723;border:1px solid #b79b70;position:relative;overflow:hidden}#health-fill{height:100%;width:100%;background:#c6392e;transition:width .2s}#health-text{position:absolute;inset:0;text-align:center;font-family:Georgia,serif;font-size:12px;line-height:17px;letter-spacing:1px}.voyage{position:absolute;top:24px;left:50%;transform:translate(-50%);text-align:center;min-width:137px;padding:9px 23px}.voyage>span{font:24px Georgia,serif;letter-spacing:3px}.voyage small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px;color:#cfb580}.map-panel{position:absolute;right:26px;top:24px;width:154px;padding:4px}.map-panel canvas{display:block;width:100%;height:auto}.map-panel>span{display:block;font-size:10px;text-align:center;letter-spacing:3px;padding:3px;color:#d3b882}.skills{position:absolute;bottom:57px;left:50%;transform:translate(-50%);display:flex;gap:13px;pointer-events:auto}.skill{position:relative;color:#eccb90;width:59px;height:62px;padding:4px 0 8px}.skill>span{position:relative;z-index:2;font-weight:700;font-size:30px;line-height:1.1}.skill small{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);background:#0b2430;border:1px solid #c5a570;min-width:23px;padding:1px 4px;font-size:10px;white-space:nowrap;z-index:4}.skill i{position:absolute;bottom:0;left:0;right:0;height:0;background:#0009;pointer-events:none;z-index:3}.skill:hover{background:#285369}.xp{position:absolute;width:390px;left:50%;transform:translate(-50%);height:12px;bottom:23px;background:#0b2631}.xp>div{height:100%;background:#49bddd;width:0;transition:width .3s}.xp>span{position:absolute;top:15px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:1px;white-space:nowrap}.utility{position:absolute;pointer-events:auto;color:#d7c092;bottom:27px;height:36px;padding:0 14px;opacity:.87;font-size:12px}#settings-button{right:72px}#pause-button{right:26px;width:37px;padding:0}.controls-hint{position:absolute;bottom:28px;left:27px;max-width:calc(50% - 220px);font:10px/1.8 "Noto Serif SC",serif;color:#f4e8c1;opacity:.8}.enemy-label{position:absolute;width:43px;height:5px;background:#0a2430;border:1px solid #10232b;transform:translate(-50%,-50%)}.enemy-label>i{display:block;background:#e35735;height:100%}.enemy-label>small{display:none}#notice{position:absolute;top:21%;left:50%;transform:translate(-50%);font-size:19px;letter-spacing:5px;transition:opacity .5s;opacity:0;text-align:center;white-space:nowrap}.veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#031a2480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.hidden{display:none!important}#loading{background:#092731;flex-direction:column;z-index:30}h1,h2,p{margin:0}.loading-mark{font-size:54px;color:#d2b178}#loading h1{font-size:28px;letter-spacing:10px;margin:20px 0 16px}#loading p{font-size:12px;color:#c2c4bb}.loading-line{width:190px;height:2px;background:#4a645f;margin-top:28px;overflow:hidden}.loading-line:after{content:"";display:block;width:45%;height:100%;background:#dcb77b;animation:loading 1.4s infinite ease-in-out}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(320%)}}.paper{width:min(510px,90vw);padding:38px 38px 32px;text-align:center;background:#0b2431f5;border:1px solid #bc9760;box-shadow:inset 0 0 0 6px #061d26,0 25px 80px #001119a0}.smallcaps{font-size:11px;letter-spacing:5px;color:#c9b17e;margin-bottom:17px}.paper h1{font-size:37px;letter-spacing:7px;margin-bottom:17px}.paper>p:not(.smallcaps){font-size:12px;line-height:2;color:#c6d0cb}.intro-controls{display:grid;grid-template-columns:1fr 1fr;gap:19px 13px;margin:30px 0}.intro-controls span{font-size:11px;text-align:left;color:#ccc6ae;display:flex;gap:10px;align-items:center}kbd{font:11px Georgia,serif;background:#09212a;border:1px solid #796b4e;padding:5px;min-width:65px;text-align:center;color:#e2d5b1}.gold-button{border:1px solid #dbc18f;padding:12px 36px;background:#b18e59;color:#0e2430;font-weight:700;font-size:14px;letter-spacing:3px;box-shadow:inset 0 0 0 2px #bb9b67}.gold-button:hover{background:#d4b17a}.paper>small{display:block;color:#889e9b;font-size:10px;line-height:1.9;margin-top:22px}.settings-paper{text-align:left}.settings-paper h2{font-size:23px;letter-spacing:4px;margin-bottom:25px}.settings-paper label{display:block;font-size:12px;margin:20px 0}.settings-paper output{float:right;color:#c6d3cd}.settings-paper input{width:100%;margin-top:13px;accent-color:#bf9b65}.settings-paper>p{margin-bottom:25px}.upgrade-paper{width:min(880px,92vw);text-align:center}.upgrade-paper h2{font-size:27px;letter-spacing:5px}.upgrade-paper>p{margin:12px 0 27px;color:#d2d9cd;font-size:12px}#upgrade-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.upgrade-card{text-align:left;border:1px solid #a98c5c;background:#102f3b;color:#e5d8b8;padding:28px 24px;min-height:208px;transition:transform .2s}.upgrade-card:hover{transform:translateY(-7px);border-color:#f1d499}.upgrade-card b{display:block;font-size:40px;font-weight:400;margin-bottom:22px;color:#d7b577}.upgrade-card h3{font-size:19px;margin:0 0 10px;letter-spacing:2px}.upgrade-card p{font-size:11px;color:#b6c5bf;line-height:1.9}#touch-controls{display:none}.fatal{color:#ffbca2;max-width:80vw;text-align:center;line-height:1.9}@media(max-width:900px){.health-panel{left:14px;top:14px;width:210px;height:55px}.ship-label{font-size:10px}.ship-seal{font-size:26px;width:30px;margin-right:7px}.voyage{top:14px;padding:7px 13px;min-width:102px}.voyage>span{font-size:20px}.map-panel{right:14px;top:14px;width:111px}.controls-hint{display:none}.xp{width:270px}.skills{gap:9px}.skill{width:48px;height:52px}.skill>span{font-size:25px}}@media(max-width:600px){.health-panel{width:162px;padding:5px;top:12px;left:10px;height:46px}.ship-label{letter-spacing:1px}.ship-seal{width:25px;font-size:22px}.voyage{top:12px;left:57%;padding:5px 8px;min-width:85px}.voyage>span{font-size:17px}.voyage small{font-size:8px}.map-panel{width:73px;right:9px;top:12px}.map-panel>span{font-size:7px;letter-spacing:1px}.skills{bottom:47px;gap:9px}.skill{width:40px;height:43px}.skill>span{font-size:23px}.xp{width:214px;bottom:15px}.xp>span{display:none}.utility{bottom:116px}#settings-button{right:10px}#pause-button{right:10px;bottom:158px}.paper{padding:26px 22px}.paper h1{font-size:31px}#upgrade-choices{gap:7px}.upgrade-card{padding:18px 12px;min-height:202px}.upgrade-card h3{font-size:15px}.upgrade-card p{font-size:10px}.upgrade-paper h2{font-size:22px}#notice{font-size:16px;letter-spacing:2px}}@media(pointer:coarse){#touch-controls{display:block;position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;left:25px;bottom:55px;width:86px;height:86px;border:1px solid #d1be8980;border-radius:50%;background:#15384040;pointer-events:auto;touch-action:none}#joystick span{display:block;position:absolute;width:33px;height:33px;left:25px;top:25px;border-radius:50%;border:1px solid #d1be8980;background:#9bb4ad60}#touch-fire{position:absolute;right:25px;bottom:58px;width:65px;height:65px;background:#173c49c0;border:1px solid #d3b97f;border-radius:50%;color:#f1d5a2;font-size:27px;pointer-events:auto;touch-action:none}.skills{bottom:43px}.utility{bottom:150px}}.brass{border:7px solid transparent;border-image:url(/assets/hud-sail-hd2d.png) 64 / 7px / 0 stretch;border-radius:0;box-shadow:0 3px #031c2b8c;background:#071d2ded}.health-panel{left:20px;top:17px;width:264px;height:51px;padding:3px 9px 4px 47px}.ship-seal{position:absolute;left:-7px;top:-9px;width:57px;height:62px;border:0;margin:0;display:block}.ship-seal img{width:100%;height:100%;object-fit:fill;image-rendering:pixelated}.ship-label{font-size:9px;letter-spacing:2px;margin-bottom:4px}.ship-label span{font-size:9px}.health-track{height:16px;border:2px solid #624735;box-shadow:0 0 0 1px #dfc88b}.health-track #health-fill{box-shadow:inset 0 2px #ef7857,inset 0 -2px #731f25}#health-text{font:13px/12px Silkscreen,monospace;color:#fff5d8;text-shadow:1px 1px #05121f}.voyage{top:11px;min-width:147px;padding:4px 15px 7px}.voyage>span{font:24px/1.1 Silkscreen,monospace;letter-spacing:0}.voyage small{font:11px/1.1 Silkscreen,SimSun,serif;letter-spacing:2px;color:#f2dda0;margin-top:5px}.map-panel{width:154px;top:14px;right:16px;padding:2px}.map-panel canvas{image-rendering:pixelated}.map-panel>span{font-size:9px;padding:1px}.skills{bottom:48px;gap:12px}.skill.brass{width:62px;height:62px;border:0;background:none;box-shadow:none;padding:0}.skill>img{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.skill small{font:10px/15px Silkscreen,SimSun,serif;bottom:-8px;padding:0 4px;color:#ffebb4;background:#092535;border:2px solid #b79a61;box-shadow:1px 1px #071a26}.skill i{left:7px;right:7px;bottom:7px;max-height:48px}.skill:hover{filter:brightness(1.2)}.skill:disabled{cursor:default}.skill[data-skill=fire]{opacity:1}.xp{bottom:16px;height:17px;width:min(520px,45vw);border-width:5px;border-image-width:5px;background:#092733}.xp>div{box-shadow:inset 0 2px #95f0ff}.xp>span{display:none}.utility{border-width:5px;border-image-width:5px;height:32px;font-size:11px;bottom:17px}.controls-hint{font:10px/1.8 SimSun,serif;bottom:17px;left:20px;max-width:calc(50% - 285px)}.enemy-label{height:7px;width:44px;border:1px solid #031c27;box-shadow:1px 1px #03131b}.enemy-label>i{box-shadow:inset 0 1px #ffbd71,inset 0 -1px #943725}.paper{border:10px solid transparent;border-image:url(/assets/hud-sail-hd2d.png) 64 / 10px / 0 stretch;box-shadow:0 20px 60px #00121bbb}.upgrade-icon{width:58px;height:58px;image-rendering:pixelated;margin-bottom:16px}.upgrade-card{border:7px solid transparent;border-image:url(/assets/hud-sail-hd2d.png) 64 / 7px / 0 stretch;padding:22px 20px}.upgrade-card:hover{background:#184252}.gold-button{background:#d2ae69;border-color:#f0d695;border-radius:0;box-shadow:inset 0 -3px #927143,inset 0 3px #e4c58e}#notice{font-size:16px;letter-spacing:3px;top:19%;text-shadow:2px 2px #082333}@media(max-width:900px){.health-panel{left:12px;top:13px;width:215px;height:49px;padding-left:39px}.ship-seal{width:48px;height:55px;top:-8px}.voyage{top:12px;min-width:115px;padding:3px 7px 6px}.voyage>span{font-size:21px}.map-panel{width:111px;right:11px}.xp{width:380px}.skills{gap:10px}.skill.brass{width:55px;height:55px}}@media(max-width:600px){.health-panel{width:158px;height:43px;left:7px;top:11px;padding-left:27px;padding-right:2px}.ship-seal{width:38px;height:46px;top:-8px}.ship-label{font-size:8px;letter-spacing:0}.ship-label span,#health-text{font-size:8px}.health-track{height:14px}.voyage{min-width:81px;left:58%;top:9px;padding:3px 3px 5px}.voyage>span{font-size:15px}.voyage small{font-size:8px;letter-spacing:0}.map-panel{width:70px;right:7px;top:10px}.map-panel>span{font-size:7px}.skills{bottom:38px;gap:8px}.skill.brass{width:46px;height:46px}.skill small{font-size:8px;line-height:12px}.xp{width:230px;bottom:10px;height:14px}.utility{bottom:122px}#pause-button{bottom:163px}.paper{padding:24px 16px}.intro-controls{gap:14px 8px}.intro-controls span{font-size:10px;gap:5px}.intro-controls kbd{min-width:56px;font-size:10px}.upgrade-card{padding:16px 8px}.upgrade-icon{width:47px;height:47px}.upgrade-card h3{font-size:14px}.upgrade-card p{font-size:10px}#touch-fire{font-size:17px}}@media(max-width:600px)and (pointer:coarse){#joystick{left:18px;bottom:106px}#touch-fire{right:18px;bottom:111px}#settings-button{top:96px;bottom:auto;right:10px}#pause-button{top:96px;bottom:auto;right:76px}}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 90px 25px #ed3f2788;opacity:0;pointer-events:none}#battle-status{position:absolute;top:83px;left:50%;transform:translate(-50%);padding:5px 11px;background:#052635aa;color:#eed7a1;font-size:11px;letter-spacing:1px;white-space:nowrap}.loot-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:3px 6px;color:#fff2b1;background:#3b2b14d9;border:1px solid #d9b460;white-space:nowrap;text-shadow:1px 1px #211908}.enemy-label.charging{box-shadow:0 0 8px #ff6933;border-color:#ffbe68}.enemy-label.charging>small{display:block;position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#ffe49c;white-space:nowrap;background:#6a271dcc;padding:1px 4px}.enemy-label[data-type=kobaya]{width:30px}.enemy-label[data-type=atake]{width:62px}.enemy-label[data-type=daiatake]{width:100px;height:10px;border-color:#d3a4e8}.enemy-label[data-type=daiatake]>i{background:#b15bd1}.enemy-label[data-type=atake]>small,.enemy-label[data-type=daiatake]>small{display:block;position:absolute;top:-18px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;color:#ffe0a5;text-shadow:1px 1px 2px #000}@media(max-width:600px){#battle-status{top:63px;font-size:9px;letter-spacing:0;padding:4px 6px}.loot-label{font-size:9px}#notice{max-width:94vw;white-space:normal;font-size:14px}#damage-flash{box-shadow:inset 0 0 45px 10px #ed3f2788}}.fleet-link{display:block;margin-top:16px;color:#d8bd85;font-size:11px;text-decoration:underline;text-underline-offset:4px}.camera-controls{position:absolute;right:20px;top:190px;display:flex;gap:3px;pointer-events:auto}.camera-controls button{width:29px;height:29px;padding:0;border:1px solid #b69461;background:#092733e8;color:#eddbab;font:18px Georgia,serif}.camera-controls button:hover{background:#285369}.camera-controls button:last-child{font:12px SimSun,serif}@media(max-width:600px){.camera-controls{top:104px;right:7px;gap:2px}.camera-controls button{width:28px;height:28px}}.helm-toggle{position:absolute;right:20px;top:228px;pointer-events:auto;color:#eddbab;padding:4px 10px;font-size:12px;min-width:157px}.helm-toggle[aria-pressed=true]{background:#296358;color:#fff1bd}.helm-toggle:hover{filter:brightness(1.2)}@media(max-width:600px){.helm-toggle{right:7px;top:142px;min-width:148px;padding:3px 7px;font-size:11px}}#boss-hud{position:absolute;bottom:145px;left:50%;transform:translate(-50%);width:min(460px,65vw);padding:9px 13px;background:#071e23e8;border:1px solid #819d55;box-shadow:0 0 18px #62aa3630;color:#c8e6a6;pointer-events:none}.boss-caption{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:7px}.boss-caption span{font-size:10px;color:#9ccc7f}.boss-track{height:12px;background:#142d26;position:relative;border:1px solid #45673f}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#466b32,#a6d84b);transition:width .15s}.boss-track span{position:absolute;inset:0;text-align:center;font:10px monospace;color:#f3ffd5;text-shadow:1px 1px #142410}.boss-start{display:block;margin:12px auto 0;padding:9px 24px;border:1px solid #819d55;background:#17352d;color:#c8e6a6;cursor:pointer}.boss-start:hover{background:#294e35}@media(max-width:600px){#boss-hud{bottom:165px;width:260px;padding:7px 9px}.boss-caption{font-size:10px;display:block}.boss-caption span{display:block;margin-top:3px;font-size:9px}}.render-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.render-setting select{color:#efdbad;background:#183943;border:1px solid #92794c;padding:7px;font:inherit}.settings-paper{max-height:90dvh;overflow-y:auto}