:root{--columns:12;--gap:0px;--text:#f1e9d8;--muted:#c2b393;--orange:#ff981f;--yellow:#ff0;--edge:#5c4b33;--edge-light:#8a7350;--ink:#1d1408;--link:#7a2e0e;--link-hover:#b4501c;--scroll-heading:#3e2410;--online:#3ddc84;--offline:#ff5a4a;--ground:#120f0b;--type:Inter, Ubuntu, Cantarell, "Noto Sans", "DejaVu Sans", Arial, sans-serif;--foot:40px;--bar:65px;--hair:var(--edge);--rise-step:70ms;--tex-brown:url(/img/theme/tex_brown.0.png);--tex-scroll:url(/img/theme/chatback.0.png);--stone-red:url(/img/theme/button_red.0.png);--stone-brown:url(/img/theme/button_brown_big.0.png);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--edge) var(--ground)}[data-hairline=inverted]{--hair:#000}*{box-sizing:border-box}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--edge);border:2px solid var(--ground)}html{background:var(--ground)}body{background:linear-gradient(#120f0be0, #120f0bf5), var(--tex-brown);padding-bottom:var(--foot);color:var(--text);font:15px/1.55 var(--type);caret-color:var(--orange);margin:0}a{color:var(--orange);text-decoration:none}a:hover{color:var(--yellow)}h1,h2,h3{letter-spacing:-.01em;text-shadow:1px 1px #000;margin:0 0 12px;font-weight:800}h1{color:var(--orange);font-size:clamp(28px,3.2vw,46px);line-height:1.1}h2{color:var(--orange);font-size:20px}h3{color:var(--orange);font-size:16px}p,ul,ol,figure{margin:0 0 12px}ul,ol{padding-left:22px}figure{text-align:center}img{object-fit:contain;border:0;max-width:100%;height:auto}hr{background:linear-gradient(90deg, transparent, var(--edge-light) 30%, var(--edge-light) 70%, transparent) center / 100% 1px no-repeat;border:0;width:70%;height:9px;margin:18px auto;position:relative;overflow:visible}hr:after{content:"";background:var(--orange);outline:1px solid #000;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}strong{color:var(--text)}time{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:var(--gap);padding:var(--gap);grid-auto-flow:dense;display:grid}.grid>*{grid-column:span min(var(--span,var(--columns)), var(--columns));grid-row:span var(--rows,1);min-width:0;position:relative;box-shadow:none!important;border:0!important;border-radius:0!important}.grid>:after,.bar:after{content:"";z-index:1;background:var(--hair);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.grid>:before{content:"";z-index:1;background:var(--hair);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:0}@property --hair-solid{syntax:"<percentage>";inherits:false;initial-value:100%}@property --hair-fade{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes hair-draw{0%{--hair-solid:0%;--hair-fade:0%}50%{--hair-solid:25%;--hair-fade:100%}to{--hair-solid:100%;--hair-fade:100%}}.grid>:after,.bar:after{-webkit-mask-image:linear-gradient(90deg, #000 var(--hair-solid), transparent var(--hair-fade));mask-image:linear-gradient(90deg, #000 var(--hair-solid), transparent var(--hair-fade))}.grid>:before{-webkit-mask-image:linear-gradient(180deg, #000 var(--hair-solid), transparent var(--hair-fade));mask-image:linear-gradient(180deg, #000 var(--hair-solid), transparent var(--hair-fade))}html:not([data-ready]) .grid>:after,html:not([data-ready]) .grid>:before,html:not([data-ready]) .bar:after{--hair-solid:0%;--hair-fade:0%}html[data-ready] .grid>:after,html[data-ready] .grid>:before,html[data-ready] .bar:after{animation:1.1s cubic-bezier(.4,0,.2,1) backwards hair-draw;animation-delay:calc(var(--order,0) * var(--rise-step) + .12s)}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes appear{0%{opacity:0}to{opacity:1}}html:not([data-ready]) [data-rise]>*{opacity:0}html[data-ready] [data-rise]>*{animation:.55s cubic-bezier(.2,.8,.2,1) backwards rise;animation-delay:calc(min(var(--order,0), 24) * var(--rise-step))}[data-type]:not([data-typing]),[data-type]:not([data-typing]) *{color:#0000!important;text-shadow:none!important}.untyped{visibility:hidden}.glyph-text{vertical-align:middle;image-rendering:pixelated;animation:.45s ease-out backwards appear;display:inline-block}@media (prefers-reduced-motion:reduce){html[data-ready] .grid>:after,html[data-ready] .grid>:before,html[data-ready] .bar:after,html[data-ready] [data-rise]>*,.glyph-text{animation:none}}.bar{z-index:10;min-height:var(--bar);background:linear-gradient(#0000008c, #000000b3), var(--tex-brown);align-items:center;gap:24px;padding:8px 16px;display:flex;position:sticky;top:0}.bar>a:first-child>img{display:block}.bar nav{color:var(--orange);text-shadow:1px 1px #000;flex-wrap:wrap;gap:4px 22px;margin-left:auto;font-weight:600;display:flex}.menu{position:relative}.menu-toggle{box-shadow:none;color:var(--orange);font:600 15px/1.55 var(--type);text-shadow:1px 1px #000;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.menu-toggle:after{content:"";border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.menu-toggle:hover{color:var(--yellow);filter:none;transform:none}.menu-list{z-index:20;border:1px solid var(--edge-light);background:linear-gradient(#1e1810f0, #0e0b07fa), var(--tex-brown);min-width:220px;text-shadow:none;padding:6px 0;display:none;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 10px 30px #000000b3}.menu.open .menu-list,.menu:focus-within .menu-list{animation:.12s ease-out appear;display:grid}.menu-title{border-bottom:1px solid var(--edge);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:4px 16px 8px;font-size:11px}.menu-list a,.menu-out{color:var(--text);text-align:left;padding:7px 16px;font-weight:600}.menu-list a:hover,.menu-out:hover{color:var(--yellow);filter:none;background:#ff981f1f;transform:none}.menu-out{border:0;border-top:1px solid var(--edge);box-shadow:none;color:var(--offline);font:600 15px/1.55 var(--type);text-shadow:none;cursor:pointer;background:0 0;border-radius:0;margin-top:4px}.bar.foot{min-height:0;height:var(--foot);color:var(--muted);justify-content:center;font-size:13px;position:fixed;inset:auto 0 0}.bar.foot:after{top:0;bottom:auto}.bar.foot nav{margin-left:0}.panel{background:linear-gradient(#1e18108c, #14100acc), var(--tex-brown);padding:22px}.panel>:last-child,.scroll>:last-child{margin-bottom:0}.hero{background:linear-gradient(90deg, #0e0b07f7 0%, #0e0b07e6 38%, #0e0b0740 70%, #0e0b078c 100%), var(--art) right bottom / auto min(115%, 34vw) no-repeat, var(--tex-brown);align-items:center;min-height:420px;padding:64px clamp(24px,4vw,64px) 40px;display:flex}.hero-text{max-width:min(620px,46vw)}.hero-logo{filter:drop-shadow(0 6px 12px #000000b3);width:min(300px,18vw);margin:0 0 18px;display:block}.hero h1{font-size:clamp(22px,3.3vw,56px)}.lead{color:var(--muted);font-size:clamp(13px,1vw,17px)}.panel-link{color:var(--text);align-items:center;gap:10px;transition:color .15s;display:inline-flex}.panel-link:hover{color:var(--orange)}.panel-link img{object-fit:contain;filter:drop-shadow(0 3px 5px #0009);width:36px;height:40px}.map-panel{padding:0}.map-title{z-index:2;border:1px solid var(--edge);white-space:nowrap;background:#0e0b07d1;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:6px 18px 6px 12px;line-height:1;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0009}.live-map{background:#000;border:0;width:100%;height:520px;display:block}.grid-full>.panel{height:calc(100dvh - var(--bar) - var(--foot));padding:0}html[data-framed] .bar{display:none}html[data-framed] body{padding:0}html[data-framed] .grid-full>.panel{height:100dvh}.grid-full .mount-world-map{width:100%;height:100%}.scroll{background:var(--tex-scroll) center / 100% 100%;color:var(--ink);padding:22px 24px}.scroll h1,.scroll h2,.scroll h3{color:var(--scroll-heading);text-shadow:none}.scroll a{color:var(--link);font-weight:700}.scroll a:hover{color:var(--link-hover)}.scroll strong{color:var(--ink)}.scroll time{color:#5a4526}.crumbs{margin:0}.list{margin:0 0 12px;padding:0;list-style:none}.list li{border-bottom:1px solid #3c280a40;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.list time{flex:none}.panel .list li{border-bottom-color:var(--edge)}.tile{background:radial-gradient(ellipse at center, #0000 70%, #00000080 100%), linear-gradient(#1e18108c, #14100acc), var(--tex-brown);color:var(--text);padding:18px;transition:filter .15s;display:block}a.tile:hover{color:var(--text);filter:brightness(1.25)}.tile-body{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:auto 1fr;gap:4px 14px;height:100%;display:grid}.tile img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);grid-row:1/-1;align-self:center;width:64px;height:88px}.tile .tag{grid-row:2;justify-self:start}.tile h3{color:var(--orange);grid-row:3;margin:0}.tile p{color:var(--muted);grid-row:4;margin:0;font-size:14px}.tile-body>:only-child,.tile-body>h3:last-child{grid-column:1/-1}.tile-grid{border-top:1px solid var(--hair);border-left:1px solid var(--hair);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0 0 12px;display:grid}.tile-grid>.tile{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.tag{color:#fff;letter-spacing:.06em;text-transform:uppercase;text-shadow:1px 1px #000;border:1px solid #000;border-radius:3px;padding:1px 8px;font-size:11px;font-weight:700}.tag[data-tag=rule]{background:linear-gradient(#ffffff1a, #00000040), var(--stone-red) center / cover}.tag[data-tag=info]{background:linear-gradient(#ffffff14, #0000004d), var(--stone-brown) center / cover}.button,button,input[type=submit],input[type=reset],input[type=button]{background:linear-gradient(#ffffff14, #00000040), var(--stone-red) center / cover;color:#fff;font:700 15px/1.2 var(--type);text-shadow:1px 1px #000;cursor:pointer;border:2px solid #000;border-radius:6px;padding:10px 20px;transition:filter .15s,transform .15s;display:inline-block;box-shadow:inset 0 1px #ffffff40,0 2px #000}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{color:#fff;filter:brightness(1.15);transform:translateY(-1px)}.button img{vertical-align:middle;object-fit:contain;filter:drop-shadow(1px 1px #000);width:1.8em;height:2.4em;margin:-.8em 6px -.8em -.4em}.button.quiet,input[type=reset]{background:linear-gradient(#ffffff0f, #0000004d), var(--stone-brown) center / cover}.buttons{flex-wrap:wrap;gap:12px;display:flex}.live{border:1px solid var(--edge);color:var(--muted);background:#00000073;border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:4px 12px;font-size:13px;display:inline-flex}.live img{object-fit:contain;width:20px;height:20px;margin-left:-6px}.server{border-left:1px solid var(--edge);align-items:center;gap:6px;margin-left:6px;padding-left:12px;font-weight:700;display:inline-flex}.server:before{content:"";border-radius:50%;width:8px;height:8px}.server[data-server=online]{color:var(--online)}.server[data-server=online]:before{background:var(--online);box-shadow:0 0 8px var(--online)}.server[data-server=offline]{color:var(--offline)}.server[data-server=offline]:before{background:var(--offline);box-shadow:0 0 8px var(--offline)}.tone-accent{color:var(--orange)}.tone-muted{color:var(--muted)}.tone-good{color:var(--online)}.tone-bad{color:var(--offline)}.scroll .tone-accent{color:var(--link)}input[type=text],input[type=password],input[type=email],input[type=search],input:not([type]),select,textarea{border:1px solid var(--edge);color:var(--text);font:15px/1.3 var(--type);appearance:none;background:#0000008c;border-radius:0;padding:7px 10px}input[type=text]:focus,input[type=password]:focus,input:not([type]):focus,select:focus,textarea:focus{border-color:var(--orange);outline:none}select{background:linear-gradient(45deg, transparent 50%, var(--orange) 50%) right 14px center / 6px 6px no-repeat, linear-gradient(-45deg, transparent 50%, var(--orange) 50%) right 8px center / 6px 6px no-repeat, #0000008c;padding-right:28px}input[type=checkbox],input[type=radio]{border:1px solid var(--edge-light);vertical-align:-3px;appearance:none;cursor:pointer;background:#0000008c;place-content:center;width:18px;height:18px;margin:0 6px 0 0;display:inline-grid}input[type=radio]{border-radius:50%}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"";background:var(--orange);width:10px;height:10px}input[type=radio]:checked:before{border-radius:50%}.box{margin:0 0 12px}.box-flow,.box-column,.box-cells{display:contents}.box-row{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.box-row>.box{flex:220px;margin:0}.box-plain,.box-framed{border-left:2px solid var(--edge);background:#00000047;padding:14px 16px}.box-backdrop{background:var(--tex-scroll) center / 100% 100%;color:var(--ink);padding:18px 20px}.box-backdrop h2,.box-backdrop a{color:var(--link);text-shadow:none}.facts{grid-template-columns:max-content auto;gap:2px 16px;margin:0 0 12px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}table{border-collapse:collapse}table.data{width:100%;margin:0 0 14px;font-size:14px}table.data th{border-bottom:1px solid var(--edge-light);color:var(--orange);text-align:left;padding:6px 8px}table.data td{border-bottom:1px solid var(--edge);vertical-align:middle;padding:4px 8px}table.data tr:nth-child(2n)>td{background:#ffffff08}table.data .align-center{text-align:center}table.data .align-end{text-align:right}.item-icon{vertical-align:middle;width:32px;height:32px;margin-right:6px}.skill-item{align-items:center;gap:6px;display:inline-flex}.skill-item .item-icon{flex:none;width:24px;height:24px;margin:0}.skill-chips{flex-wrap:wrap;gap:2px 6px;display:flex}.skill-chip{line-height:0;display:inline-block;position:relative}.skill-chip .item-icon{width:28px;height:28px;margin:0}.skill-chip-amount,.drop-amount{color:var(--yellow);text-shadow:1px 1px #000;white-space:nowrap;pointer-events:none;font-size:10px;line-height:1;position:absolute;top:0;left:1px}.bestiary-entry,.item-entry{margin:0 0 8px}.bestiary-entry>hr,.item-entry>hr{background:var(--hair);width:auto;height:1px;margin:12px 0 4px}.bestiary-entry>hr:after,.item-entry>hr:after{content:none}.drops{margin:0 0 12px}.drops-label{color:var(--muted);margin:0 0 4px}.drop-grid{grid-template-columns:repeat(auto-fill,50px);gap:2px;display:grid}.drop{border:1px solid var(--edge);background:#00000059;width:50px;height:46px;display:block;position:relative}.drop:hover{border-color:var(--orange)}.drop .item-icon{width:36px;height:36px;margin:4px 6px;display:block}.drop-chance{text-shadow:1px 1px #000;white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;bottom:0;right:1px}.drop-always{color:var(--text)}.drop-common{color:var(--online)}.drop-uncommon{color:var(--yellow)}.drop-rare{color:var(--orange)}.drop-very-rare{color:var(--offline)}.drop-noted{border:1px solid var(--edge);background:var(--muted);pointer-events:none;width:7px;height:9px;position:absolute;bottom:2px;left:2px}.item-top:after{content:"";clear:both;display:block}.item-picture{float:right;margin:0 0 4px 12px}.item-picture img{display:block}.item-bonuses th,.item-bonuses td{text-align:left;padding:0 8px 0 0;font-weight:400}.item-bonuses tr:first-child th{color:var(--orange);font-weight:700}.item-dropped{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.dropped-by{z-index:10;border:1px solid var(--edge);background:#0e0b07f5;width:320px;padding:8px 10px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 14px #0009}.item-dropped:hover>.dropped-by,.item-dropped:focus-within>.dropped-by{display:block}.mount{min-height:0}.facts:has(input){align-items:center;row-gap:10px}input[type=text],input[type=password],input[type=email],input[type=search],input:not([type]),select,textarea{width:320px;max-width:calc(100vw - 48px)}textarea{width:560px;min-height:120px}html[data-session] a.tile[href="/create/index.html"]{display:none}.grid>.logged-in{--span:12!important}.logged-in .facts:has(input){display:none}.logged-in p:has(>input[type=submit]){display:none}.mount[data-component^=account-]{color:var(--muted);margin:12px 0 0}.account-greeting{color:var(--text);margin:0 0 12px}.account-menu .button{padding:7px 14px;font-size:13px}.mount-world-map{min-height:480px}.skill-menu{margin:0 -22px;padding:0;list-style:none}.skill-menu li{border-bottom:1px solid var(--edge);align-items:center;gap:10px;padding:5px 22px;display:flex}.skill-menu li:last-child{border-bottom:0}.skill-menu li:hover,.skill-menu li.active{background:#ff981f1a}.skill-menu li.active{box-shadow:inset 3px 0 0 var(--orange)}.skill-menu li.active a{color:var(--yellow)}.skill-menu .item-icon{flex:none;width:20px;height:20px;margin:0}.skill-menu a{flex:1;font-weight:600}.hiscores-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;display:flex}.hiscores-bar input{width:140px}.hiscores-filter{display:flex}.hiscores-filter .button,.mount-hiscores .button{padding:6px 14px;font-size:13px}.hiscores-filter .button{border-radius:0}.hiscores-filter .button:first-child{border-radius:6px 0 0 6px}.hiscores-filter .button:last-child{border-radius:0 6px 6px 0}.hiscores-filter .button+.button{border-left:0}.hiscores-status{color:var(--muted);margin-left:auto;font-size:13px}.hiscores-table .skill-item .item-icon{width:18px;height:18px}.hiscores-table tr.hiscores-found>td{color:var(--yellow);background:#ff981f29}[data-card]{cursor:help}.card-tip{z-index:50;border:1px solid var(--edge-light);background:linear-gradient(#1e1810f0, #0e0b07fa), var(--tex-brown);width:max-content;min-width:min(720px,100vw - 28px);max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);color:var(--text);grid-template-columns:128px minmax(220px,1fr) minmax(280px,auto);grid-template-areas:"picture head head""picture facts side";font-size:13px;line-height:1.45;animation:.15s ease-out appear;display:grid;position:fixed;overflow:auto;box-shadow:0 10px 30px #000000b3}.card-tip>*{min-width:0;padding:14px 16px}.card-tip-picture{border-right:1px solid var(--edge);background:radial-gradient(#ff981f14 0%,#00000059 75%);grid-area:picture;place-items:center;display:grid}.card-tip-picture img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:96px;height:96px}.card-tip-head{border-bottom:1px solid var(--edge);grid-area:head}.card-tip-head h3{margin:6px 0 0;font-size:18px;line-height:1.2}.card-tip-head .tag{background:linear-gradient(#ffffff14, #0000004d), var(--stone-brown) center / cover}.card-tip-lead{color:var(--muted);margin:4px 0 0;font-style:italic}.card-tip-facts{border-right:1px solid var(--edge);grid-area:facts;align-content:start;row-gap:1px;margin:0}.card-tip-facts:empty{display:none}.card-tip-side{grid-area:side}.card-tip-facts:empty+.card-tip-side{grid-column:facts/side}.card-tip-side:empty{display:none}.card-tip-grid{width:auto;margin:0 0 10px;font-size:12px}.card-tip-grid th,.card-tip-grid td{text-align:right;white-space:nowrap;padding:2px 6px}.card-tip-grid tr>th:first-child{color:var(--muted);text-align:left}.card-tip-lists{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0 20px;width:0;min-width:100%;display:grid}.card-tip-list{margin:0 0 10px}.card-tip-list h4{color:var(--orange);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px;font-size:12px}.card-tip-list ul{margin:0;padding-left:16px}.card-tip-side>:last-child,.card-tip-list:last-child{margin-bottom:0}.card-tip-list a{position:relative}.card-countdown{vertical-align:-2px;width:14px;height:14px;margin-left:6px;animation:1s ease-in-out infinite countdown-pulse;overflow:visible;transform:rotate(-90deg)}.card-countdown circle{fill:none;stroke:var(--orange);stroke-width:2.5px;stroke-dasharray:100;stroke-dashoffset:0;animation:5s linear forwards countdown-drain}@keyframes countdown-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes countdown-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 0 var(--orange))}50%{opacity:.7;filter:drop-shadow(0 0 3px var(--orange))}}@media (prefers-reduced-motion:reduce){.card-countdown{animation:none}}@media (width<=640px){.card-tip{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"picture head""facts facts""side side"}.card-tip-facts{border-right:0}}.anchor{scroll-margin-top:calc(var(--bar) + 8px)}@media (width<=1100px){:root{--columns:6}}@media (width<=640px){:root{--columns:2}.bar nav{display:none}}