:root{color-scheme:dark;--ink:#eaf0dc;--muted:#bac7b6;--gold:#e8c386;--deep:#102c28;--border:#a6b99238;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:#173b35}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);background:#12342ce8;color:var(--ink);padding:11px 17px;border-radius:6px;transition:background .15s,transform .15s}button:hover{background:#285044}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:var(--gold);text-decoration:none}input,select{color:var(--ink);background:#102e29;border:1px solid var(--border);padding:11px;border-radius:5px}input[type=range]{padding:0;accent-color:var(--gold)}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b2629eb 0%,#102b28ae 28%,transparent 66%),linear-gradient(0deg,#061c2877,transparent 30%);transition:opacity 1.1s}body.playing #vignette{opacity:.12}.topbar{position:fixed;z-index:5;left:0;right:0;top:0;height:88px;padding:0 40px;display:flex;align-items:center;gap:36px;background:linear-gradient(#0925228a,transparent)}.brand{font:bold 27px/1 Arial,sans-serif;letter-spacing:2px;color:#f4f2de}.brand span{font:9px Arial,sans-serif;letter-spacing:3px;display:block;margin-top:6px}.place{display:flex;align-items:center;gap:12px;font:11px/1.3 Arial,sans-serif;letter-spacing:2px;border-left:1px solid var(--border);padding-left:30px}.place small{display:block;letter-spacing:0;font:italic 13px Georgia;margin-top:6px;color:#d7dfcb}.diamond{font-size:27px;color:var(--gold)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px;font:12px Arial,sans-serif}.top-actions button{font:12px Arial,sans-serif;background:#0c2c277a}.status{display:inline-flex;gap:7px;align-items:center}.status:before{content:'';width:6px;height:6px;background:#d2c2a0;border-radius:100%}body.playing .status:before{background:#a5df98}.intro{position:absolute;top:50%;left:8%;transform:translateY(-44%);width:460px;max-width:85vw}.eyebrow{font:10px/1.4 Arial,sans-serif;letter-spacing:3px;color:var(--gold);font-weight:700}h1{font:normal clamp(65px,7.3vw,112px)/.88 Georgia;margin:27px 0 25px;letter-spacing:-4px;text-shadow:0 3px 40px #102d2f70}h1 em{font-weight:normal;color:#eed7a3}p.lead{font:23px/1.45 Georgia;margin:20px 0;color:#f1f0da}.description{font:14px/1.75 Arial,sans-serif;color:var(--muted)}.enter-box{margin-top:26px;padding-top:20px;border-top:1px solid var(--border);max-width:430px}.enter-box label{display:block;font:11px Arial;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.enter-row{display:flex;gap:10px}.enter-row select{width:142px;font:12px Arial}.primary{background:linear-gradient(125deg,#e0bd7d,#f2d7a2);color:#26372b;font-weight:bold;border:1px solid #f6e0b6;box-shadow:0 5px 18px #08291e30}.primary:hover{background:#ffe0a1}.enter-row .primary{flex:1;padding:14px 15px;font-size:15px}progress{width:100%;height:3px;accent-color:var(--gold);display:block;margin-top:14px}#connection-message{font:12px/1.6 Arial;color:#d6dec7;min-height:20px;margin-top:10px}.small{font:11px/1.7 Arial;color:var(--muted)}.welcome-note{position:absolute;right:6%;bottom:10%;padding:25px 30px;border-left:1px solid #ece3b07a;text-shadow:0 2px 8px #112a22}.welcome-note p{font:10px Arial;letter-spacing:2px;color:var(--gold)}.welcome-note h2{font:italic 28px Georgia;margin:12px 0}.welcome-note span:not(.note-icon){font:13px/1.7 Arial}.note-icon{font-size:30px;color:var(--gold)}#hud{position:fixed;inset:0;pointer-events:none}#hud button,#hud input,#hud .chat-panel{pointer-events:auto}.journal-pill{position:absolute;left:28px;top:110px}.journal-pill button{background:#0f2d28cf;box-shadow:0 4px 20px #12251e44;display:flex;align-items:center;gap:12px}.journal-pill b{font:12px Arial;color:var(--gold);padding-left:10px;border-left:1px solid var(--border)}.journal-pill small{display:block;font:10px Arial;margin-top:8px;text-shadow:0 1px 4px #000}.compass{position:absolute;left:50%;top:35px;transform:translateX(-50%);display:flex;gap:28px;font:11px Arial;text-shadow:0 1px 3px #000}.compass b{color:var(--gold)}.compass small{position:absolute;top:25px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px Arial;letter-spacing:2px}.chat-panel{position:absolute;left:28px;bottom:67px;width:290px;max-width:30vw;background:#102c26ad;border:1px solid var(--border);border-radius:7px;overflow:hidden;backdrop-filter:blur(14px);font:12px/1.55 Arial}.chat-panel>button{border:0;border-bottom:1px solid var(--border);width:100%;display:flex;justify-content:space-between;background:transparent;padding:10px 12px;font:bold 12px Arial}#chat-log{height:115px;overflow:auto;padding:8px 12px;overflow-wrap:anywhere}#chat-log p{margin:3px 0}#chat-log strong{color:var(--gold)}#chat-form{display:flex;border-top:1px solid var(--border)}#chat-input{width:100%;min-width:0;border:0;background:#09231c80;border-radius:0;font:12px Arial}#chat-form button{border:0;border-radius:0;padding:9px 13px;background:transparent}.action-area{position:absolute;left:50%;transform:translateX(-50%);bottom:82px;text-align:center;min-width:300px}#nearby{font:italic 17px Georgia;text-shadow:0 2px 8px #000;background:#13362655;border-radius:30px;padding:8px 14px}#fish-button{padding:14px 26px;background:#122e28e8;border-color:#e0c58c9c;font-size:17px}kbd{font:10px Arial;border:1px solid #e5e4c05a;padding:4px 6px;border-radius:3px;color:#f6eacb;background:#17372b9e}#fish-button kbd{margin-right:12px}#fishing-meter{width:320px;text-align:left;padding:19px 22px;background:#0e2c26ed;border:1px solid #d2bd8377;border-radius:9px;box-shadow:0 8px 35px #11281c70}.fish-state strong{display:block;font:italic 24px Georgia;color:var(--gold)}.fish-state span{display:block;font:11px Arial;margin:8px 0 18px;color:var(--muted)}.meter-label{font:9px Arial;letter-spacing:1px;display:flex;justify-content:space-between;margin:13px 0 7px}.meter{height:7px;position:relative;border-radius:5px;background:#071d19;overflow:hidden}.meter i{height:100%;display:block;width:0;transition:width .08s linear}.tension i{background:linear-gradient(90deg,#86bf9d,#d5c67b,#ef8064);background-size:275px}.tension span{position:absolute;top:0;bottom:0;left:80%;border-left:1px solid #f6ebd4}.progress i{background:var(--gold)}#reel-button{width:100%;margin-top:15px;font:12px Arial;padding:9px;user-select:none}.quiet{background:transparent;border:0;font:11px Arial;color:var(--muted);text-shadow:0 1px 5px #000} .control-strip{position:absolute;left:0;right:0;bottom:0;min-height:48px;display:flex;justify-content:center;align-items:center;gap:27px;background:linear-gradient(transparent,#0d2b27c9);font:10px Arial;color:#d3dac7}.control-strip kbd{margin-right:7px}.nameplate{position:absolute;text-align:center;font:12px Arial;color:#f4e6b6;text-shadow:0 1px 4px #000,0 1px 4px #000;transform:translate(-50%,-100%)}#toast{position:fixed;top:102px;left:50%;transform:translateX(-50%);z-index:9;background:#132d28f0;border:1px solid var(--border);padding:13px 22px;border-radius:7px;font:13px/1.5 Arial;max-width:80vw;text-align:center}#catch-card{position:fixed;top:20%;right:5%;width:270px;background:linear-gradient(140deg,#244639f2,#102f2bee);border:1px solid #d9bd7d99;box-shadow:0 15px 50px #10271b66;border-radius:8px;padding:24px;text-align:center;animation:arrive .4s ease-out;pointer-events:none}#catch-card h2{font:25px Georgia;margin:12px 0}#catch-card>p:not(.eyebrow){color:var(--gold);font:20px Georgia}.fish-illustration{font:70px Georgia;line-height:1;color:var(--gold)}#catch-card small{font:10px Arial;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(20px)}}dialog{width:590px;max-width:90vw;max-height:85vh;overflow:auto;color:var(--ink);background:linear-gradient(130deg,#24473b,#102e28);border:1px solid #a7b58a73;border-radius:12px;padding:28px 32px;box-shadow:0 25px 90px #0007}dialog::backdrop{background:#071c1c99;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font:24px Arial;padding:3px 10px;border:0;background:transparent}dialog h2{font:italic 33px Georgia;line-height:1.2;margin:18px 0 13px}.muted{font:13px/1.6 Arial;color:var(--muted)}#fish-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.fish-entry{padding:18px 14px;background:#0c292477;border:1px solid var(--border);border-radius:6px}.fish-entry b{font:17px Georgia;display:block;margin:6px 0}.fish-entry small{font:10px/1.7 Arial;display:block;color:var(--muted)}.fish-entry .rarity{font:9px Arial;letter-spacing:1px}#menu label{display:flex;justify-content:space-between;align-items:center;font:13px Arial;margin:20px 0;gap:20px}#menu label select{max-width:65%;font:12px Arial}.help{font:12px/1.9 Arial;color:var(--muted)}.menu-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.graphics-error{background:radial-gradient(ellipse at 80% 35%,#446a54,transparent 60%),#153c32}.graphics-error #vignette{opacity:.7}.graphics-error .welcome-note{display:none}@media(max-height:760px){.intro{transform:translateY(-40%)}h1{font-size:78px;margin:18px 0}.lead{font-size:20px!important}.description{font-size:12px}.enter-box{margin-top:16px;padding-top:12px}.welcome-note{bottom:8%}}@media(max-width:900px){.topbar{padding:0 22px;gap:20px}.place{padding-left:20px}.welcome-note{display:none}.intro{left:7%}.status{display:none}.control-strip{gap:12px}.control-strip span:nth-child(4){display:none}.chat-panel{width:210px;max-width:27vw}.compass{display:none}.action-area{bottom:70px}.top-actions{gap:6px}}@media(max-width:600px){.place{display:none}.intro{top:48%;max-width:86vw}h1{font-size:70px}.topbar{height:72px}.description{font-size:12px}.enter-row{flex-wrap:wrap}.enter-row select{width:100%}.enter-row button{width:100%}.top-actions{margin-left:auto}.control-strip{display:none}#fish-list{grid-template-columns:1fr}.chat-panel{display:none}}