:root{color-scheme:dark;--bg:#101713;--panel:#19231d;--panel2:#1e2b22;--line:#304136;--text:#eff4ec;--muted:#9eafa2;--accent:#b8e58b;--gold:#e4c576;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:9px;font-weight:650}h2{font-size:18px;line-height:1.4;font-weight:600;margin-bottom:4px}h3{font-size:15px;margin-bottom:5px}p{color:var(--muted)}small{font-size:12px;color:var(--muted)}.preview-banner{min-height:38px;padding:6px max(22px,calc((100% - 1500px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#253023;border-bottom:1px solid #3e5135;font-size:10px;letter-spacing:1px;color:#c4dbaa}.preview-banner i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px}.preview-banner b{font-size:11px;font-weight:400;letter-spacing:0;margin-left:16px;color:#b6c4b0}.preview-banner label{display:flex;gap:8px;align-items:center;white-space:nowrap;letter-spacing:0;font-size:11px}.preview-banner select{padding:3px 22px 3px 8px;background:#18221b;border:1px solid #526244;border-radius:5px;font-size:11px}.site-header{height:78px;display:flex;align-items:center;padding:0 max(26px,calc((100% - 1500px)/2));gap:46px;background:#141e18;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-size:23px;letter-spacing:4px;font-weight:850;display:flex;gap:10px;align-items:center}.brand span{color:var(--accent);font-size:24px}.site-header>nav{display:flex;align-items:center;gap:27px;height:100%;color:var(--muted)}.site-header>nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent);color:var(--text)}.site-header>nav button{padding:12px 0;color:var(--muted);font-size:13px}.site-header>nav button:hover{color:var(--text)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:22px}.icon-button{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;font-size:23px}.icon-button em{font-size:10px;font-style:normal;position:absolute;right:-5px;top:-5px;background:var(--accent);color:#182315;width:17px;height:17px;border-radius:50%}.account-button{display:flex;align-items:center;gap:10px;text-align:left;padding:0}.account-button>span:last-child{color:var(--muted);margin-left:7px}.account-button small{display:block;font-size:10px;line-height:1.4}.avatar{display:grid;place-items:center;background:#3c5733;color:#d6f4b3;border:1px solid #668957;border-radius:10px;width:36px;height:36px;font-weight:700}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);max-width:1500px;margin:auto}.sidebar{padding:27px 20px 24px 0;border-right:1px solid var(--line);align-self:start;position:sticky;top:78px;height:calc(100dvh - 78px);display:flex;flex-direction:column;min-height:650px}.side-heading{color:#7d9481;font-size:10px;letter-spacing:1.5px;margin:0 14px 14px;display:flex;justify-content:space-between}.side-heading button{display:none}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav p{font-size:9px;letter-spacing:1.2px;color:#75877a;margin:23px 14px 6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#afbeb2;font-size:13px;min-height:42px;border:1px solid transparent}.sidebar nav a span{font-size:19px;line-height:1;width:20px;text-align:center;color:#8fa48c}.sidebar nav a.active{color:#ddf5c8;background:#283b26;border-color:#3c5435}.sidebar nav a.active span{color:var(--accent)}.sidebar nav a:hover{background:#243027;color:#f1f7ed}.sidebar nav [hidden]{display:none}.nav-count{margin-left:auto;background:var(--accent);color:#263021;font-size:10px;padding:1px 6px;border-radius:5px}.nav-count.quiet{background:#344636;color:#d1e0c6}.sidebar nav small{font-size:8px;margin-left:auto;color:var(--gold)}.server-mini{margin-top:auto;padding:25px 13px 0;font-size:11px}.server-mini strong{font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--accent);margin-right:7px;box-shadow:0 0 8px #b8e58b35}.server-mini small{display:block;padding-left:14px;font-size:10px;margin-top:4px}.server-mini button{margin-top:15px;font-size:10px;border:1px solid var(--line);width:100%;padding:9px;border-radius:6px;color:#b3c5b0;display:flex;justify-content:space-between}main{min-width:0;padding:35px 36px 22px}main>footer{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;font-size:11px;color:#758c7b;display:flex;justify-content:space-between;gap:15px}.eyebrow{color:#a6c28d;letter-spacing:1.6px;font-size:10px;font-weight:600;margin-bottom:12px;display:block}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.page-heading p{margin-bottom:0;font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #425b3c;background:#233324;border-radius:6px;color:#b9d79c;font-size:10px;padding:5px 9px;white-space:nowrap}.badge.gold{border-color:#6b5834;background:#342e20;color:#e4c576}.badge.neutral{background:#273129;color:#b7c3ba;border-color:#3c4a40}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #495b48;border-radius:8px;background:#27372a;color:#e1edd9;font-size:12px;font-weight:600;text-align:center}.button.primary{background:var(--accent);color:#21301b;border-color:var(--accent)}.button:hover{filter:brightness(1.1)}.button.subtle{background:transparent;border-color:var(--line);color:var(--muted)}.button.small{min-height:32px;padding:6px 10px;font-size:11px}.text-button{font-size:12px;color:var(--accent);padding:8px 0;white-space:nowrap}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero{border:1px solid #425a39;background:linear-gradient(105deg,#283d29,#1c2d23 70%);border-radius:var(--radius);padding:27px 28px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:30px;margin-bottom:22px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:230px;height:230px;right:-80px;top:-90px;border:35px solid #a4ca7b07;transform:rotate(30deg);pointer-events:none}.hero h2{font-size:24px;letter-spacing:-.6px;margin-bottom:9px}.hero p{font-size:13px;margin-bottom:18px;max-width:390px;color:#b8cbb4}.hero .eyebrow{color:#c3dfab}.hero-progress{background:#0d1b1266;border:1px solid #405339;border-radius:11px;padding:19px;position:relative;z-index:1}.hero-progress>div:first-child{display:flex;gap:12px;justify-content:space-between;font-size:12px}.hero-progress strong{color:var(--accent);font-size:13px}.hero-progress p{font-size:11px;margin:10px 0 0}.bar{height:5px;background:#354535;border-radius:4px;overflow:hidden;margin:13px 0}.bar span{display:block;height:100%;background:var(--accent);border-radius:4px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:18px;min-width:0}.stat .label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.stat .label span{font-size:17px;color:#82987c}.stat strong{font-size:25px;font-weight:600;display:block;margin:10px 0 3px;letter-spacing:-.6px}.stat small{font-size:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px}.section-title p{font-size:12px;margin:4px 0 0}.two-col{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px}.equal-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.card p{font-size:12px;line-height:1.7}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}.quick-card{border:1px solid var(--line);border-radius:11px;padding:17px;text-align:left;background:var(--panel);display:flex;gap:12px;align-items:center}.quick-card:hover{border-color:#6f915b;background:#203026}.quick-icon{width:34px;height:34px;border:1px solid #48623d;background:#2a4029;border-radius:9px;display:grid;place-items:center;color:#c1e69e;font-size:19px;flex-shrink:0}.quick-card strong{font-size:12px;font-weight:600;display:block}.quick-card small{font-size:10px;display:block;margin-top:4px}.quick-card .arrow{margin-left:auto;color:#84977f}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0;padding-bottom:0}.list-row:first-child{padding-top:0}.list-row strong{font-size:12px;font-weight:550;display:block}.list-row small{font-size:10px;display:block;margin-top:4px}.list-row .right{margin-left:auto;text-align:right;flex-shrink:0}.item-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#253328;border:1px solid #3d5041;font-size:19px;color:#d5e8bd;flex-shrink:0}.item-icon img{width:27px;height:27px;image-rendering:pixelated}.coin{color:var(--gold)!important}.news-visual{height:90px;background:linear-gradient(165deg,#31472c 0 30%,#3a5430 31% 45%,#253e2d 46% 65%,#1e3529 66%);border-radius:9px;margin:15px 0 18px;position:relative;overflow:hidden}.news-visual:before{content:'✦';position:absolute;right:22px;top:8px;font-size:57px;color:#91b87044}.news-visual:after{content:'THE NEXT CHAPTER';position:absolute;left:17px;bottom:15px;font-size:10px;letter-spacing:2px;color:#d3e5c1}.tabs{display:flex;gap:5px;padding:4px;background:#151f18;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;width:max-content;max-width:100%;flex-wrap:wrap}.tabs button{padding:9px 15px;color:var(--muted);border-radius:6px;font-size:12px;min-height:36px}.tabs button.active{background:#344530;color:#def3ca}.tabs button:hover{color:#fff}.page-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);background:var(--panel);padding:17px 20px;border-radius:11px;margin-bottom:20px}.page-summary p{margin:4px 0 0;font-size:12px}.page-summary strong{font-size:14px}.subtle-note{font-size:11px;color:#8da28e;line-height:1.7;margin:15px 0 0}.map-preview{height:235px;border:1px solid #3d583b;border-radius:10px;background-color:#253a29;background-image:linear-gradient(90deg,#66855c12 1px,transparent 1px),linear-gradient(#66855c12 1px,transparent 1px),radial-gradient(ellipse at 80% 30%,#48705655,transparent 60%);background-size:24px 24px,24px 24px,100% 100%;position:relative;overflow:hidden;display:grid;place-items:center}.map-preview .claim-outline{position:relative;width:148px;height:142px;transform:rotate(-12deg);border:2px solid var(--accent);background:#a7d97718;box-shadow:0 0 0 7px #9ad2730a;display:grid;place-items:center}.claim-outline span{transform:rotate(12deg);text-align:center;font-size:12px;color:#e0edcd}.claim-outline b{display:block;font-size:25px;margin-bottom:8px}.map-caption{position:absolute;bottom:9px;left:12px;color:#9cb49b;font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 0}.detail-grid small{display:block;font-size:10px}.detail-grid strong{display:block;margin-top:4px;font-size:12px}.empty-callout{padding:24px;border:1px dashed #4a6247;border-radius:10px;text-align:center;background:#17251b}.empty-callout p{max-width:400px;margin:8px auto 17px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#879d88;font-weight:500;padding:0 12px 12px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:15px 12px;border-bottom:1px solid #2c3b31}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{text-align:right;padding-right:0}tbody tr:last-child td{border-bottom:0}td .item-icon{display:inline-grid;vertical-align:middle;margin-right:9px;width:30px;height:30px;font-size:15px}.quest-card{border:1px solid var(--line);padding:20px;border-radius:12px;background:var(--panel)}.quest-card .quest-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.quest-card p{font-size:12px;margin-bottom:14px}.quest-card .progress-label{font-size:10px;display:flex;justify-content:space-between;color:var(--muted)}.quest-card .bar{margin:10px 0 14px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skill-card{padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.skill-card>div:first-child{display:flex;gap:10px;align-items:center}.skill-card strong{font-size:13px}.skill-card .level{margin-left:auto;font-size:12px;color:var(--accent)}.skill-card small{font-size:10px}.reward-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:center}.wheel{width:210px;height:210px;background:conic-gradient(#a9c87e 0deg 45deg,#314934 45deg 90deg,#cbac63 90deg 135deg,#233b2d 135deg 180deg,#88b5b2 180deg 225deg,#344d38 225deg 270deg,#a8ba7c 270deg 315deg,#233b2d 315deg);border-radius:50%;border:9px solid #344a31;position:relative;box-shadow:0 0 0 1px #779766;transition:transform 2.8s cubic-bezier(.1,.7,.1,1)}.wheel:after{content:'B';display:grid;place-items:center;position:absolute;width:56px;height:56px;left:68px;top:68px;background:#15241c;border:4px solid #b9d799;color:#d5efb8;font-size:23px;font-weight:700;border-radius:50%}.wheel span{position:absolute;font-size:23px;text-shadow:1px 1px 2px #0004}.wheel span:nth-child(1){top:15px;left:110px}.wheel span:nth-child(2){top:69px;right:15px}.wheel span:nth-child(3){bottom:22px;right:40px}.wheel span:nth-child(4){bottom:14px;left:54px}.wheel span:nth-child(5){top:82px;left:15px}.wheel span:nth-child(6){top:22px;left:42px}.wheel-wrap{position:relative;display:grid;place-items:center;padding:10px}.wheel-wrap:before{content:'▼';position:absolute;z-index:2;top:0;color:#edf4df;text-shadow:0 2px 2px #000}.reward-hero h2{font-size:24px;margin-top:10px}.milestones{display:flex;gap:0;margin:23px 0 0}.milestone{flex:1;position:relative;border-top:3px solid #3a4d3a;padding:15px 5px 0 0;font-size:10px}.milestone:before{content:'';width:8px;height:8px;background:#52684c;border-radius:50%;position:absolute;top:-5px;left:0}.milestone.done{border-color:var(--accent)}.milestone.done:before{background:var(--accent)}.milestone strong{display:block;font-size:11px}.milestone small{font-size:9px}.vote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vote-preview{padding:18px;border:1px solid #425c39;border-radius:10px;background:#213025;text-align:left;display:block;min-height:95px}.vote-preview strong{display:block;font-size:12px}.vote-preview small{display:block;margin:8px 0 4px;color:var(--accent)}.vote-preview.cooling{border-color:#3b453e;background:#252d28;opacity:.7}.vote-preview.cooling small{color:#b1b9b2}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 20px;flex-wrap:wrap}.toolbar input,.toolbar select{background:#18251c;border:1px solid #40523e;color:#e3ecdd;border-radius:8px;padding:9px 12px;min-height:40px}.toolbar input{width:260px;max-width:100%}.friend-card{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.friend-card .avatar{width:43px;height:43px;flex-shrink:0}.friend-card small{display:block;font-size:10px}.friend-card strong{font-size:13px}.friend-card button{margin-left:auto}.activity-date{font-size:10px;letter-spacing:1px;color:#9db191;margin:23px 0 12px}.timeline-row{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.timeline-row>div:nth-child(2){flex:1}.timeline-row h3{font-size:12px}.timeline-row p{font-size:11px;margin:0}.timeline-row time{font-size:10px;color:var(--muted);white-space:nowrap}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:12px;display:block}.setting-row p{margin:4px 0 0;font-size:11px}.toggle{width:36px;height:20px;background:#6f9b4d;border-radius:20px;position:relative;flex-shrink:0}.toggle:after{content:'';position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#e8f3df}.toggle.off{background:#465448}.toggle.off:after{left:3px;right:auto}.message-compose{display:flex;gap:10px;margin-top:20px}.message-compose input{flex:1;min-width:0;background:#142018;color:#eff5eb;border:1px solid #4d6545;border-radius:8px;padding:11px}.chat-bubble{padding:12px 15px;background:#283a2a;border:1px solid #3b5036;border-radius:10px;max-width:85%;font-size:12px;margin:12px 0}.chat-bubble.mine{margin-left:auto;background:#364b2f}.chat-bubble small{display:block;font-size:9px;margin-top:5px}.alert-strip{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#392f1e;border:1px solid #695538;color:#e4ce9b;border-radius:10px;font-size:12px;margin-bottom:20px}.alert-strip button{margin-left:auto}dialog{background:#1b2820;border:1px solid #566d4b;color:var(--text);border-radius:17px;box-shadow:0 20px 100px #0009;padding:24px;width:min(480px,calc(100% - 28px))}dialog::backdrop{background:#07120cc9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:10px;color:#a2ba8e;letter-spacing:1px}.dialog-head button{font-size:26px;color:#c7dbb9;padding:0 4px;line-height:1}.dialog-head button:hover{text-shadow:0 0 12px var(--accent);color:#eaffdb}.dialog-head+div p{font-size:13px;color:#afc1aa;line-height:1.8}.dialog-head+div h2{font-size:23px;margin-bottom:15px}#dialog-done{margin-top:15px;width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#d7ecc0;color:#20331b;padding:12px 20px;border:1px solid #90b66c;border-radius:10px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1501px){.sidebar{padding-left:5px}}@media(max-width:1100px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding-right:14px;padding-left:12px}.site-header{gap:30px}.site-header>nav{gap:20px}main{padding:28px 24px}.hero{padding:23px;gap:20px}.two-col{grid-template-columns:1.2fr 1fr}.stat{padding:15px}.stat strong{font-size:22px}.quick-card{padding:13px;gap:9px}.quick-icon{width:30px;height:30px}.reward-hero{grid-template-columns:210px 1fr;gap:20px}.wheel{width:190px;height:190px}.wheel:after{left:58px;top:58px}}@media(max-width:850px){.site-header{padding:0 18px;gap:20px;height:68px}.brand{font-size:20px;gap:6px}.site-header>nav{gap:15px;font-size:12px}.header-tools{gap:10px}.account-button>span:nth-child(2){display:none}.app-shell{grid-template-columns:174px 1fr}.sidebar{top:68px;height:calc(100dvh - 68px);padding-left:8px;padding-right:8px}.sidebar nav a{padding:10px 8px;font-size:11px;gap:8px}.sidebar nav a span{font-size:17px;width:17px}.sidebar nav p,.side-heading{margin-left:8px;font-size:8px}.server-mini{padding-left:8px;padding-right:8px}.server-mini button{font-size:9px}.hero{grid-template-columns:1fr}.hero-progress{max-width:none}.hero h2{font-size:22px}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{padding:12px 15px}.equal-col{grid-template-columns:1fr}.skill-grid,.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-hero{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .button{white-space:nowrap}h1{font-size:27px}main{padding:25px 20px}.preview-banner{padding:7px 18px}.preview-banner b{display:none}}@media(max-width:580px){.site-header>nav{display:none}.site-header{height:64px}.account-button>span:nth-child(2){display:block}.account-button small{font-size:9px}.app-shell{display:block}.sidebar{position:sticky;top:64px;height:auto;min-height:0;padding:0;background:#162019;z-index:9;border-right:0;border-bottom:1px solid var(--line)}.side-heading{margin:0;padding:11px 18px;align-items:center;font-size:10px;letter-spacing:1px;color:#d0dfc7}.side-heading button{display:block;padding:4px 8px;font-size:17px}.sidebar nav{display:none;max-height:65dvh;overflow-y:auto;padding:8px 14px 16px}.sidebar.open nav{display:flex}.sidebar nav a{font-size:13px;min-height:43px;padding:10px}.sidebar nav p{font-size:9px;margin-top:12px}.server-mini{display:none}main{padding:25px 17px}.preview-banner{padding:7px 15px;gap:6px;min-height:34px;font-size:8px}.preview-banner label,.preview-banner select{font-size:10px}.page-heading{gap:12px;flex-wrap:wrap;margin-bottom:21px}h1{font-size:29px}.page-heading p{font-size:12px}.hero{padding:21px;gap:18px}.hero p{font-size:12px}.stat{padding:14px}.stat strong{font-size:22px}.stat .label{font-size:10px}.card{padding:18px}.tabs{width:100%}.tabs button{flex:1;padding:8px 10px;font-size:11px}.skill-grid{grid-template-columns:1fr 1fr;gap:10px}.skill-card{padding:13px}.skill-card>div:first-child{gap:5px}.skill-card strong{font-size:11px}.skill-card .item-icon{width:26px;height:26px;font-size:14px}.skill-card .level{font-size:10px}.vote-grid{grid-template-columns:1fr}.page-summary{align-items:flex-start;flex-wrap:wrap}.detail-grid{gap:8px}.detail-grid strong{font-size:11px}.milestone strong{font-size:10px}.milestone small{font-size:8px}.toolbar input{width:100%}.toolbar select{width:100%}.timeline-row{gap:9px;flex-wrap:wrap}.timeline-row time{padding-left:47px;width:100%}.friend-card{gap:9px;padding:13px}.friend-card .avatar{width:34px;height:34px}.friend-card strong{font-size:11px}.friend-card .button{font-size:10px;padding:7px 9px}.setting-row{align-items:flex-start}.setting-row .button{font-size:10px;white-space:nowrap}main>footer{font-size:9px}.reward-hero{gap:13px}.alert-strip{align-items:flex-start;flex-wrap:wrap}.header-tools{gap:14px}.account-button>span:last-child{display:none}}

/* Minecraft type and persistent quick-chat rail. */
@font-face{font-family:BloxrPixel;src:url('/bloxr-pixel.ttf') format('truetype');font-weight:100 900;font-display:swap}
body{font-family:BloxrPixel,monospace;font-size:14px;line-height:1.7}button,input,select,textarea{font-family:inherit}h1{letter-spacing:0;font-size:29px;line-height:1.5}h2{line-height:1.6}.brand{font-size:25px;font-weight:400}.page-heading p{line-height:1.8}.sidebar nav a{font-size:12px;line-height:1.6;gap:9px}.sidebar nav p,.side-heading{font-size:10px;line-height:1.7}.preview-banner{letter-spacing:.5px}.preview-banner b,.preview-banner label,.preview-banner select{font-size:11px}.hero h2{font-size:23px;line-height:1.6}.stat strong{letter-spacing:0}.stat small,.quick-card small,.list-row small,.detail-grid small,.quest-card .progress-label,.skill-card small,.friend-card small,.timeline-row time,.activity-date,.map-caption,.milestone small{font-size:11px}.milestone strong{font-size:12px}.milestones{gap:8px}.milestone{line-height:1.8}.button,.text-button{line-height:1.7}.tabs button{line-height:1.7}.hero-progress p{line-height:1.8}.app-shell{grid-template-columns:242px minmax(0,1fr)}main{padding-right:98px}.site-header{padding-right:100px}.header-tools{gap:15px}.site-header>nav{gap:20px;font-size:12px}.account-button{font-size:12px}.sidebar nav small{font-size:9px}.friend-card{flex-wrap:wrap}.quick-card{align-items:flex-start}.quick-card .quick-icon{margin-top:3px}.quick-card strong{line-height:1.8}.quick-card small{line-height:1.8}.section-title{flex-wrap:wrap}.stat .label{line-height:1.8}.stats .stat strong{font-size:24px}.preview-chat-rail{position:fixed;right:19px;top:137px;z-index:40;width:57px;display:flex;flex-direction:column;gap:13px}.rail-item{position:relative;width:54px}.rail-open{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #769c59;border-radius:12px;background:#213d29;color:#d2e8ba;box-shadow:0 4px 16px #0003;position:relative;font-size:17px;line-height:1.2;padding:0;cursor:pointer}.rail-open:hover,.rail-open[aria-expanded=true]{border-color:#c4ed94;background:#304c30;box-shadow:0 0 16px #aee17428}.rail-open small{font-size:8px;line-height:1;margin-top:5px;color:#abc491}.rail-unread{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#c1e68f;color:#21301c;border:1px solid #8fac67;font-size:9px;line-height:1}.rail-hide{position:absolute;right:-7px;top:-12px;z-index:2;font-family:Arial,sans-serif;color:#c8ed9c;text-shadow:0 1px 5px #000;background:#13251b;border-radius:3px;font-size:18px;line-height:1;width:20px;height:20px;padding:0;opacity:0;transition:opacity .15s;pointer-events:none}.rail-item:hover .rail-hide,.rail-item:focus-within .rail-hide{opacity:1;pointer-events:auto}.rail-hide:hover{text-shadow:0 0 9px #b4eb81;color:#eeffd9}.rail-item.dragging{opacity:.4}.rail-item.drop-over .rail-open{outline:2px solid #c8eb9e;outline-offset:4px}.rail-private{display:flex;flex-direction:column;gap:13px}.rail-tip{position:absolute;right:66px;top:12px;background:#263b2c;border:1px solid #526e45;border-radius:7px;padding:8px 10px;color:#d7e6ce;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none;box-shadow:0 4px 15px #0004}.rail-item:hover .rail-tip,.rail-item:focus-within .rail-tip{opacity:1}.quick-chat-panel{position:fixed;right:92px;top:185px;z-index:35;width:350px;max-width:calc(100vw - 115px);background:#172a20;border:1px solid #67884e;border-radius:13px;box-shadow:0 15px 50px #0007;overflow:hidden}.quick-chat-head{padding:15px 16px;border-bottom:1px solid #42583c;background:#233b29;display:flex;align-items:center;gap:11px}.quick-chat-head strong{font-size:12px;display:block;overflow-wrap:anywhere}.quick-chat-head small{font-size:9px;display:block;margin-top:4px}.quick-chat-head .avatar{width:34px;height:34px;flex-shrink:0}.quick-chat-head button{margin-left:auto;color:#c5dcb1;padding:4px 7px;font-size:22px;font-family:Arial,sans-serif}.quick-chat-body{padding:16px;max-height:310px;overflow-y:auto}.quick-chat-body p{font-size:11px;line-height:1.9}.quick-chat-body .chat-bubble{line-height:1.9;font-size:11px;max-width:96%}.quick-chat-body .chat-bubble small{font-size:9px}.quick-chat-compose{padding:12px;border-top:1px solid #42583c;display:flex;gap:8px}.quick-chat-compose input{font-size:11px;min-width:0;flex:1;padding:10px;background:#102117;border:1px solid #4c6540;border-radius:7px;color:#e4eedb}.quick-chat-compose button{padding:8px 10px;font-size:11px}.quick-chat-foot{font-size:9px;color:#8fa688;padding:0 13px 12px;margin:0;line-height:1.8}.members-preview-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #344b36}.members-preview-row:last-child{border-bottom:0}.members-preview-row strong{font-size:11px;display:block}.members-preview-row small{font-size:9px}.members-preview-row button{margin-left:auto;font-size:10px}.preview-chat-rail button:focus-visible{outline-offset:4px}*{scrollbar-width:thin;scrollbar-color:#607c4d #15241b}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#607c4d;border-radius:10px}*::-webkit-scrollbar-track{background:#15241b}
@media(max-width:1200px){.site-header{gap:22px}.site-header>nav{gap:15px;font-size:11px}.app-shell{grid-template-columns:220px 1fr}.hero{grid-template-columns:1fr}.hero h2{font-size:21px}.hero-progress{max-width:none}.equal-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.quick-card{align-items:center}.quick-card strong{font-size:13px}.sidebar nav a{font-size:11px}}
@media(max-width:900px){.app-shell{grid-template-columns:186px 1fr}.site-header>nav{display:none}.site-header{padding-right:90px}.sidebar nav a{font-size:11px}.reward-hero{grid-template-columns:1fr}.milestones{flex-wrap:wrap;row-gap:22px}.milestone{flex:0 0 calc(33.333% - 8px)}.skill-grid,.vote-grid{grid-template-columns:1fr}.sidebar{min-height:750px}main{padding-right:88px}.page-heading h1{font-size:25px}.preview-chat-rail{right:14px;width:50px}.rail-item,.rail-open{width:49px}.rail-open{height:49px;border-radius:10px}.quick-chat-panel{right:78px;max-width:calc(100vw - 92px)}.rail-tip{right:58px}.header-tools{margin-left:auto}}
@media(max-width:580px){.app-shell{display:block}.sidebar{min-height:0;top:64px}.site-header{padding-right:18px}.preview-chat-rail{top:140px;right:9px;width:42px;gap:11px}.rail-private{gap:11px}.rail-item,.rail-open{width:42px}.rail-open{height:44px;font-size:15px;border-radius:9px}.rail-open small{font-size:7px}.rail-unread{width:16px;height:16px;font-size:8px}.rail-hide{width:18px;height:18px;right:-4px;top:-9px;font-size:16px}.quick-chat-panel{right:60px;width:320px;max-width:calc(100vw - 71px);top:140px!important}.quick-chat-head{padding:12px;gap:8px}.quick-chat-head strong{font-size:11px}.quick-chat-body{max-height:240px;padding:12px}.quick-chat-compose{padding:9px;gap:5px}.quick-chat-compose input{padding:9px;font-size:10px}.quick-chat-compose button{padding:6px;font-size:10px}main{padding:24px 64px 20px 14px}.page-heading h1{font-size:24px}.hero h2{font-size:20px}.stat{padding:12px}.stats{gap:9px}.stats .stat strong{font-size:20px}.stat .label{font-size:10px}.stat small{font-size:9px}.hero{padding:17px}.hero-progress{padding:13px}.hero-progress>div:first-child{flex-wrap:wrap;gap:5px}.hero-progress strong{font-size:12px}.card{padding:15px}.reward-hero h2{font-size:20px}.milestone strong{font-size:10px}.milestone small{font-size:9px}.tabs button{font-size:11px;padding:8px}.list-row{flex-wrap:wrap}.list-row .right{padding-left:50px}.rail-tip{display:none}.page-heading .badge{font-size:9px}.section-title small{font-size:10px}.setting-row{flex-wrap:wrap}.setting-row p{font-size:11px}.friend-card button{margin-left:0}.button{font-size:11px}main>footer{flex-direction:column;gap:5px}.preview-banner{font-size:8px}.preview-banner select{max-width:105px}.preview-banner label{font-size:9px}}
@media(hover:none){.rail-hide{opacity:1;pointer-events:auto}}
/* Larger original-style wheel, using the existing 24 prize assets and odds. */
.original-wheel-card{border:1px solid #526e43;border-radius:17px;background:linear-gradient(135deg,#1d3023,#14261d);padding:25px}.original-wheel-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.95fr);gap:30px;align-items:start}.original-wheel-stage{min-width:0}.original-wheel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.original-wheel-heading .eyebrow{margin:0}.original-wheel-frame{position:relative;width:min(100%,570px);aspect-ratio:1;margin:15px auto 0;padding:15px}.original-wheel{width:100%;height:100%;position:relative;border-radius:50%;border:9px solid #b3c67a;box-shadow:0 0 0 5px #3b532d,0 0 0 7px #748e4d,0 18px 50px #0005,inset 0 0 25px #0006;transition:transform 3s cubic-bezier(.1,.7,.1,1);overflow:hidden}.original-wheel:before{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 14.5deg,#e6e8bd4d 14.5deg 15deg);pointer-events:none}.original-segment{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:42px;min-height:42px;transform:translate(-50%,-50%);line-height:1}.original-segment img{width:31px;height:31px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 2px #0009)}.original-segment small{font-size:10px;color:#fff;text-shadow:1px 1px 0 #172319,0 0 4px #000;font-family:BloxrPixel,monospace;margin-top:2px;line-height:1}.original-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:#172c1d;border:5px solid #c6dfa0;box-shadow:0 0 0 6px #2f472a,0 5px 25px #0006;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.original-wheel-hub strong{font-size:37px;line-height:1.2;color:#e0eec0;font-weight:400}.original-wheel-hub small{font-size:9px;color:#aec694;margin-top:8px;letter-spacing:1px}.original-pointer{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:3;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:36px solid #e2edb5;filter:drop-shadow(0 3px 3px #0008)}.wheel-picture-note{text-align:center;font-size:12px;line-height:1.9;color:#acbfa3;margin:17px 0 0}.original-wheel-side{display:grid;gap:18px;padding-top:7px}.original-spin-card,.original-latest{padding:21px;border:1px solid #4c6740;border-radius:13px;background:#12251ab3}.original-spin-card h2{font-size:22px;line-height:1.6;margin:17px 0 10px}.original-spin-card p{font-size:13px;line-height:1.9}.original-spin-card .section-title{gap:10px}.wheel-balance{font-size:11px;white-space:nowrap}.original-spin-button{width:100%;min-height:53px;font-size:13px;margin:4px 0 15px}.wheel-paid-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #3b5138;font-size:12px}.wheel-paid-row strong{font-weight:400;color:#d8dca4}.original-spin-card>small{font-size:11px;line-height:1.9;display:block}.original-spin-card .preview-only-note{font-size:10px;margin:15px 0 0;color:#87a382}.original-latest h2{font-size:17px}.wheel-win{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #324b34}.wheel-win:last-child{border-bottom:0;padding-bottom:0}.wheel-win img{width:35px;height:35px;object-fit:contain;image-rendering:pixelated}.wheel-win strong,.wheel-win span,.wheel-win small{display:block}.wheel-win strong{font-size:12px;font-weight:400;color:#d7e8c9}.wheel-win span{font-size:13px;color:#b7d28d;margin:4px 0}.wheel-win small{font-size:10px;color:#92a58c}.wheel-progress-card{margin-top:20px}.wheel-progress-card .section-title p{margin:5px 0 0;font-size:13px}.wheel-explainer{margin-top:21px;border-top:1px solid #374b37;padding-top:14px}.wheel-explainer summary{font-size:12px;cursor:pointer;color:#c0d4ad}.wheel-explainer p{font-size:12px;line-height:1.9;margin:13px 0 0}.original-prize-details{margin-top:20px}.original-prize-details summary{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;color:#d8e6c7;font-size:15px;list-style:none}.original-prize-details summary:after{content:'+';margin-left:auto;font-size:23px}.original-prize-details[open] summary:after{content:'−'}.original-prize-details summary small{font-size:11px}.original-prize-details>p{margin:18px 0;font-size:12px;line-height:1.9}.original-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.original-prize-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #3e543b;border-radius:9px;background:#15271a;min-width:0}.original-prize-item img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.original-prize-item strong{font-size:11px;font-weight:400;display:block;overflow-wrap:anywhere}.original-prize-item small{font-size:10px;display:block;margin-top:5px}.original-prize-item b{margin-left:auto;font-size:12px;color:#c7d7a4;flex-shrink:0;font-weight:400}.rarity-common{color:#a9b7a2}.rarity-uncommon{color:#b8da90}.rarity-rare{color:#99bfdf}.rarity-epic{color:#c5a5e2}.rarity-legendary{color:#ead084}
/* Clearer Minecraft typography: less tracking, regular weight, readable small text. */
body{font-size:15px;font-synthesis:none;letter-spacing:0}h1,h2,h3,strong,b{font-weight:400}h1{font-size:28px;line-height:1.55}.eyebrow,.side-heading,.sidebar nav p,.activity-date,.preview-banner{letter-spacing:.3px}.page-heading p,.hero p,.card p{font-size:14px;line-height:1.9}.sidebar nav a{font-size:13px;line-height:1.8}.button{font-size:13px;line-height:1.8}.button.small{font-size:12px}.stat .label{font-size:12px}.stat small,.quick-card small,.list-row small,.friend-card small,.subtle-note,.skill-card small,.detail-grid small{font-size:12px;line-height:1.8}.quick-card strong,.list-row strong,.friend-card strong{font-size:13px;line-height:1.8}.badge{font-size:11px}.tabs button{font-size:13px}.hero h2{font-size:22px}.hero-progress>div:first-child{font-size:13px}.hero-progress p{font-size:12px}.section-title h2{font-size:18px}.milestone small{font-size:11px}.site-header>nav{font-size:12px}.quick-chat-body .chat-bubble{font-size:12px}.quick-chat-head strong{font-size:13px}.quick-chat-compose input{font-size:12px}
@media(max-width:1250px){.original-wheel-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:20px}.original-wheel-card{padding:20px}.original-wheel-hub{width:82px;height:82px}.original-wheel-hub strong{font-size:29px}.original-segment{width:32px;min-height:32px}.original-segment img{width:24px;height:24px}.original-segment small{font-size:9px}.original-spin-card,.original-latest{padding:17px}.original-spin-card h2{font-size:19px}.original-spin-card p{font-size:12px}.original-spin-button{font-size:12px}.original-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{font-size:12px}}
@media(max-width:1050px){.original-wheel-layout{grid-template-columns:1fr}.original-wheel-frame{width:min(100%,540px)}.original-wheel-side{grid-template-columns:1fr 1fr;align-items:start}.original-segment{width:38px;min-height:38px}.original-segment img{width:30px;height:30px}.original-segment small{font-size:10px}.original-wheel-hub{width:92px;height:92px}.original-prize-details summary{flex-wrap:wrap}.original-prize-details summary small{width:100%;order:3}.original-prize-details summary:after{order:2}.original-latest h2{font-size:16px}}
@media(max-width:780px){.original-wheel-side{grid-template-columns:1fr}.original-prize-grid{grid-template-columns:1fr}.original-wheel-card{padding:16px}.original-wheel-frame{padding:12px}.original-wheel{border-width:6px;box-shadow:0 0 0 3px #3b532d,0 0 0 5px #748e4d,0 10px 30px #0005}.original-segment{width:29px;min-height:29px}.original-segment img{width:22px;height:22px}.original-segment small{font-size:9px}.original-wheel-hub{width:75px;height:75px;border-width:4px;box-shadow:0 0 0 4px #2f472a}.original-wheel-hub strong{font-size:27px}.original-wheel-hub small{font-size:8px;margin-top:6px}.original-pointer{border-left-width:11px;border-right-width:11px;border-top-width:27px}.sidebar nav a{font-size:11px}}
@media(max-width:580px){.original-wheel-card{padding:12px}.original-wheel-frame{margin-top:14px;padding:10px}.original-segment{width:22px;min-height:22px}.original-segment img{width:17px;height:17px}.original-segment small{font-size:7px}.original-wheel-hub{width:59px;height:59px;border-width:3px}.original-wheel-hub strong{font-size:23px}.original-wheel-hub small{font-size:6px}.original-wheel-heading{flex-wrap:wrap;gap:8px}.original-wheel-heading .eyebrow{font-size:10px}.original-wheel-heading .badge{font-size:9px}.wheel-picture-note{font-size:11px}.original-spin-card h2{font-size:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:13px}.card p{font-size:13px}.quick-card small,.list-row small,.subtle-note{font-size:11px}.sidebar nav a{font-size:13px}.wheel-progress-card .section-title p{font-size:12px}.original-prize-item strong{font-size:12px}.original-wheel-side{gap:15px}.original-spin-card,.original-latest{padding:15px}}
/* Complete preview navigation and interaction states. */
.preview-scenario-label{display:grid;gap:8px;font-size:11px;color:#9bb08d;margin:16px 0}.preview-scenario-label select{width:100%;background:#14251a;border:1px solid #4e6741;color:#dceacf;padding:10px;border-radius:7px;font-size:11px;line-height:1.7}.original-paid-button{width:100%;min-height:48px;margin:0 0 7px}.original-paid-button:disabled{background:#28322a;border-color:#485348;color:#95a18f;opacity:.65}.original-spin-button:disabled{background:#32402e;color:#9aa98e;border-color:#53664a}.original-spin-card #preview-wheel-reason{font-size:11px;margin:8px 0 14px;color:#c7d0a3}.original-spin-card #preview-paid-confirm,.original-spin-card #preview-wheel-result{margin:14px 0;padding:15px;background:#2d3c26;border:1px solid #8ca66b;border-radius:9px;font-size:12px}.original-spin-card #preview-paid-confirm p,.original-spin-card #preview-wheel-result p{font-size:12px}.original-spin-card #preview-paid-confirm .button,.original-spin-card #preview-wheel-result .button{font-size:11px}.command-favourites{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #3b4d36;padding-bottom:20px}.command-favourites>span{width:100%;font-size:12px;color:#adbf9f;margin-bottom:5px}.command-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #34492f}.command-entry>div{min-width:0;flex:1}.command-entry code{font:13px/1.8 BloxrPixel,monospace;color:#d4e8ba;overflow-wrap:anywhere}.command-entry p{font-size:12px;color:#aabd9e;line-height:1.9;margin:7px 0}.command-entry small{font-size:10px;color:#869d7d}.command-entry button{flex-shrink:0}.command-paging{margin-top:20px;justify-content:space-between}.command-paging span{font-size:11px;color:#a7bb99}.preview-form{display:grid;gap:16px;margin-top:18px}.preview-form label{font-size:12px;display:grid;gap:8px;color:#bdd1ae}.preview-form input,.preview-form select,.preview-form textarea{width:100%;font:13px/1.8 BloxrPixel,monospace;color:#d8e7ce;background:#122018;border:1px solid #47613d;border-radius:8px;padding:11px;min-width:0}.preview-form textarea{resize:vertical}.preview-form input[readonly]{color:#8fa385;background:#1a291e}.preview-form .button{justify-self:start}.shop-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.shop-preview-grid .card{display:flex;align-items:flex-start;flex-direction:column}.shop-product-image{width:66px;height:66px;image-rendering:pixelated;object-fit:contain;margin-bottom:18px}.shop-preview-grid h2{font-size:18px}.shop-preview-grid p{font-size:12px;flex:1}.shop-price{font-size:23px;color:#d8e8b8;margin:8px 0 16px}.shop-preview-grid small{font-size:10px;line-height:1.9}.example-console{font:12px/2 BloxrPixel,monospace;color:#adc99c;background:#0c1811;padding:20px;white-space:pre-wrap;border:1px solid #364c2e;border-radius:9px;min-height:200px}.preview-account-dropdown{position:fixed;top:107px;right:max(100px,calc((100vw - 1500px)/2));width:285px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 125px);overflow-y:auto;z-index:80;border:1px solid #63814e;border-radius:11px;background:#1c3022;box-shadow:0 15px 60px #0008;padding:15px}.preview-account-dropdown>strong,.preview-account-dropdown>small{display:block;font-size:13px;color:#d0e3bb;margin:2px 9px 7px}.preview-account-dropdown>small{font-size:10px;color:#9ab287}.preview-account-dropdown button{display:block;width:100%;text-align:left;padding:12px 9px;border-radius:6px;font-size:11px;color:#c7dbb5;line-height:1.8}.preview-account-dropdown button:hover{background:#334d2d}.preview-account-dropdown hr{border:0;border-top:1px solid #435f38;margin:9px 0}.sidebar{min-height:0;overflow-y:auto}.review-link{margin-top:9px;font-size:11px!important;color:#b6d18d!important}.header-tools{gap:12px}.header-commands{font-size:11px;white-space:nowrap}.sidebar .server-mini{padding-bottom:16px}#preview-friend-requests[aria-label]{font-size:21px}#demo-link-code{border:1px solid #60784d;border-radius:8px;padding:15px;margin-top:18px}#demo-link-code code{font:14px/1.8 BloxrPixel,monospace;color:#d8e8bc}#checkout-preview-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}#checkout-preview-options p{width:100%}
@media(max-width:1250px){.shop-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header>nav{display:none}.site-header{gap:20px}.header-tools{gap:12px}.preview-account-dropdown{right:90px}}
@media(max-width:800px){.shop-preview-grid{grid-template-columns:1fr}.toolbar input,.toolbar select{max-width:100%}.command-entry{gap:9px;align-items:flex-start}.command-entry code{font-size:12px}.command-entry p{font-size:11px}.preview-account-dropdown{right:75px}.header-commands{padding:8px;min-width:40px;font-size:0}.header-commands:before{content:'/';font-size:19px}}
@media(max-width:580px){.site-header{padding:0 14px;gap:10px}.header-tools{gap:8px}.account-button>span:nth-child(2){display:none}.account-button>span:last-child{display:none}.account-button .avatar{width:32px;height:32px}.brand{font-size:22px;letter-spacing:2px;gap:5px}.brand span{font-size:20px}.icon-button{width:33px;height:35px;font-size:20px}.header-commands{min-width:33px;min-height:35px;padding:3px}.preview-account-dropdown{right:12px;top:98px}.sidebar.open nav{max-height:65dvh}.command-entry{flex-wrap:wrap}.command-entry button{margin-left:auto}.command-entry>div{flex-basis:100%}.command-paging span{font-size:10px}.preview-form input,.preview-form select,.preview-form textarea{font-size:16px}.review-link{font-size:12px!important}}
.auth-preview-card{max-width:600px;margin:auto}.preview-form label{overflow-wrap:anywhere}
.guide-intro{display:flex;align-items:center;gap:17px;padding:18px 20px;border:1px solid #627e47;background:#233a24;border-radius:11px;margin-bottom:23px;flex-wrap:wrap}.guide-intro strong{font-size:14px;color:#daebc3}.guide-intro>span{font-size:12px;color:#b0c39f;flex:1;min-width:220px;line-height:1.9}.guide-toolbar input{width:410px;max-width:100%}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:15px}.guide-card{display:flex;align-items:flex-start;gap:14px;border:1px solid #3f5939;border-radius:12px;background:#192b1e;padding:21px;text-align:left;min-width:0}.guide-card:hover{border-color:#9fc477;background:#253b25;box-shadow:0 0 17px #94bc6512}.guide-card>span:last-child{min-width:0;flex:1}.guide-card .quick-icon{flex-shrink:0;font-size:22px;width:39px;height:39px}.guide-card small{display:block;font-size:10px;line-height:1.8;color:#94ae81;margin-bottom:9px}.guide-card strong{display:block;font-size:15px;line-height:1.8;color:#e0edce}.guide-card p{font-size:12px;line-height:2;color:#b1c3a1;margin:10px 0 15px}.guide-card .guide-read{display:block;font-size:11px;color:#bade92;line-height:1.8}.guide-article{max-width:950px}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps>li{display:flex;gap:19px;padding:24px 0;border-bottom:1px solid #3d5336}.guide-steps>li:first-child{padding-top:3px}.guide-steps>li:last-child{border-bottom:0}.guide-step-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #63854b;background:#2d4629;border-radius:9px;color:#cce6ad;font-size:15px}.guide-steps>li>div{flex:1;min-width:0}.guide-steps h2{font-size:18px;margin:0 0 11px;line-height:1.8}.guide-steps p{font-size:15px;line-height:2.1;max-width:750px;color:#bdcdb0;margin-bottom:12px}.guide-command{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0d1f15;border:1px solid #48633d;padding:11px 14px;border-radius:9px;margin-top:15px;max-width:650px}.guide-command code{font:13px/1.9 BloxrPixel,monospace;color:#d2e6b9;overflow-wrap:anywhere;min-width:0}.guide-command button{flex-shrink:0}.guide-note{margin:15px 0 0;padding:20px;border-left:3px solid #c0ce85;background:#263522;border-radius:0 9px 9px 0}.guide-note strong{font-size:13px;color:#d5e3af}.guide-note p{font-size:13px;line-height:2;margin:10px 0 0;color:#b7c8a4}
@media(max-width:1350px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{padding:18px}.guide-card strong{font-size:14px}}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:18px}.guide-intro>span{min-width:0;flex-basis:100%}.guide-steps>li{gap:13px}.guide-steps h2{font-size:16px}.guide-steps p{font-size:14px}.guide-command{gap:8px;padding:10px}.guide-command code{font-size:12px}.guide-toolbar input{width:100%}}
@media(max-width:580px){.guide-card{gap:11px;padding:16px}.guide-card strong{font-size:14px}.guide-card .quick-icon{width:31px;height:31px;font-size:18px}.guide-card p{font-size:12px}.guide-steps>li{flex-wrap:wrap;padding:22px 0}.guide-steps>li>div{flex-basis:100%}.guide-steps p{font-size:14px;line-height:2.1}.guide-command{flex-wrap:wrap}.guide-command button{margin-left:auto}.guide-intro{padding:16px}.guide-note{padding:15px}}

@media(max-width:800px){.header-commands:before{content:"?"}}
.original-prize-button{width:100%;min-height:44px;margin:3px 0 9px;border-color:#7b965b;color:#d1e6af;background:#263d25;font-size:12px}.original-prize-button:hover{background:#344c2c;border-color:#b6d586}.all-prize-dialog{width:min(1020px,calc(100vw - 40px));max-height:90dvh;overflow-y:auto;padding:25px}.all-prize-dialog #dialog-body>h2{font-size:24px;margin-bottom:12px}.all-prize-dialog #dialog-body>p{font-size:13px}.all-prize-dialog .original-prize-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.all-prize-dialog .original-prize-item{padding:15px;min-height:82px}.all-prize-dialog .original-prize-item img{width:39px;height:39px}.all-prize-dialog .original-prize-item strong{font-size:12px;line-height:1.8}.all-prize-dialog .original-prize-item small{font-size:11px}.all-prize-dialog .original-prize-item b{font-size:15px}.all-prize-dialog .dialog-head{position:sticky;top:-25px;background:#1b2820;padding:12px 0;z-index:1}.prize-rarity-key{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0;font-size:11px}.all-prize-dialog #dialog-done{width:auto;min-width:190px;display:flex;margin-left:auto}.all-prize-dialog .subtle-note{font-size:11px!important}@media(max-width:780px){.all-prize-dialog .original-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-prize-dialog{padding:20px}.all-prize-dialog .original-prize-item{padding:12px;gap:9px}.all-prize-dialog .original-prize-item img{width:31px;height:31px}}@media(max-width:520px){.all-prize-dialog{width:calc(100vw - 22px);padding:17px}.all-prize-dialog .original-prize-grid{grid-template-columns:1fr}.all-prize-dialog #dialog-body>h2{font-size:21px}.all-prize-dialog .original-prize-item{min-height:73px}.all-prize-dialog .dialog-head{top:-17px}.prize-rarity-key{gap:12px}.all-prize-dialog #dialog-done{width:100%}}

/* Colour & pixel icons layer (loaded after preview.css). Each feature gets its own tone. */
:root{--t-lime:#b8e58b;--t-green:#6fdc7a;--t-gold:#f2c94c;--t-orange:#ff9f50;--t-red:#ff6b6b;--t-pink:#ff86c2;--t-purple:#b98cff;--t-blue:#62adff;--t-aqua:#4fd8cf;--t-steel:#a9b9cc}
[data-tone=lime]{--tone:var(--t-lime)}[data-tone=green]{--tone:var(--t-green)}[data-tone=gold]{--tone:var(--t-gold)}[data-tone=orange]{--tone:var(--t-orange)}[data-tone=red]{--tone:var(--t-red)}[data-tone=pink]{--tone:var(--t-pink)}[data-tone=purple]{--tone:var(--t-purple)}[data-tone=blue]{--tone:var(--t-blue)}[data-tone=aqua]{--tone:var(--t-aqua)}[data-tone=steel]{--tone:var(--t-steel)}
body[data-page-tone=lime]{--page-tone:var(--t-lime)}body[data-page-tone=green]{--page-tone:var(--t-green)}body[data-page-tone=gold]{--page-tone:var(--t-gold)}body[data-page-tone=orange]{--page-tone:var(--t-orange)}body[data-page-tone=red]{--page-tone:var(--t-red)}body[data-page-tone=pink]{--page-tone:var(--t-pink)}body[data-page-tone=purple]{--page-tone:var(--t-purple)}body[data-page-tone=blue]{--page-tone:var(--t-blue)}body[data-page-tone=aqua]{--page-tone:var(--t-aqua)}body[data-page-tone=steel]{--page-tone:var(--t-steel)}

.px-icon{width:18px;height:18px;display:block;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}

/* Sidebar: every section has its own coloured icon tile */
.sidebar nav a>span[data-tone]{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,#151e18);border:1px solid color-mix(in srgb,var(--tone) 30%,transparent)}
.sidebar nav a>span[data-tone] .px-icon{width:15px;height:15px}
.sidebar nav a[data-tone]:hover{background:color-mix(in srgb,var(--tone) 8%,#1d281f)}
.sidebar nav a[data-tone].active{background:color-mix(in srgb,var(--tone) 15%,#1b251d);border-color:color-mix(in srgb,var(--tone) 45%,transparent);color:#f3f8ee;box-shadow:inset 3px 0 0 var(--tone)}
.sidebar nav a[data-tone].active>span{background:color-mix(in srgb,var(--tone) 26%,#151e18);border-color:var(--tone)}

/* Page heading takes the colour of the section you're in */
.page-heading .eyebrow{color:var(--page-tone,var(--accent))}
.page-heading h1{text-shadow:0 2px 0 rgba(0,0,0,.35)}
.page-heading h1::after{content:"";display:block;width:64px;height:4px;margin-top:10px;background:linear-gradient(90deg,var(--page-tone,var(--accent)) 0 25%,transparent 25% 37.5%,var(--page-tone,var(--accent)) 37.5% 62.5%,transparent 62.5% 75%,var(--page-tone,var(--accent)) 75%);opacity:.85}
.section-title h2{display:flex;align-items:center;gap:9px}
.section-title h2::before{content:"";width:8px;height:8px;flex-shrink:0;background:var(--page-tone,var(--accent));box-shadow:2px 2px 0 rgba(0,0,0,.4)}

/* Overview hero: warm reward glow */
.hero{background:radial-gradient(120% 140% at 0% 0%,rgba(242,201,76,.16),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(98,173,255,.10),transparent 60%),var(--panel2);border-color:color-mix(in srgb,var(--t-gold) 30%,var(--line))}
.hero .eyebrow{color:var(--t-gold)}
.hero .bar span{background:linear-gradient(90deg,var(--t-green),var(--t-lime),var(--t-gold))}

/* Stat cards: coloured top edge, tinted icon and value */
.stat[data-tone]{border-top:3px solid var(--tone);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 9%,var(--panel)),var(--panel) 70%)}
.stat .label span[data-tone]{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--tone);background:color-mix(in srgb,var(--tone) 15%,#151e18);border:1px solid color-mix(in srgb,var(--tone) 35%,transparent)}
.stat[data-tone] strong{color:color-mix(in srgb,var(--tone) 55%,#ffffff)}

/* Quick shortcut cards */
.quick-card .quick-icon[data-tone]{width:38px;height:38px;color:var(--tone);background:color-mix(in srgb,var(--tone) 15%,#151e18);border-color:color-mix(in srgb,var(--tone) 40%,transparent)}
.quick-card .quick-icon[data-tone] .px-icon{width:20px;height:20px}
.quick-card[data-tone]{border-left:3px solid var(--tone)}
.quick-card[data-tone]:hover{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 8%,var(--panel))}
.quick-card[data-tone] .arrow{color:var(--tone)}

/* List / activity rows and other icon tiles */
.item-icon[data-tone]{color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,#151e18);border-color:color-mix(in srgb,var(--tone) 36%,transparent)}

/* Quest, skill and job tools are drawn bigger so the item is easy to recognise */
.item-icon[data-activity]{width:46px;height:46px;border-radius:10px}
.item-icon[data-activity] .px-icon{width:30px;height:30px}
.skill-card .item-icon[data-activity]{width:36px;height:36px}
.skill-card .item-icon[data-activity] .px-icon{width:24px;height:24px}
:is(.list-row,.timeline-row) .item-icon[data-activity] .px-icon{width:24px;height:24px}
:is(.list-row,.timeline-row) .item-icon[data-activity]{width:38px;height:38px}

/* Header friend-request and message buttons */
.icon-button[data-tone]{display:grid;place-items:center;color:var(--tone);background:color-mix(in srgb,var(--tone) 10%,transparent);border-color:color-mix(in srgb,var(--tone) 40%,var(--line))}
.icon-button[data-tone] em{background:var(--tone);color:#161c18}
.icon-button[data-tone]:hover{background:color-mix(in srgb,var(--tone) 20%,transparent)}

/* Cards pick up a thin line in the page colour */
#content .card{border-top:2px solid color-mix(in srgb,var(--page-tone,var(--accent)) 45%,var(--line))}

/* ---- Live player area: additions to the approved preview styles ---- */
.site-header{top:0}
.site-header>nav{gap:22px;white-space:nowrap}
.site-header>nav a{white-space:nowrap}
/* Store for real components until a page shows them. Visually hidden (not display:none) so the real
   popups it holds, like the prize wheel, still appear when their own scripts open them. */
.pa-legacy-store{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Real chat heads dressed as the design's rail tiles */
.pa-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important}
.preview-chat-rail .dm-chat-dock.rail-private{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column;gap:13px;background:none!important;border:0!important;padding:0!important;margin:0!important;width:auto!important;max-height:none!important;box-shadow:none!important}
.preview-chat-rail .dm-chat-head.rail-item{position:relative!important;width:54px!important;height:54px!important;margin:0!important;inset:auto!important;transform:none;background:none!important;border:0!important;box-shadow:none!important}
.preview-chat-rail .dm-chat-head .rail-open{width:54px!important;height:54px!important;border-radius:12px!important;padding:0!important;display:grid!important;place-items:center;overflow:hidden;position:relative}
.preview-chat-rail .dm-chat-head .rail-open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.preview-chat-rail .dm-chat-head .dm-head-initial{font-size:17px}
.preview-chat-rail .dm-chat-head .rail-unread[hidden],.preview-chat-rail .rail-unread[hidden]{display:none!important}
/* Real chat heads: the design's unread bubble, hover-only × and name label (overrides the old chat styles) */
.preview-chat-rail .dm-chat-head .rail-open{border:1px solid #769c59!important;background:#213d29!important;color:#d2e8ba!important;box-shadow:0 4px 16px #0003!important;font-size:17px}
.preview-chat-rail .dm-chat-head .rail-open:hover{border-color:#c4ed94!important;background:#304c30!important;box-shadow:0 0 16px #aee17428!important}
.preview-chat-rail .dm-chat-head .rail-unread{position:absolute!important;top:-5px!important;right:-5px!important;left:auto!important;width:18px!important;height:18px!important;min-width:0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;background:#c1e68f!important;color:#21301c!important;border:1px solid #8fac67!important;font-size:9px!important;line-height:1!important;z-index:1}
.preview-chat-rail .dm-chat-head .rail-hide{position:absolute!important;right:-7px!important;top:-12px!important;left:auto!important;z-index:2!important;display:block!important;font-family:Arial,sans-serif!important;color:#c8ed9c!important;text-shadow:0 1px 5px #000!important;background:#13251b!important;border:0!important;border-radius:3px!important;font-size:18px!important;line-height:1!important;width:20px!important;height:20px!important;padding:0!important;margin:0!important;box-shadow:none!important;opacity:0!important;transition:opacity .15s;pointer-events:none}
.preview-chat-rail .dm-chat-head:hover .rail-hide,.preview-chat-rail .dm-chat-head:has(:focus-visible) .rail-hide{opacity:1!important;pointer-events:auto}
.preview-chat-rail .dm-chat-head .rail-tip{position:absolute!important;right:66px!important;left:auto!important;top:12px!important;bottom:auto!important;transform:none!important;display:block!important;background:#263b2c!important;border:1px solid #526e45!important;border-radius:7px!important;padding:8px 10px!important;color:#d7e6ce!important;white-space:nowrap!important;font-size:11px!important;opacity:0!important;visibility:visible!important;pointer-events:none;box-shadow:0 4px 15px #0004!important}
/* Name labels show only while hovering (or moving through with the keyboard), never stuck after a click */
.preview-chat-rail .rail-item:focus-within .rail-tip{opacity:0!important}
.preview-chat-rail .rail-item:hover .rail-tip,.preview-chat-rail .rail-item:has(:focus-visible) .rail-tip{opacity:1!important}
.preview-chat-rail .rail-item:focus-within:not(:hover):not(:has(:focus-visible)) .rail-hide{opacity:0!important}
/* Conversation list from the messages button: a compact panel under the button, in the design's menu style */
dialog.dm-conversation-list{position:fixed!important;top:70px;right:12px;left:auto!important;bottom:auto!important;margin:0!important;width:340px!important;max-width:calc(100vw - 24px)!important;max-height:min(70dvh,520px)!important;overflow:auto!important;padding:15px!important;border:1px solid #63814e!important;border-radius:11px!important;background:#1c3022!important;color:var(--text)!important;box-shadow:0 15px 60px #0008!important;transform:none!important}
dialog.dm-conversation-list::backdrop{background:transparent!important;backdrop-filter:none!important}
.dm-conversation-list .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
.dm-conversation-list .dialog-top h2{font-size:13px!important;margin:2px 9px!important;color:#d0e3bb}
.dm-conversation-list .dialog-top button{width:28px;height:28px;padding:0;border:0;background:none;color:#c8ed9c;font-size:18px;cursor:pointer}
.dm-conversation-list>p{font-size:10px!important;color:#9ab287!important;margin:0 9px 10px!important;line-height:1.6}
.dm-conversation-list .dm-conversation-row{display:flex!important;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 9px!important;margin:0!important;border:0!important;border-radius:6px!important;background:none!important;color:#c7dbb5!important;cursor:pointer;box-shadow:none!important}
.dm-conversation-list .dm-conversation-row:hover{background:#334d2d!important}
.dm-conversation-list .dm-inbox-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#213d29;border:1px solid #769c59;color:#d2e8ba;font-size:14px;flex-shrink:0}
.dm-conversation-list .dm-inbox-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.dm-conversation-list .dm-inbox-info strong{font-size:11px;color:var(--text)}
.dm-conversation-list .dm-inbox-info small{font-size:9px;color:#9ab287;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-conversation-list .dm-inbox-arrow{color:#9ab287}
.dm-conversation-list .dm-inbox-info strong .badge,.friend-card .badge.pa-admin{margin-left:6px;font-size:8px;padding:2px 6px;vertical-align:middle}
/* Header messages button: the design's blue tile, pixel chat icon and count bubble */
.header-tools #private-inbox .px-icon{width:20px;height:20px}
.header-tools #private-inbox:hover{background:color-mix(in srgb,var(--t-blue,#62adff) 20%,transparent)}
.header-tools .icon-button em,.header-tools #private-inbox #private-unread{font-size:10px;font-style:normal;line-height:17px;text-align:center}
/* Real profile popup (photo, nickname, email, password) in the design's dialog style */
.profile-dialog{width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.profile-dialog::backdrop{background:rgba(6,12,8,.75);backdrop-filter:blur(4px)}
.profile-dialog .profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.profile-dialog .eyebrow{color:var(--accent);font-size:10px}
.profile-dialog h2{margin:6px 0 0;font-size:20px}
.profile-dialog .profile-photo-row{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#172019;margin-bottom:16px;flex-wrap:wrap}
.profile-dialog #photo-preview{width:64px;height:64px;border-radius:14px;background:#283b26;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-size:24px;flex-shrink:0}
.profile-dialog #photo-preview img{width:100%;height:100%;object-fit:cover}
.profile-dialog .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.profile-dialog label{display:grid;gap:6px;font-size:11px;color:var(--muted)}
.profile-dialog input:not([type=file]):not([type=hidden]){width:100%;box-sizing:border-box;background:#141c17;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;text-transform:none}
.profile-dialog input[readonly],.profile-dialog input:disabled{opacity:.7}
.profile-dialog p{color:var(--muted);font-size:11px;line-height:1.8}
.profile-dialog details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:12px 0}
.profile-dialog summary{cursor:pointer;color:var(--text)}
.profile-dialog .profile-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}
.profile-dialog button{font:inherit;border-radius:9px;padding:10px 15px;border:1px solid var(--line);background:#253328;color:var(--text);cursor:pointer}
.profile-dialog #profile-save,.profile-dialog button[type=submit]{background:var(--accent);color:#182315;border:0}
.profile-dialog #profile-close{width:34px;height:34px;padding:0;display:grid;place-items:center}
.profile-dialog #profile-feedback{color:var(--accent)}
@media(max-width:560px){.profile-dialog .profile-grid{grid-template-columns:1fr}}
/* ---- Public pages (site-shell.js): the real page content inside the design ---- */
html[data-bloxr-shell] body{margin:0;background:var(--bg)!important;color:var(--text);font-family:BloxrPixel,monospace}
html[data-bloxr-shell] .bx-old-chrome{display:none!important}
html[data-bloxr-shell] .bx-page{max-width:none!important;margin:0!important;padding:0!important;background:none!important;min-height:0!important}
html[data-bloxr-shell] .bx-page>.page-heading,html[data-bloxr-shell] .store-intro>h1,html[data-bloxr-shell] .store-intro>p:not(.store-notice),html[data-bloxr-shell] .store-page-label,html[data-bloxr-shell] .rank-hero,html[data-bloxr-shell] .login>.tag,html[data-bloxr-shell] .login>h1,html[data-bloxr-shell] .login>.page-intro,html[data-bloxr-shell] .bx-page-register>section.card>h1{display:none!important}
html[data-bloxr-shell] .bx-page .panel,html[data-bloxr-shell] .bx-page-register>section.card,html[data-bloxr-shell] .bx-page>section:not(.member-dialog):not(.team-chat-dialog),html[data-bloxr-shell] .store-intro{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:24px!important;margin:0 0 20px!important;max-width:none!important;color:var(--text)}
html[data-bloxr-shell] .bx-page>a.brand{display:none!important}
html[data-bloxr-shell] .bx-page>section.bx-view{background:none!important;border:0!important;padding:0!important;margin:0!important}
html[data-bloxr-shell] body::before,html[data-bloxr-shell] body::after{content:none!important;display:none!important}
html[data-bloxr-shell] .bx-page-signin .login,html[data-bloxr-shell] .bx-page-register>section.card{max-width:620px!important;margin:0!important}
html[data-bloxr-shell] .bx-page label{display:block;color:var(--muted);font-size:12px;margin:14px 0 6px;text-transform:none!important}
html[data-bloxr-shell] .bx-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),html[data-bloxr-shell] .bx-page select,html[data-bloxr-shell] .bx-page textarea{width:100%;box-sizing:border-box;background:#141c17!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:9px!important;padding:12px 13px!important;font:inherit!important;text-transform:none!important}
html[data-bloxr-shell] .bx-page input:focus,html[data-bloxr-shell] .bx-page select:focus,html[data-bloxr-shell] .bx-page textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
html[data-bloxr-shell] .bx-page form:not(.dm-compose):not(#team-compose) button[type=submit],html[data-bloxr-shell] .bx-page form:not(.dm-compose):not(#team-compose)>button:not([type=button]),html[data-bloxr-shell] .bx-page .store-card button,html[data-bloxr-shell] .bx-page .primary{background:var(--accent)!important;color:#182315!important;border:0!important;border-radius:9px!important;padding:12px 18px!important;font:inherit!important;cursor:pointer;margin-top:16px}
html[data-bloxr-shell] .bx-page .muted,html[data-bloxr-shell] .bx-page .fine,html[data-bloxr-shell] .bx-page p{color:var(--muted);line-height:1.8}
html[data-bloxr-shell] .bx-page a:not(.button):not(.quick-card){color:var(--accent)}
html[data-bloxr-shell] .bx-page a.quick-card{color:var(--text);text-decoration:none}
html[data-bloxr-shell] .bx-page .message.error,html[data-bloxr-shell] .bx-page .error{color:#ffb4b4!important;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.35);border-radius:9px;padding:10px 12px}
html[data-bloxr-shell] .store-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:16px!important}
html[data-bloxr-shell] .store-cards>*{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;color:var(--text)!important;padding:20px!important}
html[data-bloxr-shell] .store-cards img{image-rendering:pixelated}
html[data-bloxr-shell] .store-filters input{max-width:420px}
html[data-bloxr-shell] .rank-table{width:100%;border-collapse:collapse}
html[data-bloxr-shell] .rank-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:400;padding:10px;border-bottom:1px solid var(--line)}
html[data-bloxr-shell] .rank-table td{padding:12px 10px;border-bottom:1px solid #263329}
html[data-bloxr-shell] .rank-table-wrap,html[data-bloxr-shell] .rank-podium,html[data-bloxr-shell] .rank-toolbar{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:18px!important;margin:0 0 20px!important}
html[data-bloxr-shell] .rank-tabs button,html[data-bloxr-shell] .rank-toolbar button{background:#1b261e!important;border:1px solid var(--line)!important;border-radius:8px!important;color:var(--muted)!important;padding:8px 12px!important;font:inherit!important}
html[data-bloxr-shell] .rank-tabs button[aria-selected=true],html[data-bloxr-shell] .rank-tabs .active{background:#283b26!important;color:var(--text)!important;border-color:#3c5435!important}
html[data-bloxr-shell] [data-done]::after{content:" · " attr(data-done)}
/* The old left command rail and its phone launcher are replaced by "How to play" in the sidebar */
#command-rail,#command-launcher{display:none!important}
/* Phones: keep the header to one tidy row */
@media(max-width:640px){
 .site-header{gap:10px!important;padding:0 12px!important}
 .site-header .header-commands{display:none!important}
 .header-tools{gap:8px!important}
 .header-tools .button.small{padding:7px 9px!important;font-size:10px!important;white-space:nowrap}
 .account-button>span:nth-child(2),.account-button>span:last-child{display:none!important}
 .header-tools #private-inbox,.icon-button{width:34px!important;height:34px!important}
}
html[data-bloxr-player-area] body{padding-left:0!important}
.site-header>nav a.plain{height:auto;border:0;color:var(--muted);font-size:13px}
.site-header>nav a.plain:hover{color:var(--text)}
.site-header>nav a.current{color:var(--text)}
.header-tools a.header-commands{display:inline-flex;align-items:center}
.pa-loading{padding:40px 0;color:var(--muted)}
#pa-inbox-slot{display:contents}
.header-tools #private-inbox{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;padding:0;color:var(--t-blue,#62adff);border:1px solid color-mix(in srgb,var(--t-blue,#62adff) 40%,var(--line));background:color-mix(in srgb,var(--t-blue,#62adff) 10%,transparent);min-height:0}
.header-tools #private-inbox #private-unread{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--t-blue,#62adff);color:#161c18;font-size:10px;display:grid;place-items:center;padding:0 4px}
.header-tools #private-inbox #private-unread[hidden]{display:none}
/* Account menu: links and the sign-out form look exactly like the design's menu buttons */
.preview-account-dropdown{top:70px!important;right:12px!important}
.preview-account-dropdown a{display:block;width:100%;box-sizing:border-box;text-align:left;padding:12px 9px;border-radius:6px;font-size:11px;color:#c7dbb5;line-height:1.8;text-decoration:none}
.preview-account-dropdown a:hover{background:#334d2d}
.preview-account-dropdown form{margin:0;padding:0;border:0}
.preview-account-dropdown form button{display:block;width:100%;text-align:left;padding:12px 9px;border-radius:6px;font-size:11px;color:#c7dbb5;line-height:1.8;background:none;border:0;font-family:inherit;cursor:pointer}
.preview-account-dropdown form button:hover{background:#334d2d}
/* Real components moved into the new pages keep their logic and take the new look */
.pa-mount>.dash-card,.pa-mount>section{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:22px;margin:0 0 20px}
.pa-mount h2{font-size:18px}
.pa-mount .dash-action{display:inline-flex;align-items:center;gap:8px;border-radius:9px;padding:11px 16px;background:var(--accent);color:#182315;border:0;font:inherit;cursor:pointer;text-decoration:none}
.pa-mount .dash-action.secondary{background:#253328;color:var(--text);border:1px solid var(--line)}
.pa-mount input,.pa-mount select,.pa-mount textarea{background:#141c17;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}
.pa-empty{padding:26px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}
.pa-empty strong{display:block;color:var(--text);margin-bottom:6px}
.pa-wheel-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:28px;align-items:center}
.pa-wheel{position:relative;aspect-ratio:1;border-radius:50%;border:6px solid #2c3f2f;box-shadow:0 0 0 2px #6d8f55,0 18px 40px rgba(0,0,0,.4)}
.pa-wheel img{position:absolute;width:11%;height:11%;image-rendering:pixelated;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.pa-wheel::after{content:"";position:absolute;inset:40%;border-radius:50%;background:#1b261e;border:4px solid #c8dc91}
.pa-wheel-pointer{position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #f4db92;z-index:2;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}
.pa-wheel-status{display:grid;gap:14px}
.pa-wheel-status .bar{margin-top:6px}
.pa-win-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #263329}
.pa-win-row img{width:28px;height:28px;image-rendering:pixelated}
.pa-prize-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:60vh;overflow:auto}
.pa-prize{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;border:1px solid var(--line);background:#172019}
.pa-prize img{width:32px;height:32px;image-rendering:pixelated}
.pa-prize small{display:block}
.pa-friend-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:860px){.pa-wheel-card{grid-template-columns:1fr}}

/* My Land: private claim overview and responsive extension planner. */
.land-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.land-summary>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.land-summary small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}.land-summary strong{display:block;font-size:26px;margin-top:8px}.land-summary strong span{font-size:14px;color:var(--muted)}.land-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}.land-card{min-width:0}.land-plan{display:block;width:100%;height:auto;max-height:300px;margin:14px 0;background:#111d17;border:1px solid var(--line);border-radius:12px;color:var(--text);font:13px Segoe UI,Arial,sans-serif}.land-plan text:last-child{font-size:10px;fill:var(--muted)}.land-plan text{fill:var(--text)}.land-facts{margin:16px 0;display:grid;gap:0}.land-facts>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.land-facts dt{color:var(--muted)}.land-facts dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}.land-access{padding:16px 0}.land-access h3{margin:0 0 12px}.land-access ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}.land-access li{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#233429;border-radius:8px;overflow-wrap:anywhere}.land-access small{color:var(--muted);display:block;line-height:1.7}.land-person-icon{color:var(--accent);font-weight:700}.land-card .button-row{margin-top:12px;gap:12px;flex-wrap:wrap}#land-dialog{width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 40px);overflow:auto;padding:0;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px}#land-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.land-dialog-body{padding:24px}.land-extension-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.land-extension-layout label{display:block;margin:15px 0 8px;color:var(--muted)}.land-extension-layout select,.land-extension-layout input{width:100%;min-height:40px}.land-extension-layout select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px}.land-key{display:flex;gap:20px;font-size:12px;color:var(--accent)}.land-key span:last-child{color:var(--gold)}.land-quote{border:1px solid var(--line);background:#111d17;padding:16px;border-radius:10px;margin:20px 0;line-height:1.7}.land-quote p{margin:6px 0 0}.land-dialog-body .button-row{display:flex;gap:12px;flex-wrap:wrap}#land-dialog .dialog-head button{border:0;background:transparent;color:var(--accent);font-size:25px;cursor:pointer}#land-dialog .dialog-head button:hover{filter:drop-shadow(0 0 5px var(--accent))}@media(max-width:700px){.land-summary{gap:10px}.land-summary>div{padding:12px}.land-summary strong{font-size:20px}.land-summary small{font-size:9px}.land-extension-layout{grid-template-columns:1fr;gap:10px}.land-dialog-body{padding:16px}.land-dialog-body .button-row>.button{width:100%}}

#land-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line)}.land-dialog-body h2{font-size:18px;margin-top:0}.land-dialog-body .land-facts{font-size:12px}.land-dialog-body label{font-size:12px}.land-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr))}

/* Land buy/sell preview controls */
.land-stepper{display:grid;grid-template-columns:40px minmax(80px,1fr) 40px;align-items:center;gap:12px;margin:12px 0 20px}.land-stepper button{width:40px;height:40px;padding:0;font:700 24px/1 inherit;border:1px solid rgba(184,229,139,.35);border-radius:10px;background:rgba(184,229,139,.08);color:#d5efb6;display:grid;place-items:center}.land-stepper button:hover:not(:disabled){background:rgba(184,229,139,.18);border-color:#b8e58b}.land-stepper button:disabled{opacity:.35;cursor:not-allowed}.land-stepper input[type=range]{min-width:0;width:100%;margin:0;accent-color:#b8e58b}#land-step-value{font-weight:700;color:#e4c576;font-variant-numeric:tabular-nums}.land-new-dimensions{font-size:20px;font-weight:700;fill:#fff;paint-order:stroke;stroke:#13231b;stroke-width:4px;stroke-linejoin:round}.land-proposed-fact dd{color:#e4c576;font-weight:700}.land-sale-warning{padding:12px 14px;border:1px solid rgba(237,143,138,.4);border-radius:10px;background:rgba(237,143,138,.08);color:#ffc6c2;font-size:13px;line-height:1.6}.land-refund-preview{display:grid;place-items:center;gap:12px;padding:34px 18px;border:1px solid rgba(184,229,139,.2);border-radius:14px;text-align:center;min-height:250px}.land-refund-preview>span{font-size:44px;color:#e4c576}.land-refund-preview strong{font-size:21px;color:#d5efb6}.land-refund-preview p{margin:0}.land-extension-layout>*{min-width:0}#land-live-controls .button-row{gap:12px;flex-wrap:wrap}#land-live-preview{align-self:start}.land-dialog-body>p{line-height:1.65}@media(max-width:600px){.land-stepper{gap:10px}.land-stepper button{height:44px;width:44px}.land-stepper{grid-template-columns:44px minmax(70px,1fr) 44px}.land-new-dimensions{font-size:18px}}

.land-stepper button{font-family:inherit;font-size:22px!important;font-weight:700;line-height:1}#land-dialog{overscroll-behavior:contain}html:has(#land-dialog[open]),body:has(#land-dialog[open]){overflow:hidden}#land-live-controls .button-row button{max-width:100%;white-space:normal;line-height:1.45}@media(max-width:600px){#land-live-controls .button-row .primary{flex:1 1 100%}}

/* Repeated action rhythm across the player area and shared public pages. */
.app-shell :is(.button-row,.pa-friend-actions){gap:12px;flex-wrap:wrap}
.app-shell .button-row>:is(button,.button,a){max-width:100%;white-space:normal}
@media(max-width:580px){.app-shell .button-row>:is(button,.button,a){min-height:44px}.app-shell .button-row{row-gap:12px;column-gap:12px}}

/* Website layout review: readable entry, distinct feedback, bounded catalogues. */
body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea){font-family:Segoe UI,Arial,sans-serif!important;font-size:15px;line-height:1.5;letter-spacing:normal!important;text-transform:none!important}
body :is(input,textarea)::placeholder{font-family:Segoe UI,Arial,sans-serif;letter-spacing:normal;text-transform:none}
@media(max-width:580px){body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea){font-size:16px}}
#content :is(.button-row,.event-actions,.event-form-actions,.toolbar,.pa-friend-actions){gap:12px;flex-wrap:wrap}
#content :is(p[role=status],.notice,.error,.alert):not(:empty){padding:14px 16px;border:1px solid #4b6542;border-radius:10px;background:#1c3022;line-height:1.8;margin:16px 0}
#content :is(.error,.alert.error,[role=alert]):not(:empty){padding:14px 16px;border:1px solid #985e58;border-radius:10px;background:#35231f;color:#f5c9c2;line-height:1.8}
#quest-grid,#history-list,#content>.equal-col:has(>section.card:nth-child(7)){max-height:min(72dvh,850px);overflow:auto;scrollbar-gutter:stable;scroll-padding:16px;padding-right:12px;align-content:start;overscroll-behavior-y:auto}
#quest-grid:focus-visible,#history-list:focus-visible,#content>.equal-col:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.rank-table-wrap{max-height:min(72dvh,760px);overflow:auto;scrollbar-gutter:stable;scroll-padding:48px}
.rank-table-wrap thead{position:sticky;top:0;z-index:1;background:#1c352b}
.store-card{display:flex;flex-direction:column;min-width:0;gap:12px}
.store-card .store-card-link{margin-top:auto;min-height:44px}
.store-card p{margin-bottom:0}
.store-card :is(h3,.store-kind){margin-bottom:0}
#content :is(.event-actions,.button-row)>.button{min-height:44px}

#content .store-card .store-card-link{margin-top:auto!important;flex-shrink:0}

@media(max-width:580px){body #content :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]),textarea){font-size:16px!important;line-height:1.5!important}}

/* Feedback follows the shared form, card, status and action system. */
html[data-bloxr-shell] #content .bx-page-feedback>.hero{display:block!important;padding:18px 22px!important;margin:0 0 22px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important}
#content .bx-page-feedback>.hero::after{display:none!important}
#content .bx-page-feedback>.hero :is(h1,.eyebrow){display:none!important}
#content .bx-page-feedback>.hero p{max-width:none!important;margin:0!important;line-height:1.8!important}
#content .bx-page-feedback>.card{padding:24px!important;margin:0 0 22px!important;border-radius:15px!important;border:1px solid var(--line)!important;background:var(--panel)!important}
#content .bx-page-feedback .types{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:0 0 20px!important}
#content .bx-page-feedback .types legend{margin-bottom:12px!important}
#content .bx-page-feedback .types label{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0;padding:16px!important;border-radius:10px!important;line-height:1.7!important}
#content .bx-page-feedback .types :is(b,small){display:block!important;white-space:normal!important;overflow-wrap:anywhere}
#content .bx-page-feedback .types small{font-size:11px!important;line-height:1.8!important}
#content .bx-page-feedback label.f{margin:18px 0 10px!important}
#content .bx-page-feedback textarea{min-height:170px!important;border-radius:10px!important}
#content .bx-page-feedback .hint{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11px;line-height:1.8}
#content .bx-page-feedback .fine{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#152019;line-height:1.8}
#content .bx-page-feedback .inbox-head{gap:16px!important;margin-bottom:18px}
#content .bx-page-feedback .tabs{display:flex!important;gap:8px!important;padding:5px!important;margin:0!important;width:auto!important}
#content .bx-page-feedback .tabs a{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:8px 12px!important;margin:0!important;border-radius:7px!important;font-size:11px!important;color:var(--muted)!important;border:1px solid var(--line)!important}
#content .bx-page-feedback .tabs a.on{background:var(--accent)!important;color:#21301b!important;border-color:var(--accent)!important}
#content .bx-page-feedback .feedback-list{max-height:min(70dvh,720px);overflow:auto;scrollbar-gutter:stable;scroll-padding:16px;padding-right:10px;margin-top:16px}
#content .bx-page-feedback .item{padding:18px!important;margin:0 0 14px!important;border-radius:12px!important;border-color:var(--line)!important;background:#142019!important}
#content .bx-page-feedback .item.new{border-left:3px solid var(--accent)!important}
#content .bx-page-feedback .meta{display:flex;gap:10px;align-items:center;line-height:1.8}
#content .bx-page-feedback .meta strong{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:#243529;overflow-wrap:anywhere}
#content .bx-page-feedback .meta span{overflow-wrap:anywhere;max-width:100%}
#content .bx-page-feedback .item p{font-family:Segoe UI,Arial,sans-serif!important;font-size:15px!important;line-height:1.7!important;text-transform:none!important;margin:16px 0!important;padding:14px;background:#101b15;border:1px solid var(--line);border-radius:9px}
#content .bx-page-feedback .acts{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:16px!important}
#content .bx-page-feedback .acts :is(form,button){margin:0!important}
#content .bx-page-feedback :is(button,.button){min-height:44px;border-radius:8px!important;line-height:1.7!important}
#content .bx-page-feedback .acts .ghost{background:transparent!important;border-color:#895953!important;color:#efb7ad!important}
#content .bx-page-feedback .linkbtn{padding:9px 12px!important;background:transparent!important;color:var(--accent)!important;border:1px solid var(--line)!important;margin:0!important;text-decoration:none!important}
@media(max-width:750px){#content .bx-page-feedback .types{grid-template-columns:1fr!important}#content .bx-page-feedback>.card{padding:18px!important}#content .bx-page-feedback .inbox-head{align-items:flex-start!important}#content .bx-page-feedback .tabs{flex-wrap:wrap!important}#content .bx-page-feedback .hint span:last-child{margin-left:auto}}

#content .bx-page-link h1{display:none!important}

/* Keep large figures inside cards, align member actions, and bound the guide catalogue. */
.app-shell .stats .stat strong{font-size:clamp(17px,1.4vw,24px)!important;overflow-wrap:anywhere;max-width:100%;min-width:0;line-height:1.6}
.app-shell .friend-card>.pa-friend-actions{flex-basis:100%;width:100%;margin-top:8px;justify-content:flex-start}
#player-guide-grid{max-height:min(72dvh,850px);overflow:auto;scrollbar-gutter:stable;scroll-padding:16px;padding-right:12px;align-content:start}
#player-guide-grid:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Shared World map identity across every navigation shell. */
.sidebar nav a[href="/map"]{--tone:#4fd8cf}.sidebar nav a[href="/map"]>span:first-child{--tone:#4fd8cf;color:#4fd8cf!important}

/* Personal terrain in My Land; read-only until the existing checked confirmation. */
.land-terrain{overflow:hidden;border:1px solid #486040;border-radius:12px;background:#102019;min-width:0;text-align:left;font:13px/1.5 "Segoe UI",Arial,sans-serif}.land-terrain-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;flex-wrap:wrap}.land-terrain-tools strong{font:600 11px/1.5 "Segoe UI",Arial,sans-serif;color:#c5ddb7}.land-terrain-tools>div{display:flex;gap:7px}.land-terrain-tools button{min-width:32px!important;min-height:34px!important;height:34px!important;padding:4px 9px!important;font:600 13px/1.5 "Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap;border:1px solid #526b45;background:#203526;color:#deefcf;border-radius:7px}.land-terrain canvas{display:block;width:100%;height:300px;touch-action:none;cursor:grab;background:#0a1828}.land-terrain canvas:active{cursor:grabbing}.land-terrain-key{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 12px 0;font:12px/1.5 "Segoe UI",Arial,sans-serif}.land-terrain-key>span:first-child{color:#b8e58b}.land-terrain-key>span:last-child{color:#e4c576}.land-terrain-status{margin:8px 12px 12px!important;color:#abbfae;font:12px/1.5 "Segoe UI",Arial,sans-serif!important}.land-card .land-terrain{margin:14px 0}.land-card .land-terrain canvas{height:240px}#land-dialog:has(.land-terrain){width:min(1120px,calc(100vw - 32px));max-width:1120px}#land-dialog .land-extension-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:22px}#land-dialog .land-terrain canvas{height:360px}@media(max-width:760px){#land-dialog .land-extension-layout{grid-template-columns:minmax(0,1fr)}#land-dialog .land-terrain canvas{height:280px}.land-terrain-tools{gap:8px}} 

/* Floating conversations own their layout, independently of staff page panels. */
html[data-bloxr-shell] #private-messages.private-floating,
html[data-bloxr-shell] #team-chat.team-chat-dialog{padding:0!important;margin:0!important;overflow:hidden!important;max-width:calc(100vw - 96px)!important}
html[data-bloxr-shell] #private-messages .dialog-top{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;padding:12px 14px!important;min-height:58px;flex:0 0 auto}
html[data-bloxr-shell] #private-messages .dialog-top h2{min-width:0;flex:1;margin:0;font-size:13px!important;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-bloxr-shell] #private-messages .dm-upload-setting{flex:0 0 auto;margin:0;padding:0;border:0}
html[data-bloxr-shell] #private-messages .dm-upload-toggle{min-height:32px;padding:6px 8px;gap:6px;white-space:nowrap}
html[data-bloxr-shell] #private-messages .chat-search-bar{flex:0 0 auto;padding:8px 12px}
html[data-bloxr-shell] #private-list{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
html[data-bloxr-shell] #private-compose{flex:0 0 auto;padding:10px 12px;margin:0}
html[data-bloxr-shell] #private-compose .dm-compose-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
html[data-bloxr-shell] #private-compose .dm-compose-tools button{margin-top:0!important;line-height:1.3!important;min-height:36px;padding:8px 10px!important}
html[data-bloxr-shell] #private-compose .dm-compose-tools button[type=submit]{margin-left:auto!important}
html[data-bloxr-shell] #private-feedback{flex:0 0 auto;margin:0!important;padding:8px 12px!important;border:0!important;border-top:1px solid #304136!important;background:none!important;border-radius:0!important;font-size:11px!important;line-height:1.4}
html[data-bloxr-shell] #private-feedback:empty{display:none}
@media(max-width:600px){html[data-bloxr-shell] #private-messages.private-floating,html[data-bloxr-shell] #team-chat.team-chat-dialog{max-width:calc(100vw - 68px)!important}html[data-bloxr-shell] #private-messages .dialog-top{gap:7px;padding:10px!important}html[data-bloxr-shell] #private-messages .dialog-top h2{font-size:12px!important}}

.pa-website-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px;max-width:100%}.pa-website-badges[hidden]{display:none!important}.pa-website-pack-badge{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;max-width:100%;padding:5px 9px;border:1px solid #83b86688;border-radius:8px;background:#213e2d;color:#c6efa9;font:600 12px/1.35 'Segoe UI',Arial,sans-serif;letter-spacing:normal;text-transform:none}.pa-website-pack-badge[data-pack=builder_style]{border-color:#66bfd188;background:#1a3540;color:#a1e2ed}.pa-website-pack-badge[data-pack=celebration]{border-color:#bb8ed888;background:#352640;color:#e8c4fb}.pa-profile-pack-badges{margin:12px 0 18px}