*{box-sizing:border-box}html,body{color:#fff;background:#071e38;width:100%;height:100%;margin:0;font-family:Trebuchet MS,Arial,sans-serif;overflow:hidden}#app{background:linear-gradient(#277cb0 0%,#155784 28%,#0b375e 65%,#071d35 100%);position:fixed;inset:0}#app:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(105deg,#0000 0% 9%,#afe8ff0e 10%,#0000 15%);position:absolute;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}.header{justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 34px;display:flex}h1{letter-spacing:-1px;text-shadow:2px 3px #092540;margin:0;font-size:28px;font-weight:800}.header p{color:#bde7fc;margin:5px 0 0;font-size:13px}button{pointer-events:auto;color:#0c3150;font:inherit;cursor:pointer;background:#d7f3fc;border:2px solid #072d4a;border-radius:7px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:3px 4px #08263d}button:hover{background:#fff}button:active{transform:translate(2px,2px);box-shadow:1px 2px #08263d}.fish-info{color:#0a304c;text-align:center;pointer-events:auto;background:#dff5ff;border:3px solid #0c3452;border-radius:6px;min-width:200px;padding:12px 20px;position:absolute;top:105px;left:50%;transform:translate(-50%);box-shadow:4px 5px #07233a}.fish-info strong{font-size:18px;display:block}.fish-info span{margin-top:4px;font-size:12px;display:block}.hidden{display:none}.footer{color:#d2eefa;text-shadow:1px 2px 2px #061b2b;justify-content:space-between;gap:10px;font-size:12px;display:flex;position:absolute;bottom:14px;left:24px;right:24px}@media (width<=600px){.header{padding:18px}h1{font-size:21px}.footer{font-size:10px;left:12px;right:12px}}#github-form{pointer-events:auto;gap:8px;display:flex}#github-username{color:#0c3150;width:200px;font:inherit;pointer-events:auto;background:#e5f7ff;border:2px solid #072d4a;border-radius:7px;outline:none;padding:10px 12px;font-size:13px}#github-username:focus{border-color:#5ccaff}.fish-info a{color:#146da5;margin-top:9px;font-size:12px;font-weight:700;display:inline-block}@media (width<=600px){.header{flex-direction:column}#github-form{width:100%}#github-username{flex:1;min-width:0}}