:root{--parchment: #f1e4c3;--ink: #2a2016;--ink-soft: #5e4c36;--gold: #c9a64a;--gold-dark: #8a6d22;--sea: #2f4a5c;--panel: rgba(241, 228, 195, .95);--shadow: 0 6px 0 rgba(42, 32, 22, .35), 0 14px 34px rgba(0, 0, 0, .35);--font-ui: "LFG Figures", Marcellus, "Palatino Linotype", Georgia, serif;--font-title: "LFG Figures", Metamorphous, Marcellus, Georgia, serif;--gold-text: #ffd100;--outline: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000;--outline-soft: var(--outline), 0 2px 6px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sea);font-family:var(--font-ui);font-synthesis:style;-webkit-font-smoothing:antialiased;color:var(--ink);user-select:none;-webkit-user-select:none}#game,#game canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#game canvas{cursor:grab;touch-action:none}#game canvas:active{cursor:grabbing}body{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}button{font:inherit;font-weight:700;font-size:20px;color:var(--ink);background:var(--parchment);border:3px solid var(--ink);border-radius:10px;padding:10px 28px;box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s}button:hover,button:focus-visible,body.pad button:focus{background:#f8edd2;outline:none}button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}button.primary{background:var(--gold)}button.primary:hover,button.primary:focus-visible,body.pad button.primary:focus{background:#dcbb5c}body.pad button:focus{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 0 var(--ink)}body:not(.pad) .pad-ctl,body.pad .key-ctl,body.touch .key-ctl,body:not(.touch) .touch-ctl,body.touch .no-touch{display:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px}#pause{background:#14202c73}.title-card{text-align:center;color:#fff;text-shadow:var(--outline-soft)}.logo{display:flex;flex-direction:column;align-items:center;margin:0 0 8px;font-weight:400;line-height:1;text-shadow:none;filter:drop-shadow(0 0 1px #000) drop-shadow(2px 0 0 #0b0806) drop-shadow(-2px 0 0 #0b0806) drop-shadow(0 2px 0 #0b0806) drop-shadow(0 -2px 0 #0b0806) drop-shadow(0 8px 18px rgba(0,0,0,.85))}.logo .l1,.logo .l2{background:linear-gradient(to bottom,#efe1b8 6%,#c79a45 40%,#8a5a1c 52%,#b8863a 70%,#5c3a12);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo .l1{font-family:var(--font-title);font-size:clamp(54px,11vw,124px);letter-spacing:.12em;padding-left:.12em}.logo .l2{font-family:var(--font-ui);font-size:clamp(24px,4.6vw,54px);letter-spacing:.4em;padding-left:.4em;margin-top:2px}.logo .rule{display:flex;align-items:center;gap:10px;width:min(76%,500px);margin:6px 0 10px}.logo .rule i{flex:1;height:2px;background:linear-gradient(to right,transparent,#b8863a 60%,#6b4514)}.logo .rule i:last-child{transform:scaleX(-1)}.logo .rule b{width:9px;height:9px;background:#b8863a;transform:rotate(45deg);box-shadow:0 0 0 2px #0b0806}.sub{margin:12px 0 28px;font-size:clamp(15px,2.2vw,24px);letter-spacing:.2em;text-transform:uppercase;color:#cdbf9b}#roster{margin:0 auto 18px;display:flex;justify-content:center}#roster .char{display:flex;align-items:center;gap:14px;min-width:min(460px,90vw);padding:12px 30px 12px 14px;text-align:left;cursor:pointer;color:#e6dcc0;background:linear-gradient(to bottom,#221e1ae6,#0c0a09f0);border:2px solid #7a5a26;border-radius:3px;box-shadow:0 0 0 2px #050403,inset 0 0 0 1px #b8863a59,inset 0 0 22px #0009,0 8px 22px #000000a6;font:inherit}#roster .char:hover,#roster .char:focus-visible{border-color:#c79a45;box-shadow:0 0 0 2px #050403,inset 0 0 0 1px #c79a4599,inset 0 0 22px #0009,0 0 18px #c79a454d;outline:none}#roster .char i.icon{width:124px;height:124px;margin:-18px 0}#roster .char b{display:block;font-family:var(--font-title);font-weight:400;font-size:34px;color:#d9b66a;text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.8);line-height:1.15}#roster .char em{display:block;font-style:normal;font-size:21px;color:#cdbf9b}#roster .char small{display:block;margin-top:4px;font-size:18px;color:#8f8466}#title{background:radial-gradient(ellipse at center,#0a080859,#080606cc)}#title button.primary{min-width:240px;padding:14px 42px;font-size:32px;letter-spacing:.12em;text-transform:uppercase;color:#e0c27a;text-shadow:0 1px 0 #000;background:linear-gradient(to bottom,#5e1a14,#2e0b08);border:2px solid #8a6a2e;border-radius:3px;box-shadow:0 0 0 2px #050403,inset 0 0 0 1px #ffdc8c2e,0 6px 16px #0009}#title button.primary:hover{background:linear-gradient(to bottom,#7a241b,#3d100b);color:#f1d891}@media (max-height: 520px){.logo .l1{font-size:15vh}.logo .l2{font-size:5.8vh}.logo .rule{margin:2px 0 4px}.sub{font-size:14px;margin:6px 0 8px}#title button.primary{font-size:22px;padding:8px 28px;min-width:0}#roster{margin-bottom:8px}#roster .char{padding:4px 18px 4px 8px;min-width:300px}#roster .char i.icon{width:64px;height:64px;margin:-6px 0}#roster .char b{font-size:19px}#roster .char em{font-size:14px}#roster .char small{font-size:12px;margin-top:0}}.buttons{display:flex;gap:12px;justify-content:center}.copyright{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);left:0;right:0;text-align:center;margin:0;font-size:15px;color:var(--parchment);opacity:.75}.panel{background:var(--panel);border:4px solid var(--ink);border-radius:18px;padding:24px 32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;align-items:center;min-width:260px;text-align:center}.panel h2{margin:0 0 6px;font-family:var(--font-title);font-weight:400;font-size:32px}.panel .controls{opacity:.8;margin:6px 0 0}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.where{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-2px;color:#fff;text-shadow:var(--outline-soft)}.where b{font-family:var(--font-title);font-size:23px;font-weight:400;color:var(--gold-text)}.where span{font-size:15px;opacity:.9}.corner{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);display:flex;flex-direction:column;align-items:center;gap:6px}#minimap{width:172px;height:172px;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.clock{position:absolute;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 20px 6px 10px;border-radius:28px;white-space:nowrap;background:#2a20168c;color:var(--parchment)}#clock-moon{width:44px;height:44px}.clock div{display:flex;flex-direction:column;line-height:1.1}.clock b{font-size:26px}.clock span{font-size:15px;opacity:.85}.dock{position:absolute;right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;flex-direction:column;align-items:flex-end;gap:6px}body.touch .dock{right:calc(env(safe-area-inset-right) + 250px)}.quickbar button{display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 12px;pointer-events:auto;cursor:pointer}#banner{position:fixed;left:0;right:0;top:18%;z-index:5;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;color:var(--gold-text);text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 6px 22px rgba(0,0,0,.6);animation:banner-in .8s ease-out;transition:opacity 1.6s}#banner b{font-family:var(--font-title);font-weight:400;font-size:clamp(34px,5.6vw,60px);letter-spacing:.01em}#banner span{font-size:20px;color:#fff;text-shadow:var(--outline-soft)}#banner.fade{opacity:0}@keyframes banner-in{0%{opacity:0;transform:translateY(8px)}}#mapview{background:#14202ca6;z-index:8}.mapframe{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--parchment)}#mapcanvas{width:min(86vh,92vw);height:min(86vh,92vw);border-radius:14px;border:4px solid var(--ink);box-shadow:var(--shadow);background:#2a241c}.mapframe p{margin:0;font-size:15px}kbd{font:inherit;font-weight:700;padding:0 6px;border:2px solid currentColor;border-radius:5px}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;font-size:18px;padding:0}#t-pause{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 196px);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;opacity:.85}#t-pause svg{fill:var(--ink)}.t-buttons{position:absolute;right:calc(env(safe-area-inset-right) + 20px);bottom:calc(env(safe-area-inset-bottom) + 20px);display:flex;align-items:flex-end;gap:14px}#touch .t-buttons button{width:96px;height:96px;border-radius:50%;font-size:21px;line-height:1.1}#t-jump{background:var(--gold)}#t-act{background:var(--sea);color:var(--parchment)}#touch button:active{transform:translateY(3px) scale(.96)}#t-dot,#t-thumb{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none}#t-dot{width:64px;height:64px;margin:-32px;border:3px solid rgba(255,255,255,.45)}#t-thumb{width:26px;height:26px;margin:-13px;background:#ffffff80}#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-content:center;text-align:center;gap:18px;padding:24px;background:var(--sea);color:var(--parchment);font-size:22px;font-weight:700}#rotate .phone{width:64px;height:108px;margin:0 auto;border:5px solid var(--parchment);border-radius:14px;display:grid;place-items:center}#rotate .phone img{width:40px;height:40px}#rotate p{margin:0}@media (orientation: portrait) and (pointer: coarse){#rotate{display:grid}}#btn-journal{pointer-events:auto;display:flex;align-items:center;gap:6px;font-size:14px;padding:3px 12px 3px 9px;border-radius:20px;border-width:2px;box-shadow:0 2px 0 var(--ink);background:#f1e4c3e6}#fish-hint,#toast{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;padding:6px 16px;border-radius:18px;background:#2a201699;color:var(--parchment);font-size:17px}#fish-hint{bottom:calc(env(safe-area-inset-bottom) + 26px)}#toast{bottom:calc(env(safe-area-inset-bottom) + 150px);font-weight:700;transition:opacity .8s}#toast.fade{opacity:0}#power{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 70px);width:260px;height:18px;margin-left:-130px;border:3px solid var(--ink);border-radius:10px;background:#2a20168c;overflow:hidden}#power i{display:block;height:100%;background:linear-gradient(to right,#7fd06a,#f3d77e 70%,#f0a64a)}#reel{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 56px);width:min(420px,70vw);transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:stretch;--strain: 0}#reel .gauge{position:relative;height:26px;border:3px solid var(--ink);border-radius:12px;overflow:hidden;background:linear-gradient(to right,#6aa8f059,#2a20168c 30%,#2a20168c 70%,#d8402f73)}#reel .zone{position:absolute;top:0;bottom:0;background:#7fd06ad9;border-left:2px solid #3c7a2f;border-right:2px solid #3c7a2f}#reel .needle{position:absolute;top:-2px;bottom:-2px;width:5px;margin-left:-2.5px;background:#fff;box-shadow:0 0 4px #000;border-radius:2px}#reel.tight .gauge{border-color:rgb(calc(42 + 180 * var(--strain)),32,22);animation:shake .12s infinite}#reel.tight .needle{background:#ffb3a8}#reel.slack .needle{background:#bcd6ff}#reel .progress{height:10px;border:2px solid var(--ink);border-radius:6px;background:#2a20168c;overflow:hidden}#reel .progress i{display:block;height:100%;background:#f3d77e;transition:width .1s linear}#reel p{margin:0;text-align:center;color:var(--parchment);font-weight:700;font-size:16px;text-shadow:0 2px 3px rgba(0,0,0,.7)}@keyframes shake{50%{transform:translate(2px)}}#bite{position:fixed;left:0;top:0;pointer-events:none;z-index:4}#bite span{display:block;transform:translate(-50%,-100%);padding:2px 12px;border:3px solid var(--ink);border-radius:12px;background:#f3d77e;font:26px var(--font-title);color:var(--ink);animation:pop .25s ease-out,bob .5s .25s infinite alternate}@keyframes pop{0%{transform:translate(-50%,-100%) scale(.3)}}@keyframes bob{to{transform:translate(-50%,-115%)}}.sheet header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.sheet .skill{display:flex;align-items:center;gap:8px}.sheet .skill .bar{width:130px;height:10px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#2a201626}.sheet .skill .bar i{display:block;height:100%;background:#7fae5a}.sheet .skill small{font-size:13px;color:var(--ink-soft)}.sheet .count{width:100%;margin:0;font-size:14px;color:var(--ink-soft)}.sheet section h3{margin:12px 0 6px;font-family:var(--font-title);font-size:18px;border-bottom:2px solid rgba(42,32,22,.25)}.sheet section h3 small{font-family:var(--font-ui);font-size:14px;color:var(--ink-soft)}.sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;align-items:start}.sheet li{padding:6px 9px;border-radius:8px;background:#2a201612;border-left:5px solid var(--tier);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}.sheet li b{font-size:16px}.sheet li em{font-style:normal;font-size:12px;color:var(--ink-soft)}.sheet li span{width:100%;font-size:13px}.sheet li p{margin:2px 0 0;font-size:13px;font-style:italic;color:var(--ink-soft)}.sheet li.unknown{opacity:.6;border-left-color:#2a20164d}#sheet{background:#14202c99;z-index:8}.panel.sheet{width:min(860px,94vw);height:min(640px,90vh);padding:16px 22px 12px;align-items:stretch;text-align:left;gap:8px}.sheet-head{display:flex;align-items:center;gap:12px}.sheet-head h2{margin:0!important;flex:1}.sheet .tabs{display:flex;gap:6px;flex-wrap:wrap}.sheet .tabs button{font-size:15px;padding:4px 14px;box-shadow:0 2px 0 var(--ink);border-width:2px}.sheet .tabs button.on{background:var(--gold)}.sheet-body{flex:1;overflow-y:auto;padding-right:6px}.sheet-foot{text-align:center;margin:0!important;font-size:14px}.sheet .greeting{font-style:italic;margin:2px 0 10px;color:var(--ink-soft)}.sheet .note{margin:4px 0 8px;font-size:14px;color:var(--ink-soft)}.sheet .empty{margin:30px 0;text-align:center;color:var(--ink-soft);font-style:italic}.sheet ul.rows{grid-template-columns:1fr;gap:4px}.sheet ul.rows li{align-items:center}.sheet ul.rows li b{flex:0 0 auto}.sheet ul.rows li em{flex:1;font-size:13px}.sheet ul.rows li>button,.sheet ul.rows .btns{margin-left:auto;display:flex;gap:4px}.sheet ul.rows li>span.btns,.sheet ul.rows li>span.using,.sheet ul.rows li>span.locked{width:auto}.sheet ul.rows li>span.coins{width:auto}.sheet ul.rows li p{width:100%}.sheet ul.rows li{border-left-color:var(--tier, rgba(42, 32, 22, .3))}.sheet h3 small,.sheet li small{font-weight:400;color:var(--ink-soft)}.sheet button.small{font-size:14px;padding:2px 10px;border-width:2px;border-radius:8px;box-shadow:0 2px 0 var(--ink)}.sheet button:disabled{opacity:.45;cursor:default;transform:none}.sheet-head h2 small{display:block;font-size:14px;font-family:inherit;color:var(--ink-soft);font-weight:600;letter-spacing:0}.sheet .titles{display:flex;flex-wrap:wrap;gap:6px}.sheet .titles button.on{background:var(--ink);color:var(--parchment)}.sheet ul.achievements li.done{--tier: #c9a23a}.sheet ul.achievements li.todo{--tier: rgba(42, 32, 22, .3)}.sheet ul.achievements .bar{margin-left:auto;width:110px;height:9px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#2a201626}.sheet ul.achievements .bar i{display:block;height:100%;background:#c9a23a}.sheet ul.achievements li small{font-size:12px;color:var(--ink-soft)}.sheet .using,.sheet .locked{margin-left:auto;font-size:13px;font-weight:700;color:#4f7a3a}.sheet .locked{color:#9a4a3a}.sheet .have{color:#4f7a3a;font-weight:700}.sheet .need{color:#9a4a3a}.coins{font-weight:700;white-space:nowrap}.coins:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.25em;vertical-align:-.05em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2a8,#e0b440 55%,#a07818);border:1px solid #6a4e10}.hud-row{display:flex;gap:6px;align-items:center}.coins.pill{padding:3px 10px;border-radius:20px;background:#2a20168c;color:var(--parchment);font-size:14px}#hud-buffs{display:flex;flex-direction:column;gap:3px;align-items:center}#hud-buffs span{padding:1px 9px;border-radius:12px;background:#2a201680;color:var(--parchment);font-size:12px}#hud-quests{display:flex;flex-direction:column;gap:4px;width:200px;margin-top:2px}#hud-quests div{padding:4px 9px;border-radius:8px;background:#2a201680;color:var(--parchment);border-left:4px solid #8fb0c8;text-align:left}#hud-quests div.main{border-left-color:var(--gold)}#hud-quests div.story{border-left-color:#b48ad8}#hud-quests b{display:block;font-size:12px;letter-spacing:.02em}#hud-quests span{display:block;font-size:12px;line-height:1.25;opacity:.9}.sheet li.quest{border-left-color:#8fb0c8}.sheet li.quest.main{border-left-color:#d8a840}.sheet li.quest.story{border-left-color:#9a6ac8}.sheet li.quest.ready>span:not(.btns){color:#4f7a3a;font-weight:700}.sheet li.quest>span:not(.btns){width:100%;font-size:14px}.sheet li.page p{font-size:14px}#prompt{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 70px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border-radius:20px;background:#2a2016b3;color:var(--parchment);font-size:17px;font-weight:700;white-space:nowrap}#prompt kbd{background:var(--parchment);color:var(--ink);border-color:var(--ink)}body.touch #prompt kbd{display:none}#talk{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translate(-50%);z-index:7;width:min(760px,94vw);padding:14px 22px;background:var(--panel);border:4px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);cursor:pointer}#talk .name{position:absolute;top:-18px;left:18px;padding:2px 14px;background:var(--gold);border:3px solid var(--ink);border-radius:10px;font:17px var(--font-title)}#talk.hero .name{left:auto;right:18px;background:#bcd6c0}#talk .text{font-size:19px;line-height:1.35;margin-top:4px;min-height:2.7em}#talk .choices{display:flex;flex-direction:column;gap:5px;margin-top:8px}#talk .choices button{text-align:left;font-size:17px;padding:5px 14px;border-width:2px;box-shadow:0 2px 0 var(--ink)}#talk .choices button b{display:inline-block;width:1.3em;color:var(--ink-soft)}#talk .choices button.picked{background:var(--gold)}body.touch #talk .choices button b,body.pad #talk .choices button b{display:none}#talk .more{position:absolute;right:16px;bottom:6px;font-size:13px;animation:bob .6s infinite alternate}#pause #save-note{margin:0;font-size:15px;max-width:320px}#pause .buttons button{font-size:16px;padding:6px 14px}@media (max-height: 500px){#talk{padding:10px 16px}#talk .text{font-size:16px;min-height:0}#talk .choices button{font-size:15px;padding:3px 12px}.panel.sheet{height:92vh;padding:10px 16px 8px}#prompt{bottom:calc(env(safe-area-inset-bottom) + 44px)}#toast{bottom:calc(env(safe-area-inset-bottom) + 110px)}#reel{bottom:calc(env(safe-area-inset-bottom) + 18px);width:min(360px,52vw)}#power{bottom:calc(env(safe-area-inset-bottom) + 40px);width:200px;margin-left:-100px}#fish-hint{bottom:calc(env(safe-area-inset-bottom) + 12px);font-size:15px}#minimap{width:116px;height:116px}#hud-quests{width:150px}#hud-quests div:nth-child(n+2){display:none}#t-pause{right:calc(env(safe-area-inset-right) + 140px);width:40px;height:40px}.clock b{font-size:19px}.clock span{font-size:12px}#clock-moon{width:32px;height:32px}body.touch .dock{right:calc(env(safe-area-inset-right) + 190px)}#mapcanvas{width:min(78vh,92vw);height:min(78vh,92vw)}.where b{font-size:18px}.sub,#roster{margin-bottom:10px}#roster .char i.icon{width:72px;height:72px;margin:-8px 0}#roster .char b{font-size:21px}.logo .rule{margin:2px 0 4px}.t-buttons{right:calc(env(safe-area-inset-right) + 12px);bottom:calc(env(safe-area-inset-bottom) + 10px);gap:10px}#touch .t-buttons button{width:70px;height:70px;font-size:17px}}body.crib-on #hud .corner,body.crib-on #hud .clock,body.crib-on #hud .dock,body.crib-on #prompt{display:none}body.crib-on #hud{z-index:8}body.crib-on #toast{bottom:auto;top:calc(env(safe-area-inset-top) + 62px)}#crib{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 10px);--you: #e8b83a;--them: #d0574c}#crib>*{pointer-events:auto}#crib button{font-size:16px;padding:6px 18px}#crib button.small{font-size:13px;padding:3px 10px;border-width:2px;box-shadow:0 2px 0 var(--ink)}#crib button.danger{background:#d98a7a}.crib-head{width:min(760px,100%);display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;align-items:center}.crib-head .stake{grid-column:1 / -1;margin:0;text-align:center;font-size:13px;color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.8)}.crib-score{display:flex;align-items:center;gap:8px;background:var(--panel);border:3px solid var(--ink);border-radius:10px;padding:3px 10px;box-shadow:0 3px #2a201659}.crib-score b{font-size:15px;white-space:nowrap}.crib-score .dealer{font-size:11px;font-weight:700;padding:0 5px;border-radius:4px;background:var(--ink);color:var(--parchment)}.crib-score .bar{position:relative;flex:1;height:10px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;background:#2a201626}.crib-score .bar i{display:block;height:100%;transition:width .4s}.crib-score .bar i.skunk{position:absolute;left:75.2%;top:0;width:2px;background:#2a201673}.crib-score.by0 .bar i:first-child{background:var(--you)}.crib-score.by1 .bar i:first-child{background:var(--them)}.crib-score em{font-style:normal;font-weight:800;font-size:20px;min-width:34px;text-align:right;font-family:var(--font-title)}.crib-opp{display:flex;gap:0;min-height:58px}.crib-opp .card+.card{margin-left:-24px}.crib-mid{flex:1;display:flex;align-items:flex-start;padding-top:2vh;justify-content:center;gap:18px;min-height:0;width:100%}.crib-mid small{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.9);margin-top:3px}.crib-starter,.crib-crib{display:flex;flex-direction:column;align-items:center}.crib-crib .stack{display:flex}.crib-crib .stack .card+.card{margin-left:-36px}.crib-pile{display:flex;align-items:center;min-width:120px;min-height:92px;padding:0 6px;position:relative}.crib-pile .card+.card{margin-left:-30px}.crib-pile .card.by1{transform:translateY(-8px) rotate(-3deg)}.crib-pile .card.by0{transform:translateY(8px) rotate(3deg)}.crib-pile .hint{color:var(--parchment);font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.9)}.crib-pile .earlier{position:absolute;bottom:-18px;left:0;right:0}.crib-count{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:3px solid var(--ink);border-radius:50%;width:64px;height:64px;justify-content:center}.crib-count b{font-family:var(--font-title);font-size:24px;line-height:1}.crib-count small{color:var(--ink-soft)!important;text-shadow:none!important;margin:0!important}.crib-shows{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.crib-show{background:var(--panel);border:3px solid var(--ink);border-left:8px solid var(--you);border-radius:10px;padding:6px 10px;max-width:250px}.crib-show.by1{border-left-color:var(--them)}.crib-show h4{margin:0 0 4px;font-family:var(--font-title);font-size:15px;display:flex;justify-content:space-between}.crib-show h4 em{font-style:normal;font-size:20px}.crib-show .cards{display:flex;align-items:center;gap:2px}.crib-show .plus{font-weight:800;margin:0 2px}.crib-show p{margin:4px 0 0;font-size:13px;color:var(--ink-soft)}.crib-log{position:absolute;right:calc(env(safe-area-inset-right) + 14px);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;width:200px;display:flex;flex-direction:column;gap:4px;pointer-events:none!important}.crib-log li{background:#f1e4c3e6;border-radius:8px;padding:3px 8px;font-size:14px;border-left:5px solid var(--you)}.crib-log li.by1{border-left-color:var(--them)}.crib-log li:last-child{animation:crib-pop .25s}@keyframes crib-pop{0%{transform:scale(.85);opacity:0}}.crib-prompt{margin:0;text-align:center;color:var(--parchment);font-weight:700;font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,.9);min-height:22px}.crib-prompt .result{font-family:var(--font-title);font-size:26px}.crib-prompt .result.won{color:#f3d77e}.crib-prompt i{font-weight:500;font-size:15px}.crib-hand{display:flex;gap:8px;min-height:92px;align-items:flex-end}.crib-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.crib-foot{margin:0!important;color:var(--parchment);font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.9)}.card{position:relative;display:inline-block;flex:0 0 auto;width:64px;height:92px;padding:0!important;background:#fbf6ea;border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px #2a201673;color:#222;font-family:var(--font-ui);text-align:left;transition:transform .12s,opacity .2s}.card.red{color:#b3302a}.card .r{position:absolute;top:3px;left:6px;font-size:19px;font-weight:800;line-height:1}.card .s{position:absolute;top:22px;left:6px;font-size:15px;line-height:1}.card .pip{position:absolute;right:7px;bottom:4px;font-size:34px;line-height:1}button.card:hover,button.card:focus-visible,body.pad button.card:focus{background:#fff;transform:translateY(-6px);box-shadow:0 6px 0 var(--ink)}button.card.picked{transform:translateY(-18px);border-color:var(--gold-dark);box-shadow:0 0 0 3px var(--gold),0 6px 0 var(--ink)}button.card:disabled,.card.off{opacity:.5;cursor:default;transform:none}.card.small{width:40px;height:58px;border-radius:6px}.card.small .r{font-size:14px;left:4px}.card.small .s{top:17px;left:4px;font-size:11px}.card.small .pip{font-size:20px;right:4px;bottom:2px}.card.back{background:repeating-linear-gradient(45deg,#2f4a5c 0,#2f4a5c 6px,#36566b 6px,#36566b 12px);box-shadow:inset 0 0 0 3px #f1e4c3,0 3px #2a201673}.card.back:after{content:"☾";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f3d77e;font-size:24px}.card.back.small:after{font-size:16px}#crib.phase-show .crib-opp,#crib.phase-over .crib-opp{min-height:0}@media (max-height: 500px){#crib{gap:3px;padding-top:calc(env(safe-area-inset-top) + 6px)}.crib-score{padding:1px 8px}.crib-score em{font-size:16px}.crib-head .stake{display:none}.crib-opp{min-height:40px}.crib-opp .card.small{width:28px;height:40px}.crib-opp .card+.card{margin-left:-14px}.card{width:50px;height:72px}.card .r{font-size:16px}.card .s{top:19px;font-size:13px}.card .pip{font-size:26px}.crib-hand,.crib-pile{min-height:72px}.crib-count{width:52px;height:52px}.crib-count b{font-size:19px}.crib-log{width:160px;right:calc(env(safe-area-inset-right) + 8px)}.crib-log li{font-size:12px}.crib-show{padding:3px 8px}.crib-show .card.small{width:32px;height:46px}.crib-show .card.small .pip{font-size:15px}.crib-foot{display:none}#crib button{font-size:14px;padding:4px 12px}}#creator{position:fixed;z-index:10;top:0;bottom:0;left:0;display:flex;align-items:center;padding:16px;padding-left:calc(env(safe-area-inset-left) + 16px);pointer-events:none}#creator .panel{pointer-events:auto;touch-action:pan-y;width:min(430px,92vw);max-height:calc(100vh - 32px);overflow-y:auto;align-items:stretch;text-align:left;gap:8px;padding:18px 20px}#creator h2{text-align:center}#make-spin{position:fixed;transform:translate(-50%);margin-top:6px;display:flex;gap:70px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#make-spin button{width:48px;height:48px;padding:0;border-radius:50%;font-size:26px;line-height:1}#creator h3{margin:0;font-size:15px;min-width:62px;color:var(--ink-soft)}#creator .note{margin:0;font-size:14px;color:var(--ink-soft)}.make-kinds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.make-blurb{margin:2px 0 0;font-style:italic;font-size:16px;line-height:1.3}.make-row{display:flex;align-items:center;gap:10px}.make-opts{display:flex;flex-wrap:wrap;gap:6px}#creator button.small{font-size:15px;padding:4px 10px;border-width:2px;box-shadow:0 2px 0 var(--ink)}#creator button.on{background:var(--gold)}#creator button.swatch{width:30px;height:30px;padding:0;border-radius:50%;border-width:2px;box-shadow:0 2px 0 var(--ink)}#creator button.swatch.on{box-shadow:0 0 0 3px var(--gold),0 2px 0 var(--ink)}#make-name{font:inherit;font-size:18px;padding:6px 10px;border:2px solid var(--ink);border-radius:8px;background:#fffaf0;color:var(--ink);width:100%}#creator .buttons{margin-top:6px;position:sticky;bottom:-18px;padding:8px 0 10px;background:#efe2c0}#restart-sure{align-items:center;flex-wrap:wrap}@media (max-height: 500px){#creator{padding:8px}#creator .panel{width:min(400px,52vw);max-height:calc(100vh - 16px);padding:10px 14px;gap:5px}#creator h2{font-size:20px;margin:0}#creator .make-kinds button.small{padding:3px 8px;font-size:14px}#creator .buttons{bottom:-10px;padding:6px 0}#creator .buttons button{font-size:17px;padding:6px 18px}.make-blurb{font-size:14px}#creator button.swatch{width:26px;height:26px}}#hud-net{font-size:12px;color:var(--parchment);text-shadow:0 1px 2px rgba(0,0,0,.6)}#hud-net:empty{display:none}#hud-net.online:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#9fd4ff;vertical-align:1px}#hud-net.connecting,#hud-net.alone{opacity:.75}#pause #net-who{margin:0;font-size:14px;max-width:340px;opacity:.85}#pause #net-who:empty{display:none}i.icon{display:inline-block;flex:none;width:44px;height:44px;background:center / contain no-repeat}i.icon:not([style]){background-image:radial-gradient(circle,rgba(42,32,22,.12) 30%,transparent 62%)}i.icon.shadow{filter:brightness(0) opacity(.32)}i.icon.big{width:124px;height:124px;align-self:center;margin:-6px 0}.sheet ul.rows li>i.icon{width:40px;height:40px;margin:-3px 0;align-self:center}.sheet ul.rows li:has(>i.icon) p{padding-left:48px}.sheet .split{display:grid;grid-template-columns:1fr 250px;gap:12px;align-items:start}.sheet .detail{position:sticky;top:0;display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;border-radius:12px;background:#2a201614;border-top:5px solid var(--tier, rgba(42, 32, 22, .3));font-size:14px}.sheet .detail>b{font-family:var(--font-title);font-size:19px;line-height:1.15}.sheet .detail .tier{font-style:normal;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.sheet .detail p{margin:4px 0;font-style:italic;color:var(--ink-soft)}.sheet .detail button{align-self:flex-start}.sheet .detail .place{font-weight:700}.sheet .detail .clues{color:#4a6a8a;font-weight:600}.sheet .slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.sheet .slot{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:2px;min-width:0;border:2px solid rgba(42,32,22,.35);border-bottom:4px solid var(--tier, rgba(42, 32, 22, .35));border-radius:9px;background:radial-gradient(circle at 50% 40%,#fffaebb3,#2a20161a);box-shadow:none;font:inherit}.sheet span.slot{opacity:.45;background:#2a201612;border-style:dashed}.sheet .slot i.icon{width:88%;height:88%}.sheet .slot small{position:absolute;bottom:1px;right:4px;font-size:10px;font-weight:700;color:var(--ink-soft)}.sheet button.slot.on,.sheet .specimen.on{border-color:var(--ink);background:radial-gradient(circle at 50% 40%,#fff8e0,#c9a64a73)}.sheet button.slot:hover,.sheet button.slot:focus-visible,.sheet .specimen:hover,.sheet .specimen:focus-visible{transform:translateY(-1px);border-color:var(--ink)}.sheet .gearview{display:grid;grid-template-columns:minmax(300px,1.1fr) 1fr;gap:14px;align-items:start}.sheet .gearview .owned h3{margin-top:0}.sheet .doll{position:sticky;top:0;display:grid;grid-template-columns:76px 1fr 76px;gap:6px;align-items:center}.sheet .doll .col{display:flex;flex-direction:column;gap:6px}.sheet .doll .slot.gear{aspect-ratio:auto;height:78px;grid-template-rows:1fr auto}.sheet .doll .slot.gear i.icon{width:56px;height:56px}.sheet .doll .slot.gear small{position:static;font-size:11px}.sheet .doll .figure{display:grid;place-items:center;height:340px;border-radius:14px;background:radial-gradient(ellipse at 50% 90%,rgba(42,32,22,.18),transparent 60%)}.sheet .doll .figure i.icon{width:100%;height:100%}.sheet .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.sheet .tile{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;text-align:left;padding:4px 8px 4px 4px;border-radius:10px;border:2px solid rgba(42,32,22,.3);background:#2a20160f;box-shadow:none;font:inherit}.sheet .tile i.icon{grid-row:span 2}.sheet .tile b{font-size:14px;line-height:1.1}.sheet .tile em{font-style:normal;font-size:12px;color:var(--ink-soft)}.sheet .tile .using{grid-column:2;margin:0;font-size:12px}.sheet .tile.on{border-color:var(--ink);background:#c9a64a4d}.sheet button.tile:hover,.sheet button.tile:focus-visible{border-color:var(--ink);background:#c9a64a26}.sheet .filters{display:flex;flex-direction:column;gap:4px;margin:6px 0 8px}.sheet .chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sheet .chips>small{width:46px;font-size:12px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.sheet button.chip{font-size:13px;padding:1px 9px;border-width:2px;border-radius:14px;box-shadow:none;background:#fffaeb99}.sheet button.chip.on{background:var(--ink);color:var(--parchment)}.sheet button.chip.on small{color:#d8c8a0}.sheet .chip small{font-size:11px;color:var(--ink-soft)}.sheet .chip .dot{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%;background:var(--tier);border:1px solid var(--ink);vertical-align:0}.sheet .specimens{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.sheet .specimen{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 4px 5px;min-width:0;border:2px solid rgba(42,32,22,.3);border-bottom:4px solid var(--tier);border-radius:10px;background:radial-gradient(circle at 50% 35%,#fffaebcc,#2a201614);box-shadow:none;font:inherit}.sheet .specimen i.icon{width:100%;height:auto;aspect-ratio:1}.sheet .specimen b{font-size:12px;line-height:1.1;text-align:center;overflow-wrap:anywhere}.sheet .specimen small{font-size:11px;color:var(--ink-soft)}.sheet .specimen.unknown{border-bottom-color:#2a20164d}.sheet .specimen.unknown b{color:var(--ink-soft)}@media (max-width: 700px),(max-height: 500px){.sheet .split{grid-template-columns:1fr 190px;gap:8px}.sheet .detail{font-size:13px;padding:8px}.sheet i.icon.big{width:104px;height:104px}.sheet .detail>b{font-size:16px}.sheet .specimens{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.sheet .slots{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.sheet .doll{grid-template-columns:70px 1fr 70px}.sheet .doll .figure{height:240px}.sheet .doll .slot.gear{height:56px}.sheet .doll .slot.gear i.icon{width:38px;height:38px}}@media (max-width: 480px){.sheet .split,.sheet .gearview{grid-template-columns:1fr}.sheet .doll{position:static}.sheet .detail{position:static;order:-1}}@media (max-height: 500px){.sheet-head h2{font-size:22px}.sheet-head h2 small{display:inline;margin-left:8px;font-size:12px}.sheet .tabs button{font-size:13px;padding:2px 10px}.sheet .count{width:auto;font-size:12px}.sheet .filters{gap:3px;margin:2px 0 6px}.sheet .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.sheet .chips::-webkit-scrollbar{display:none}.sheet .chips>small{display:none}.sheet button.chip{flex:none;font-size:12px;padding:0 8px}}@media (max-height: 500px){.sheet .doll{grid-template-columns:58px 1fr 58px;gap:4px}.sheet .doll .col{gap:4px}.sheet .doll .figure{height:212px}.sheet .doll .slot.gear{height:50px}.sheet .doll .slot.gear i.icon{width:32px;height:32px}.sheet .doll .slot.gear small{font-size:9px}}#fish-hint,#toast,#prompt,#reel p,.clock,.coins.pill,#hud-buffs span,#hud-quests div,#hud-net,.crib-head .stake,.crib-mid small,.crib-pile .hint,.crib-prompt,.crib-foot,.mapframe p,#rotate{color:#fff;text-shadow:var(--outline)}#toast{color:var(--gold-text)}.clock b{color:var(--gold-text);font-weight:400}#hud-quests b{font-family:var(--font-title);font-size:13px;font-weight:400;color:var(--gold-text)}#hud-quests span{opacity:1}#talk .name{font-weight:400}#talk .text{font-size:20px;line-height:1.4}.sheet section h3,.sheet .detail>b,.crib-show h4,.crib-count b,.crib-prompt .result,.crib-score em{font-weight:400}.sheet .tabs button,#talk .choices button{font-family:var(--font-ui)}button.primary{font-family:var(--font-title);font-weight:400}:root{--stone-hi: #5d564d;--stone: #2c2824;--stone-mid: #423c35;--trim: #c9a64a;--trim-hi: #f3d98a;--trim-lo: #6e5418;--black: #0d0b09;--frame: linear-gradient(155deg, var(--stone-hi), var(--stone) 38%, var(--stone-mid) 64%, var(--stone) 100%);--paper: radial-gradient(ellipse at 50% 0%, #f7ecd0, #ecdcb4 70%, #e2cf9f);--rivet: radial-gradient(circle, var(--trim-hi) 0 1.4px, var(--trim) 2.2px, var(--trim-lo) 3.2px, transparent 3.8px);--framed-shadow: inset 0 0 0 1px var(--trim-lo), inset 0 0 0 2px var(--trim), inset 0 0 14px rgba(110, 84, 24, .28), 0 0 0 1px var(--black), 0 0 0 2.5px var(--trim), 0 0 0 4px var(--black), 0 12px 30px rgba(0, 0, 0, .5)}.panel,#talk{border:8px solid transparent;border-radius:8px;background:var(--paper) padding-box,var(--rivet) left top / 8px 8px no-repeat border-box,var(--rivet) right top / 8px 8px no-repeat border-box,var(--rivet) left bottom / 8px 8px no-repeat border-box,var(--rivet) right bottom / 8px 8px no-repeat border-box,var(--frame) border-box;box-shadow:var(--framed-shadow)}#creator .buttons{background:#ecdcb4}.panel>h2,.sheet-head h2,#talk .name{color:var(--gold-text);text-shadow:var(--outline-soft);background:var(--frame);border-radius:5px;padding:2px 20px 4px;box-shadow:0 0 0 1px var(--black),0 0 0 2.5px var(--trim),0 0 0 3.5px var(--black),0 3px 8px #00000059}.panel>h2{margin:0 0 8px}.sheet-head h2 small{color:#eadfc4;text-shadow:var(--outline)}#talk .name{border:none;top:-20px;padding:1px 14px 3px}#talk.hero .name{background:var(--frame);color:#fff}.sheet section h3{border-bottom:1px solid var(--trim-lo);box-shadow:0 1px #fff6d2b3}.buttons button,.panel>button,.sheet .tabs button,.sheet button.small,.sheet .detail button,#crib button:not(.card),#touch .t-buttons button,#t-pause,#btn-journal,#btn-chat{color:var(--gold-text);text-shadow:1px 1px 0 #000,0 0 2px #000;background:linear-gradient(to bottom,#b8322a,#861710 52%,#5e0e0a);border:2px solid var(--trim);border-radius:6px;box-shadow:0 0 0 1px var(--black),inset 0 1px #ffc8a059,0 3px 0 var(--black)}.buttons button:hover,.panel>button:hover,.sheet .tabs button:hover,.sheet button.small:hover,.sheet .detail button:hover,#crib button:not(.card):hover,.buttons button:focus-visible,.panel>button:focus-visible,.sheet .tabs button:focus-visible,.sheet button.small:focus-visible,#crib button:not(.card):focus-visible,body.pad .buttons button:focus,body.pad .panel>button:focus,body.pad .sheet .tabs button:focus,body.pad .sheet button.small:focus,body.pad #crib button:not(.card):focus,#btn-journal:hover{background:linear-gradient(to bottom,#d84a3c,#a11f16 52%,#721210);color:#fff3b0;border-color:var(--trim-hi)}.buttons button:active,.panel>button:active,.sheet .tabs button:active,.sheet button.small:active,#crib button:not(.card):active{box-shadow:0 0 0 1px var(--black),0 1px 0 var(--black)}button.primary.primary{background:linear-gradient(to bottom,#d0452e,#9c1d12 52%,#6a0f0a);font-size:21px;padding:10px 32px}.sheet .tabs button{color:#e8d9b0;background:linear-gradient(to bottom,#4a443d,#2c2824)}.sheet .tabs button.on{color:var(--gold-text);background:linear-gradient(to bottom,#b8322a,#861710 52%,#5e0e0a);border-color:var(--trim-hi)}#crib button.danger{background:linear-gradient(to bottom,#6a625a,#3a352f)}#t-pause svg{fill:var(--gold-text)}#touch .t-buttons button{border-radius:50%;border-width:3px}#t-act{background:radial-gradient(circle at 50% 35%,#46627a,#23384a);color:var(--gold-text)}#t-jump{background:radial-gradient(circle at 50% 35%,#c23a2c,#6e120c)}#btn-journal{padding:3px 12px 3px 9px;border-radius:20px}.sheet button:disabled{filter:grayscale(.7)}#talk .choices button{background:transparent;border:none;box-shadow:none;border-radius:4px;color:#3a2a10;padding:3px 10px}#talk .choices button:before{content:"";display:inline-block;width:.55em;height:.55em;margin-right:.5em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2a8,#d8a830 60%,#7a5a10);vertical-align:.05em}#talk .choices button:hover,#talk .choices button:focus-visible,body.pad #talk .choices button:focus{background:#c9a64a47;color:#000;transform:none}#talk .choices button.picked{background:#c9a64a80}#mapcanvas{border:8px solid var(--stone);border-radius:8px;box-shadow:0 0 0 1px var(--black),0 0 0 2.5px var(--trim),0 0 0 4px var(--black),inset 0 0 0 2px var(--trim),var(--shadow)}#btn-chat{pointer-events:auto;font-size:14px;padding:3px 12px;border-radius:20px}#chat{position:absolute;left:calc(env(safe-area-inset-left) + 16px);bottom:calc(env(safe-area-inset-bottom) + 16px);width:min(420px,44vw);display:flex;flex-direction:column;gap:6px}#chat-log{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.25;color:#fff;text-shadow:var(--outline);pointer-events:none;scrollbar-width:thin;overflow-wrap:anywhere}#chat.open #chat-log{max-height:220px;pointer-events:auto;background:#2a20168c;border-radius:6px;padding:6px 8px}.chat-line{transition:opacity 1.5s}.chat-line b{font-weight:400;color:var(--gold-text)}.chat-line.emote{color:#ffe9a6;font-style:italic}.chat-line.sys{color:#b9b4a6}.chat-line.old{opacity:0}#chat.open .chat-line.old{opacity:1;transition:none}#chat-box{display:flex;flex-direction:column;gap:6px;pointer-events:auto}#chat-emotes{display:flex;flex-wrap:wrap;gap:4px}#chat-emotes button{font-size:13px;padding:2px 9px;text-transform:capitalize;color:var(--gold-text);text-shadow:1px 1px 0 #000;background:linear-gradient(to bottom,#b8322a,#861710 52%,#5e0e0a);border:2px solid var(--trim);border-radius:6px;box-shadow:0 0 0 1px var(--black),0 2px 0 var(--black)}#chat-input{font:inherit;font-size:16px;padding:6px 10px;color:#fff;background:#140e08cc;border:2px solid var(--trim);border-radius:6px;outline:none;width:100%;box-sizing:border-box}#chat-input:focus{border-color:var(--gold-text)}body.crib-on #chat{display:none}@media (max-height: 460px){#chat{width:min(300px,38vw);bottom:calc(env(safe-area-inset-bottom) + 100px)}#chat-log{max-height:80px;font-size:13px}#chat.open{bottom:calc(env(safe-area-inset-bottom) + 8px);width:min(420px,60vw)}#chat.open #chat-log{max-height:70px}}body.chatting #fish-hint,body.chatting #prompt{display:none}@font-face{font-family:Marcellus;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-latin-400-normal-86dSXJnk.woff2) format("woff2"),url(/assets/marcellus-latin-400-normal-AvMY561b.woff) format("woff")}@font-face{font-family:Metamorphous;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/metamorphous-latin-400-normal-B8QJBOqa.woff2) format("woff2"),url(/assets/metamorphous-latin-400-normal-B90RbqWI.woff) format("woff")}