@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Oswald:wght@500;600;700&display=swap');
:root{--gold:#e9b949;--red:#d64b35;--dark:#10191b;--paper:#e9ddbd}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#091113;color:#f5ead1;font-family:Oswald,Arial,sans-serif;overflow:hidden}.shell{width:min(100vw,1100px);height:100vh;max-height:1000px;position:relative;background:#173b43;overflow:hidden;box-shadow:0 0 90px #000}header{height:78px;position:relative;z-index:6;display:grid;grid-template-columns:1fr 150px 150px 48px;align-items:center;padding:0 20px;gap:12px;background:#111919eF;border-bottom:2px solid #876c37}.brand{display:flex;align-items:center;gap:10px;font:700 22px/1 Oswald;letter-spacing:2px}.brand>span{font-size:39px;color:var(--gold)}.brand b{color:var(--gold)}.brand small{display:block;margin-top:4px;font-size:8px;color:#8d9a96;letter-spacing:3px}.stat{border-left:1px solid #3e4946;padding-left:20px}.stat small{display:block;font-size:8px;letter-spacing:1.5px;color:#8e9d99}.stat strong{font-size:22px}.stat strong:first-letter{color:var(--gold)}header button{height:40px;background:#273231;border:1px solid #65706c;color:white;font-weight:bold;cursor:pointer}.game-wrap{height:calc(100% - 78px);position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}.ship-card,.crew-card{position:absolute;z-index:4;background:#101918eB;border:1px solid #806c43;box-shadow:0 8px 22px #0007}.ship-card{top:16px;left:16px;width:220px;padding:12px}.ship-card>div:first-child,.cannons{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.ship-card b{color:var(--gold)}.bar{height:9px;background:#3e3630;margin:7px 0 9px}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#be6238,#e9b949);transition:.2s}.crew-card{top:16px;right:16px;width:225px;padding:11px 13px}.crew-card h3{font-size:10px;letter-spacing:1.5px;margin:0 0 8px;display:flex;justify-content:space-between}.crew-card h3 b{color:var(--gold)}#crew{display:flex;gap:7px}.mate{width:33px;text-align:center}.mate i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6f4933;border:2px solid #d9bb75;font-style:normal;font-size:17px}.mate small{display:block;font-size:7px;color:#b6b8ab;margin-top:3px}.mate.hurt{opacity:.22;filter:grayscale(1)}.controls{position:absolute;z-index:5;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px;pointer-events:none}.controls button{pointer-events:auto;cursor:pointer;color:#f2e6c9;background:#101918cc;border:1px solid #ae9765}.arrows{width:150px;display:grid;grid-template-columns:repeat(3,46px);gap:4px}.arrows button{height:42px}.arrows button:first-child{grid-column:2}.fire{width:106px;height:88px;border-radius:50%!important;border:3px solid var(--gold)!important;background:#702d25e8!important;font:700 15px Oswald;letter-spacing:1px}.fire span,.fire small{display:block}.fire span{font-size:22px}.fire small{font-size:8px;color:#e8c980}.fire:active,.arrows button:active{transform:scale(.94);filter:brightness(1.5)}.overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#071010b8;backdrop-filter:blur(5px)}.hidden{display:none!important}.paper{width:min(450px,94%);padding:34px;text-align:center;color:#27251f;background:linear-gradient(#efe5c7,#d8c597);border:5px double #6c4c25;clip-path:polygon(1% 2%,98% 0,100% 96%,96% 100%,2% 98%,0 7%);box-shadow:0 30px 70px #000}.eyebrow{margin:0;color:#82621e;font-size:10px;letter-spacing:4px}.eyebrow.red{color:#a52e20}.paper h1,.paper h2{margin:5px 0 15px;font:400 74px/.7 'IM Fell English';text-shadow:1px 2px #ae9261}.paper h1 em{color:#8c2e22}.paper h2{font-size:60px}.paper>p:not(.eyebrow){font:italic 15px/1.45 'IM Fell English'}.instructions,.results{display:flex;justify-content:center;gap:10px;margin:20px 0}.instructions span,.results span{flex:1;padding:11px 8px;border:1px solid #957a48;font-size:10px}.instructions b{font-size:12px}.paper>button{width:100%;padding:14px;border:0;background:#812f25;color:#fff0cf;font:700 16px Oswald;letter-spacing:2px;box-shadow:4px 4px #3e221c;cursor:pointer}.notice{position:absolute;z-index:7;top:105px;left:50%;transform:translateX(-50%);padding:9px 16px;color:#211b0d;background:var(--gold);border:2px solid #fff0bd;font-size:12px;letter-spacing:1px;white-space:nowrap}@media(max-width:620px){header{height:68px;grid-template-columns:1fr 78px 65px 38px;padding:0 8px;gap:5px}.brand{font-size:16px}.brand>span{font-size:29px}.stat{padding-left:8px}.stat strong{font-size:18px}.stat small{font-size:6px}.game-wrap{height:calc(100% - 68px)}.crew-card{top:76px;right:8px;width:184px}.ship-card{top:8px;left:8px;width:185px}.mate{width:27px}.mate i{width:27px;height:27px;font-size:14px}.controls{padding:0 12px}.paper h1{font-size:62px}}