:root{font-family:system-ui,sans-serif;color:#eee8d8;background:#171817}body{margin:0;background:radial-gradient(circle at 50% 10%,#34402d 0,#171817 48%);min-width:320px;min-height:100vh}main{max-width:1120px;margin:auto;padding:24px}.hero{text-align:center;padding:64px 20px 34px}@media(max-width:760px){header nav{display:none}.badge{display:none}.stats{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}}:root{font-family:system-ui,sans-serif;color:#eee8d8;background:#242525}*{box-sizing:border-box}body{margin:0;background:#242525;min-width:320px;min-height:100vh}.grotto-page{max-width:none;margin:0;padding:0 0 80px;background:#242525}.grotto-content{width:min(1120px,calc(100% - 48px));margin:-18px auto 0;position:relative;z-index:2}.grotto-scene{height:min(51vw,720px);min-height:390px;background:linear-gradient(transparent 75%,#242525),url(/realm-assets/grotto.jpg) center/cover no-repeat}header{display:flex;align-items:center;justify-content:space-between;gap:24px}header>a img{width:78px;height:78px;object-fit:contain}header nav{display:flex;gap:24px}a{color:#ffd400;text-decoration:none}header>div{display:flex;align-items:center;gap:10px}.badge{border:1px solid #ffd400;border-radius:99px;padding:7px 10px;color:#ffd400;font-size:11px;font-weight:800;letter-spacing:.12em}.hero{text-align:center;padding:28px 20px 34px}.eyebrow{color:#95d66e;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.hero h1{font:clamp(54px,9vw,104px)/.9 "UnifrakturCook",serif;color:#ffd400;margin:12px}.hero>p:last-child{color:#aaa}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article,.actions article{background:#222422;border:1px solid #3b4039;border-radius:18px;padding:22px}.stats span{display:block;color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;margin-top:8px;font-size:24px;color:#fff}.actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.actions h2{font-family:New Rocker;color:#ffd400;margin-top:0}.actions p{color:#aaa;line-height:1.5}button,input{width:100%;border-radius:10px;border:1px solid #565d50;padding:14px;font:inherit}input{background:#141514;color:#fff;margin-bottom:10px}button{background:#ffd400;color:#171817;font-weight:800;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status{min-height:52px;padding:16px 20px;border-left:3px solid #95d66e;background:#202220;color:#ddd}footer{text-align:center;padding:30px}@media(max-width:760px){header nav{display:none}.badge{display:none}.stats{grid-template-columns:1fr 1fr}.actions{grid-template-columns:1fr}.grotto-content{width:min(100% - 36px,1120px)}}@media(max-width:430px){.stats{grid-template-columns:1fr}.hero{padding-top:35px}}.actions{grid-template-columns:repeat(3,1fr)}.actions label{display:block;color:#aaa;font-size:12px}.actions label input{margin-top:5px}.position{font-size:12px;color:#95d66e!important;overflow-wrap:anywhere}@media(max-width:900px){.actions{grid-template-columns:1fr 1fr}.actions article:last-child{grid-column:1/-1}}@media(max-width:760px){.actions{grid-template-columns:1fr}.actions article:last-child{grid-column:auto}}.actions{grid-template-columns:1fr 1fr}.actions article:last-child{grid-column:auto}@media(max-width:760px){.actions{grid-template-columns:1fr}}.grotto-preview{position:relative;width:min(100%,260px);aspect-ratio:1;margin:0 auto 16px;overflow:hidden;border:3px solid #101110;border-radius:14px;background:#171817}.grotto-preview img{width:100%;height:100%;object-fit:cover;display:block}.grotto-preview span{position:absolute;right:8px;bottom:8px;padding:5px 8px;border-radius:7px;background:#111d;color:#fff;font-size:12px;font-weight:800}.grotto-header{position:absolute;z-index:5;top:0;left:0;right:0;height:118px;padding:18px clamp(24px,3vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;background:linear-gradient(#090909c9,transparent)}.grotto-header .brand{justify-self:start;width:90px;height:90px}.grotto-header .brand img{width:100%;height:100%;object-fit:contain}.grotto-header nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,48px)}.grotto-header nav a{width:54px;height:54px;transition:transform .18s ease,filter .18s ease}.grotto-header nav a:hover,.grotto-header nav a:focus-visible{transform:translateY(-4px);filter:drop-shadow(0 0 10px #ffd40080)}.grotto-header nav a.active{filter:drop-shadow(0 0 10px #ffd400aa)}.grotto-header nav img{width:100%;height:100%;object-fit:contain}.grotto-header .wallet-cluster{justify-self:end}.grotto-header .wallet-cluster button{font-family:UnifrakturCook,serif!important;font-size:21px!important;box-shadow:0 0 0 3px #dc9d00 inset!important}.actions{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}.actions button{border:0;border-radius:12px;background:#ffd400;color:#171817;font-family:New Rocker,system-ui,sans-serif;font-size:16px;transition:transform .18s ease,filter .18s ease}.actions button:hover:not(:disabled),.actions button:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}.selector-card{min-width:0}.selector-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.selector-heading h2{margin-bottom:4px}.selector-heading p{margin:0}.selector-heading label{width:105px;flex:0 0 105px;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.selector-heading input{margin:6px 0 0;text-align:center}.grotto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;max-height:430px;margin:20px 0 14px;padding:5px;overflow:auto}.grotto-option{position:relative!important;aspect-ratio:1;padding:0!important;overflow:hidden;border:3px solid #111!important;border-radius:14px!important;background:#181919!important}.grotto-option img{width:100%;height:100%;object-fit:cover;display:block}.grotto-option span{position:absolute;right:5px;bottom:5px;padding:3px 6px;border-radius:6px;background:#111d;color:#fff;font:700 12px system-ui}.grotto-option.selected{border-color:#ffd400!important;box-shadow:0 0 0 3px #ffd40066}.load-more{display:block;width:auto;margin:0 auto 16px;padding:10px 20px!important}.selected-actions{display:grid;grid-template-columns:minmax(170px,1fr) 1fr 1fr;align-items:stretch;gap:10px;padding-top:16px;border-top:1px solid #3b4039}.selected-actions>div{display:flex;align-items:center;gap:10px;min-height:52px;color:#fff;font-size:13px}.selected-actions>div img{width:52px;height:52px;border-radius:9px;object-fit:cover}.secondary-action{background:#393d38!important;color:#f4f0e6!important;box-shadow:inset 0 0 0 1px #62685f}.inventory-empty{display:grid;place-items:center;min-height:170px;text-align:center}@media(max-width:900px){.grotto-header{grid-template-columns:auto 1fr auto;gap:12px}.grotto-header .brand{width:72px;height:72px}.grotto-header nav{justify-self:center;gap:8px}.grotto-header nav a{width:40px;height:40px}.actions{grid-template-columns:1fr}.selector-heading{align-items:end}}@media(max-width:620px){main{padding-inline:18px}.grotto-header{height:auto;grid-template-columns:auto 1fr;padding-bottom:20px}.grotto-header nav{order:3;grid-column:1/-1}.grotto-header .badge{display:none}.hero{padding-top:35px}.grotto-grid{grid-template-columns:repeat(3,1fr);max-height:360px}.selected-actions{grid-template-columns:1fr 1fr}.selected-actions>div{grid-column:1/-1}}.trade-toggle{display:grid;grid-template-columns:1fr 1fr;width:min(420px,100%);margin:0 auto 24px;padding:5px;border:1px solid #454a42;border-radius:16px;background:#202220}.trade-toggle button{border:0;border-radius:11px;padding:13px;background:transparent;color:#8e938a;font:20px New Rocker,system-ui;cursor:pointer}.trade-toggle button.active{background:#ffd400;color:#171817;box-shadow:0 5px 18px #0007}.buy-selection{grid-template-columns:minmax(170px,1fr) 1fr}.sell-panel{padding:28px;background:#222422;border:1px solid #3b4039;border-radius:18px}.sell-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #3b4039}.sell-heading h2{margin:0 0 6px;color:#ffd400;font-family:New Rocker}.sell-heading p{margin:0;color:#aaa}.sell-heading>div:last-child{display:grid;text-align:right}.sell-heading span,.sell-heading small{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sell-heading strong{margin:5px 0;color:#fff;font-size:20px}.owned-sell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px;max-height:540px;margin:24px 0;padding:5px;overflow:auto}.sell-option{position:relative;padding:0;overflow:hidden;border:3px solid #111;border-radius:16px;background:#181919;aspect-ratio:.88;cursor:pointer}.sell-option img{width:100%;height:100%;object-fit:cover;display:block}.sell-option span{position:absolute;right:7px;bottom:7px;padding:5px 8px;border-radius:7px;background:#111d;color:#fff;font-weight:800}.sell-option.selected{border-color:#ffd400;box-shadow:0 0 0 3px #ffd40066}.sell-confirm{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,.7fr);align-items:center;gap:16px;padding-top:20px;border-top:1px solid #3b4039}.sell-confirm>div{display:flex;align-items:center;gap:13px;min-height:64px;color:#aaa}.sell-confirm img{width:64px;height:64px;border-radius:10px;object-fit:cover}.sell-confirm span{display:grid;gap:4px}.sell-confirm strong{color:#fff}.sell-confirm small{color:#95d66e}.sell-confirm button{border:0;border-radius:12px;padding:16px;background:#ffd400;color:#171817;font:16px New Rocker,system-ui;cursor:pointer}.sell-confirm button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:620px){.sell-heading{display:grid}.sell-heading>div:last-child{text-align:left}.owned-sell-grid{grid-template-columns:repeat(2,1fr)}.sell-confirm,.buy-selection{grid-template-columns:1fr}.buy-selection>div{grid-column:auto}}.selected-actions{align-items:center}.selected-actions>button{align-self:center;height:auto;min-height:52px}.grotto-flow-overlay{position:fixed;z-index:960;inset:0;display:grid;place-items:center;padding:20px;background:#080908d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grotto-flow-modal{width:min(470px,100%);padding:32px;border:2px solid #ffd400;border-radius:24px;background:#202121;box-shadow:0 28px 100px #000}.grotto-flow-modal h2{margin:0 0 7px;color:#ffd400;font:32px New Rocker,system-ui}.grotto-flow-modal>p{margin:0 0 22px;color:#aaa;line-height:1.45}.grotto-flow-modal ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.grotto-flow-modal li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:13px;border:1px solid #ffffff18;border-radius:13px;background:#171817}.grotto-flow-modal li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#343635;color:#999;font-weight:800}.grotto-flow-modal li div{display:grid;gap:2px}.grotto-flow-modal li small{color:#888}.grotto-flow-modal li.active{border-color:#ffd40088}.grotto-flow-modal li.active>span{background:#ffd400;color:#171817;animation:grotto-flow-pulse 1s ease-in-out infinite}.grotto-flow-modal li.complete>span{background:#95d66e;color:#111}.grotto-flow-modal li.error{border-color:#d66e6e}.grotto-flow-modal li.error>span{background:#d66e6e;color:#111}.grotto-flow-modal>button{margin-top:20px}@keyframes grotto-flow-pulse{50%{opacity:.45}}.grotto-rwg-check{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-8px 0 20px}.grotto-rwg-check>span{display:grid;gap:4px;padding:11px;border:1px solid #ffffff18;border-radius:10px;background:#171817}.grotto-rwg-check small{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.grotto-rwg-check strong{color:#eee;font-size:14px;overflow-wrap:anywhere}.grotto-rwg-check .enough{border-color:#95d66e66}.grotto-rwg-check .enough strong{color:#95d66e}.grotto-rwg-check .short{border-color:#d66e6e77}.grotto-rwg-check .short strong{color:#e58d8d}@media(max-width:520px){.grotto-rwg-check{grid-template-columns:1fr}.grotto-flow-modal{padding:25px}}.grotto-flow-action{display:inline-flex;align-items:center;justify-content:center;margin-top:.7rem;padding:.65rem 1.15rem;border:0;border-radius:999px;background:#ffd400;color:#171817;font:700 1rem New Rocker,cursive;cursor:pointer}.grotto-flow-action:hover{filter:brightness(1.08)}.grotto-snipe-overlay{position:fixed;z-index:940;inset:0;display:grid;place-items:center;padding:20px;background:#080908d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grotto-snipe-modal{position:relative;display:grid;justify-items:center;gap:16px;width:min(440px,100%);padding:30px;border:2px solid #ffd400;border-radius:24px;background:#202121;color:#f4f0e6;box-shadow:0 28px 100px #000}.grotto-snipe-modal h2{margin:0;color:#ffd400;font:32px New Rocker,system-ui}.grotto-snipe-modal>.equipped-goblin,.grotto-snipe-modal>img{width:min(320px,100%);aspect-ratio:1;border-radius:18px;object-fit:cover;overflow:hidden}.grotto-snipe-modal>p{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;font-size:18px}.grotto-snipe-modal>p img{width:28px;height:28px;object-fit:contain}.grotto-snipe-modal>p strong{color:#fff}.grotto-snipe-close{position:absolute;top:12px;right:16px;width:auto!important;padding:0!important;border:0!important;background:transparent!important;color:#aaa!important;font:30px/1 system-ui!important;cursor:pointer}.grotto-snipe-buy{width:100%;padding:14px 20px;border:0;border-radius:12px;background:#ffd400;color:#171817;font:20px New Rocker,system-ui;cursor:pointer}.grotto-snipe-buy:disabled{opacity:.45;cursor:not-allowed}.grotto-sell-overlay{position:fixed;z-index:940;inset:0;display:grid;place-items:center;padding:20px;background:#080908d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grotto-sell-modal{position:relative;display:grid;justify-items:center;gap:14px;width:min(440px,100%);padding:30px;border:2px solid #ffd400;border-radius:24px;background:#202121;color:#f4f0e6;box-shadow:0 28px 100px #000}.grotto-sell-modal h2{margin:0;color:#ffd400;font:32px New Rocker,system-ui}.grotto-sell-modal>.equipped-goblin{width:min(320px,100%);aspect-ratio:1;border-radius:18px;overflow:hidden}.grotto-sell-close{position:absolute;top:12px;right:16px;width:auto!important;padding:0!important;border:0!important;background:transparent!important;color:#aaa!important;font:30px/1 system-ui!important;cursor:pointer}.grotto-sell-return{display:grid;justify-items:center;gap:5px}.grotto-sell-return>span{color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.grotto-sell-return>strong{display:flex;align-items:center;gap:8px;font-size:21px}.grotto-sell-return img{width:28px;height:28px;object-fit:contain}.grotto-sell-fee{margin:0;color:#ffbf69;font-size:14px;letter-spacing:.04em}.grotto-sell-fee strong{color:#fff}.grotto-sell-buy{width:100%;padding:14px 20px;border:0;border-radius:12px;background:#ffd400;color:#171817;font:20px New Rocker,system-ui;cursor:pointer}.grotto-sell-buy:disabled{opacity:.45;cursor:not-allowed}@media(hover:none)and (pointer:coarse)and (min-width:851px)and (max-width:1366px){.grotto-page{padding-bottom:calc(260px + env(safe-area-inset-bottom,0px))}.grotto-content{width:min(1120px,calc(100% - 40px))}.grotto-page .site-dool{left:max(10px,env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}.grotto-page .site-dool-character{width:140px}.grotto-page .site-dool-bubble{position:absolute;left:112px;bottom:92px;width:min(320px,calc(100vw - 150px));min-height:0;margin:0;padding:14px 44px 14px 18px;border-width:3px;border-radius:20px}.grotto-page .site-dool-bubble p{font-size:17px}.grotto-page .site-wallet{right:max(16px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.draw-price{display:flex;align-items:center;justify-content:center;gap:8px}.draw-price img{width:24px;height:24px;object-fit:contain;border-radius:50%}.draw-price strong{color:#eee8d8}.sell-heading .sell-payout{display:flex;align-items:center;justify-content:flex-end;gap:8px}.sell-payout img{width:26px;height:26px;object-fit:contain}.snipe-price{margin:4px 0 14px;padding:12px 15px;border:1px solid #495044;border-radius:11px;background:#191b19;color:#9da299;text-align:center;font-size:14px}.snipe-price strong{color:#ffd400}.snipe-price span{color:#858a82}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:#c99500 #161816}.themed-scrollbar::-webkit-scrollbar{width:12px;height:12px}.themed-scrollbar::-webkit-scrollbar-track{border:1px solid #353a33;border-radius:999px;background:#161816;box-shadow:inset 0 0 7px #0008}.themed-scrollbar::-webkit-scrollbar-thumb{border:3px solid #161816;border-radius:999px;background:linear-gradient(180deg,#ffe054,#b98000);box-shadow:inset 0 0 0 1px #ffed91}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffeb83,#dca900)}.themed-scrollbar::-webkit-scrollbar-corner{background:#161816}.sell-heading .fee-warning{color:#ffcb4a;font-weight:800}
