:root{--ink:#0b1712;--hud:#173226;--hud2:#1c3b2e;--hud3:#24493b;--line:#2f5d50;--line-hi:#3f7a66;--gold:#f2c14e;--mint:#9fe1cb;--coral:#ff7a59;--bone:#f3eee3;--dim:#b6c4bc;--parch:#f2e8cf;--pixel:"Pixelify Sans", ui-monospace, monospace;--serif:"Alegreya", Georgia, serif;--sans:"Alegreya Sans", system-ui, sans-serif;--black:"Jacquard 24", Georgia, serif;--s:1;--gap:12px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--bone);font:16px/1.5 var(--sans);overscroll-behavior:none;background:#0f221a;margin:0;overflow:hidden}button{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.skip{z-index:60;background:var(--gold);color:var(--ink);font:600 14px/1 var(--pixel);border-radius:6px;padding:8px 12px;position:fixed;top:-60px;left:12px}.skip:focus{top:calc(10px + var(--safe-t))}.valley{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(to bottom, var(--s1) 0%, var(--s2) calc(100% - 640px * var(--s)), var(--s3) calc(100% - 420px * var(--s)), var(--s3) 100%);transition:background .6s;position:fixed;inset:0;overflow:hidden}.valley.dragging{cursor:grabbing}.layer{width:calc(var(--lw) * var(--s) * 1px);height:calc(1000px * var(--s));will-change:transform;pointer-events:none;position:absolute;bottom:0;left:0}.layer>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.layer>svg.ovf{overflow:visible}.actors>*,.hits>*{position:absolute}.hits{position:absolute;inset:0}.hit{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;margin:0;padding:0}.hit:focus-visible{outline:3px dashed var(--gold);outline-offset:0}.using .hit{cursor:copy}.skyl{will-change:transform;pointer-events:none;position:absolute;inset:0}.stars{fill:#f4f6ff;width:100%;height:100%;opacity:var(--stars);transition:opacity .8s;position:absolute;inset:0}.cloud{animation:drift var(--d) linear infinite;will-change:transform;position:absolute;left:0}.cloud svg{width:100%;height:auto;display:block}.cld{fill:var(--cloud)}.cld2{fill:var(--cloud2)}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(115vw)}}.airship{width:120px;animation:260s linear -90s infinite drift;position:absolute;top:9%;left:0}.airship svg,.birds svg{width:100%;height:auto;display:block}.birds{width:46px;animation:34s linear -10s infinite drift;position:absolute;top:20%;left:0}.bird{fill:none;stroke:#2b3b35;stroke-width:2px;stroke-linecap:round}html[data-time=night] .birds{display:none}.sun{width:calc(90px * var(--s) + 34px);aspect-ratio:1;cursor:pointer;background:0 0;border:0;padding:0;transition:left 1s,top 1s;position:absolute;top:12%;left:64%}.sun span{background:var(--sun);box-shadow:0 0 0 10px color-mix(in srgb, var(--sun) 30%, transparent), 0 0 60px 20px color-mix(in srgb, var(--sun) 45%, transparent);border-radius:50%;position:absolute;inset:18%}html[data-time=dusk] .sun{left:76%;top:calc(100% - 590px * var(--s))}html[data-time=night] .sun{top:9%;left:22%}html[data-time=night] .sun span{box-shadow:inset -12px -6px #0c17308c,0 0 40px 8px #e9eef540}.smoke i{aspect-ratio:1;background:var(--smoke);opacity:0;border-radius:50%;width:50%;animation:5.4s linear infinite puff;position:absolute;bottom:0;left:25%}.smoke i:nth-child(2){animation-delay:1.8s}.smoke i:nth-child(3){animation-delay:3.6s}@keyframes puff{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:.9}to{transform:translate(calc(var(--s) * 16px), calc(var(--s) * -78px)) scale(1.8);opacity:0}}.rotor svg{width:100%;height:100%;animation:spin var(--d,6s) linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}.train{animation:46s linear infinite train}.train svg{width:100%;height:100%;display:block}@keyframes train{0%{transform:translateX(calc(var(--s) * -260px))}62%,to{transform:translateX(calc(var(--s) * 3900px))}}.hook .cable{transform-origin:top;background:#4a3527;width:2px;height:86%;margin-left:-1px;animation:7s ease-in-out infinite cable;position:absolute;top:0;left:50%}.hook .claw{border:3px solid #4a3527;border-top:0;border-radius:0 0 50% 50%;width:76%;height:14%;animation:7s ease-in-out infinite hook;position:absolute;bottom:0;left:12%}@keyframes cable{50%{transform:scaleY(.55)}}@keyframes hook{50%{transform:translateY(calc(var(--s) * -66px))}}.sheep svg{width:100%;height:100%;display:block;overflow:visible}.sheep .hd{transform-box:fill-box;transform-origin:20% 20%;animation:7s ease-in-out infinite graze}.sheep:nth-child(odd) .hd{animation-delay:-3s}@keyframes graze{0%,55%,to{transform:none}65%,90%{transform:rotate(28deg)translateY(3px)}}.sheep.hop{animation:.7s ease-out hop}@keyframes hop{40%{transform:translateY(-35%)}70%{transform:translateY(0)}85%{transform:translateY(-8%)}}.npc img{width:100%;height:100%;image-rendering:pixelated;display:block}.npc.hop{animation:.7s ease-out hop}.plate{white-space:nowrap;pointer-events:auto;cursor:pointer;font:600 clamp(11px, calc(15px * var(--s)), 15px) / 1 var(--pixel);color:var(--bone);text-shadow:1px 1px #000;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--c,var(--mint)), 0 3px 0 #00000059;background:#0f221aeb;border-radius:8px;align-items:center;gap:.45em;padding:.3em .75em .3em .3em;display:flex;transform:translate(-50%,-100%)}.plate:hover{background:#1c3b2ef5}.plate i{background:var(--ink);width:1.5em;height:1.5em;box-shadow:0 0 0 1.5px var(--c,var(--mint));color:var(--c,var(--mint));border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.plate i svg{width:62%;height:auto}.plate:after{content:"";border:6px solid #0000;border-top-color:var(--ink);width:0;height:0;margin-left:-6px;position:absolute;top:100%;left:50%}.b-staked{--c:var(--coral)}.b-building{--c:var(--gold)}.b-paused{--c:#c9b98a}.b-closed{--c:#9aa39c}@keyframes bob{50%{transform:translateY(calc(var(--s) * -6px))}}.hint{filter:drop-shadow(0 2px #0006);place-items:center;animation:1s ease-in-out infinite bob;display:grid}.hint svg{width:100%;height:auto}.still .valley *,.tab-hidden .valley *{animation-play-state:paused!important}.fr,.plaque,.panel,.tabbar,.chat-tabs,.bwin,.menu,.toast{background:var(--hud);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line), inset 0 2px 0 #9fe1cb1a, 0 3px 0 #00000059}.os{font-family:var(--pixel);color:var(--gold);text-shadow:1px 1px #000}.tl{z-index:20;left:calc(var(--gap) + var(--safe-l));top:calc(10px + var(--safe-t));pointer-events:none;max-width:min(56vw,460px);position:fixed}.plaque{pointer-events:auto;border-radius:10px;gap:3px;width:max-content;max-width:100%;margin:0;padding:8px 14px 9px;display:grid}.wm{font:400 34px/.95 var(--black);color:var(--bone);letter-spacing:.01em}.tag{font:600 13px/1.25 var(--pixel);color:var(--gold);text-shadow:1px 1px #000}.hover{min-height:20px;font:600 16px/1.2 var(--pixel);color:var(--bone);text-shadow:1px 1px #000,0 0 6px #0009;margin:8px 0 0 2px}.hover .o{color:var(--mint)}.hover .n{color:var(--gold)}.hover .it{color:#ffb27a}.hover .more{opacity:.85}.tr{z-index:20;right:calc(var(--gap) + var(--safe-r));top:calc(10px + var(--safe-t));align-items:flex-start;gap:10px;display:flex;position:fixed}.orbs{gap:9px;padding-top:4px;display:grid}.orb{cursor:pointer;width:46px;height:46px;color:var(--gold);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line-hi), 0 3px 0 #0006;background:radial-gradient(circle at 36% 30%,#2c5646,#11271d 72%);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.orb:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 3px 0 #0006}.orb .ico{place-items:center;display:grid}.orb .lab{white-space:nowrap;font:600 11px/1 var(--pixel);color:var(--gold);background:var(--ink);border:1px solid var(--line);text-shadow:1px 1px #000;border-radius:4px;padding:3px 5px;position:absolute;bottom:-3px;right:calc(100% - 8px)}.orb.xp .ring{position:absolute;inset:3px;transform:rotate(-90deg)}.rg0{fill:none;stroke:#f3eee31f;stroke-width:3px}.rg1{fill:none;stroke:var(--mint);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .6s}.orb .lvl{font:600 17px/1 var(--pixel);text-shadow:1px 1px #000}.orb[aria-pressed=false] .ico{opacity:.45}.orb.sm{width:38px;height:38px;position:absolute}.mm{width:172px;height:172px;position:relative}.mm-disc{cursor:crosshair;background:var(--gr);border:3px solid var(--ink);box-shadow:0 0 0 2px var(--line-hi), 0 0 0 5px var(--ink), 0 6px 16px #00000059;border-radius:50%;position:absolute;inset:0;overflow:hidden}.mm-strip{will-change:transform;height:100%;position:absolute;top:0;left:0}.mm-strip svg,.wm-strip svg{width:auto;height:100%;display:block}.mm-you{background:#fff;border-radius:1px;width:7px;height:7px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #000}.compass{top:-6px;left:-10px}.mapb{bottom:-6px;right:-6px}.mq{stroke:#0b1712;stroke-width:1.5px}.q-staked{fill:var(--coral);color:var(--coral)}.q-building{fill:var(--gold);color:var(--gold)}.q-active,.q-complete{fill:var(--mint);color:var(--mint)}.q-paused{fill:#c9b98a;color:#c9b98a}.q-closed{fill:#8e958d;color:#9aa39c}.area{z-index:15;text-align:center;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .7s;position:fixed;top:24%;left:50%;transform:translate(-50%)}.area.show{opacity:1}.area span{font:400 52px/1 var(--black);color:var(--bone);text-shadow:2px 3px 0 var(--ink), 0 0 26px #00000059;display:block}.area small{font:600 13px/1 var(--pixel);color:var(--gold);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px #000;margin-top:6px;display:block}.chat{z-index:20;left:calc(var(--gap) + var(--safe-l));bottom:calc(var(--gap) + var(--safe-b));width:min(500px,100vw - 380px);position:fixed}.ticker{display:none}.chat-body{border:2px solid var(--ink);height:158px;box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(2px);background:#0b1712c2;border-bottom:0;border-radius:10px 10px 0 0;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.chat-log{font:400 14px/1.4 var(--pixel);color:var(--bone);text-shadow:1px 1px #000;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:8px 12px 4px;overflow-y:auto}.chat-log p{margin:0}.chat-log .t{color:var(--dim);opacity:.7;margin-right:6px}.m.work b{color:var(--mint)}.m.personal b{color:#f7b9a2}.m.ach{color:var(--gold)}.m.sys,.m.you{color:#9fd3ff}.m .o{color:var(--mint)}.m .n{color:var(--gold)}.m .it{color:#ffb27a}.chat[data-ch=work] .m:not(.work),.chat[data-ch=personal] .m:not(.personal),.chat[data-ch=game] .m.work,.chat[data-ch=game] .m.personal{display:none}.chat-in{font:600 14px/1 var(--pixel);border-top:1px solid #9fe1cb24;align-items:center;gap:6px;padding:5px 12px 7px;display:flex}.chat-in label{color:var(--bone)}.chat-in input{color:#9fd3ff;min-width:0;font:inherit;background:0 0;border:0;flex:1;padding:2px 0}.chat-in input:focus{outline:none}.chat-in input::placeholder{color:#9fd3ff73}.chat-tabs{border-radius:0 0 10px 10px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.chat-tabs button{font:600 12px/1 var(--pixel);color:var(--dim);background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:5px;padding:7px 4px}.chat.min .chat-body{display:none}.chat.min .chat-tabs{border-radius:10px}.chat-tabs button[aria-selected=true]{color:var(--gold);background:var(--hud3);box-shadow:inset 0 0 0 1px var(--line-hi)}.dlg{background:var(--parch);color:#1b1a16;border-radius:8px 8px 0 0;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;display:grid;position:absolute;inset:0}.dlg img{width:66px;height:66px;image-rendering:pixelated}.dlg.nohead{grid-template-columns:minmax(0,1fr)}.dlg.nohead img{display:none}.dlg-t{text-align:center}.dlg-t b{font:600 15px/1 var(--pixel);color:#9a2e14;display:block}.dlg-t p{font:500 15px/1.35 var(--pixel);margin:6px 0 4px}.dlg-next{font:600 14px/1 var(--pixel);color:#1b45a8;cursor:pointer;background:0 0;border:0;padding:4px 8px}.dlg-next:hover{text-decoration:underline}.side{z-index:21;right:calc(var(--gap) + var(--safe-r));bottom:calc(var(--gap) + var(--safe-b));flex-direction:column;width:330px;display:flex;position:fixed}.panel{scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-bottom:0;border-radius:10px 10px 0 0;max-height:min(430px,100vh - 290px);overflow-y:auto}.tabbar{border-radius:10px;grid-template-columns:repeat(9,1fr);gap:3px;padding:3px;display:grid}.side.open .tabbar{border-radius:0 0 10px 10px}.tab{background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:5px;place-items:center;height:36px;padding:0;display:grid}.tab:hover{background:var(--hud3)}.tab[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--coral);background:#4a2a1e}.pane{padding:12px 14px 14px}.pane:focus{outline:none}.pane-h{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.pane-h h2{font:600 16px/1.1 var(--pixel);color:var(--gold);text-shadow:1px 1px #000;margin:0}.qp{font:600 12px/1 var(--pixel);color:var(--dim)}.fine{font:400 13px/1.45 var(--sans);color:var(--dim);margin:12px 0 0}.qg h3{font:600 12px/1 var(--pixel);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin:10px 0 4px}.qg ul,.party,.alog,.ach{margin:0;padding:0;list-style:none}.q{cursor:pointer;text-align:left;width:100%;font:600 15px/1.2 var(--pixel);text-shadow:1px 1px #000;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.q:hover{background:#9fe1cb14}.q em{font:400 12px/1 var(--pixel);color:var(--dim);text-shadow:none;font-style:normal}.sk-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sk{background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:8px 9px;display:flex}.sk:hover,.sk[aria-pressed=true]{background:var(--hud3);box-shadow:inset 0 0 0 1px var(--gold)}.sk .lv{font:600 15px/1 var(--pixel);color:var(--gold);text-shadow:1px 1px #000}.sk .lv i{color:var(--dim);margin:0 1px;font-style:normal}.sk.locked{opacity:.6}.detail{border:1px solid var(--ink);min-height:64px;font:400 14px/1.45 var(--sans);color:var(--bone);background:#0b171273;border-radius:6px;margin-top:10px;padding:10px 12px}.detail b{font-family:var(--pixel);color:var(--gold)}.detail .x2{font:600 12px/1.4 var(--pixel);color:var(--dim);margin-top:6px;display:block}.inv{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.inv .cell{aspect-ratio:1;background:#0b171259;border:1px solid #0b1712cc;border-radius:6px;place-items:center;padding:0;display:grid}.inv button.cell{cursor:pointer}.inv button.cell:hover{background:var(--hud3)}.inv .cell.sel{box-shadow:inset 0 0 0 2px var(--gold);background:var(--hud3)}.doll{grid-template-columns:repeat(3,52px);grid-template-areas:".head.""cape neck ammo""weapon body shield"".legs.""hands feet ring";justify-content:center;gap:8px 14px;display:grid}.slot{background:var(--hud2);border:1px solid var(--ink);cursor:pointer;width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;place-items:center;padding:0;display:grid}.slot:hover{box-shadow:inset 0 0 0 1px var(--gold)}.slot.empty svg{opacity:.22;filter:grayscale()}.s-head{grid-area:head}.s-cape{grid-area:cape}.s-neck{grid-area:neck}.s-ammo{grid-area:ammo}.s-weapon{grid-area:weapon}.s-body{grid-area:body}.s-shield{grid-area:shield}.s-legs{grid-area:legs}.s-hands{grid-area:hands}.s-feet{grid-area:feet}.s-ring{grid-area:ring}.party li{border-bottom:1px solid #2f5d5080;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 4px;display:grid}.party .dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);background:#58d68d;border-radius:50%}.party .off .dot{background:#c9b98a}.party b{font:600 14px/1.2 var(--pixel);color:var(--bone);display:block}.party b em{color:var(--gold);font-style:normal}.party span{font:400 13px/1.3 var(--sans);color:var(--dim)}.party small{font:600 11px/1.2 var(--pixel);color:var(--mint);text-align:right;max-width:110px}.party .off small{color:#c9b98a}.spells{gap:6px;display:grid}.spell{text-align:left;background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:6px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.spell:hover{background:var(--hud3);box-shadow:inset 0 0 0 1px var(--mint)}.spell b{font:600 14px/1.2 var(--pixel);color:var(--mint);display:block}.spell em{font:400 13px/1.3 var(--sans);color:var(--dim);font-style:normal}.spell.locked{opacity:.55;cursor:default}.spell.locked b{color:var(--dim)}.chips{gap:6px;margin-bottom:8px;display:flex}.chips button,.seg button,.tog{font:600 12px/1 var(--pixel);color:var(--dim);background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:5px;padding:7px 10px}.chips button[aria-pressed=true],.seg button[aria-pressed=true],.tog[aria-pressed=true]{color:var(--ink);background:var(--mint)}.tog.danger{color:#ffd9cc;background:#6e2a1d}.alog li{border-bottom:1px solid #2f5d5080;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.alog .d{font:600 12px/1.5 var(--pixel);color:var(--gold)}.alog p{font:400 14px/1.4 var(--sans);margin:0}.alog b{color:var(--mint);font-weight:700}.alog li[data-ch=personal] b{color:#f7b9a2}.alog.f-work li[data-ch=personal],.alog.f-personal li[data-ch=work]{display:none}.ach li{border-bottom:1px solid #2f5d5080;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;display:grid}.ach b{font:600 13px/1.2 var(--pixel);color:var(--gold);display:block}.ach span{font:400 13px/1.3 var(--sans);color:var(--dim)}.ach em{font:600 12px/1 var(--pixel);color:var(--mint);font-style:normal}.ach .locked{opacity:.5}.ach .locked svg{filter:grayscale()}.opt{font:600 13px/1.2 var(--pixel);border-bottom:1px solid #2f5d5080;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.seg{gap:3px;display:flex}.seg button{padding:7px}.menu{z-index:40;min-width:180px;max-width:calc(100vw - 16px);font:600 15px/1 var(--pixel);color:var(--bone);background:#0b1712f2;border-radius:6px;padding:0 0 4px;position:fixed}.menu-h{color:var(--dim);background:var(--hud2);border-bottom:1px solid var(--ink);border-radius:4px 4px 0 0;margin-bottom:3px;padding:7px 10px;font-size:13px}.menu ul{margin:0;padding:0;list-style:none}.menu li{cursor:pointer;white-space:nowrap;text-shadow:1px 1px #000;padding:7px 12px}.menu li:hover,.menu li:focus{background:#f2c14e24;outline:none}.menu .o{color:var(--mint)}.menu .n{color:var(--gold)}.menu .it{color:#ffb27a}.bwin{z-index:30;width:min(560px,100vw - 32px);max-height:min(80vh,760px);box-shadow:inset 0 0 0 1px var(--line), 0 20px 44px #00000080;border-radius:12px;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;top:50%;left:57%;transform:translate(-50%,-50%)}.bar{background:var(--hud2);border-bottom:2px solid var(--ink);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 8px 16px;display:flex}.bar h2{font:600 18px/1.15 var(--pixel);color:var(--gold);text-shadow:1px 1px #000;margin:0}.x{color:#ffe3d6;border:2px solid var(--ink);width:34px;height:34px;font:600 16px/1 var(--pixel);cursor:pointer;background:#7a2418;border-radius:7px;flex:none;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #b4452f}.x:hover{background:#962d1e}.bbody{scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-content:start;gap:14px;padding:14px 16px 18px;display:grid;overflow-y:auto}.btop{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:center;gap:14px;display:grid}.thumb{aspect-ratio:5/4;border:2px solid var(--ink);background:linear-gradient(to bottom, var(--s2), var(--s3));box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;position:relative;overflow:hidden}.thumb svg{width:100%;height:100%;position:absolute;inset:0}.thumb .cap{font:600 11px/1 var(--pixel);color:var(--bone);background:#0b1712cc;border-radius:4px;padding:4px 6px;position:absolute;bottom:6px;left:6px}.meta{align-content:start;gap:8px;display:grid}.chip{font:600 12px/1 var(--pixel);background:#0b171266;border:1px solid;border-radius:999px;justify-self:start;padding:5px 9px}.meta .dist{font:600 12px/1 var(--pixel);color:var(--dim);letter-spacing:.08em;text-transform:uppercase}.meta p{font:400 15px/1.45 var(--sans);margin:0}.sks{flex-wrap:wrap;gap:6px;display:flex}.sks span{font:600 12px/1 var(--pixel);color:var(--bone);background:var(--hud2);border:1px solid var(--ink);border-radius:5px;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.tiers{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.tiers button{height:32px;font:600 12px/1 var(--pixel);color:var(--dim);background:var(--hud2);border:1px solid var(--ink);cursor:pointer;border-radius:5px;padding:0 2px}.tiers button.have{color:var(--ink);background:var(--mint)}.tiers button.cur{box-shadow:0 0 0 2px var(--gold)}.tiers button[aria-pressed=true]{outline:2px solid var(--bone);outline-offset:1px}.sec h3{font:600 12px/1 var(--pixel);color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.hist{margin:0;padding:0;list-style:none}.hist li{font:400 15px/1.4 var(--sans);border-bottom:1px solid #2f5d5080;grid-template-columns:76px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:6px 0;display:grid}.hist .d{font:600 12px/1.5 var(--pixel);color:var(--gold)}.hist em{font:600 11px/1 var(--pixel);color:var(--ink);background:var(--mint);border-radius:4px;padding:3px 5px;font-style:normal}.plaq{color:#2a1c0a;font:700 18px/1.35 var(--serif);text-align:center;background:linear-gradient(#d9b36b,#b98e45);border:2px solid #6e4e1e;border-radius:8px;padding:14px 16px;box-shadow:inset 0 0 0 1px #f0d08e}.plaq small{font:600 11px/1 var(--pixel);letter-spacing:.1em;text-transform:uppercase;color:#5a3d12;margin-bottom:4px;display:block}.plaq.locked{font:600 14px/1.4 var(--pixel);color:#1c1b18;box-shadow:none;background:linear-gradient(#8e8a7e,#6f6b61);border-color:#3f3c35}.acts{flex-wrap:wrap;gap:8px;display:flex}.btn{font:600 14px/1 var(--pixel);color:var(--ink);background:var(--gold);border:2px solid var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:10px 14px;text-decoration:none;display:inline-flex;box-shadow:0 3px #00000059}.btn:hover{background:#ffd36b}.btn.alt{background:var(--hud2);color:var(--bone);box-shadow:inset 0 0 0 1px var(--line-hi), 0 3px 0 #00000059}.stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stats div{background:var(--hud2);border:1px solid var(--ink);text-align:center;border-radius:6px;padding:8px}.stats b{font:600 20px/1 var(--pixel);color:var(--gold);display:block}.stats span{font:600 11px/1.2 var(--pixel);color:var(--dim)}.mail{font:600 15px/1 var(--pixel);color:var(--mint);-webkit-user-select:text;user-select:text;flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width>=761px){.bwin.left{left:36%}}.wmap{width:min(940px,100vw - 32px);left:50%}.wm-strip{aspect-ratio:470/150;border:2px solid var(--ink);cursor:crosshair;border-radius:8px;width:100%;position:relative;overflow:hidden}.wm-strip svg{width:100%;height:100%}.wm-d{font:400 clamp(14px, 2.6vw, 24px)/1 var(--black);color:var(--bone);text-shadow:1px 2px 0 var(--ink);white-space:nowrap;pointer-events:none;position:absolute;top:4%;transform:translate(-50%)}.wm-b{font:600 clamp(9px, 1.3vw, 12px)/1 var(--pixel);white-space:nowrap;pointer-events:none;background:#0b1712d1;border-radius:4px;padding:3px 5px;position:absolute;top:60%;transform:translate(-50%)}.wm-view{pointer-events:none;border:2px solid #fff;border-radius:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.toast{z-index:45;left:50%;top:calc(12px + var(--safe-t));text-align:center;min-width:250px;max-width:calc(100vw - 24px);box-shadow:inset 0 0 0 1px var(--gold), 0 12px 28px #00000073;border-radius:10px;padding:10px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%,calc(-100% - 30px))}.toast.show{transform:translate(-50%)}.toast b{font:600 12px/1.2 var(--pixel);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;display:block}.toast span{font:700 18px/1.25 var(--serif)}.xpdrop{z-index:50;pointer-events:none;font:600 16px/1 var(--pixel);color:var(--gold);text-shadow:1px 1px #000;animation:1.6s ease-out forwards xpdrop;position:fixed}@keyframes xpdrop{0%{opacity:0;transform:translateY(8px)}15%{opacity:1}to{opacity:0;transform:translateY(34px)}}.fade{z-index:50;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 60%,#9fe1cbf2,#f2e8cffa 60%);transition:opacity .25s;position:fixed;inset:0}.fade.on{opacity:1}.nos{z-index:60;background:var(--hud);border:2px solid var(--ink);border-radius:10px;max-height:60vh;padding:14px 16px;position:fixed;inset:auto 12px 12px;overflow:auto}@media (width<=760px){:root{--gap:8px}.tl{max-width:calc(100vw - 190px)}.plaque{padding:6px 10px 7px}.wm{font-size:26px}.tag{font-size:11px}.hover{display:none}.tr{gap:6px}.orbs{gap:6px;padding-top:0}.orb{width:36px;height:36px}.orb .lvl{font-size:14px}.orb .lab{padding:2px 4px;font-size:10px}.orb.sm{width:30px;height:30px}.orb.sm svg{width:16px;height:16px}.mm{width:112px;height:112px}.area span{font-size:38px}.side{width:auto;padding:0 var(--gap) calc(var(--gap) + var(--safe-b));bottom:0;left:0;right:0}.panel{max-height:52vh}.tab{height:40px}.chat{left:var(--gap);right:var(--gap);width:auto;bottom:calc(56px + var(--gap) + var(--safe-b))}.ticker{text-align:left;border:2px solid var(--ink);width:100%;box-shadow:inset 0 0 0 1px var(--line);font:400 13px/1.3 var(--pixel);color:var(--bone);text-shadow:1px 1px #000;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#0b1712cc;border-radius:10px;padding:8px 12px;display:block;overflow:hidden}.chat:not(.open) .chat-body,.chat:not(.open) .chat-tabs,.chat.open .ticker{display:none}.chat-body{height:34vh}.chat.talking .chat-body{height:auto}.chat.talking .chat-log,.chat.talking .chat-in{display:none}.chat.talking .dlg{position:relative;inset:auto}body.tab-open .chat,body.win-open .chat{visibility:hidden}.bwin,.wmap{width:100%;max-height:calc(100% - 64px - var(--safe-t));padding-bottom:var(--safe-b);border-radius:14px 14px 0 0;inset:auto 0 0;transform:none}.btop{grid-template-columns:1fr}.thumb{max-width:320px}.wm-b{display:none}}@media (height<=520px) and (orientation:landscape){.chat-body{height:110px}.mm{width:104px;height:104px}.wm{font-size:24px}.panel{max-height:calc(100vh - 110px)}}@media (prefers-reduced-motion:reduce){.valley,.sun,.toast,.area,.rg1{transition:none}}.rings i{animation:10s ease-in-out infinite ring;position:absolute;inset:0}.rings i.r2{animation-delay:-5s}.rings svg{width:100%;height:100%;display:block;overflow:visible}.rings circle{fill:none;stroke:var(--au);stroke-width:3px}.rings .r2 circle{stroke:var(--mi);stroke-width:2.5px}@keyframes ring{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.leds{grid-template-columns:repeat(2,1fr);align-content:start;justify-items:center;gap:14% 0;padding-top:18%;display:grid}.leds i{aspect-ratio:1;background:#58d68d;border-radius:50%;width:26%;animation:1.4s steps(2,end) infinite blink;box-shadow:0 0 4px #58d68d}.leds i:nth-child(3n+2){background:#f2c14e;animation-duration:.9s;box-shadow:0 0 4px #f2c14e}.leds i:nth-child(3n){animation-duration:2.3s}@keyframes blink{50%{opacity:.15}}.plate.is-new:before{content:"NEW";font:600 10px/1 var(--pixel);color:var(--ink);text-shadow:none;background:var(--gold);border:1.5px solid var(--ink);border-radius:4px;padding:3px 5px;position:absolute;top:-11px;right:-12px;box-shadow:0 2px #00000059}.ranks{gap:5px;margin:0;padding:0;list-style:none;display:grid}.ranks li{background:var(--hud2);border:1px solid var(--ink);font:400 14px/1.3 var(--sans);color:var(--dim);border-radius:6px;align-items:baseline;gap:10px;padding:7px 10px;display:flex}.ranks b{min-width:56px;font:600 12px/1 var(--pixel);color:var(--dim)}.ranks li.have{color:var(--bone)}.ranks li.have b{color:var(--mint)}.ranks li.cur{box-shadow:inset 0 0 0 1px var(--gold)}.ranks li.cur b{color:var(--gold)}.school{animation:6s ease-in-out infinite bob}.school i{position:absolute;inset:0;transform:scaleY(.5)}.school svg{width:100%;height:200%;animation:9s linear infinite spin;position:absolute;top:-50%;left:0;overflow:visible}.school .r2 svg{animation-duration:6s;animation-direction:reverse}.quill svg{transform-origin:5% 98%;width:100%;height:100%;animation:2.8s ease-in-out infinite write;display:block;overflow:visible}@keyframes write{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(calc(var(--s) * 3px), calc(var(--s) * -2px)) rotate(4deg)}45%{transform:translate(calc(var(--s) * 7px), 0) rotate(-2deg)}70%{transform:translate(calc(var(--s) * 4px), calc(var(--s) * 3px)) rotate(3deg)}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.book-wrap{z-index:35;padding:calc(14px + var(--safe-t)) 14px calc(14px + var(--safe-b));perspective:2400px;background:#08100c9e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.book{width:min(1080px,100%);height:min(720px,100vh - 28px);min-height:0;height:min(720px, calc(100dvh - 28px - var(--safe-t) - var(--safe-b)));opacity:0;flex:none;grid-template-columns:1fr 1fr;transition:transform .8s cubic-bezier(.3,.1,.2,1),opacity .25s;display:grid;position:relative;transform:translate(-25%)scale(.94)}.book.opening{opacity:1;transform:none}.half{background:radial-gradient(circle at 30% 20%,#2b5746,#173226 70%);min-height:0;padding:14px;position:relative;box-shadow:inset 0 0 0 2px #0b1712,inset 0 0 0 5px #24493b,inset 0 0 0 6px #f2c14eb3}.hl{opacity:0;border-radius:14px 4px 4px 14px;padding-right:0;transition:opacity .3s .42s}.hr{border-radius:4px 14px 14px 4px;padding-left:0}.book.opening .hl{opacity:1}.hr:before{content:"";z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:linear-gradient(#ff7a59,#d9573a);width:18px;height:88px;position:absolute;top:0;right:70px}.page{color:#2b2218;height:100%;font:400 16px/1.5 var(--sans);scrollbar-width:thin;scrollbar-color:#c9b48a transparent;-webkit-user-select:text;user-select:text;padding:26px 32px 30px;overflow-y:auto}.hl .page{background:linear-gradient(270deg,#50321442,#50321400 8%),#f3e9d2;border-radius:8px 0 0 8px}.hr .page{background:linear-gradient(90deg,#50321442,#50321400 8%),#f5ecd7;border-radius:0 8px 8px 0}.cover{z-index:3;transform-origin:0;transform-style:preserve-3d;pointer-events:none;transition:transform .8s cubic-bezier(.3,.1,.2,1),opacity .25s;position:absolute;inset:0 0 0 50%}.book.opening .cover{transform:rotateY(-180deg)}.book.open .cover{opacity:0}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.face.front{text-align:center;background:radial-gradient(circle at 40% 30%,#2f5f4c,#173226 75%);border-radius:4px 14px 14px 4px;place-content:center;justify-items:center;gap:10px;padding:30px;display:grid;box-shadow:inset 0 0 0 2px #0b1712,inset 0 0 0 12px #1c3b2e,inset 0 0 0 14px #f2c14ed9,inset 0 0 0 24px #1c3b2e,inset 0 0 0 25px #f2c14e73}.face.front b{font:400 46px/1 var(--black);color:var(--gold);text-shadow:0 2px #0b1712;text-wrap:balance}.face.front span{font:600 12px/1 var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:#f2c14ecc}.face.back{background:#efe3c8;border-radius:14px 4px 4px 14px;transform:rotateY(180deg);box-shadow:inset 0 0 0 14px #1f4234,inset 0 0 0 16px #f2c14e99}.book .book-x{z-index:4;position:absolute;top:10px;right:10px}.bk-kick{font:600 12px/1 var(--pixel);letter-spacing:.12em;text-transform:uppercase;color:#8a2e1a;margin:0}.bk-title{font:700 36px/1.05 var(--serif);color:#1e1812;text-wrap:balance;margin:6px 0}.bk-title.sm{font-size:26px}.bk-status{font:600 13px/1.4 var(--pixel);color:#6b5843;margin:0 0 12px}.bk-status .ok{color:#2e7d4f}.bk-status .paused{color:#9a6a12}.bk-status .prog{color:#a0620f}.bk-lede{font:500 17px/1.5 var(--sans);color:#3a2e22;margin:0 0 14px}.bk-journal{gap:7px;margin:0;padding-left:22px;display:grid}.bk-journal li.done{color:#6b5a47;text-decoration:line-through 1.5px #3a2e2280}.bk-journal time{font:600 12px/1 var(--pixel);color:#8a2e1a;margin-right:6px;display:inline-block}.bk-complete{font:600 16px/1.2 var(--pixel);letter-spacing:.04em;color:#b3261e;margin:12px 0 0}.bk-h{font:700 20px/1.2 var(--serif);color:#1e1812;border-bottom:1px solid #5a3c1e47;margin:22px 0 8px;padding-bottom:5px}.bk-h4{font:700 17px/1.2 var(--serif);color:#1e1812;margin:16px 0 4px}.bk-reqs,.bk-rewards,.bk-steps,.pp-track,.pp-cats,.pp-leaks{margin:0;padding:0;list-style:none}.bk-reqs{gap:6px;display:grid}.bk-reqs li:before{content:"✓";font:600 14px/1 var(--pixel);color:#2e7d4f;margin-right:8px}.bk-reqs span,.bk-rewards span span{color:#6b5843}.bk-rewards{background:#eaddbf;border:1px solid #5a3c1e4d;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.bk-rewards li{align-items:center;gap:10px;display:flex}.bk-rewards svg{flex:none}.bk-note,.bk-hint{font:400 14px/1.45 var(--sans);color:#6b5843;margin:10px 0 0}.bk-steps{counter-reset:st;gap:8px;display:grid}.bk-steps li{counter-increment:st;grid-template-columns:24px minmax(0,1fr);gap:10px;display:grid}.bk-steps li:before{content:counter(st);width:22px;height:22px;color:var(--gold);font:600 12px/1 var(--pixel);background:#1c3b2e;border-radius:50%;place-items:center;display:grid}.book .acts{margin-top:18px}.book .btn.alt{color:#2b2218;background:#eaddbf;box-shadow:inset 0 0 0 1px #5a3c1e73,0 3px #0003}.pp-ctl{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}.pp-file{cursor:pointer}.pp-src{font:600 12px/1.3 var(--pixel);color:#6b5843;margin:4px 0 10px}.pp-err{font:500 14px/1.4 var(--sans);color:#b3261e;margin:0 0 10px}.pp-track{counter-reset:stg;gap:4px;margin-bottom:8px;display:grid}.pp-stg{counter-increment:stg;background:#eaddbfb3;border-radius:6px;grid-template-columns:22px 112px minmax(0,1fr);align-items:baseline;gap:8px;padding:6px 8px;transition:background .2s;display:grid}.pp-stg:before{content:counter(stg);font:600 12px/1 var(--pixel);color:#8a2e1a}.pp-stg b{font:600 13px/1.25 var(--pixel);color:#1e1812}.pp-stg span{font:400 14px/1.35 var(--sans);color:#4a3c2e}.pp-stg.active{background:#f2c14e}.pp-stg.done{background:#9fe1cb99}.pp-dash{margin-top:12px;transition:opacity .3s}.pp-dash.wire{opacity:.35}.pp-months,.sf-tabs,.cl-pals,.cl-moods{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.pp-months button,.sf-tabs button,.cl-pals button,.cl-moods button{font:600 12px/1 var(--pixel);color:#2b2218;cursor:pointer;background:#eaddbf;border:1px solid #5a3c1e66;border-radius:5px;padding:7px 10px}.pp-months button[aria-pressed=true],.sf-tabs button[aria-pressed=true],.cl-pals button[aria-pressed=true],.cl-moods button[aria-pressed=true]{color:var(--gold);background:#1c3b2e;border-color:#0b1712}.pp-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pp-kpis div{background:#1c3b2e;border-radius:6px;padding:8px 10px}.pp-kpis span{font:600 11px/1.2 var(--pixel);color:var(--dim);display:block}.pp-kpis b{font:600 16px/1.3 var(--pixel);color:var(--gold);font-variant-numeric:tabular-nums}.pp-cats{gap:3px;display:grid}.pp-cats button{width:100%;font:500 14px/1.2 var(--sans);color:#2b2218;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:6px 8px;display:grid}.pp-cats button:hover,.pp-cats button[aria-pressed=true]{background:#eaddbf;border-color:#5a3c1e59}.pp-cats b{font:600 13px/1.2 var(--pixel);font-variant-numeric:tabular-nums}.pp-cats i{background:#5a3c1e26;border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.pp-cats em{background:var(--c);height:100%;display:block}.pp-rows{background:#eaddbf;border-radius:6px;margin:8px 0;padding:8px 10px}.pp-rows-h{font:600 12px/1.3 var(--pixel);color:#6b5843;margin:0 0 4px}.pp-rows table{border-collapse:collapse;width:100%;font:400 13px/1.4 var(--sans)}.pp-rows td{border-bottom:1px solid #5a3c1e26;padding:3px 4px}.pp-rows .amt{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pp-leaks li{font:400 14px/1.4 var(--sans);border-bottom:1px dashed #5a3c1e40;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.pp-leaks b{font:600 13px/1.4 var(--pixel);font-variant-numeric:tabular-nums;white-space:nowrap}.pp-sum{font:500 14px/1.4 var(--sans);margin:8px 0 0}.sf-exam{background:#eaddbf;border:1px solid #5a3c1e4d;border-radius:8px;padding:12px 14px}.sf-exam p{margin:0 0 8px;font-style:italic}.sf-stats{border-collapse:collapse;width:100%;font:400 14px/1.4 var(--sans)}.sf-stats th{text-align:left;color:#6b5843;padding:3px 0;font-weight:500}.sf-stats td{text-align:right;font:600 13px/1.4 var(--pixel);font-variant-numeric:tabular-nums}.sf-fig{background:#1c3b2e;border-radius:8px;place-items:center;min-height:150px;margin:0;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #0b1712}.sf-fig>img{object-fit:contain;grid-area:1/1;width:auto;max-width:100%;height:auto;max-height:190px}.sf-fig .sf-ghost{opacity:.32}.sf-cap{font:600 12px/1.4 var(--pixel);color:#6b5843;margin:6px 0 0}.sf-slide{display:block}.sf-range{accent-color:#8a2e1a;width:100%;margin:12px 0 4px}.sf-note{font:400 14px/1.45 var(--sans);margin:4px 0 8px}.sf-ghostlbl{font:600 13px/1.2 var(--pixel);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.sf-ghostlbl input{accent-color:#8a2e1a;width:16px;height:16px}.cl-stage{background:#173226;border-radius:10px;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #0b1712}.cl-img{width:150px;height:150px;image-rendering:pixelated}.cl-bub{color:#1e1812;font:600 14px/1.35 var(--pixel);background:#f3eee3;border-radius:10px;margin:0;padding:10px 12px;position:relative}.cl-bub:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#f3eee3;margin-top:-8px;position:absolute;top:50%;left:-8px}.cl-light{font:600 12px/1 var(--pixel);color:var(--bone);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.cl-light i{background:var(--c);width:10px;height:10px;box-shadow:0 0 8px var(--c);border-radius:50%}.cl-seen{font:600 12px/1.3 var(--pixel);color:#6b5843;margin:4px 0 0}.lb-page{background:#fffdf8;border:1px solid #5a3c1e59;border-radius:8px;margin:12px 0 8px;overflow:hidden;box-shadow:0 2px #0000001f}.lb-url{font:600 12px/1.2 var(--pixel);color:#6b5843;background:#eaddbf;border-bottom:1px solid #5a3c1e40;margin:0;padding:6px 10px}.lb-lines{padding:6px 4px}.lb-line{min-height:1.5em;font:400 15px/1.45 var(--sans);color:#2b2218;cursor:pointer;border-radius:5px;margin:0;padding:6px 8px}.lb-line:hover{background:#f2c14e40}.lb-line:focus-visible{outline-offset:-2px;outline:2px solid #8a2e1a}.lb-line.no{color:#9a8b78;text-decoration:line-through #3a2e2266}.lb-trap span{color:#fffdf8}.lb-page ::selection{color:#f2c14e;background:#1c3b2e}.lb-page.found .lb-trap{background:#b3261e14;box-shadow:inset 0 0 0 1.5px #b3261e}.lb-page.found .lb-trap span{color:#b3261e}.lb-msg{font:600 13px/1.4 var(--pixel);color:#6b5843;margin:6px 0 0}.book .lb-msg+.acts{margin-top:10px}.lb-bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lb-bars li{font:400 14px/1.3 var(--sans);grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;display:grid}.lb-bars b{font:600 13px/1.3 var(--pixel);font-variant-numeric:tabular-nums}.lb-bars i{background:#5a3c1e26;border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.lb-bars em{background:#b3261e;height:100%;display:block}.lb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=760px){.book-wrap{padding:calc(8px + var(--safe-t)) 8px calc(8px + var(--safe-b));align-items:stretch}.book{height:calc(100vh - 16px);height:calc(100dvh - 16px - var(--safe-t) - var(--safe-b));background:radial-gradient(circle at 30% 20%,#2b5746,#173226 70%);border-radius:14px;padding:10px;display:block;overflow-y:auto;transform:none;box-shadow:inset 0 0 0 2px #0b1712,inset 0 0 0 5px #24493b}.half{box-shadow:none;opacity:1;background:0 0;padding:0}.hl{transition:none}.hr:before{height:64px;right:26px}.page{height:auto;padding:22px 18px 24px;overflow:visible}.hl .page{background:#f3e9d2;border-radius:8px 8px 0 0;padding-right:56px}.hr .page{background:linear-gradient(#5032142e,#50321400 18px),#f5ecd7;border-radius:0 0 8px 8px}.cover{left:0}.book.opening .cover{opacity:0;transition:transform .6s cubic-bezier(.3,.1,.2,1),opacity .6s;transform:rotateY(-105deg)}.book .book-x{top:calc(16px + var(--safe-t));position:fixed;right:16px}.bk-title{font-size:30px}.pp-stg{grid-template-columns:22px minmax(0,1fr)}.pp-stg span{grid-column:2}.cl-stage{text-align:center;grid-template-columns:1fr;justify-items:center}.cl-bub:before{display:none}}@media (prefers-reduced-motion:reduce){.book,.cover,.hl{transition:none}}