/* Warm paper, berry borders, and little pixel illustrations. */
#sound,#music,#helpButton,#menuButton,header nav,.scene-note{display:none!important}
#leftDock{position:absolute;left:24px;top:clamp(154px,21vh,220px);width:164px;display:flex;flex-direction:column;gap:clamp(8px,1.3vh,15px);z-index:3}
#leftDock #currency{position:relative;inset:auto;min-width:0;width:100%;padding:8px 12px;background:#f3d18b;color:#563b4a;border:2px solid #bd867b;box-shadow:3px 3px 0 #61475866}
#leftDock #currency span{font-weight:bold;letter-spacing:2px}#leftDock #coinBalance{font-size:17px;color:#563b4a}
#leftDock .artButton{position:relative;inset:auto;transform:none;width:100%;min-width:0;max-width:none;height:clamp(47px,7.4vh,72px);padding:5px 9px;display:flex;align-items:center;gap:8px;border:2px solid #ba887d;border-radius:8px;background:#f2dcb0;color:#62435a;box-shadow:3px 4px 0 #674b6866;overflow:visible;text-align:left;transition:transform .18s,background .18s,box-shadow .18s}
#leftDock #equipmentButton{background:#d4d6f4;border-color:#a58ac0}#leftDock #merchantButton{background:#f6cabb;border-color:#c48687}#leftDock #journalButton{background:#fae7b2;border-color:#c6a16c}#leftDock #areasButton{background:#c7dfb7;border-color:#8fb087}
.artButton svg{width:39px;height:39px;flex:none;filter:drop-shadow(1px 2px 0 #483e4140)}.artLabel{font:bold 12px/1.2 monospace;letter-spacing:.2px}.artButton:hover,.artButton:focus-visible{transform:translateX(4px) scale(1.04)!important;box-shadow:4px 5px 0 #684d7055!important;filter:brightness(1.06)}
.artTip{display:none;position:absolute;left:calc(100% + 13px);top:50%;transform:translateY(-50%);width:max-content;max-width:220px;padding:12px 15px;background:#fff0bd;border:3px solid #bb8091;box-shadow:4px 4px 0 #453a6755;color:#80516e;font:bold 13px/1.4 monospace;z-index:12;pointer-events:none;text-shadow:1px 1px #fff9df}.artTip::before{content:'';position:absolute;left:-8px;top:15px;width:8px;height:8px;background:#fff0bd;border-left:3px solid #bb8091;border-bottom:3px solid #bb8091;transform:rotate(45deg)}.artButton:hover>.artTip,.artButton:focus-visible>.artTip{display:block;animation:tipPop .15s ease-out}
@keyframes tipPop{from{opacity:0;margin-left:-5px}to{opacity:1;margin-left:0}}
#leftDock #bagCount{position:absolute;top:-7px;right:-7px;background:#80b8c4;color:#173945;border:2px solid #dff1d3;font:10px monospace;padding:3px;border-radius:5px}.bookCount{display:none}.notice{position:absolute;right:-10px;top:-10px;font:bold 24px monospace;color:#ff514e;text-shadow:2px 2px #fff1c6,-1px -1px #fff1c6;animation:noticeBounce 1.8s ease-in-out infinite;font-style:normal}
@keyframes noticeBounce{50%{transform:translateY(-4px)}}
#leftDock #skillButton{background:#367d92;color:#fff1bf;border-color:#acc9b9;isolation:isolate}#skillButton svg{display:none}#skillPreview{position:absolute;inset:0;width:100%;height:100%;border-radius:5px;z-index:-1;image-rendering:pixelated;pointer-events:none}#skillButton .artLabel{margin-left:auto;padding:5px;background:#29435dce;border:1px solid #dfdfb78c;border-radius:3px}
#settingsButton{position:absolute;right:28px;top:24px;width:58px;height:58px;z-index:4;background:#e9bb95;border:2px solid #b67b86;padding:7px;box-shadow:3px 3px #5a47695e}#settingsButton .artLabel{display:none}#settingsButton .artTip{left:auto;right:0;top:calc(100% + 20px);transform:none}#settingsButton .artTip::before{display:none}
#adminButton{position:absolute;left:auto;right:103px;top:33px;bottom:auto;color:#fff2d9;background:#88658b;border-color:#d8b5b0;z-index:4}#adminButton:hover::after{content:'A little behind-the-scenes magic!';position:absolute;right:0;top:calc(100% + 12px);width:220px;background:#fbe5ad;color:#785277;padding:12px;border:2px solid #b78294;font:bold 12px monospace}
#baitCounter{z-index:3;background:#fcdfaf;color:#714659;border:2px solid #bc8d89;font:bold 11px monospace;max-width:165px}
#game:has(#victory:not([hidden])) #leftDock,#game:has(#victory:not([hidden])) #baitCounter,#game:has(#victory:not([hidden])) #settingsButton,#game:has(#victory:not([hidden])) #adminButton{visibility:hidden}
.panel{border-color:#b39785;border-radius:12px;background:#fff0d4}.panel h2{color:#78516b}.panel p{color:#61525a}.panel button{background:#886984;color:#fff6db;border-color:#bda1b0}.panel button:hover{background:#a88094}.panel .close{background:transparent;color:#79536e}.panel button.action{background:#a57076;color:#fff5dc}.settingsCard{display:grid;gap:13px}.settingsCard h2,.settingsCard p{margin:0}.settingsCard button{text-align:left;padding:15px;font-weight:600;background:#e6c7d8;color:#60415e;border-color:#b48da6}.settingsCard button:nth-of-type(2){background:#cddbd1}.settingsCard button:nth-of-type(3){background:#ead5a7}.settingsCard button:nth-of-type(4){background:#cad7ed}.settingsCard button:hover{filter:brightness(1.06);transform:translateX(3px)}
.panel:has(.catchpanel){width:min(850px,94vw);overflow-x:hidden}.catchmeta{flex-wrap:wrap;gap:12px 24px;align-items:center;color:#735467}.quickCastNote{display:block;margin-top:13px;font:12px monospace;color:#866078}.panel .catchpanel p{max-width:640px;margin-inline:auto}
#overlay[data-book=true]{z-index:15;background:#26374ed9}.panel:has(.fieldBook){width:96vw;height:94vh;max-height:94vh;padding:25px 35px;background:#fff0cf;border:7px double #be9d78;animation:openFieldBook .35s ease-out;transform-origin:left center;overflow-x:hidden}.fieldBook h2{font-size:32px;margin:10px 0 20px}.bookLayout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}.bookIndex{display:flex;flex-direction:column;align-items:stretch;gap:8px;border-right:2px solid #d7bb8d;padding-right:20px}.bookIndex button{background:#e8d4ac;color:#715064;text-align:left;padding:10px 12px;font:bold 12px monospace}.bookIndex button small{display:block;color:#8b745f;font-size:10px;margin-top:5px}.bookIndex button[aria-pressed=true]{background:#c4d8c6;border-color:#719c9b;color:#315c67}.bookPortrait{display:flex;gap:20px;align-items:center}.bookPortrait canvas{position:static;inset:auto;width:240px;height:110px;flex:none;background:#deead1;border:3px double #9aad91;border-radius:10px}.bookPortrait h3{font:32px Georgia;color:#76516b;margin:12px 0}.bookFacts{display:flex;flex-wrap:wrap;gap:16px;background:#e9d7b1;padding:13px;color:#6c4c5e;font:14px monospace}.bookLayout h4{font:22px Georgia;color:#996470;margin:20px 0 8px}.bookLayout p{font:14px/1.7 system-ui}.bookLayout small{font:12px/1.7 system-ui;color:#766658}.oddsChips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.oddsChips span{background:#d1e1d3;color:#456b69;border:1px solid #9db9a6;padding:8px;font:12px monospace}.fishMutations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fishMutations section{padding:13px;background:#f8dfbf;border:1px solid #c9ab90;border-radius:6px}.fishMutations p{margin:5px 0}.fishMutations strong{font:12px monospace;color:#79566a}.fishMutations small{display:block;margin-top:8px}.bossBook{margin:20px 0;color:#825468}.bossBook summary{cursor:pointer;font:bold 14px monospace}@keyframes openFieldBook{from{opacity:0;transform:perspective(1500px) rotateY(-12deg) scale(.95)}to{opacity:1;transform:none}}
.areaCard{padding:20px;background:#d9e6c8;border:2px dashed #a6b693;color:#4d7268}.creatureBubble{position:fixed;z-index:90;pointer-events:none;min-width:40px;min-height:35px;max-width:180px;padding:10px 13px;background:#35414eef;border:2px solid currentColor;box-shadow:3px 4px #24334660;border-radius:9px;font:bold 16px monospace;opacity:0;animation:bubbleBloom .4s ease-out}.creatureBubble::after{content:'';position:absolute;bottom:-7px;left:16px;width:9px;height:9px;background:#35414e;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}@keyframes bubbleBloom{from{transform:translateY(8px) scale(.8)}to{transform:none}}
@media(max-height:760px){#leftDock{top:155px;gap:8px;width:154px}#leftDock .artButton{height:49px}#leftDock #currency{padding:6px 10px}#leftDock #currency span{font-size:9px}.artButton svg{width:33px;height:33px}}
@media(max-width:700px){#leftDock{left:12px;width:120px;top:125px;gap:8px}#leftDock .artButton{height:45px;padding:4px;gap:4px}.artLabel{font-size:10px}.artButton svg{width:28px;height:28px}.artTip{font-size:11px;max-width:165px}#settingsButton{right:12px;top:17px;width:43px;height:43px}#settingsButton svg{width:27px;height:27px}#adminButton{right:65px;top:22px;padding:8px;font-size:10px}#baitCounter{font-size:9px;max-width:105px;padding:6px}.location{font-size:8px;letter-spacing:.5px;max-width:95%}.bookLayout{grid-template-columns:1fr;gap:15px}.bookIndex{display:grid;grid-template-columns:repeat(3,1fr);border:0;padding:0}.bookIndex button{font-size:10px;padding:7px}.panel:has(.fieldBook){padding:20px 14px}.bookPortrait{flex-wrap:wrap;gap:10px}.bookPortrait h3{font-size:24px}.fishMutations{grid-template-columns:1fr}.fieldBook h2{font-size:24px}.bookPortrait canvas{width:180px;height:83px}.catchmeta{gap:10px}.brand h1{font-size:15px;letter-spacing:2px}.mark{display:none}}
@media(prefers-reduced-motion:reduce){.notice,.creatureBubble,.panel:has(.fieldBook),.artTip{animation:none}.artButton{transition:none}}

.fieldBook .bookIndex button:hover{background:#efd5b5;color:#634860}.settingsCard button:hover{background:#f2d4ce;color:#60415e}.panel:has(.fieldBook) .close{position:sticky;float:right;top:0;right:0;background:#f7e7bf;z-index:2}

#overlay[data-catch="true"] .panel:has(.catchpanel){width:min(620px,48vw);max-width:94vw;max-height:88vh;background:#fff0d9f7;overflow-x:hidden}
@media(max-width:700px){#overlay[data-catch="true"] .panel:has(.catchpanel){width:94vw;max-height:75vh;padding:18px}#overlay[data-catch="true"] .catchart{display:block;width:140px!important;height:78px!important}#overlay[data-catch="true"] .catchpanel>p{display:block;font-size:12px}#overlay[data-catch="true"] .catchmeta{gap:10px}}