.boat-shell{max-width:1170px;margin:auto;padding:10px 26px 90px}.boat-shell .back{margin-bottom:9px}.boat-shell .arcade-heading{margin:0 0 10px}.boat-layout{display:grid;grid-template-columns:minmax(0,640px) 285px;gap:22px;justify-content:center;align-items:start}.boat-stage{width:100%;position:relative;overflow:hidden;border-radius:15px;background:#267f83;aspect-ratio:.8;max-height:calc(100svh - 175px);min-height:min(430px,calc(100svh - 175px));box-shadow:0 14px 40px #213c3a1c}.boat-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:ew-resize}.boat-hud{position:absolute;top:15px;left:15px;right:15px;display:flex;align-items:flex-start;gap:12px;z-index:2;pointer-events:none;color:#fff8d9;text-shadow:0 2px 5px #1c4e4b}.boat-hud h3{font:italic 25px Georgia,serif;margin:0 auto 0 0}.boat-hud small{display:block;font-size:8px;letter-spacing:.13em;margin-bottom:3px}.boat-hud b{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.boat-hud button{pointer-events:auto;width:31px;height:33px;border:1px solid #fff5;border-radius:7px;background:#fff9e8d9;color:#536845}.boat-hint{position:absolute;bottom:15px;left:20px;right:20px;z-index:2;text-align:center;color:#fffbe6;font:17px Georgia,serif;text-shadow:0 1px 6px #16463e;pointer-events:none}.boat-hint span{font-family:Arial,sans-serif;opacity:.8;padding:0 10px}.boat-pop{position:absolute;top:80px;left:0;right:0;text-align:center;color:#fff5cd;font:italic 19px Georgia,serif;pointer-events:none;text-shadow:0 1px 6px #244c3c}.boat-overlay{position:absolute;inset:0;background:#153e385e;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:17px;z-index:6;overflow:auto}.boat-modal{background:#fff8e7;border:1px solid #fff9;border-radius:17px;padding:27px;width:100%;max-width:385px;box-shadow:0 18px 60px #1c342c40;color:#405735}.boat-modal h2{font:italic 36px Georgia,serif;margin:13px 0}.boat-modal p{font-size:11px;color:#7f8973;line-height:1.65}.boat-modal .primary,.boat-modal .secondary{display:flex;width:100%;margin-top:10px}.boat-modal .textlink{font-size:10px;display:block;margin:7px auto 0}.boat-score-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;margin-top:15px;border-top:1px solid #d5d9bf;border-bottom:1px solid #d5d9bf}.boat-score-row small{display:block;font-size:10px;color:#80866e;margin-bottom:5px}.boat-score-row b{font:35px Georgia,serif;font-variant-numeric:tabular-nums}.boat-record{background:#647641;color:#fff9df;padding:8px;text-align:center;border-radius:6px;margin:12px 0;font-size:11px}.boat-side{border:1px solid #e0e2d4;border-radius:14px;background:#fffdf5;padding:23px}.boat-side h3{font:29px Georgia,serif;line-height:1.15;margin:0 0 15px}.boat-side p{font-size:11px;color:#858b79;line-height:1.7}.boat-spec{display:flex;justify-content:space-between;border-bottom:1px solid #e9e7da;padding:12px 0;font-size:11px;color:#8a8f7c}.boat-spec b{color:#5b6d43;font-weight:500}.boat-side .mini-villa{margin-top:25px}.boat-lesson{border:1px solid #e3e6d6;background:#eef0e3;border-radius:9px;padding:13px;margin-top:18px;font-size:11px;color:#7b8469}.boat-card .cover-art{display:none!important}.boat-card .level-row{display:block}.boat-card .level-row small{color:#81886b;font-size:11px}.boat-card .arcade-cover img{object-position:0 50%;object-fit:cover}.boat-shell .fine{font-size:9px}body.boat-playing header{height:64px;padding-top:8px;padding-bottom:8px}body.boat-playing .brand img{width:112px}body.boat-playing .developer{width:70px;height:44px}@media(max-width:850px){.boat-layout{grid-template-columns:minmax(0,1fr) 245px}.boat-side{padding:20px}}@media(max-width:700px){.boat-shell{padding:10px 12px 95px}.boat-layout{display:flex;flex-direction:column;gap:14px}.boat-stage{aspect-ratio:.73;max-height:calc(100svh - 175px);min-height:min(440px,calc(100svh - 175px))}.boat-side{width:100%;padding:23px}.boat-hud{top:12px;left:14px;right:14px;gap:11px}.boat-hud h3{font-size:21px}.boat-hud small{font-size:7px}.boat-hud b{font-size:20px}.boat-hud button{width:27px;height:29px}.boat-modal{max-width:335px;padding:23px}.boat-modal h2{font-size:31px}.boat-shell .arcade-heading h2{font-size:28px}.boat-pop{font-size:17px;top:70px}}