@font-face{font-family:RS Plain;src:url(/assets/fonts/RuneScape-Plain-12.ttf) format("truetype")}@font-face{font-family:RS Bold;src:url(/assets/fonts/RuneScape-Bold-12.ttf) format("truetype")}@font-face{font-family:RS Quill;src:url(/assets/fonts/RuneScape-Quill-Caps.ttf) format("truetype")}@font-face{font-family:Pixel;src:url(/assets/fonts/PressStart2P.ttf) format("truetype")}:root{--bg: #16130f;--panel: #211d17;--panel-2: #2a251e;--cell: #262119;--edge-dark: #0b0906;--edge-mid: #3b352b;--edge-light: #4d4638;--gold: #d9b25f;--gold-strong: #f0c75e;--yellow: #ffd83b;--white: #e8e0d0;--grey: #9a9184;--green: #57d048;--red: #e04a3f;--red-name: #e05a4a;--cyan: #6fd3e0}*{margin:0;padding:0;box-sizing:border-box}html{background:#14110d}body{min-height:100vh;font-family:RS Plain,Trebuchet MS,sans-serif;font-size:18px;color:var(--white);letter-spacing:.3px;text-shadow:1px 1px 0 #000;image-rendering:pixelated;background-color:#14110d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Crect width='96' height='48' fill='%23121009'/%3E%3Crect x='1' y='1' width='45' height='21' fill='%23383129'/%3E%3Crect x='49' y='1' width='45' height='21' fill='%23332c22'/%3E%3Crect x='-23' y='25' width='45' height='21' fill='%23352e28'/%3E%3Crect x='25' y='25' width='45' height='21' fill='%233a332a'/%3E%3Crect x='73' y='25' width='45' height='21' fill='%23312a20'/%3E%3Crect x='1' y='1' width='45' height='4' fill='%23473f33' opacity='0.6'/%3E%3Crect x='49' y='1' width='45' height='4' fill='%23473f33' opacity='0.6'/%3E%3Crect x='25' y='25' width='45' height='4' fill='%23473f33' opacity='0.6'/%3E%3C/svg%3E")}img{image-rendering:pixelated}.app{margin:14px;min-height:calc(100vh - 28px);background:radial-gradient(ellipse at 50% -10%,rgba(240,199,94,.05),transparent 55%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.15) 3px 6px),var(--bg);border:3px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid),0 0 0 1px #000,0 0 30px #000c;padding-bottom:24px}.panel{background:linear-gradient(#ffffff04,#0000001a),var(--panel);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);padding:16px}.panel-title{font-family:RS Bold,sans-serif;color:var(--gold);font-size:19px;letter-spacing:2px;text-align:center;text-transform:uppercase;margin-bottom:12px}.deco-title:before{content:"✦ ";color:var(--gold-strong)}.deco-title:after{content:" ✦";color:var(--gold-strong)}h1.rs-title{font-family:RS Quill,serif;color:var(--gold);text-align:center;font-weight:400;font-size:40px;text-shadow:2px 2px 0 #000}.nav{display:flex;justify-content:center;gap:14px;padding:18px 10px 4px;flex-wrap:wrap}.nav a{font-family:RS Bold,sans-serif;font-size:19px;letter-spacing:1px;color:var(--gold);text-decoration:none;padding:9px 22px 8px;background:linear-gradient(#332d24,#241f18);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid),0 2px 4px #00000080;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);display:flex;align-items:center;gap:10px}.nav a img{width:22px;height:22px;object-fit:contain}.nav a.active{background:linear-gradient(#453d2f,#2e2820);color:var(--yellow);box-shadow:inset 0 0 0 1px var(--edge-light),0 2px 4px #00000080}.nav a:hover{color:var(--yellow);cursor:pointer}.page{max-width:1240px;margin:0 auto;padding:16px 20px;display:grid;gap:16px}.stone-btn{font-family:RS Bold,sans-serif;font-size:17px;color:var(--gold);text-shadow:1px 1px 0 #000;background:linear-gradient(#3b342a,#262119);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:7px 18px;cursor:pointer}.stone-btn:hover{color:var(--yellow)}.stone-btn:active{transform:translateY(1px)}.dash-hero{display:grid;grid-template-columns:1fr minmax(360px,520px) 1fr;align-items:center;gap:12px;padding:10px 26px 0;max-width:1240px;margin:0 auto}.helm-side{text-align:center}.helm-side img{width:118px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7));transition:filter .6s}.helm-side.dead img{filter:grayscale(1) brightness(.6)}.helm-name{font-family:RS Bold,sans-serif;font-size:24px;color:var(--white);margin-top:4px;letter-spacing:1px}.helm-tag{font-family:RS Bold,sans-serif;font-size:16px;color:var(--red-name);letter-spacing:3px}.helm-side.dead .helm-name{color:var(--grey);text-decoration:line-through}.streak-panel{text-align:center;cursor:pointer;padding:18px 16px 16px}.streak-days{font-family:Pixel,monospace;font-size:84px;line-height:1.1;color:var(--yellow);text-shadow:4px 4px 0 #000,0 0 26px rgba(255,216,59,.25);margin:6px 0 10px}.streak-sub{color:var(--grey);font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.dash-mid{display:grid;grid-template-columns:1fr minmax(230px,300px) 1fr;gap:16px;align-items:stretch}.pcard{display:grid;grid-template-columns:1fr auto;gap:14px}.pcard.flip{grid-template-columns:auto 1fr}.pcard.flip .pcard-stats{order:2}.pcard.flip .mini-skills{order:1}.pcard-stats{display:flex;flex-direction:column;justify-content:space-around;gap:6px}.bigstat{display:flex;align-items:center;gap:12px}.bigstat img{width:30px;height:30px;object-fit:contain}.bigstat .l{color:var(--white);font-size:17px}.bigstat .v{font-family:RS Bold,sans-serif;color:var(--yellow);font-size:24px;display:block}.mini-skills{display:grid;grid-template-columns:repeat(2,86px);grid-auto-rows:40px;gap:4px;align-content:center}.mini-skills .skillcell{display:flex;align-items:center;gap:6px;background:var(--cell);border:1px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:3px 8px}.mini-skills .skillcell img{width:21px;height:21px;object-fit:contain}.mini-skills .skillcell .lvl{margin-left:auto;font-family:RS Bold,sans-serif;color:var(--yellow);font-size:17px}.status-panel{text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:18px 12px}.status-block .h{font-family:RS Bold,sans-serif;color:var(--gold);letter-spacing:2px;font-size:16px;text-transform:uppercase}.status-block .v{font-family:RS Bold,sans-serif;color:var(--white);font-size:21px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}.status-block .v.green{color:var(--green)}.status-scene{display:flex;align-items:flex-end;justify-content:center;gap:10px}.status-scene img{width:34px}.banner{width:26px;height:44px;background:linear-gradient(#a8352b,#7c241d);border:2px solid var(--edge-dark);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);position:relative}.banner:after{content:"✦";position:absolute;top:8px;left:50%;transform:translate(-50%);color:var(--gold-strong);font-size:12px;text-shadow:none}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr) minmax(230px,300px) repeat(3,1fr);gap:10px;align-items:stretch}.ach-card{background:var(--panel);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);padding:12px 10px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.ach-card img{width:30px;height:30px;object-fit:contain;margin-bottom:2px}.ach-card .t{font-family:RS Bold,sans-serif;color:var(--white);font-size:16px;line-height:1.15}.ach-card .s{color:var(--grey);font-size:14px}.ach-card .who{font-family:RS Bold,sans-serif;color:var(--red-name);font-size:15px}.ach-card .ago{margin-top:auto;padding-top:6px;width:100%;border-top:1px solid rgba(255,255,255,.06);color:var(--grey);font-size:13px}.ach-card.empty{justify-content:center;color:var(--grey);font-size:14px}.goal-panel{text-align:center;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.goal-panel .row{display:flex;align-items:center;justify-content:center;gap:10px}.goal-panel img{width:30px;height:30px;object-fit:contain}.goal-panel .t{font-family:RS Bold,sans-serif;color:var(--white);font-size:17px;text-align:left;line-height:1.15}.goal-panel .sub{color:var(--grey);font-size:15px}.progress{height:14px;background:var(--edge-dark);border:1px solid #000;box-shadow:inset 0 0 0 1px var(--edge-mid);margin-top:auto}.progress>div{height:100%;background:linear-gradient(#f0c75e,#b8873a)}.vs-row{display:grid;grid-template-columns:90px 1fr 44px 1fr 90px;align-items:center;gap:8px;padding:3px 6px;border-bottom:1px solid rgba(0,0,0,.35)}.vs-row .num{font-family:RS Bold,sans-serif;font-size:18px;text-align:center}.vs-bar{height:13px;border:1px solid var(--edge-dark);background:#100e0a;position:relative}.vs-bar>div{position:absolute;top:0;bottom:0}.vs-bar.left>div{right:0;background:linear-gradient(#f0c75e,#a3742f)}.vs-bar.right>div{left:0;background:linear-gradient(#7ec8ff,#2a6db3)}.vs-skill{display:flex;flex-direction:column;align-items:center;width:44px}.vs-skill img{width:25px;height:25px;object-fit:contain}.winner{color:var(--green)}.loser{color:var(--white)}.bingo{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tile{aspect-ratio:1;background:var(--cell);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:8px;font-size:15px;position:relative}.tile .tile-icon{width:38px;height:36px;object-fit:contain}.tile.free{background:#4a1d18;color:var(--yellow);font-family:RS Bold,sans-serif}.tile.done-both{background:#22371f;box-shadow:inset 0 0 0 2px var(--green)}.tile.line-glow{box-shadow:inset 0 0 0 2px var(--gold-strong),0 0 14px #f0c75e59}.tile.done-both.line-glow{box-shadow:inset 0 0 0 2px var(--gold-strong),0 0 14px #f0c75e73}.tile .claims{display:flex;gap:8px;position:absolute;bottom:6px}.claim{width:26px;height:26px;cursor:pointer;border:none;background:none;padding:0}.claim img{width:100%;filter:grayscale(1) brightness(.55)}.claim.on img{filter:none}.claim:hover img{filter:grayscale(.3)}.path-section-title{display:flex;align-items:center;gap:10px;font-family:RS Bold,sans-serif;color:var(--gold);font-size:20px;margin-bottom:6px}.path-section-title img{width:24px;height:24px;object-fit:contain}.path-item{display:flex;align-items:center;gap:10px;padding:4px 8px;border-bottom:1px solid rgba(0,0,0,.3)}.path-item .txt{flex:1}.path-item .txt.done-all{color:var(--green)}.pin-btn{border:none;background:none;cursor:pointer;color:var(--grey);font-size:20px;line-height:1;padding:0 2px;text-shadow:1px 1px 0 #000}.pin-btn.on{color:var(--gold-strong)}.pin-btn:hover{color:var(--yellow)}.profile-head{display:flex;align-items:center;gap:20px;justify-content:center}.profile-switch{border:none;background:none;cursor:pointer;padding:4px}.profile-switch img{width:52px;filter:grayscale(1) brightness(.55)}.profile-switch.on img{filter:none}.profile-switch:hover img{filter:grayscale(.2)}.skillgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.skillcell{display:flex;align-items:center;gap:8px;background:var(--cell);border:1px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:4px 10px}.skillcell img{width:22px;height:22px;object-fit:contain}.skillcell .lvl{margin-left:auto;font-family:RS Bold,sans-serif;color:var(--yellow);font-size:17px}.skillcell.lead{box-shadow:inset 0 0 0 1px var(--green)}.equip-wrap{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.equip-grid{display:grid;grid-template-columns:repeat(3,74px);grid-template-rows:repeat(5,74px);gap:8px;justify-content:center;background:radial-gradient(circle at 50% 40%,rgba(240,199,94,.04),transparent 70%),#1a1712;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:14px}.eslot{background:var(--cell);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);display:flex;align-items:center;justify-content:center;cursor:pointer}.eslot:hover{box-shadow:inset 0 0 0 1px var(--yellow)}.eslot img.placeholder{width:34px;opacity:.35}.eslot img.item{width:44px}.eslot.empty-cell{visibility:hidden}.bonuses div{display:flex;justify-content:space-between;padding:1px 4px}.bonuses .h{font-family:RS Bold,sans-serif;color:var(--gold);margin-top:8px;border-bottom:1px solid var(--edge-light)}.bonuses span.pos{color:var(--green)}.bonuses span.neg{color:var(--red)}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50}.picker{width:min(680px,94vw);max-height:84vh;display:flex;flex-direction:column;gap:10px}.picker input{font-family:RS Plain,sans-serif;font-size:18px;color:var(--yellow);background:#16130f;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:8px 10px;outline:none}.picker-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.pick-item{background:var(--cell);border:1px solid var(--edge-dark);display:flex;flex-direction:column;align-items:center;padding:6px 2px;cursor:pointer;min-height:62px}.pick-item:hover{box-shadow:inset 0 0 0 1px var(--yellow)}.pick-item img{width:34px;height:32px;object-fit:contain}.pick-item .nm{font-size:11px;text-align:center;color:var(--white);line-height:1.1;margin-top:3px}.loadout-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.loadout-tabs button{font-family:RS Bold,sans-serif;font-size:17px;color:var(--gold);text-shadow:1px 1px 0 #000;background:linear-gradient(#332d24,#241f18);border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);padding:7px 18px;cursor:pointer;display:flex;align-items:center;gap:8px}.loadout-tabs button img{width:22px;height:22px;object-fit:contain}.loadout-tabs button.on{color:var(--yellow);background:linear-gradient(#453d2f,#2e2820);box-shadow:inset 0 0 0 1px var(--edge-light)}.loadout-tabs button:hover{color:var(--yellow)}.style-filters{display:flex;gap:8px;justify-content:center}.style-filters button{background:linear-gradient(#3b342a,#262119);border:2px solid var(--edge-dark);padding:5px 10px;cursor:pointer}.style-filters button img{width:24px;height:24px;object-fit:contain;display:block}.style-filters button.on{box-shadow:inset 0 0 0 2px var(--yellow)}.race-pick{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.race-pick button{background:var(--cell);border:2px solid var(--edge-dark);padding:8px 0;cursor:pointer}.race-pick button img{width:26px;height:26px;object-fit:contain}.race-pick button:hover{box-shadow:inset 0 0 0 1px var(--yellow)}.login-screen{min-height:calc(100vh - 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:30px 16px}.login-logo{display:flex;align-items:center;gap:22px}.login-logo img{width:90px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7))}.login-logo h1{font-size:52px}.login-box{width:min(420px,94vw);background:#1a1611;border:2px solid #96803c;border-radius:10px;box-shadow:0 0 0 2px #000,0 8px 30px #000c;padding:18px 22px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.login-title{font-family:RS Bold,sans-serif;color:var(--yellow);font-size:20px;text-align:center}.login-sub{color:var(--white);font-size:17px}.login-helms{display:flex;gap:26px}.login-helm{border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--grey);font-family:RS Bold,sans-serif;font-size:15px;text-shadow:1px 1px 0 #000}.login-helm img{width:62px;filter:grayscale(1) brightness(.55);transition:filter .2s}.login-helm.on img{filter:drop-shadow(0 0 10px rgba(224,74,63,.6))}.login-helm.on{color:var(--yellow)}.login-helm:hover img{filter:grayscale(.3)}.login-helm.on:hover img{filter:drop-shadow(0 0 10px rgba(224,74,63,.6))}.login-field{display:flex;align-items:center;gap:10px}.login-field span{color:var(--white);font-size:18px}.login-field input{font-family:RS Plain,sans-serif;font-size:18px;color:var(--yellow);background:transparent;border:none;border-bottom:1px solid #4d4638;outline:none;width:180px;padding:2px 4px;letter-spacing:2px}.login-error{color:var(--yellow);font-size:16px;text-align:center}.login-btn{font-family:RS Bold,sans-serif;font-size:18px;color:var(--white);text-shadow:1px 1px 0 #000;background:linear-gradient(#ffffff0f,#0003),#4c4437;border:1px solid #000;box-shadow:inset 0 0 0 1px #6e6252,inset 0 0 0 2px #211d17;border-radius:6px;padding:9px 34px;cursor:pointer}.login-btn:hover{color:var(--yellow)}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{opacity:.6;cursor:default}.logout-btn{border:none;background:none;cursor:pointer;color:var(--grey);font-size:20px;padding:4px 8px;text-shadow:1px 1px 0 #000;align-self:center}.logout-btn:hover{color:var(--red)}.claim.locked{cursor:default;pointer-events:none}.scare-form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.scare-form label{display:flex;align-items:center;gap:8px;font-size:18px}.scare-form input[type=number]{font-family:RS Bold,sans-serif;font-size:22px;color:var(--red);text-align:center;width:64px;background:#16130f;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:6px 4px;outline:none}.scare-text{font-family:RS Plain,sans-serif;font-size:17px;color:var(--yellow);background:#16130f;border:2px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge-mid);padding:8px 10px;outline:none;width:min(380px,80vw)}.fashion-form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.fashion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.fashion-card{padding:10px;display:flex;flex-direction:column;gap:8px}.fashion-card img{width:100%;max-height:340px;object-fit:contain;background:#100e0a;border:1px solid var(--edge-dark)}.fashion-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.fashion-meta .t{font-family:RS Bold,sans-serif;color:var(--yellow);font-size:17px}.fashion-meta .who{color:var(--grey);font-size:14px}.fashion-actions{display:flex;gap:6px}.like-btn,.del-btn{border:none;background:none;cursor:pointer;font-size:17px;color:var(--grey);text-shadow:1px 1px 0 #000;font-family:RS Bold,sans-serif}.like-btn.on{color:var(--red)}.like-btn:hover,.del-btn:hover{color:var(--yellow)}.muted{color:var(--grey);font-size:15px}.center{text-align:center}@media (max-width: 980px){.app{margin:6px;min-height:calc(100vh - 12px)}.page{padding:10px;gap:12px}.nav{gap:5px;padding:12px 4px 2px}.nav a{padding:8px 11px;font-size:0;gap:0}.nav a img{width:24px;height:24px}.logout-btn{font-size:18px;padding:4px 5px}.dash-hero{grid-template-columns:1fr 1fr;padding:6px 10px 0;gap:8px}.helm-side{order:1}.streak-panel{order:2;grid-column:1 / -1}.helm-side img{width:84px}.helm-name{font-size:18px}.streak-days{font-size:56px}.dash-mid,.pcard,.pcard.flip{grid-template-columns:1fr}.pcard.flip .pcard-stats{order:1}.pcard.flip .mini-skills{order:2}.mini-skills{grid-template-columns:repeat(4,1fr)}.dash-bottom{grid-template-columns:repeat(3,1fr)}.goal-panel{grid-column:1 / -1}.ach-card .t{font-size:14px}.bingo{gap:4px}.tile{font-size:11px;padding:3px;gap:3px;min-width:0;overflow-wrap:anywhere}.tile .tile-icon{width:24px;height:23px}.tile .claims{position:static;margin-top:2px}.claim{width:20px;height:20px}.panel{padding:10px}.panel-title{font-size:16px;letter-spacing:1px;overflow-wrap:anywhere}.vs-row{grid-template-columns:44px 1fr 34px 1fr 44px;gap:4px}.vs-row .num{font-size:15px}.vs-skill{width:34px}.vs-skill img{width:20px;height:20px}.equip-wrap{grid-template-columns:1fr}.loadout-tabs{gap:6px}.loadout-tabs button{padding:6px 10px;font-size:14px;white-space:nowrap}.loadout-tabs button img{width:18px;height:18px}h1.rs-title{font-size:30px}.path-section-title{flex-wrap:wrap;font-size:18px}.path-section-title .muted{margin-left:0!important;width:100%;font-size:13px}.path-item{font-size:15px;gap:6px;padding:4px 2px}.scare-text{width:100%}.scare-form{gap:8px}.race-pick{grid-template-columns:repeat(6,1fr)}}