:root{color:#f5f7ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--glass:#08111494;--glass-strong:#0a1416c7;--line:#eef7eb2e;--pearl:#f2f4ea;--mint:#65e1d0;--amber:#d6a45e;--coral:#ff7868;--ink:#071013;background:#071013;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,#squid-fishing-game-root{width:100%;min-height:100%;margin:0}#squid-fishing-game-root.squid-fishing-game-root{isolation:isolate;background:#071013;width:100vw;max-width:100vw;min-height:620px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);display:block;position:relative;overflow:hidden}button,a{font:inherit}button{border:0}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:#071013;width:100%;height:100vh;min-height:620px;position:relative;overflow:hidden}.game-shell canvas{z-index:1;display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.overlay{z-index:100;pointer-events:none;position:absolute;inset:0}.overlay-center{place-items:center;display:grid}.loading-screen{background:linear-gradient(#071013eb,#0710137a),radial-gradient(circle at 50% 92%,#d6a45e2e,#0000 42%);align-content:center;gap:18px}.loading-mark{width:58px;height:58px;color:var(--amber);background:#09111285;border:1px solid #d6a45e66;border-radius:50%;place-items:center;display:grid;box-shadow:0 24px 80px #00000059}.loading-title{color:var(--pearl);font-size:15px;font-weight:700}.loading-bar{background:#f2f4ea1f;border-radius:999px;width:min(280px,68vw);height:5px;overflow:hidden}.loading-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--amber));width:42%;height:100%;animation:1.15s ease-in-out infinite alternate loading-run;display:block}@keyframes loading-run{0%{transform:translate(-20%)}to{transform:translate(158%)}}.intro-screen{z-index:140;background:linear-gradient(90deg,#071013b3,#07101314 62%,#07101338);align-items:center;padding:clamp(24px,6vw,72px);display:flex}.intro-copy{pointer-events:auto;text-shadow:0 16px 44px #0000006b;width:min(570px,100%);margin-top:min(9vh,72px)}.eyebrow{color:#f3c77d;text-transform:uppercase;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.intro-copy h1{color:var(--pearl);letter-spacing:0;margin:16px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,9vw,112px);line-height:.92}.intro-copy p{color:#f5f7efdb;max-width:480px;margin:0 0 26px;font-size:clamp(16px,2.2vw,21px);line-height:1.55}.primary-action,.secondary-action{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-action{color:#071013;background:linear-gradient(135deg,#f2d39a,#65e1d0);box-shadow:0 18px 42px #65e1d02e,0 12px 30px #d6a45e2e}.primary-action:disabled{cursor:wait;opacity:.78}.secondary-action{color:var(--pearl);border:1px solid var(--line);background:#f2f4ea14}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.compact{min-height:42px;padding:0 16px;font-size:14px}.hud{z-index:120;pointer-events:none;position:absolute;inset:0}.top-controls{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute}.status-pill,.icon-button,.hint-panel,.meter-panel,.fight-panel,.failure-panel,.sounder-panel,.settings-panel,.reward-modal{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 58px #00000047}.status-pill{color:#f5f7efb8;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:12px;display:flex}.status-pill strong{color:var(--pearl);text-transform:capitalize;font-size:14px}.status-pill.water-active strong{color:var(--mint)}.status-pill.water-signs strong{color:#f2d39a}.status-pill.water-quiet strong{color:#f5f7efad}.icon-button{width:40px;height:40px;color:var(--pearl);cursor:pointer;border-radius:50%;place-items:center;display:grid}.settings-panel{top:70px;right:max(18px, env(safe-area-inset-right));pointer-events:auto;border-radius:8px;width:min(330px,100vw - 36px);padding:16px;position:absolute}.panel-title{color:var(--pearl);margin-bottom:12px;font-size:14px;font-weight:850}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.segmented-control button{color:#f5f7efbd;cursor:pointer;background:#f2f4ea12;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;display:inline-flex}.segmented-control button.active{color:#071013;background:#f2d39a}.hint-panel{left:50%;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;width:min(520px,100vw - 32px);color:var(--pearl);border-radius:8px;padding:13px 18px;font-weight:780;position:absolute;transform:translate(-50%)}.hint-panel small{color:#f5f7efa8;margin-top:4px;font-weight:600;display:block}.sounder-panel{left:max(18px, env(safe-area-inset-left));top:max(18px, env(safe-area-inset-top));color:#f5f7efbd;pointer-events:none;border-radius:8px;gap:10px;width:190px;padding:12px;display:grid;position:absolute}.sounder-panel div:first-child{justify-content:space-between;gap:12px;font-size:12px;font-weight:760;display:flex}.sounder-panel strong{color:var(--pearl)}.sounder-bars{grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:4px;height:26px;display:grid}.sounder-bars i{min-width:0;height:calc(5px + var(--bar,1) * 2px);background:#f2f4ea1f;border-radius:999px;display:block}.sounder-bars i:first-child{--bar:1}.sounder-bars i:nth-child(2){--bar:2}.sounder-bars i:nth-child(3){--bar:3}.sounder-bars i:nth-child(4){--bar:4}.sounder-bars i:nth-child(5){--bar:5}.sounder-bars i:nth-child(6){--bar:6}.sounder-bars i:nth-child(7){--bar:7}.sounder-bars i:nth-child(8){--bar:8}.sounder-bars i:nth-child(9){--bar:9}.sounder-bars i:nth-child(10){--bar:10}.sounder-bars i.lit{background:linear-gradient(#f2d39a,#65e1d0);box-shadow:0 0 12px #65e1d038}.meter-panel,.fight-panel{left:50%;bottom:max(92px, calc(env(safe-area-inset-bottom) + 84px));border-radius:8px;width:min(480px,100vw - 34px);padding:16px;position:absolute;transform:translate(-50%)}.meter-label{color:#f5f7efc7;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:13px;font-weight:760;display:flex}.meter-label strong{color:var(--pearl)}.power-meter,.tension-meter{background:#f2f4ea1c;border-radius:999px;height:13px;position:relative;overflow:hidden}.power-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--amber), var(--coral));height:100%;transition:width 70ms linear;display:block;box-shadow:0 0 22px #65e1d05c}.bite-alert{min-width:min(330px,100vw - 48px);color:var(--pearl);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#320e10ad;border:1px solid #ff78686b;border-radius:8px;padding:18px 24px;animation:.52s ease-in-out infinite alternate bite-pulse;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #ff786833}.bite-alert strong{font-size:34px}.bite-alert span{color:#f5f7efd6;font-weight:720}@keyframes bite-pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.035)}}.tension-meter{grid-template-columns:28% 44% 28%;height:18px;display:grid}.tension-meter .zone{min-width:0;height:100%}.tension-meter .low{background:#4e98db}.tension-meter .safe{background:#65e1d0}.tension-meter .high{background:#ff7868}.tension-meter b{background:var(--pearl);border-radius:999px;width:4px;height:28px;transition:left 80ms linear;position:absolute;top:-5px;transform:translate(-50%);box-shadow:0 0 16px #fff9}.tension-meter.high b{background:#ffd1c8}.fight-copy{color:#f5f7efcc;margin-top:10px;font-size:13px;font-weight:680}.failure-panel{pointer-events:auto;text-align:center;border-radius:8px;gap:10px;width:min(360px,100vw - 40px);padding:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.failure-panel strong{color:var(--pearl);font-size:20px}.failure-panel span{color:#f5f7efb8}.mobile-control{right:max(18px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));min-height:48px;color:var(--pearl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1416a3;border:1px solid #f2f4ea38;border-radius:999px;align-items:center;gap:9px;padding:0 16px;font-weight:840;display:none;position:absolute}.boat-control-pad{left:max(18px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,46px);gap:7px;display:none;position:absolute}.boat-control-pad button{width:46px;height:46px;color:var(--pearl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#0a1416a3;border:1px solid #f2f4ea38;border-radius:50%;place-items:center;display:grid}.boat-control-pad button:first-child,.boat-control-pad button:last-child{grid-column:2}.boat-control-pad button:nth-child(2){grid-area:2/1}.boat-control-pad button:nth-child(3){grid-area:2/2}.boat-control-pad button:nth-child(4){grid-area:2/3}.boat-control-pad button:last-child{grid-row:3}.debug-panel{left:max(18px, env(safe-area-inset-left));top:max(18px, env(safe-area-inset-top));color:#f5f7efc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040a0c94;border:1px solid #65e1d047;border-radius:8px;gap:4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:grid;position:absolute}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04080994;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.reward-modal{width:min(520px,100%);color:var(--pearl);text-align:center;pointer-events:auto;border-radius:8px;padding:clamp(22px,5vw,34px)}.reward-kicker{color:var(--amber);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.reward-modal h2{letter-spacing:0;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,7vw,54px);line-height:1}.reward-modal p{color:#f5f7efc7;max-width:390px;margin:0 auto 18px;line-height:1.55}.coupon-box{background:#65e1d01a;border:1px solid #65e1d05c;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:18px 0 10px;padding:12px 12px 12px 18px;display:flex}.coupon-box span{overflow-wrap:anywhere;color:#f5f7ef;min-width:0;font-size:clamp(22px,5vw,34px);font-weight:920}.coupon-box button{color:#071013;cursor:pointer;background:#65e1d0;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.reward-details{color:#f5f7efad;flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;font-weight:680;display:flex}.modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width<=720px){.game-shell{min-height:560px}.intro-screen{background:linear-gradient(#07101314 30%,#071013db);align-items:flex-end;padding:22px 18px 96px}.intro-copy{margin-top:0}.top-controls{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.status-pill{display:none}.boat-speed,.water-active,.water-signs,.water-quiet{display:flex}.sounder-panel{top:max(66px, calc(env(safe-area-inset-top) + 58px));left:max(12px, env(safe-area-inset-left));width:154px;padding:10px}.sounder-bars{gap:3px;height:20px}.hint-panel{bottom:max(188px, calc(env(safe-area-inset-bottom) + 180px))}.meter-panel,.fight-panel{bottom:max(250px, calc(env(safe-area-inset-bottom) + 240px))}.mobile-control{display:inline-flex}.boat-control-pad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);display:grid}.boat-control-pad button{width:44px;height:44px}.bite-alert{top:16%}}#squid-fishing-game-root .game-shell,.squid-fishing-game-root .game-shell{opacity:1!important;visibility:visible!important;isolation:isolate!important;background:#071013!important;width:100%!important;height:100vh!important;min-height:620px!important;display:block!important;position:relative!important;overflow:hidden!important}#squid-fishing-game-root .game-shell>div,.squid-fishing-game-root .game-shell>div{z-index:1!important}#squid-fishing-game-root .game-shell canvas,.squid-fishing-game-root .game-shell canvas{z-index:1!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#squid-fishing-game-root .overlay,#squid-fishing-game-root .hud,#squid-fishing-game-root .modal-backdrop,.squid-fishing-game-root .overlay,.squid-fishing-game-root .hud,.squid-fishing-game-root .modal-backdrop{opacity:1!important;visibility:visible!important}#squid-fishing-game-root .overlay,.squid-fishing-game-root .overlay{z-index:1000!important;display:flex!important;position:absolute!important;inset:0!important}#squid-fishing-game-root .intro-screen,.squid-fishing-game-root .intro-screen{z-index:1100!important;pointer-events:none!important;align-items:center!important}#squid-fishing-game-root .intro-copy,.squid-fishing-game-root .intro-copy{z-index:1110!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:block!important;position:relative!important}#squid-fishing-game-root .hud,.squid-fishing-game-root .hud{z-index:1200!important;pointer-events:none!important;display:block!important;position:absolute!important;inset:0!important}#squid-fishing-game-root .top-controls,#squid-fishing-game-root .hint-panel,#squid-fishing-game-root .meter-panel,#squid-fishing-game-root .fight-panel,#squid-fishing-game-root .failure-panel,#squid-fishing-game-root .bite-alert,#squid-fishing-game-root .mobile-control,#squid-fishing-game-root .settings-panel,#squid-fishing-game-root .sounder-panel,.squid-fishing-game-root .top-controls,.squid-fishing-game-root .hint-panel,.squid-fishing-game-root .meter-panel,.squid-fishing-game-root .fight-panel,.squid-fishing-game-root .failure-panel,.squid-fishing-game-root .bite-alert,.squid-fishing-game-root .mobile-control,.squid-fishing-game-root .settings-panel,.squid-fishing-game-root .sounder-panel{opacity:1!important;visibility:visible!important;z-index:1210!important}#squid-fishing-game-root .primary-action,#squid-fishing-game-root .secondary-action,#squid-fishing-game-root .icon-button,.squid-fishing-game-root .primary-action,.squid-fishing-game-root .secondary-action,.squid-fishing-game-root .icon-button{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
