*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#07111d;color:#f7fbff}body{overflow:hidden}button,input{font:inherit}.hidden{display:none!important}.glass{background:rgba(13,26,43,.88);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.09);box-shadow:0 25px 80px rgba(0,0,0,.35)}.auth-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(20,184,166,.22),transparent 32%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.18),transparent 34%),linear-gradient(135deg,#07111d,#0b1727)}.auth-card{width:min(440px,calc(100% - 32px));border-radius:28px;padding:34px}.brand{display:flex;align-items:center;gap:12px}.brand div:last-child{display:flex;flex-direction:column}.brand small{color:#7f91a7;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:22px;background:linear-gradient(135deg,#2dd4bf,#2563eb);box-shadow:0 8px 30px rgba(45,212,191,.22)}h1{font-size:36px;line-height:1.05;margin:30px 0 12px}.auth-card p{color:#9eb0c3;line-height:1.6;margin-bottom:24px}.auth-card input,.card input,.toolbar input{width:100%;border:1px solid #24364b;background:#0b1727;color:#fff;border-radius:12px;padding:13px 14px;outline:none;margin-bottom:12px}.auth-card input:focus,.card input:focus,.toolbar input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.08)}button{border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#14b8a6,#2563eb);color:#fff;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}.ghost{background:#132135;border:1px solid #263950}.error{color:#fb7185;font-size:13px;margin-top:10px}.app{height:100%;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#091421;border-right:1px solid #17263a;padding:20px 14px;display:flex;flex-direction:column}.side-brand{padding:5px 8px 24px}.sidebar nav{display:grid;gap:7px}.nav{background:transparent;text-align:left;color:#8fa1b6;padding:12px 14px}.nav:hover,.nav.active{background:#132438;color:#fff}.nav.active{box-shadow:inset 3px 0 #2dd4bf}.side-bottom{margin-top:auto}.user-card{padding:13px;border-radius:14px;background:#0e1c2d;border:1px solid #1d3046;margin-bottom:8px}.user-card strong,.user-card span{display:block}.user-card span{color:#7f91a7;font-size:12px;margin-top:3px}.side-bottom button{width:100%}main{min-width:0;min-height:0;height:100%;overflow:hidden;background:#07111d}.view{height:100%;min-height:0}.page{height:100%;overflow-y:auto;padding-bottom:80px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #15253a;background:rgba(7,17,29,.9)}.topbar h2{margin:3px 0 0;font-size:25px}.eyebrow{margin:0;color:#2dd4bf;font-size:10px;font-weight:800;letter-spacing:.16em}.toolbar{display:flex;gap:8px}.toolbar input{width:220px;margin:0}.map-shell{height:calc(100% - 92px);position:relative;overflow:hidden;background:#0a1623}#map{width:100%;height:100%;display:block;cursor:grab}#map.dragging{cursor:grabbing}.map-overlay{position:absolute;background:rgba(7,17,29,.87);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 12px;font-size:12px;color:#c7d4e2;backdrop-filter:blur(12px)}.top-left{top:16px;left:16px}.top-left span+span{margin-left:12px;color:#6f849a}.bottom-left{bottom:16px;left:16px}.legend{display:flex;gap:13px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.dot.mine{background:#2dd4bf}.dot.team{background:#a78bfa}.dot.other{background:#fb923c}.zoom{position:absolute;right:16px;bottom:16px;display:grid;gap:5px}.zoom button{width:42px;height:42px;font-size:22px;padding:0;background:#0d1e31;border:1px solid #253a52}.claim-panel{position:absolute;top:16px;right:16px;width:315px;border-radius:20px;padding:20px;max-height:calc(100% - 90px);overflow:auto}.claim-panel h3{margin:0 0 5px}.claim-panel p{color:#91a5b9;font-size:13px;line-height:1.5}.claim-panel .coords{background:#0b1727;border-radius:12px;padding:10px;margin:12px 0;font-family:ui-monospace,monospace;color:#8da3ba}.claim-panel select,.claim-panel input{width:100%;background:#0b1727;color:#fff;border:1px solid #24364b;border-radius:10px;padding:10px;margin-bottom:9px}.claim-panel button{width:100%;margin-top:5px}.page>.topbar{margin-bottom:24px}.grid-two,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 28px}.card{background:#0c1928;border:1px solid #1b2c41;border-radius:18px;padding:20px}.card h3{margin-top:0}.card label{display:block;color:#9aadbf;font-size:13px;margin:10px 0}.card label input{margin-top:7px}.switch-row{display:flex!important;align-items:center;justify-content:space-between}.switch-row input{width:auto!important;margin:0!important}.span-2{grid-column:1/-1}.team-row,.user-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #1a2a3e}.team-row:last-child,.user-row:last-child{border-bottom:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#13273c;color:#9eb6cd;font-size:11px}.muted{color:#7d91a7;font-size:12px}@media(max-width:800px){.app{grid-template-columns:74px 1fr}.side-brand div:last-child,.nav{font-size:0}.nav:first-letter{font-size:18px}.sidebar{padding:14px 9px}.logo{width:38px;height:38px}.user-card{display:none}.topbar{padding:0 14px}.toolbar input{width:140px}.grid-two,.admin-grid{grid-template-columns:1fr;padding:0 14px}.span-2{grid-column:auto}.claim-panel{width:min(315px,calc(100% - 32px))}}
.hint{align-self:center;color:#7f91a7;font-size:12px;white-space:nowrap}.toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#0b1727;border:1px solid #2dd4bf;border-radius:12px;padding:10px 16px;box-shadow:0 14px 40px rgba(0,0,0,.4);z-index:20}.team-box{border-bottom:1px solid #1a2a3e;padding-bottom:12px;margin-bottom:8px}.team-box .team-row{border:0}.invite-row{display:flex;gap:8px}.invite-row input{margin:0}.invite-row button{padding:9px 12px}.invite-card{padding:12px;border:1px solid #1b2c41;border-radius:12px;margin:8px 0;display:grid;gap:8px}.invite-card span{font-size:12px;color:#7d91a7}.invite-card div{display:flex;gap:8px}.invite-card button{padding:8px 10px}.section-gap{margin-top:28px!important}@media(max-width:1050px){.hint{display:none}}
.auth-tabs{display:flex;gap:6px;margin:26px 0 8px;padding:5px;background:#091421;border:1px solid #1b2c41;border-radius:14px}.auth-tab{flex:1;background:transparent;color:#8fa1b6}.auth-tab.active{background:#132438;color:#fff;box-shadow:inset 0 0 0 1px #29435e}.admin-user{gap:18px}.user-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.small{padding:7px 10px;border-radius:9px;font-size:11px}.danger{background:#5f1d2a;border:1px solid #8e3042}.danger-badge{background:#5f1d2a;color:#ffb4c0}@media(max-width:900px){.admin-user{align-items:flex-start;flex-direction:column}.user-actions{justify-content:flex-start}}
/* Refined authentication */
.auth-wrap{padding:32px;background:radial-gradient(circle at 18% 15%,rgba(20,184,166,.12),transparent 28%),radial-gradient(circle at 82% 82%,rgba(37,99,235,.12),transparent 30%),#07111d}
.auth-card{width:min(460px,100%);padding:38px 40px 40px;border-radius:24px;background:#0b1929;border-color:#1d3248;box-shadow:0 28px 90px rgba(0,0,0,.34)}
.auth-card .brand{margin-bottom:30px}.auth-card .logo{width:46px;height:46px;border-radius:14px}
.auth-tabs{margin:0 0 32px;padding:4px;background:#071421;border-color:#1b3045;border-radius:12px}
.auth-tab{padding:10px 14px;border-radius:9px;font-size:14px;background:transparent!important;color:#8094a9}
.auth-tab:hover{filter:none;color:#dce8f4}.auth-tab.active{background:#13283d!important;color:#fff;box-shadow:none}
.auth-card h1{font-size:32px;letter-spacing:-.035em;margin:0 0 10px}.auth-card p{font-size:14px;margin:0 0 24px;color:#8fa3b8}
.auth-card input{height:50px;margin-bottom:12px;background:#081522;border-color:#21364b;color:#eef6ff;border-radius:11px;padding:0 14px}
.auth-card input::placeholder{color:#61768c}.auth-card input:focus{border-color:#22c7bb;box-shadow:0 0 0 3px rgba(34,199,187,.1)}
#loginBtn,#registerBtn{width:100%;height:49px;margin-top:5px;border-radius:11px;background:linear-gradient(110deg,#14b8a6,#2877e8)}
.auth-card .error{min-height:18px;margin-top:12px;text-align:center}
@media(max-width:520px){.auth-wrap{padding:16px}.auth-card{padding:28px 22px}.auth-card h1{font-size:28px}}
.spawn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.claim-panel .danger{background:#5f1d2a;border:1px solid #8e3042}.claim-panel select{outline:none}@media(max-width:600px){.spawn-grid{grid-template-columns:1fr}}
.card select{width:100%;border:1px solid #24364b;background:#0b1727;color:#fff;border-radius:12px;padding:12px 14px;outline:none;margin-top:7px}.renderer-admin{margin-top:20px;padding-top:18px;border-top:1px solid #1b2c41}.renderer-admin h4{margin:0 0 6px}.render-actions{display:flex;gap:8px;margin:12px 0}.render-status{padding:11px 12px;border-radius:11px;background:#081522;border:1px solid #1d3046;color:#91a5b9;font-size:12px}.render-status strong,.render-status span{display:block}.progress{height:7px;background:#132438;border-radius:999px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#2877e8);border-radius:999px}.map-shell canvas{image-rendering:auto}
.biome-colors{margin-top:18px;padding-top:16px;border-top:1px solid #1b2c41}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0}.color-grid input{height:38px;padding:3px;margin:3px 0 8px}.biome-colors button{width:100%}
.auth-download{margin-top:20px;padding-top:16px;border-top:1px solid #24364b;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9eb0c3;font-size:13px}.link-button{background:transparent;padding:6px;color:#5eead4}.public-download{height:100%;overflow-y:auto;padding:32px;background:radial-gradient(circle at 20% 20%,rgba(20,184,166,.18),transparent 32%),#07111d}.download-card{max-width:760px;margin:0 auto;border-radius:24px;padding:24px}.download-content{padding:12px 10px}.download-content h1{margin:12px 0}.download-close{margin-bottom:10px}.download-page{max-width:900px;margin:0 auto;padding:0 28px 60px}.download-main{padding:28px}.pack-info{display:flex;flex-direction:column;gap:4px;background:#0b1727;border:1px solid #24364b;border-radius:12px;padding:14px;margin:14px 0;color:#9eb0c3}.pack-info strong{color:#fff}.pack-info span{font-size:12px}.download-button{display:inline-block;text-decoration:none;border-radius:12px;padding:13px 18px;background:linear-gradient(135deg,#14b8a6,#2563eb);color:#fff;font-weight:700;margin:4px 0 18px}.install-steps{margin-top:18px;border-top:1px solid #24364b;padding-top:16px}.install-steps ol{color:#b5c4d4;line-height:1.8;padding-left:22px}.install-steps strong{color:#fff}#packUpload{padding:10px}
#guideIntro,.guide-step-text{width:100%;resize:vertical}.guide-edit{margin:14px 0;padding:16px;border:1px solid #24364b;border-radius:14px;background:#0b1727}.guide-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.danger-small{color:#fca5a5}.image-upload{display:block;margin-top:10px}.guide-image-preview{margin-top:12px;display:flex;align-items:flex-start;gap:12px}.guide-image-preview img{max-width:260px;max-height:180px;object-fit:contain;border-radius:10px;border:1px solid #24364b}.guide-steps{display:flex;flex-direction:column;gap:16px;margin-top:18px}.guide-step{display:flex;gap:14px;align-items:flex-start}.guide-num{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#12334a;color:#5eead4;font-weight:700}.guide-step-body{min-width:0;flex:1}.guide-step-body p{margin:3px 0 10px;white-space:pre-wrap}.guide-step-body img{display:block;max-width:min(100%,720px);max-height:520px;object-fit:contain;border-radius:14px;border:1px solid #24364b}
/* CraftDefend14 branding */
:root{--cd-bg:#07101c;--cd-panel:#0c1a2b;--cd-panel2:#10243a;--cd-cyan:#22d9e6;--cd-blue:#1768c9;--cd-gold:#ffb000;--cd-silver:#eef3f8;--cd-muted:#8fa4b9}
body,main{background:var(--cd-bg)}
.auth-wrap{background:radial-gradient(circle at 18% 14%,rgba(34,217,230,.15),transparent 30%),radial-gradient(circle at 86% 82%,rgba(255,176,0,.10),transparent 28%),linear-gradient(135deg,#06101d,#0b1d31)}
.logo{background:linear-gradient(145deg,var(--cd-cyan),var(--cd-blue));color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px rgba(34,217,230,.2)}
.brand strong{color:var(--cd-silver);letter-spacing:-.02em}.brand strong::first-letter{color:#fff}
.sidebar{background:#081421;border-color:#17304a}.nav:hover,.nav.active{background:#102842}.nav.active{box-shadow:inset 3px 0 var(--cd-cyan)}
.topbar{background:rgba(7,16,28,.93);border-color:#18304a}.eyebrow{color:var(--cd-cyan)}
.card,.auth-card{background:#0b1929;border-color:#1b3854}.glass{background:rgba(11,25,41,.9);border-color:rgba(75,180,210,.14)}
button{background:linear-gradient(135deg,#16bfcf,#1768c9)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cd-cyan);outline-offset:2px}
#centerSpawn,.download-button{background:linear-gradient(135deg,#16cbd8,#1768c9)}
.ghost{background:#102239;border-color:#25435e}.map-overlay{background:rgba(7,16,28,.9);border-color:rgba(34,217,230,.14)}
.toast{border-color:var(--cd-cyan)}.claim-quota{color:#dcebf3!important}.progress i{background:linear-gradient(90deg,var(--cd-cyan),var(--cd-blue))}
.auth-download,.install-steps,.renderer-admin,.biome-colors{border-color:#1b3854}
.link-button{color:var(--cd-cyan)}.guide-num{background:#10314a;color:var(--cd-cyan)}
/* CraftDefend14 login */
.auth-wrap{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 10%,rgba(28,201,222,.22),transparent 34%),radial-gradient(circle at 88% 75%,rgba(255,166,0,.14),transparent 30%),linear-gradient(125deg,#050b13 0%,#08192a 48%,#0c2035 100%)}
.auth-wrap:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,9,16,.9),rgba(5,15,26,.56) 48%,rgba(4,11,20,.86)),radial-gradient(circle at 50% 0,rgba(34,217,230,.13),transparent 44%)}
.auth-wrap:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background-image:linear-gradient(rgba(34,217,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,217,230,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.auth-card{width:min(500px,100%);padding:30px 42px 40px;background:linear-gradient(180deg,rgba(10,24,40,.96),rgba(7,18,31,.97));border:1px solid rgba(63,220,231,.2);box-shadow:0 32px 100px rgba(0,0,0,.55),0 0 55px rgba(20,178,205,.08)}
.login-brand{display:flex;flex-direction:column;align-items:center;margin:-8px 0 24px}.login-brand img{display:block;width:min(100%,420px);height:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.5))}.login-brand small{margin-top:-8px;color:#7f9db4;font-size:10px;font-weight:800;letter-spacing:.22em}
.auth-tabs{border-color:#20415a;background:#061321}.auth-tab.active{background:linear-gradient(135deg,rgba(27,196,211,.18),rgba(25,105,197,.2))!important;box-shadow:inset 0 0 0 1px rgba(47,220,229,.22)}
.auth-card input{background:#061421;border-color:#24435b}.auth-card input:focus{border-color:#25dbe4;box-shadow:0 0 0 3px rgba(37,219,228,.11)}
#loginBtn,#registerBtn{background:linear-gradient(105deg,#16c8d5 0%,#1684d0 58%,#1768c9 100%);box-shadow:0 10px 28px rgba(16,157,201,.18)}
.auth-download{border-color:#1e3c53}.auth-download .link-button{color:#3ee7eb}
@media(max-width:520px){.login-brand img{width:100%}.login-brand small{letter-spacing:.13em}.auth-card{padding:24px 22px 30px}}
/* CraftDefend14 Minecraft UI pass */
.auth-wrap{padding:24px;background-image:linear-gradient(90deg,rgba(3,9,16,.28),rgba(3,10,18,.08),rgba(3,9,16,.3)),url('/craftdefend14-bg.svg');background-size:cover;background-position:center}
.auth-wrap:before{background:linear-gradient(180deg,rgba(2,8,15,.04),rgba(2,8,15,.12) 55%,rgba(2,8,15,.42))}
.auth-wrap:after{display:none}
.auth-card{width:min(510px,calc(100% - 32px));padding:24px 36px 30px;border-radius:3px;background:linear-gradient(180deg,rgba(5,20,33,.93),rgba(3,15,26,.96));border:2px solid #12b7c9;box-shadow:0 0 0 1px rgba(94,234,212,.16),0 0 34px rgba(13,207,224,.18),0 30px 90px rgba(0,0,0,.58);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.login-brand{margin:-130px 0 20px;pointer-events:none}.login-brand img{width:min(580px,125%);max-height:220px;object-fit:contain;filter:drop-shadow(0 12px 3px rgba(0,0,0,.7))}.login-welcome{margin-top:-5px;color:#e7eef5;font-size:14px}.login-welcome strong{display:block;margin-top:3px;color:#4ce7ef;font-size:28px;letter-spacing:-.03em;text-shadow:0 0 20px rgba(44,224,236,.24)}.login-brand small{margin:8px 0 0;color:#b4c2cf;letter-spacing:.04em;font-size:10px}
.auth-tabs{margin:18px 0 22px;border-radius:2px;border:1px solid #24546c;background:rgba(2,13,23,.76)}.auth-tab{border-radius:0}.auth-tab.active{background:linear-gradient(180deg,rgba(21,198,214,.25),rgba(14,94,133,.28))!important;box-shadow:inset 0 -2px #2ce1e8}
.auth-card h1{font-size:20px;text-align:center;margin-bottom:8px}.auth-card p{text-align:center;font-size:12px;margin-bottom:18px}
.auth-card input{height:50px;border-radius:2px;border:1px solid #2a7691;background:rgba(2,14,25,.9);box-shadow:inset 0 0 0 2px rgba(2,7,13,.4)}
.auth-card input:focus{border-color:#42e8ef;box-shadow:0 0 0 2px rgba(34,211,223,.16),inset 0 0 14px rgba(18,160,185,.08)}
#loginBtn,#registerBtn{height:51px;border-radius:2px;color:#04131c;text-shadow:0 1px rgba(255,255,255,.18);background:linear-gradient(180deg,#36e8ec,#0fc4d2 48%,#08a9bd);border:2px solid #71f5f1;box-shadow:inset 0 -4px rgba(0,77,97,.28),0 0 20px rgba(26,219,229,.24)}
#loginBtn:hover,#registerBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.auth-download{justify-content:center;border-color:#235064;color:#9cb0c0}.auth-download .link-button{color:#45e5e8}
.sidebar{background:linear-gradient(180deg,#071523,#091b2b);border-right:2px solid #173d55}.shield-logo{border-radius:3px;transform:rotate(45deg);background:linear-gradient(145deg,#27e3e8,#0879b6);border:2px solid #b7f5f5;box-shadow:inset 0 0 0 3px #0b2535,0 5px 20px rgba(25,211,222,.2)}.shield-logo::first-letter{display:inline-block}.side-brand .shield-logo{color:#eaf7f8;text-shadow:0 2px #092331}
.nav{border-radius:2px;border:1px solid transparent}.nav:hover,.nav.active{background:linear-gradient(90deg,#0d2a40,#10243a);border-color:#1d536d}.nav.active{box-shadow:inset 4px 0 #22d9e6}
.topbar{border-bottom:2px solid #153b53;background:linear-gradient(180deg,#081725,#07131f)}.card,.claim-panel,.map-overlay,.user-card{border-radius:3px}.card{border-color:#1b4861;background:linear-gradient(180deg,#0b1b2b,#091725)}button,.download-button{border-radius:2px}.ghost{border-color:#28516a}.eyebrow{color:#38e2e8}.badge{border-radius:2px}.map-overlay{border-color:#1d566d}.claim-panel{border:1px solid #1e647b}.zoom button{border-radius:2px;border-color:#28627c}
@media(max-width:650px){.auth-card{padding:22px 20px 26px}.login-brand{margin:-85px 0 16px}.login-brand img{width:115%}.login-welcome strong{font-size:23px}.auth-wrap{padding-top:100px}}
/* === CraftDefend14 final Minecraft skin === */
:root{
--cd14-cyan:#19e3ea;
--cd14-cyan-bright:#5ffcff;
--cd14-blue:#087fb8;
--cd14-gold:#ffb20b;
--cd14-ink:#03101b;
--cd14-panel:#061725;
--cd14-panel-2:#0a2132;
--cd14-border:#19758d;
--cd14-text:#f2f7fb;
--cd14-muted:#9eb2c3;
--pixel-cut:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
}
/* Login: the rendered scene is the actual background. The functional HTML card
sits exactly over the rendered card from the concept image. */
.auth-wrap{
display:block;
position:relative;
min-height:100%;
padding:0;
overflow:hidden;
background-color:#06111c;
background-image:
linear-gradient(180deg,rgba(1,8,14,.02) 0%,rgba(1,8,14,.04) 52%,rgba(1,8,14,.22) 100%),
var(--cd14-login-bg,none);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.auth-wrap:before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle at 50% 66%,transparent 0 24%,rgba(0,5,10,.08) 42%,rgba(0,5,10,.22) 100%);
}
.auth-wrap:after{display:none}
.auth-card{
position:absolute;
z-index:2;
left:50%;
top:35.8%;
transform:translateX(-50%);
width:min(620px,calc(100% - 30px));
max-height:62vh;
overflow-y:auto;
padding:27px 42px 30px;
border:2px solid var(--cd14-cyan);
border-radius:0;
clip-path:var(--pixel-cut);
background:
linear-gradient(180deg,rgba(5,22,35,.985),rgba(2,14,24,.99));
box-shadow:
inset 0 0 0 1px rgba(126,252,255,.18),
inset 0 0 32px rgba(14,126,155,.08),
0 0 24px rgba(25,227,234,.22),
0 28px 90px rgba(0,0,0,.48);
scrollbar-width:thin;
scrollbar-color:#17657b #06131f;
}
.auth-card:before,.auth-card:after{
content:"";
position:absolute;
width:14px;
height:14px;
pointer-events:none;
background:var(--cd14-cyan-bright);
filter:drop-shadow(0 0 5px rgba(45,235,241,.55));
}
.auth-card:before{left:0;top:0;clip-path:polygon(0 0,100% 0,100% 4px,4px 4px,4px 100%,0 100%)}
.auth-card:after{right:0;bottom:0;clip-path:polygon(calc(100% - 4px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 4px),calc(100% - 4px) calc(100% - 4px))}
.login-brand{
display:flex;
flex-direction:column;
align-items:center;
margin:0 0 22px;
text-align:center;
pointer-events:none;
}
.login-brand img{display:none}
.login-welcome{
margin:0;
color:#f4f8fb;
font-size:14px;
line-height:1.25;
text-shadow:0 2px 3px rgba(0,0,0,.6);
}
.login-welcome strong{
display:block;
margin-top:5px;
color:var(--cd14-cyan-bright);
font-family:"Arial Black",Impact,system-ui,sans-serif;
font-size:30px;
letter-spacing:-.045em;
text-shadow:0 0 18px rgba(45,235,241,.32),0 3px 0 rgba(0,0,0,.55);
}
.login-brand small{
margin:8px 0 0;
color:#d0dbe3;
font-size:10px;
line-height:1.4;
font-weight:800;
letter-spacing:.035em;
text-shadow:0 2px 2px #000;
}
.auth-tabs{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
margin:0 0 24px;
padding:0;
height:52px;
border:1px solid #2d6077;
border-radius:0;
background:rgba(2,13,22,.86);
clip-path:var(--pixel-cut);
}
.auth-tab{
position:relative;
padding:0 14px;
border-radius:0;
border:0;
color:#9fb2c2;
font-size:14px;
background:transparent!important;
box-shadow:none!important;
}
.auth-tab+ .auth-tab{border-left:1px solid #244c61}
.auth-tab:hover{color:#fff;filter:none}
.auth-tab.active{
color:#fff;
background:linear-gradient(180deg,rgba(10,129,153,.30),rgba(5,48,70,.24))!important;
box-shadow:inset 0 -3px var(--cd14-cyan),inset 0 0 22px rgba(25,227,234,.08)!important;
}
.auth-tab.active:after{
content:"";
position:absolute;
left:50%;
bottom:-1px;
transform:translateX(-50%);
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid var(--cd14-cyan);
}
.auth-card h1{
margin:0 0 7px;
text-align:center;
color:#fff;
font-family:"Arial Black",Impact,system-ui,sans-serif;
font-size:21px;
letter-spacing:-.025em;
text-shadow:0 3px 0 rgba(0,0,0,.55);
}
.auth-card p{
margin:0 0 19px;
text-align:center;
color:#a6b7c5;
font-size:12px;
line-height:1.5;
}
.auth-card input{
width:100%;
height:53px;
margin:0 0 13px;
padding:0 15px 0 48px;
border:1px solid #2a6880;
border-radius:0;
outline:0;
color:#eaf5fa;
background-color:rgba(2,14,24,.96);
background-repeat:no-repeat;
background-position:16px 50%;
background-size:18px 18px;
box-shadow:inset 0 0 0 2px rgba(0,0,0,.28),inset 0 0 18px rgba(7,69,91,.06);
clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
}
#loginIdentity,#regName,#regEmail{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ab4c7' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
#loginPassword,#regPassword,#regPassword2{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ab4c7' stroke-width='2'%3E%3Crect x='5' y='10' width='14' height='11' rx='1'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
.auth-card input::placeholder{color:#72899d}
.auth-card input:focus{
border-color:var(--cd14-cyan-bright);
box-shadow:inset 0 0 0 1px rgba(90,245,249,.25),0 0 13px rgba(25,227,234,.18);
}
#loginBtn,#registerBtn{
position:relative;
width:100%;
height:57px;
margin-top:2px;
border:2px solid #7fffff;
border-radius:0;
clip-path:var(--pixel-cut);
color:#03131d;
font-family:"Arial Black",Impact,system-ui,sans-serif;
font-size:16px;
text-shadow:0 1px 0 rgba(255,255,255,.2);
background:linear-gradient(180deg,#42f2f2 0%,#16d6df 47%,#09afc3 100%);
box-shadow:
inset 0 -5px rgba(0,73,92,.30),
inset 0 3px rgba(255,255,255,.16),
0 0 22px rgba(25,227,234,.28);
}
#loginBtn:before,#registerBtn:before{content:"↪";margin-right:10px;font-size:18px}
#loginBtn:hover,#registerBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}
#loginBtn:active,#registerBtn:active{transform:translateY(1px);filter:brightness(.96)}
.auth-card .error{min-height:16px;margin:9px 0 0;color:#ff8795;text-align:center;font-size:12px}
.auth-download{
display:flex;
justify-content:center;
align-items:center;
gap:12px;
margin-top:20px;
padding-top:17px;
border-top:1px solid #285267;
color:#9db0bf;
font-size:12px;
}
.auth-download:before,.auth-download:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#315d70)}
.auth-download:after{background:linear-gradient(90deg,#315d70,transparent)}
.auth-download .link-button{
flex:none;
padding:4px 6px;
border:0;
background:transparent;
color:var(--cd14-cyan-bright);
box-shadow:none;
clip-path:none;
font-size:12px;
}
/* Main application uses the same blocky material language without hurting usability. */
.sidebar{
background:linear-gradient(180deg,#061522 0%,#071b2b 100%);
border-right:2px solid #174960;
box-shadow:8px 0 30px rgba(0,0,0,.18);
}
.side-brand{border-bottom:1px solid rgba(42,111,137,.34);margin-bottom:14px;padding-bottom:18px}
.shield-logo{
position:relative;
width:42px;
height:46px;
flex:0 0 42px;
border:0;
border-radius:0;
transform:none;
clip-path:polygon(50% 0,92% 14%,92% 56%,75% 82%,50% 100%,25% 82%,8% 56%,8% 14%);
background:linear-gradient(135deg,#edf4f7 0 18%,#607583 19% 29%,#73441e 30% 70%,#172734 71%);
box-shadow:0 0 18px rgba(25,227,234,.18);
}
.shield-logo:before,.shield-logo:after{
content:"";
position:absolute;
left:50%;
top:48%;
width:34px;
height:6px;
background:linear-gradient(90deg,#073843,#44ffff,#0cb9cc,#073843);
box-shadow:0 0 5px rgba(53,239,244,.4);
}
.shield-logo:before{transform:translate(-50%,-50%) rotate(45deg)}
.shield-logo:after{transform:translate(-50%,-50%) rotate(-45deg)}
.side-brand strong{font-family:"Arial Black",Impact,system-ui,sans-serif;letter-spacing:-.035em}
.side-brand small{color:#6f899d}
.nav{
margin-bottom:3px;
border:1px solid transparent;
border-radius:0;
clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.nav:hover,.nav.active{
border-color:#205b73;
background:linear-gradient(90deg,rgba(15,102,132,.30),rgba(8,33,50,.82));
}
.nav.active{box-shadow:inset 4px 0 var(--cd14-cyan),inset 0 0 22px rgba(25,227,234,.04)}
.nav.admin-only:not(.hidden){color:#f0bf53}
.topbar{
border-bottom:2px solid #16465e;
background:linear-gradient(180deg,#071a28,#06131f);
box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.topbar h2{font-family:"Arial Black",Impact,system-ui,sans-serif;letter-spacing:-.025em}
.eyebrow{color:var(--cd14-cyan);text-shadow:0 0 12px rgba(25,227,234,.22)}
.card,.claim-panel,.map-overlay,.user-card,.download-card,.guide-edit,.invite-card{
border-radius:0!important;
border-color:#1c5068!important;
background:linear-gradient(180deg,rgba(8,28,43,.97),rgba(5,21,34,.98));
box-shadow:inset 0 0 0 1px rgba(60,164,190,.035);
}
.card,.claim-panel,.download-card{clip-path:var(--pixel-cut)}
.card h3,.card h4,.claim-panel h3{color:#eef9fc}
.card h3:after,.renderer-admin h4:after,.biome-colors h4:after{
content:"";
display:block;
width:42px;
height:2px;
margin-top:7px;
background:linear-gradient(90deg,var(--cd14-cyan),transparent);
}
button,.download-button{
border-radius:0!important;
clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
button:not(.ghost):not(.auth-tab):not(.link-button),.download-button{
background:linear-gradient(180deg,#1edce4,#0a93bd);
box-shadow:inset 0 -3px rgba(0,49,75,.3);
}
button:not(.ghost):not(.auth-tab):not(.link-button):hover,.download-button:hover{filter:brightness(1.08)}
.ghost{background:#0b2234;border:1px solid #28556c;color:#dce8ef}
.map-overlay{border:1px solid rgba(37,148,174,.48)!important;backdrop-filter:blur(9px)}
.zoom button{border:1px solid #28718c;background:#071b2a}
.badge{border-radius:0;background:#0c2c42;border:1px solid #1f5268;color:#b9d1df}
.progress{border-radius:0;background:#071722}.progress i{border-radius:0;background:linear-gradient(90deg,var(--cd14-cyan),#1496d0)}
input,select,textarea{accent-color:var(--cd14-cyan)}
@media(max-width:900px){
.auth-wrap{
overflow:auto;
min-height:100%;
padding:150px 14px 28px;
background-position:center top;
}
.auth-card{
position:relative;
left:auto;
top:auto;
transform:none;
width:min(560px,100%);
max-height:none;
margin:0 auto;
}
.login-brand img{
display:block;
width:min(520px,115%);
max-height:155px;
margin:-125px auto 8px;
object-fit:contain;
filter:drop-shadow(0 9px 4px rgba(0,0,0,.75));
}
}
@media(max-width:560px){
.auth-wrap{padding-top:120px;background-position:center top}
.auth-card{padding:22px 18px 25px}
.login-brand img{margin-top:-105px;max-height:125px}
.login-welcome strong{font-size:24px}
.login-brand small{font-size:9px}
.auth-tabs{height:48px}
.auth-card input{height:50px}
#loginBtn,#registerBtn{height:54px}
.auth-download{flex-wrap:wrap}
.auth-download:before,.auth-download:after{display:none}
}
/* CraftDefend14 login fit + pixel-frame refinement */
.auth-wrap{
height:100dvh;
min-height:100dvh;
overflow:hidden;
display:block;
padding:0;
}
.auth-hero-logo{
position:absolute;
z-index:3;
left:50%;
top:clamp(12px,2.4vh,26px);
transform:translateX(-50%);
width:min(620px,46vw);
height:clamp(145px,23vh,215px);
object-fit:contain;
pointer-events:none;
filter:drop-shadow(0 11px 4px rgba(0,0,0,.72));
}
.auth-card{
top:clamp(205px,27.5vh,258px);
width:min(580px,calc(100% - 32px));
max-height:none;
overflow:visible;
padding:22px 38px 24px;
border:1px solid #28dce7;
clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
box-shadow:
inset 0 0 0 1px rgba(100,249,255,.10),
inset 0 0 34px rgba(9,118,146,.07),
0 0 0 1px rgba(0,12,20,.9),
0 0 24px rgba(25,227,234,.18),
0 24px 70px rgba(0,0,0,.46);
}
.auth-card:before{
content:"";
position:absolute;
inset:0;
width:auto;
height:auto;
z-index:5;
pointer-events:none;
filter:none;
background:
linear-gradient(#78ffff,#78ffff) 0 0/28px 4px no-repeat,
linear-gradient(#78ffff,#78ffff) 0 0/4px 28px no-repeat,
linear-gradient(#78ffff,#78ffff) 100% 0/28px 4px no-repeat,
linear-gradient(#78ffff,#78ffff) 100% 0/4px 28px no-repeat,
linear-gradient(#78ffff,#78ffff) 0 100%/28px 4px no-repeat,
linear-gradient(#78ffff,#78ffff) 0 100%/4px 28px no-repeat,
linear-gradient(#78ffff,#78ffff) 100% 100%/28px 4px no-repeat,
linear-gradient(#78ffff,#78ffff) 100% 100%/4px 28px no-repeat;
}
.auth-card:after{display:none}
.login-brand{margin:0 0 14px}
.login-welcome strong{font-size:28px}
.login-brand small{margin-top:6px}
.auth-tabs{height:46px;margin-bottom:18px}
.auth-card h1{font-size:20px;margin-bottom:5px}
.auth-card p{margin-bottom:14px}
.auth-card input{height:48px;margin-bottom:10px}
#loginBtn,#registerBtn{height:52px}
.auth-download{margin-top:15px;padding-top:13px}
.auth-card .error{margin-top:6px;min-height:12px}
@media(max-height:760px) and (min-width:701px){
.auth-hero-logo{top:4px;height:132px;width:500px}
.auth-card{
top:132px;
transform:translateX(-50%) scale(.88);
transform-origin:top center;
}
}
@media(max-width:700px){
.auth-wrap{height:100dvh;min-height:100dvh;overflow:hidden;padding:0}
.auth-hero-logo{top:8px;width:min(92vw,500px);height:120px}
.auth-card{
position:absolute;
left:50%;
top:120px;
transform:translateX(-50%);
width:calc(100% - 22px);
max-height:calc(100dvh - 132px);
overflow:hidden;
margin:0;
padding:18px 17px 20px;
}
.login-brand{margin-bottom:10px}
.login-welcome strong{font-size:23px}
.login-brand small{font-size:8px}
.auth-tabs{height:42px;margin-bottom:12px}
.auth-card h1{font-size:18px}
.auth-card p{font-size:11px;margin-bottom:11px}
.auth-card input{height:44px;margin-bottom:8px}
#loginBtn,#registerBtn{height:48px}
.auth-download{margin-top:10px;padding-top:9px}
}
/* === CraftDefend14 Minecraft block UI · 2026-09-27 === */
:root{
--mc-void:#070b0c;
--mc-deepslate:#11191c;
--mc-deepslate-2:#182327;
--mc-stone:#687176;
--mc-stone-dark:#30383c;
--mc-slot:#0b1113;
--mc-diamond:#45e8ee;
--mc-diamond-dark:#087f94;
--mc-emerald:#58b83f;
--mc-emerald-dark:#2e7028;
--mc-gold:#f4bf34;
--mc-red:#bd453f;
--mc-red-dark:#702722;
--mc-text:#f4f4e8;
--mc-muted:#aab5b3;
--mc-shadow:#020405;
}
html,body,button,input,select,textarea{
font-family:Consolas,"Lucida Console","Courier New",monospace;
}
body{background:var(--mc-void);color:var(--mc-text);image-rendering:auto}
button,.download-button{
position:relative;
border:2px solid #87f7f4!important;
border-radius:0!important;
background:linear-gradient(180deg,#38d9df 0 47%,#159eae 48% 100%)!important;
color:#061214!important;
font-weight:900;
letter-spacing:.015em;
text-shadow:0 1px rgba(255,255,255,.35);
box-shadow:
inset 2px 2px rgba(255,255,255,.28),
inset -3px -3px rgba(0,55,65,.42),
3px 3px 0 rgba(0,0,0,.72)!important;
clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);
}
button:hover,.download-button:hover{filter:brightness(1.12)!important;transform:translate(-1px,-1px)}
button:active,.download-button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px rgba(0,0,0,.3),inset -2px -2px rgba(255,255,255,.12)!important}
button.ghost,.ghost{
border-color:#69787e!important;
background:linear-gradient(180deg,#354248 0 48%,#232d31 49% 100%)!important;
color:#eaf1ef!important;
text-shadow:0 2px #080b0c;
box-shadow:inset 2px 2px rgba(255,255,255,.09),inset -3px -3px rgba(0,0,0,.35),3px 3px 0 rgba(0,0,0,.65)!important;
}
button.danger,.danger{
border-color:#e3796e!important;
background:linear-gradient(180deg,#aa403a 0 47%,#6d2725 48% 100%)!important;
color:#fff3ef!important;
text-shadow:0 2px #390f0d;
}
input,select,textarea,.claim-panel input,.claim-panel select,.card select{
border:2px solid #48575c!important;
border-radius:0!important;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),
#090f11!important;
color:#f2f5ee!important;
box-shadow:inset 3px 3px 0 #020404,inset -2px -2px 0 #263236!important;
outline:none!important;
}
input:focus,select:focus,textarea:focus,.claim-panel input:focus,.claim-panel select:focus{
border-color:var(--mc-diamond)!important;
box-shadow:inset 3px 3px 0 #020404,inset -2px -2px 0 #24484c,0 0 0 2px rgba(69,232,238,.18)!important;
}
input::placeholder,textarea::placeholder{color:#72807f!important}
.badge{
border:1px solid #627074;
border-radius:0!important;
background:#182124!important;
color:#d5dfdc!important;
box-shadow:inset 1px 1px rgba(255,255,255,.06),2px 2px #050708;
text-shadow:0 1px #000;
}
.muted{color:var(--mc-muted)!important}
.eyebrow{color:var(--mc-diamond)!important;text-shadow:0 2px #042a30;font-weight:900}
.error{color:#ff8177!important;text-shadow:0 1px #2c0806}
/* Authentication: exact scene image + functional Minecraft UI, never a baked-in login. */
.auth-wrap{
position:relative!important;
display:block!important;
width:100%;
height:100dvh;
min-height:100dvh!important;
overflow:hidden!important;
padding:0!important;
background-color:#08131b!important;
background-image:
linear-gradient(180deg,rgba(3,8,10,.03) 0%,rgba(3,8,10,.08) 55%,rgba(3,8,10,.34) 100%),
var(--cd14-login-bg,none)!important;
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
}
.auth-wrap:before{
content:""!important;
display:block!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
background:
linear-gradient(90deg,rgba(0,0,0,.14),transparent 30% 72%,rgba(0,0,0,.12)),
linear-gradient(180deg,transparent 58%,rgba(1,5,7,.2))!important;
}
.auth-wrap:after{display:none!important}
.auth-hero-logo{
display:block;
position:absolute;
z-index:3;
top:clamp(18px,4.2vh,46px);
left:50%;
transform:translateX(-50%);
width:min(500px,62vw);
max-height:132px;
object-fit:contain;
filter:drop-shadow(0 5px 0 rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(55,230,237,.24));
pointer-events:none;
}
.auth-card{
position:absolute!important;
z-index:2!important;
left:50%!important;
top:56%!important;
transform:translate(-50%,-50%)!important;
width:min(510px,calc(100% - 34px))!important;
max-height:calc(100dvh - 150px)!important;
overflow-y:auto!important;
padding:20px 28px 22px!important;
border:3px solid #57edf1!important;
border-radius:0!important;
clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 2px,transparent 2px 8px),
linear-gradient(180deg,rgba(10,23,27,.965),rgba(5,12,15,.985))!important;
box-shadow:
inset 0 0 0 2px #123f47,
inset 0 0 0 5px rgba(0,0,0,.34),
0 0 0 2px rgba(0,0,0,.7),
6px 7px 0 rgba(0,0,0,.56),
0 18px 55px rgba(0,0,0,.42)!important;
scrollbar-width:thin;
scrollbar-color:#3fcbd1 #081012;
}
.auth-card:before,.auth-card:after{display:none!important}
.login-brand{margin:0 0 12px!important;text-align:center}
.login-welcome{font-size:12px!important;color:#cbd5d2!important}
.login-welcome strong{
display:block;
margin-top:3px!important;
font-family:Consolas,"Lucida Console",monospace!important;
font-size:24px!important;
letter-spacing:.03em!important;
color:#61f3f2!important;
text-shadow:3px 3px 0 #08333a,0 0 12px rgba(57,230,236,.24)!important;
}
.login-brand small{
margin-top:5px!important;
color:#b5c0bd!important;
font-size:9px!important;
letter-spacing:.05em!important;
}
.auth-tabs{
height:43px!important;
margin:0 0 14px!important;
border:2px solid #435157!important;
border-radius:0!important;
background:#080e10!important;
box-shadow:inset 2px 2px #010202,inset -2px -2px #243035!important;
clip-path:none!important;
}
.auth-tab{
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#94a09e!important;
box-shadow:none!important;
font-size:12px!important;
text-shadow:0 2px #000;
}
.auth-tab+.auth-tab{border-left:2px solid #354247!important}
.auth-tab.active{
background:linear-gradient(180deg,#244248,#162d31)!important;
color:#efffff!important;
box-shadow:inset 0 -4px var(--mc-diamond)!important;
}
.auth-tab.active:after{display:none!important}
.auth-card h1{
margin:0 0 5px!important;
font-family:Consolas,"Lucida Console",monospace!important;
font-size:19px!important;
letter-spacing:.02em!important;
text-shadow:2px 2px #000!important;
}
.auth-card p{margin:0 0 12px!important;font-size:11px!important;line-height:1.35!important;color:#aeb9b6!important}
.auth-card input{
height:45px!important;
margin-bottom:9px!important;
padding:0 13px!important;
background-image:none!important;
font-size:13px!important;
}
#loginBtn,#registerBtn{height:47px!important;margin-top:1px!important}
.auth-card .error{min-height:15px!important;margin-top:7px!important;font-size:11px!important}
.auth-download{
margin-top:11px!important;
padding-top:10px!important;
border-top:2px solid #2f3c40!important;
color:#a9b6b3!important;
font-size:11px!important;
}
.auth-download .link-button{
border:0!important;
box-shadow:none!important;
background:transparent!important;
color:#65eef0!important;
text-shadow:0 1px #001!important;
clip-path:none!important;
padding:4px 6px!important;
}
.auth-download .link-button:hover{transform:none!important;text-decoration:underline}
#registerForm p{margin-bottom:9px!important}
@media(max-height:760px){
.auth-hero-logo{top:10px;max-height:82px}
.auth-card{top:55%!important;padding:15px 24px 17px!important}
.login-brand{margin-bottom:8px!important}.login-welcome strong{font-size:20px!important}
.auth-tabs{height:38px!important;margin-bottom:10px!important}
.auth-card input{height:40px!important;margin-bottom:7px!important}
#loginBtn,#registerBtn{height:42px!important}
.auth-download{margin-top:8px!important;padding-top:7px!important}
}
@media(max-width:600px){
.auth-wrap{background-position:44% center!important}
.auth-hero-logo{width:min(430px,90vw)}
.auth-card{width:calc(100% - 20px)!important;padding-left:18px!important;padding-right:18px!important}
}
/* Main shell: deepslate, inventory slots and pixel borders. */
.app{grid-template-columns:264px 1fr!important;background:#0b1012}
.sidebar{
padding:16px 12px!important;
border-right:4px solid #263236!important;
background:
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(180deg,#182125,#101719)!important;
background-size:24px 24px,24px 24px,auto!important;
box-shadow:inset -4px 0 #06090a!important;
}
.side-brand{
padding:6px 6px 18px!important;
margin-bottom:12px;
border-bottom:3px solid #313d41;
}
.side-brand strong{
font-size:15px;
color:#f5f7ed!important;
text-shadow:2px 2px #000;
}
.side-brand small{color:#83918e!important;font-size:9px!important}
.shield-logo{
width:42px!important;height:42px!important;
border:3px solid #75ffff!important;
border-radius:0!important;
transform:none!important;
background:
linear-gradient(135deg,transparent 0 29%,rgba(255,255,255,.18) 30% 35%,transparent 36%),
linear-gradient(180deg,#41dbe1,#147e92)!important;
box-shadow:inset 3px 3px rgba(255,255,255,.22),inset -4px -4px rgba(0,48,55,.42),3px 3px #030607!important;
clip-path:polygon(15% 0,85% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%)!important;
}
.sidebar nav{gap:9px!important}
.nav{
min-height:46px;
padding:11px 13px!important;
border:2px solid #414f54!important;
border-radius:0!important;
background:linear-gradient(180deg,#202b2f,#151d20)!important;
color:#bcc7c4!important;
box-shadow:inset 2px 2px rgba(255,255,255,.05),inset -3px -3px rgba(0,0,0,.34),3px 3px #050708!important;
text-shadow:0 2px #000;
}
.nav:hover{border-color:#698087!important;color:#fff!important;transform:translate(-1px,-1px)}
.nav.active{
border-color:#49e7ec!important;
background:linear-gradient(180deg,#173238,#10262a)!important;
color:#f4ffff!important;
box-shadow:inset 4px 0 var(--mc-diamond),inset 2px 2px rgba(255,255,255,.05),inset -3px -3px rgba(0,0,0,.38),3px 3px #050708!important;
}
.side-bottom{padding-top:12px}
.user-card{
border:2px solid #414f54!important;
border-radius:0!important;
background:#0d1416!important;
box-shadow:inset 2px 2px #040606,inset -2px -2px #273135!important;
}
.user-card strong{color:#f6f8ef;text-shadow:0 2px #000}
.user-card span{color:#879491!important}
main{
background:
linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
#0d1416!important;
background-size:32px 32px!important;
}
.page{scrollbar-color:#536268 #0a0f11}
.topbar{
height:88px!important;
padding:0 24px!important;
border-bottom:4px solid #303c40!important;
background:
repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 2px,transparent 2px 32px),
linear-gradient(180deg,#202a2e,#151d20)!important;
box-shadow:inset 0 -4px #080b0c!important;
}
.topbar h2{
font-size:23px!important;
color:#f5f5e9;
text-shadow:3px 3px #060707!important;
letter-spacing:.015em;
}
.page>.topbar{margin-bottom:20px!important}
.grid-two,.admin-grid{gap:16px!important;padding:0 24px!important}
.grid-two{grid-template-columns:minmax(300px,.7fr) minmax(430px,1.3fr)!important}
.card{
border:3px solid #46555a!important;
border-radius:0!important;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,transparent 2px 12px),
linear-gradient(180deg,#172125,#11191c)!important;
box-shadow:inset 3px 3px rgba(255,255,255,.04),inset -4px -4px rgba(0,0,0,.28),5px 5px 0 rgba(0,0,0,.45)!important;
clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);
}
.card h3,.card h4{color:#f3f5ea;text-shadow:2px 2px #000;letter-spacing:.015em}
.card label{color:#bac4c1!important}
.map-shell{height:calc(100% - 88px)!important;border-top:0;background:#0b1315!important}
.map-overlay,.claim-panel{
border:2px solid #53656a!important;
border-radius:0!important;
background:rgba(9,14,16,.94)!important;
box-shadow:inset 2px 2px rgba(255,255,255,.04),inset -3px -3px rgba(0,0,0,.42),4px 4px rgba(0,0,0,.55)!important;
backdrop-filter:none!important;
}
.claim-panel{border-color:#2696a5!important}
.claim-panel .coords{
border:2px solid #3c494d;
border-radius:0!important;
background:#070c0e!important;
color:#b9c8c5!important;
box-shadow:inset 2px 2px #010202;
}
.zoom button{border:2px solid #5f7076!important;border-radius:0!important}
.toast{
border:3px solid var(--mc-diamond)!important;
border-radius:0!important;
background:#0a1113!important;
color:#f5ffff!important;
box-shadow:inset 2px 2px #1a3a3e,4px 4px #020303!important;
}
.legend .dot{border-radius:0!important;width:9px;height:9px}
/* Group management = Minecraft guild/inventory screen. */
.mc-team{
position:relative;
margin:0 0 16px!important;
padding:14px!important;
border:3px solid #46555a!important;
border-left:6px solid var(--team-color)!important;
background:
linear-gradient(90deg,color-mix(in srgb,var(--team-color) 9%,transparent),transparent 34%),
#121b1e!important;
box-shadow:inset 2px 2px rgba(255,255,255,.035),inset -3px -3px rgba(0,0,0,.32),4px 4px #050708;
}
.team-head{padding:0!important;border:0!important;gap:12px}
.team-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.team-title-wrap strong{color:#f5f7ef!important;text-shadow:2px 2px #000;font-size:15px}
.team-pixel{
flex:0 0 34px;
width:34px;height:34px;
border:3px solid color-mix(in srgb,var(--team-color) 70%,white);
background:
linear-gradient(135deg,rgba(255,255,255,.2) 0 22%,transparent 23%),
var(--team-color);
box-shadow:inset 3px 3px rgba(255,255,255,.13),inset -4px -4px rgba(0,0,0,.25),3px 3px #030405;
}
.team-head-actions,.team-quick-actions,.member-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.team-quick-actions{margin-top:10px}
.owner-badge{white-space:nowrap}
.mc-invite{
margin-top:13px;
padding-top:12px;
border-top:2px dashed #38464a;
}
.mc-invite input{height:42px!important;margin:0!important}
.team-management{
margin-top:14px;
padding:13px;
border:3px solid #344247;
background:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
#0a1012;
background-size:16px 16px;
box-shadow:inset 3px 3px #030506,inset -3px -3px #202a2e;
}
.team-loading{color:#9eaaa7;padding:8px}
.team-settings{
display:flex;
align-items:end;
gap:12px;
padding-bottom:14px;
border-bottom:2px solid #2f3b3f;
}
.team-settings>div{display:grid;grid-template-columns:minmax(180px,1fr) 95px;gap:10px;flex:1}
.team-settings label{margin:0!important;color:#aeb9b6;font-size:11px}
.team-settings input{height:40px!important;margin:5px 0 0!important}
.team-settings input[type=color]{padding:3px!important}
.team-subsection{margin-top:14px}
.team-subsection h4{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 0 9px;
padding-bottom:7px;
border-bottom:2px solid #263236;
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
}
.team-subsection h4 span{
min-width:24px;
padding:2px 6px;
text-align:center;
border:1px solid #516066;
background:#141d20;
color:#cbd4d1;
}
.member-list,.pending-list{display:grid;gap:7px}
.member-row,.pending-invite{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
min-height:52px;
padding:8px 9px;
border:2px solid #2f3b3f;
background:#101719;
box-shadow:inset 1px 1px rgba(255,255,255,.025),inset -2px -2px rgba(0,0,0,.3);
}
.member-identity{display:flex;align-items:center;gap:10px;min-width:0}
.member-identity>div,.pending-invite>div{min-width:0}
.member-identity strong,.pending-invite strong{display:block;color:#f1f4ec;font-size:12px}
.member-identity small,.pending-invite small{display:block;margin-top:2px;color:#84918e;font-size:10px;overflow:hidden;text-overflow:ellipsis}
.player-head{
width:30px;height:30px;
display:grid;place-items:center;
border:2px solid #5a696e;
background:#263237;
color:#69edf0;
box-shadow:inset 2px 2px rgba(255,255,255,.08),2px 2px #030405;
}
.role-owner{border-color:#d9ad36!important;color:#ffe191!important}
.role-admin{border-color:#3bb9bf!important;color:#8ff8f7!important}
.role-member{color:#c5cfcc!important}
.pending-invite{border-style:dashed}
.team-box .small{font-size:10px!important;padding:7px 9px!important}
#teamList{padding-top:2px}
#teamError{min-height:15px}
.invite-card{
border:2px solid #405055!important;
border-radius:0!important;
background:#11191c!important;
box-shadow:inset 2px 2px rgba(255,255,255,.03),2px 2px #040606;
}
.section-gap{border-top:3px solid #2f3b3f;padding-top:18px}
.danger-badge{border-color:#8e3b36!important;background:#381a18!important;color:#ffaaa2!important}
/* Admin/download/editor block consistency. */
.render-status,.pack-info,.guide-edit{
border:2px solid #3d4b50!important;
border-radius:0!important;
background:#0b1113!important;
box-shadow:inset 2px 2px #020303!important;
}
.progress{height:10px!important;border-radius:0!important;border:1px solid #354348;background:#080d0f!important}
.progress i{border-radius:0!important;background:linear-gradient(90deg,#2ec6cc,#55ebe9)!important}
.guide-num{border-radius:0!important;border:2px solid #55dfe2;background:#12343a!important;color:#8fffff!important}
.guide-step-body img,.guide-image-preview img{border-radius:0!important;border:3px solid #3f4d52!important}
.download-card{border-radius:0!important}
.public-download{
background:
linear-gradient(180deg,rgba(3,8,10,.44),rgba(3,8,10,.72)),
var(--cd14-login-bg,none)!important;
background-size:cover!important;
background-position:center!important;
}
@media(max-width:1050px){
.grid-two{grid-template-columns:1fr!important}
.team-settings{align-items:stretch;flex-direction:column}.team-settings button{width:100%}
}
@media(max-width:800px){
.app{grid-template-columns:76px 1fr!important}
.sidebar{padding:12px 8px!important}
.topbar{height:auto!important;min-height:80px;padding:12px 14px!important;gap:10px}
.map-shell{height:calc(100% - 80px)!important}
.grid-two,.admin-grid{padding:0 12px!important}
.team-head,.member-row,.pending-invite{align-items:flex-start;flex-direction:column}
.team-head-actions,.member-actions{justify-content:flex-start}
}
/* === CraftDefend14 Minecraft MAX UI · 2026-09-27 === */
:root{
--mc-ui-bg:#151b1d;
--mc-ui-bg2:#20282b;
--mc-ui-edge:#707c80;
--mc-ui-dark:#070a0b;
--mc-cyan:#42e7ea;
--mc-cyan-deep:#127f8d;
--mc-green:#52ad3a;
--mc-green-deep:#2e7027;
--mc-red2:#b53f39;
--mc-gold2:#f2bf39;
}
/* Global Minecraft block language */
html,body{background:#080d0f!important}
body{letter-spacing:.01em}
*{scrollbar-width:thin;scrollbar-color:#5e6a6e #090d0f}
*::-webkit-scrollbar{width:14px;height:14px}
*::-webkit-scrollbar-track{background:#090d0f;border-left:2px solid #232b2e}
*::-webkit-scrollbar-thumb{
background:linear-gradient(135deg,#647176,#394448)!important;
border:2px solid #879398!important;
box-shadow:inset -3px -3px #20282b,inset 3px 3px #8c989b!important
}
button,.download-button,input,select,textarea,.card,.glass,.map-overlay,.claim-panel,.user-card,.badge,.invite-card,.render-status,.pack-info{
border-radius:0!important
}
button,.download-button{
transition:filter .08s linear,transform .08s linear,border-color .08s linear!important;
}
button:focus-visible,.download-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:3px solid #fff!important;
outline-offset:3px!important
}
/* Authentication: full-viewport world scene, no scrolling, inventory-style login */
#auth.auth-wrap{
height:100dvh!important;
min-height:100dvh!important;
width:100vw!important;
overflow:hidden!important;
isolation:isolate;
background-color:#071015!important;
background-image:
linear-gradient(180deg,rgba(1,4,6,.02) 0%,rgba(1,4,6,.06) 45%,rgba(1,4,6,.28) 100%),
var(--cd14-login-bg,none)!important;
background-size:cover!important;
background-position:center!important;
image-rendering:auto!important;
}
#auth.auth-wrap:before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;
background:
linear-gradient(90deg,rgba(0,0,0,.15),transparent 24%,transparent 76%,rgba(0,0,0,.12)),
linear-gradient(180deg,rgba(7,13,15,.03),transparent 42%,rgba(4,8,10,.24))!important
}
.auth-hero-logo{
z-index:5!important;
filter:drop-shadow(0 5px 0 #061014) drop-shadow(0 0 14px rgba(74,239,239,.24))!important
}
.auth-card{
z-index:4!important;
border:4px solid #697579!important;
border-top-color:#8b979a!important;
border-left-color:#8b979a!important;
border-right-color:#343e41!important;
border-bottom-color:#343e41!important;
border-radius:0!important;
background:
linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px),
linear-gradient(180deg,rgba(25,34,37,.97),rgba(12,18,20,.98))!important;
background-size:16px 16px,16px 16px,auto!important;
backdrop-filter:none!important;
box-shadow:
inset 4px 4px 0 rgba(255,255,255,.035),
inset -5px -5px 0 rgba(0,0,0,.38),
0 0 0 3px #050809,
10px 10px 0 rgba(0,0,0,.52),
0 18px 60px rgba(0,0,0,.35)!important;
clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)!important
}
.auth-card:before{
content:""!important;
position:absolute!important;
inset:5px!important;
z-index:-1!important;
pointer-events:none!important;
border:1px solid rgba(134,245,244,.18)!important;
background:none!important
}
.login-brand{
border-bottom:3px solid #323d40!important;
padding-bottom:12px!important
}
.login-welcome{color:#d7e0dd!important;text-shadow:2px 2px #000!important}
.login-welcome strong{
display:block!important;
margin-top:2px!important;
color:#f7ffff!important;
text-shadow:3px 3px #062d31,0 0 12px rgba(66,231,234,.18)!important
}
.login-brand small{
color:#91a09d!important;
letter-spacing:.1em!important
}
.auth-tabs{
gap:7px!important;
padding:5px!important;
border:3px solid #374347!important;
background:#080d0f!important;
box-shadow:inset 3px 3px #020303,inset -2px -2px #273135!important
}
.auth-tab{
border:2px solid #59666a!important;
background:linear-gradient(#303a3e 0 48%,#20282b 49% 100%)!important;
color:#c5cfcc!important;
box-shadow:inset 2px 2px rgba(255,255,255,.08),inset -3px -3px rgba(0,0,0,.35)!important
}
.auth-tab.active{
border-color:#83ffff!important;
background:linear-gradient(#2bcbd1 0 48%,#117f8e 49% 100%)!important;
color:#031416!important;
text-shadow:0 1px rgba(255,255,255,.4)!important;
box-shadow:inset 2px 2px rgba(255,255,255,.27),inset -3px -3px rgba(0,55,62,.42)!important
}
.auth-card h1{
color:#fffef0!important;
text-shadow:3px 3px #050708!important;
letter-spacing:.015em!important
}
.auth-card p{color:#aeb9b6!important}
.auth-card input{
border:3px solid #465256!important;
border-top-color:#242c2f!important;
border-left-color:#242c2f!important;
border-right-color:#657176!important;
border-bottom-color:#657176!important;
background:#080c0e!important;
color:#f6f8ef!important;
box-shadow:inset 3px 3px #010202,inset -2px -2px #1f282b!important
}
.auth-card input:focus{
border-color:#4cebee!important;
box-shadow:inset 3px 3px #010202,inset -2px -2px #1d4f53,0 0 0 2px rgba(76,235,238,.2)!important
}
#loginBtn,#registerBtn{
border:3px solid #86d271!important;
border-top-color:#b4ef9f!important;
border-left-color:#b4ef9f!important;
border-right-color:#2d6a27!important;
border-bottom-color:#2d6a27!important;
background:linear-gradient(180deg,#58b940 0 48%,#347f2b 49% 100%)!important;
color:#f7fff2!important;
text-shadow:2px 2px #1a4c16!important;
box-shadow:inset 3px 3px rgba(255,255,255,.18),inset -4px -4px rgba(28,75,24,.34),4px 4px #030504!important
}
#loginBtn:hover,#registerBtn:hover{filter:brightness(1.12)!important}
#loginBtn:active,#registerBtn:active{transform:translate(2px,2px)!important;box-shadow:inset 3px 3px rgba(20,57,18,.44)!important}
.auth-download{
border-top:3px solid #333e41!important
}
.auth-download .link-button{
color:#75fbfb!important;
text-decoration:none!important
}
.auth-download .link-button:hover{color:#fff!important;text-decoration:underline!important}
/* Main app = deepslate inventory interface */
.app{
background:#090e10!important;
grid-template-columns:268px minmax(0,1fr)!important
}
.sidebar{
border-right:5px solid #050809!important;
background:
linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px),
linear-gradient(180deg,#222b2e,#111719)!important;
background-size:16px 16px,16px 16px,auto!important;
box-shadow:inset -4px 0 #303b3e!important
}
.side-brand{
border-bottom:4px solid #394448!important
}
.side-brand strong{
font-size:16px!important;
letter-spacing:.025em!important;
text-shadow:3px 3px #050708!important
}
.shield-logo{
border-color:#8ffeff!important;
box-shadow:inset 3px 3px rgba(255,255,255,.22),inset -4px -4px #07535c,4px 4px #020405!important
}
.nav{
border-width:3px!important;
border-color:#485559!important;
background:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(180deg,#283236 0 48%,#1a2225 49% 100%)!important;
background-size:8px 8px,auto!important;
color:#c1ccca!important
}
.nav:hover{
border-color:#7d898d!important;
color:#fff!important
}
.nav.active{
border-color:#67f3f3!important;
background:linear-gradient(180deg,#24545a 0 48%,#173b40 49% 100%)!important;
box-shadow:inset 5px 0 #5ef1f2,inset 2px 2px rgba(255,255,255,.08),inset -3px -3px rgba(0,0,0,.4),4px 4px #040607!important
}
.user-card{
border:3px solid #465357!important;
background:#090e10!important;
box-shadow:inset 3px 3px #020303,inset -2px -2px #273034,3px 3px #030405!important
}
main{
background:
linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),
#0c1214!important;
background-size:16px 16px!important
}
.topbar{
border-bottom:5px solid #080b0c!important;
background:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(180deg,#293336,#192124)!important;
background-size:16px 16px,16px 16px,auto!important;
box-shadow:inset 0 -3px #3d494c!important
}
.topbar h2{
color:#fffef2!important;
text-shadow:3px 3px #050708!important
}
.eyebrow{
color:#66f2f2!important;
text-shadow:2px 2px #063f45!important
}
/* Minecraft containers */
.card,.download-card{
border:4px solid #4c585c!important;
border-top-color:#758185!important;
border-left-color:#758185!important;
border-right-color:#2b3437!important;
border-bottom-color:#2b3437!important;
background:
linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
linear-gradient(180deg,#182023,#101719)!important;
background-size:16px 16px,16px 16px,auto!important;
box-shadow:inset 3px 3px rgba(255,255,255,.035),inset -4px -4px rgba(0,0,0,.34),5px 5px #050708!important;
clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)!important
}
.card h3,.card h4{
color:#fffef0!important;
text-shadow:2px 2px #030405!important
}
.card h3{
padding-bottom:10px!important;
border-bottom:3px solid #303b3f!important
}
.card input,.card select,.card textarea,.toolbar input,.claim-panel input,.claim-panel select{
border:3px solid #465357!important;
border-top-color:#252d30!important;
border-left-color:#252d30!important;
border-right-color:#657176!important;
border-bottom-color:#657176!important;
background:#080d0f!important;
color:#f6f8ef!important;
box-shadow:inset 3px 3px #010202,inset -2px -2px #20292c!important
}
.card input[type=color]{
padding:3px!important;
min-height:42px!important
}
button.ghost,.ghost{
border-width:3px!important;
border-color:#687579!important
}
button.danger,.danger{
border-width:3px!important
}
.badge{
border:2px solid #59666a!important;
padding:4px 8px!important;
background:#182124!important
}
/* Map = Minecraft HUD */
.map-shell{
background:#091012!important;
box-shadow:inset 0 0 0 4px #050708!important
}
.map-overlay,.claim-panel{
border:3px solid #4d5a5e!important;
background:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
rgba(8,13,15,.95)!important;
background-size:12px 12px!important;
box-shadow:inset 3px 3px #020303,inset -2px -2px #232e31,4px 4px rgba(0,0,0,.65)!important
}
.claim-panel{
border-color:#299fa9!important;
box-shadow:inset 3px 3px #020303,inset -2px -2px #164a50,4px 4px rgba(0,0,0,.65)!important
}
.zoom button{
width:44px!important;
height:44px!important;
border:3px solid #667478!important;
background:linear-gradient(#354146 0 48%,#222b2e 49% 100%)!important;
color:#fff!important;
text-shadow:2px 2px #000!important
}
.legend .dot{box-shadow:1px 1px #000!important}
.toast{
border:3px solid #6df7f6!important;
background:#091012!important;
box-shadow:inset 2px 2px #1b373a,4px 4px #020303!important
}
/* Groups look like guild/chest slots */
.mc-team{
border-top-color:#748085!important;
border-right-color:#30393d!important;
border-bottom-color:#30393d!important;
background:
linear-gradient(90deg,color-mix(in srgb,var(--team-color) 12%,transparent),transparent 35%),
linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
#11191b!important;
background-size:auto,16px 16px,auto!important
}
.team-management{
border:3px solid #445155!important;
background:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
#080d0f!important;
background-size:16px 16px!important
}
.member-row,.pending-invite{
border:3px solid #354246!important;
background:#0c1214!important;
box-shadow:inset 2px 2px #030506,inset -2px -2px #202a2d!important
}
.player-head{
border-radius:0!important;
border:3px solid #5d696d!important
}
.owner-badge{
border-color:#d6ad35!important;
color:#ffe699!important
}
/* Downloads/admin blocks */
.pack-info,.render-status,.guide-edit{
border:3px solid #3f4b4f!important;
background:#080d0f!important;
box-shadow:inset 3px 3px #020303,inset -2px -2px #20292c!important
}
.progress{
height:13px!important;
border:2px solid #475458!important;
background:#060a0b!important;
box-shadow:inset 2px 2px #010202!important
}
.progress i{
background:repeating-linear-gradient(90deg,#24bfc5 0 12px,#4be5e6 12px 24px)!important
}
.download-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
text-decoration:none!important
}
.install-step{
border-radius:0!important
}
.public-download{
min-height:100dvh!important;
background-image:
linear-gradient(180deg,rgba(2,7,9,.18),rgba(2,7,9,.65)),
var(--cd14-login-bg,none)!important;
background-size:cover!important;
background-position:center!important;
image-rendering:auto!important
}
/* Responsive: preserve the game-screen feeling without auth-page scrolling */
@media(max-height:760px) and (min-width:701px){
.auth-card{max-height:calc(100dvh - 118px)!important;overflow:hidden!important}
.auth-card h1{font-size:18px!important}
.auth-card p{font-size:11px!important}
}
@media(max-width:800px){
.app{grid-template-columns:78px minmax(0,1fr)!important}
.sidebar{border-right-width:4px!important}
.topbar{border-bottom-width:4px!important}
.card{border-width:3px!important}
}
@media(max-width:700px){
#auth.auth-wrap{background-position:45% center!important}
.auth-card{
width:calc(100% - 18px)!important;
max-height:calc(100dvh - 124px)!important;
padding:16px 15px 18px!important;
overflow:hidden!important;
box-shadow:0 0 0 3px #050809,6px 6px rgba(0,0,0,.55)!important
}
.auth-hero-logo{width:min(92vw,470px)!important}
.login-brand{padding-bottom:8px!important}
.auth-card h1{font-size:17px!important}
.auth-card p{font-size:10px!important;line-height:1.35!important}
.auth-card input{height:42px!important}
#loginBtn,#registerBtn{height:44px!important}
}
@media(max-width:520px){
.toolbar{flex-wrap:wrap!important;justify-content:flex-end!important}
.toolbar input{width:130px!important}
.map-overlay.top-left{max-width:calc(100% - 90px)!important}
.legend{display:none!important}
}
/* === CraftDefend14 Minecraft EXTREME UI · 2026-09-27 v9 === */
:root{
--mc-xp:#63c74d;
--mc-xp-dark:#245c20;
--mc-danger:#c7473f;
--mc-danger-dark:#6f211d;
--mc-slot-edge:#778286;
--mc-slot-dark:#050708;
}
/* Auth is a single game screen: NEVER scroll the login/register page. */
html,body{width:100%;height:100%;overflow:hidden!important}
#auth.auth-wrap{
width:100%;
height:100dvh!important;
min-height:100dvh!important;
overflow:hidden!important;
padding:0!important;
}
#auth .auth-card{
top:56%!important;
max-height:none!important;
overflow:visible!important;
scrollbar-width:none!important;
}
#auth .auth-card::-webkit-scrollbar{display:none!important}
/* Stronger block / inventory language. */
.sidebar nav{gap:10px!important}
.nav{
position:relative!important;
min-height:48px!important;
padding:11px 13px 11px 17px!important;
border:3px solid #576367!important;
border-top-color:#7a8589!important;
border-left-color:#7a8589!important;
border-right-color:#30383b!important;
border-bottom-color:#30383b!important;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 2px,transparent 2px 8px),
linear-gradient(180deg,#2a3438 0 48%,#1b2326 49% 100%)!important;
box-shadow:inset 2px 2px rgba(255,255,255,.07),inset -3px -3px rgba(0,0,0,.38),4px 4px #040607!important;
font-family:ui-monospace,"Courier New",monospace!important;
font-weight:900!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
}
.nav:before{
content:"";
position:absolute;
left:7px;
top:50%;
width:5px;
height:18px;
transform:translateY(-50%);
background:#566166;
box-shadow:1px 1px #020303;
}
.nav:hover{transform:translate(-1px,-1px)!important}
.nav.active{
border-color:#77fbfb!important;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 2px,transparent 2px 8px),
linear-gradient(180deg,#276069 0 48%,#173b40 49% 100%)!important;
color:#f4ffff!important;
}
.nav.active:before{
background:#72ffff;
box-shadow:0 0 9px rgba(89,251,255,.6),1px 1px #062c30;
}
.topbar h2,.card h3,.card h4,.team-title-wrap strong{
font-family:ui-monospace,"Courier New",monospace!important;
font-weight:900!important;
letter-spacing:.025em!important;
}
button,.download-button{
border-radius:0!important;
border:3px solid #778286!important;
border-top-color:#9aa4a7!important;
border-left-color:#9aa4a7!important;
border-right-color:#3a4346!important;
border-bottom-color:#3a4346!important;
background:linear-gradient(180deg,#525d61 0 48%,#343d40 49% 100%)!important;
box-shadow:inset 2px 2px rgba(255,255,255,.12),inset -3px -3px rgba(0,0,0,.3),3px 3px #040606!important;
font-family:ui-monospace,"Courier New",monospace!important;
font-weight:900!important;
text-shadow:2px 2px #111!important;
}
button:not(:disabled):hover,.download-button:hover{filter:brightness(1.14)!important;transform:translate(-1px,-1px)}
button:not(:disabled):active,.download-button:active{transform:translate(2px,2px)!important;box-shadow:inset 3px 3px rgba(0,0,0,.35)!important}
#loginBtn,#registerBtn,button:not(.ghost):not(.danger):not(.nav){
border-color:#83cf70!important;
border-top-color:#b9eeaa!important;
border-left-color:#b9eeaa!important;
border-right-color:#2c6828!important;
border-bottom-color:#2c6828!important;
background:linear-gradient(180deg,#61bd49 0 48%,#377f2f 49% 100%)!important;
}
button.danger,.danger{
border-color:#d66a61!important;
border-top-color:#f08b83!important;
border-left-color:#f08b83!important;
border-right-color:#6a211e!important;
border-bottom-color:#6a211e!important;
background:linear-gradient(180deg,#b94841 0 48%,#7f2a25 49% 100%)!important;
}
/* Minecraft-like scrollbars stay on real content pages, never on auth. */
.page{
overflow-y:auto!important;
scrollbar-width:auto!important;
scrollbar-color:#667277 #090d0f!important;
}
.page::-webkit-scrollbar,.claim-panel::-webkit-scrollbar{width:16px!important}
.page::-webkit-scrollbar-track,.claim-panel::-webkit-scrollbar-track{
background:#080c0d!important;
border-left:2px solid #30383b!important
}
.page::-webkit-scrollbar-thumb,.claim-panel::-webkit-scrollbar-thumb{
background:linear-gradient(90deg,#414c50,#737e82)!important;
border:3px solid #111719!important;
box-shadow:inset 2px 2px rgba(255,255,255,.15),inset -2px -2px rgba(0,0,0,.35)!important
}
/* Group administration is a proper guild/inventory panel. */
.mc-team{
position:relative!important;
margin-bottom:16px!important;
padding:14px!important;
border:4px solid #59666a!important;
border-top-color:#7f8b8f!important;
border-left-color:#7f8b8f!important;
border-right-color:#30383b!important;
border-bottom-color:#30383b!important;
box-shadow:inset 3px 3px rgba(255,255,255,.035),inset -4px -4px rgba(0,0,0,.34),5px 5px #040607!important;
}
.mc-team:before{
content:"";
position:absolute;
left:0;top:0;bottom:0;width:7px;
background:var(--team-color);
box-shadow:2px 0 #06090a,inset -2px 0 rgba(0,0,0,.32);
}
.team-head{padding-left:8px!important}
.team-quick-actions{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
padding:10px 0 2px 8px!important;
}
.team-management{
margin:12px 0 0 8px!important;
padding:12px!important;
border:3px solid #536064!important;
border-top-color:#778286!important;
border-left-color:#778286!important;
border-right-color:#2c3437!important;
border-bottom-color:#2c3437!important;
}
.member-row,.pending-invite{
margin:7px 0!important;
padding:10px!important;
border-width:3px!important;
}
.member-actions,.team-head-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
.player-head{
width:34px!important;height:34px!important;
display:grid!important;place-items:center!important;
border:3px solid #6b777b!important;
background:
linear-gradient(90deg,#8b633f 0 50%,#714d31 50%),
#795537!important;
color:#20150d!important;
box-shadow:inset 3px 3px rgba(255,255,255,.13),inset -3px -3px rgba(0,0,0,.28)!important;
}
.owner-badge{background:#3a2e0f!important;border-color:#d9b33f!important}
/* Minecraft-styled safety confirmation instead of a browser popup. */
.mc-confirm-backdrop{
position:fixed;
inset:0;
z-index:9999;
display:grid;
place-items:center;
padding:18px;
background:rgba(0,0,0,.72);
backdrop-filter:blur(2px);
}
.mc-confirm{
width:min(520px,100%);
border:5px solid #697579;
border-top-color:#98a3a6;
border-left-color:#98a3a6;
border-right-color:#30393c;
border-bottom-color:#30393c;
background:
repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 2px,transparent 2px 12px),
linear-gradient(180deg,#20292c,#111719);
box-shadow:inset 4px 4px rgba(255,255,255,.04),inset -5px -5px rgba(0,0,0,.35),8px 8px #020303,0 25px 80px rgba(0,0,0,.55);
padding:22px;
color:#f4f7ef;
}
.mc-confirm h3{
margin:0 0 10px;
font-family:ui-monospace,"Courier New",monospace;
font-size:22px;
text-shadow:3px 3px #000;
}
.mc-confirm p{margin:0;color:#bdc8c5;line-height:1.55}
.mc-confirm-warning{
margin:14px 0!important;
padding:10px 12px;
border:3px solid #76502a;
background:#2b2112;
color:#ffd98b!important;
}
.mc-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
/* Vertical fit: scale the complete auth UI instead of ever introducing a scrollbar. */
@media(max-height:820px) and (min-width:701px){
.auth-hero-logo{top:8px!important;max-height:100px!important}
#auth .auth-card{top:56%!important;transform:translate(-50%,-50%) scale(.88)!important;transform-origin:center center!important}
}
@media(max-height:700px) and (min-width:701px){
.auth-hero-logo{top:3px!important;max-height:76px!important}
#auth .auth-card{top:57%!important;transform:translate(-50%,-50%) scale(.76)!important}
}
@media(max-height:590px) and (min-width:701px){
.auth-hero-logo{max-height:58px!important}
#auth .auth-card{top:58%!important;transform:translate(-50%,-50%) scale(.66)!important}
}
@media(max-width:700px){
#auth .auth-card{
top:55%!important;
max-height:none!important;
overflow:visible!important;
transform:translate(-50%,-50%) scale(.88)!important;
transform-origin:center center!important;
}
}
@media(max-width:700px) and (max-height:720px){
.auth-hero-logo{top:2px!important;max-height:72px!important}
#auth .auth-card{top:56%!important;transform:translate(-50%,-50%) scale(.76)!important}
}
@media(max-width:700px) and (max-height:590px){
.auth-hero-logo{max-height:52px!important}
#auth .auth-card{top:57%!important;transform:translate(-50%,-50%) scale(.64)!important}
}
/* === Admin-upload branding + centered auth · 2026-09-27 v10 === */
#auth.auth-wrap{
position:relative!important;
width:100%!important;
height:100dvh!important;
min-height:100dvh!important;
overflow:hidden!important;
padding:0!important;
background:
radial-gradient(circle at 50% 18%,rgba(66,231,234,.10),transparent 25%),
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(180deg,rgba(8,14,15,.20),rgba(5,9,10,.58)),
var(--cd14-login-bg,linear-gradient(135deg,#1c2829,#0a1113))!important;
background-size:auto,32px 32px,32px 32px,auto,cover!important;
background-position:center,center,center,center,center!important;
background-repeat:no-repeat,repeat,repeat,no-repeat,no-repeat!important;
}
#auth .auth-card{
position:absolute!important;
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%)!important;
width:min(520px,calc(100% - 32px))!important;
max-height:none!important;
overflow:visible!important;
margin:0!important;
padding:20px 30px 22px!important;
}
.auth-hero-logo{
top:18px!important;
width:min(430px,48vw)!important;
height:96px!important;
max-height:96px!important;
}
.shield-logo{
display:grid!important;
place-items:center!important;
overflow:hidden!important;
padding:3px!important;
clip-path:none!important;
transform:none!important;
background:#0b1113!important;
}
.shield-logo:before,.shield-logo:after{display:none!important}
.site-sidebar-logo{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:contain!important;
filter:drop-shadow(1px 2px 0 rgba(0,0,0,.75))!important;
}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.branding-editor{
padding:14px;
border:3px solid #3f4b4f;
border-top-color:#697579;
border-left-color:#697579;
background:#0a1012;
box-shadow:inset 3px 3px #020303,inset -3px -3px #20282b;
}
.branding-editor h4{margin:0 0 10px}
.branding-preview{
min-height:180px;
margin-bottom:12px;
display:grid;
place-items:center;
border:3px solid #465357;
border-top-color:#252d30;
border-left-color:#252d30;
border-right-color:#657176;
border-bottom-color:#657176;
background:
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),
#080d0f;
background-size:16px 16px;
overflow:hidden;
color:#8f9c99;
}
.branding-bg-preview{aspect-ratio:16/9;min-height:0;background-size:cover!important;background-position:center!important}
.branding-logo-preview{height:180px}
.branding-logo-preview img{display:block;max-width:88%;max-height:130px;object-fit:contain}
.branding-editor input[type=file]{margin:0 0 10px!important}
@media(max-height:760px) and (min-width:701px){
.auth-hero-logo{height:70px!important;top:4px!important}
#auth .auth-card{transform:translate(-50%,-50%) scale(.88)!important;transform-origin:center!important}
}
@media(max-height:630px) and (min-width:701px){
.auth-hero-logo{display:none!important}
#auth .auth-card{transform:translate(-50%,-50%) scale(.76)!important}
}
@media(max-width:700px){
.auth-hero-logo{height:72px!important;top:4px!important;width:min(390px,88vw)!important}
#auth .auth-card{
left:50%!important;
top:50%!important;
transform:translate(-50%,-50%) scale(.9)!important;
transform-origin:center!important;
width:calc(100% - 20px)!important;
}
.branding-grid{grid-template-columns:1fr}
}
@media(max-width:700px) and (max-height:680px){
.auth-hero-logo{display:none!important}
#auth .auth-card{transform:translate(-50%,-50%) scale(.78)!important}
}
/* === Visibility fix · auth/app hidden states === */
/* Must stay at the very end: later Minecraft skin rules use display:* !important. */
.hidden,
#auth.hidden,
#app.hidden,
.view.hidden,
.admin-only.hidden,
.claim-panel.hidden,
.toast.hidden,
.download-button.hidden,
.public-download.hidden,
#loginForm.hidden,
#registerForm.hidden{
display:none!important;
}
/* === Larger login logo · 2026-09-27 === */
#auth .auth-hero-logo{
top:12px!important;
width:min(680px,70vw)!important;
height:160px!important;
max-height:160px!important;
object-fit:contain!important;
}
@media(max-width:700px){
#auth .auth-hero-logo{
top:8px!important;
width:min(94vw,520px)!important;
height:100px!important;
max-height:100px!important;
}
}
@media(max-height:650px) and (min-width:701px){
#auth .auth-hero-logo{
height:110px!important;
max-height:110px!important;
width:min(560px,64vw)!important;
}
}
/* === Ingame registration + player profile · 2026-09-27 === */
.verify-status{
margin:10px 0 12px;
padding:10px 12px;
border:3px solid #515d61;
border-top-color:#788489;
border-left-color:#788489;
background:#11181a;
color:#c8d1d1;
text-align:center;
font-size:12px;
box-shadow:inset 2px 2px #050708,inset -2px -2px #263034;
}
.verify-status.delivered{
color:#b8ff9f;
border-color:#4b8b3e;
box-shadow:inset 2px 2px #10220d,inset -2px -2px #31562a;
}
.verification-code{
text-align:center!important;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
font-size:24px!important;
font-weight:900!important;
letter-spacing:.28em!important;
text-transform:uppercase!important;
}
.register-restart{width:100%;margin-top:8px}
.player-character-button{
width:100%;
margin:0 0 10px;
padding:8px 8px 10px;
border:3px solid #515d61;
border-top-color:#788489;
border-left-color:#788489;
border-right-color:#252d30;
border-bottom-color:#252d30;
background:linear-gradient(180deg,#192225,#101719);
color:#f4f7ef;
cursor:pointer;
display:grid;
justify-items:center;
gap:3px;
box-shadow:inset 2px 2px rgba(255,255,255,.035),inset -2px -2px #050708;
}
.player-character-button:hover{filter:brightness(1.12)}
.player-character-button img{
display:block;
width:auto;
max-width:92px;
height:118px;
object-fit:contain;
image-rendering:auto;
filter:drop-shadow(5px 7px 0 rgba(0,0,0,.46));
}
.player-character-button span{font-weight:900;font-size:12px;text-shadow:2px 2px #000}
.player-character-button small{font-size:9px;color:#8fa09c;text-transform:uppercase;letter-spacing:.04em}
.profile-layout{
display:grid;
grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);
gap:16px;
padding:18px 22px 70px;
}
.profile-hero{
min-height:300px;
display:grid;
grid-template-columns:180px 1fr;
align-items:center;
gap:22px;
}
.profile-character-wrap{
height:260px;
display:grid;
place-items:center;
background:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
#0b1113;
background-size:16px 16px;
border:3px solid #4b575b;
border-top-color:#252c2f;
border-left-color:#252c2f;
border-right-color:#69757a;
border-bottom-color:#69757a;
}
.profile-character-wrap img{
max-width:160px;
max-height:245px;
object-fit:contain;
filter:drop-shadow(8px 10px 0 rgba(0,0,0,.46));
}
.profile-online{
display:inline-flex;
margin-bottom:8px;
padding:5px 9px;
border:2px solid #535e61;
background:#111719;
font-size:10px;
font-weight:900;
text-transform:uppercase;
}
.profile-online.online{color:#b9ff9e;border-color:#4c943e;background:#10220e}
.profile-online.offline{color:#c5cecc}
.profile-basics{display:grid;gap:7px}
.profile-basics span{
display:flex;
justify-content:space-between;
gap:12px;
padding:7px 9px;
border-bottom:1px solid #263034;
}
.profile-basics strong{color:#eef7ee}
.profile-stats{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.stat-tile{
min-height:72px;
padding:10px;
display:flex;
flex-direction:column;
justify-content:center;
border:3px solid #4f5b5f;
border-top-color:#788488;
border-left-color:#788488;
background:#11181a;
}
.stat-tile span{font-size:10px;color:#8fa09d;text-transform:uppercase}
.stat-tile strong{margin-top:5px;font-size:20px;color:#f4f7ef;text-shadow:2px 2px #000}
.profile-equipment{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:7px;
margin:12px 0;
}
.equipment-slot{
min-height:74px;
padding:8px;
display:flex;
flex-direction:column;
justify-content:space-between;
border:3px solid #4f5b5f;
border-top-color:#262e31;
border-left-color:#262e31;
border-right-color:#788488;
border-bottom-color:#788488;
background:#0b1012;
}
.equipment-slot small{color:#7f8d8a;text-transform:uppercase;font-size:8px}
.equipment-slot strong{font-size:10px;word-break:break-word}
.equipment-slot span{align-self:flex-end;font-weight:900}
.minecraft-inventory{
display:grid;
grid-template-columns:repeat(9,minmax(42px,1fr));
gap:4px;
padding:8px;
overflow-x:auto;
border:4px solid #636e71;
border-top-color:#858f92;
border-left-color:#858f92;
border-right-color:#31383a;
border-bottom-color:#31383a;
background:#c6c6c6;
box-shadow:inset 4px 4px #eeeeee,inset -4px -4px #555;
}
.inv-slot{
position:relative;
aspect-ratio:1;
min-width:42px;
padding:4px;
display:grid;
place-items:center;
text-align:center;
overflow:hidden;
border:3px solid #8b8b8b;
border-top-color:#373737;
border-left-color:#373737;
border-right-color:#fff;
border-bottom-color:#fff;
background:#8b8b8b;
color:#fff;
text-shadow:1px 1px #111;
}
.inv-slot span{font-size:7px;line-height:1.08;word-break:break-word}
.inv-slot b{position:absolute;right:3px;bottom:1px;font-size:12px;text-shadow:2px 2px #222}
.inv-slot.filled{background:#777}
.profile-achievements{
display:flex;
flex-wrap:wrap;
gap:7px;
}
.advancement-chip{
display:inline-flex;
padding:7px 9px;
border:2px solid #4e5a5e;
background:#101719;
color:#dce6df;
font-size:10px;
text-transform:capitalize;
}
@media(max-width:1050px){
.profile-layout{grid-template-columns:1fr}
.profile-layout .span-2{grid-column:auto}
}
@media(max-width:900px){
.player-character-button img{height:74px;max-width:54px}
.player-character-button span,.player-character-button small{display:none}
}
@media(max-width:650px){
.profile-layout{padding:12px 10px 60px}
.profile-hero{grid-template-columns:120px 1fr;gap:12px;min-height:220px}
.profile-character-wrap{height:190px}
.profile-character-wrap img{max-width:105px;max-height:175px}
.profile-equipment{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-stats{grid-template-columns:1fr 1fr}
}
/* === Compact inventories + Enderchest · 2026-09-27 === */
.minecraft-inventory{
grid-template-columns:repeat(9,36px)!important;
justify-content:start!important;
gap:3px!important;
width:max-content;
max-width:100%;
padding:7px!important;
}
.inv-slot{
width:36px!important;
min-width:36px!important;
height:36px!important;
aspect-ratio:auto!important;
padding:3px!important;
border-width:2px!important;
}
.inv-slot span{font-size:6px!important}
.inv-slot b{font-size:10px!important;right:2px!important;bottom:0!important}
.ender-inventory{
background:#24152f!important;
border-top-color:#75518b!important;
border-left-color:#75518b!important;
border-right-color:#120918!important;
border-bottom-color:#120918!important;
box-shadow:inset 3px 3px #3d2450,inset -3px -3px #120918!important;
}
.ender-inventory .inv-slot{
background:#382246!important;
border-top-color:#180d20!important;
border-left-color:#180d20!important;
border-right-color:#76518d!important;
border-bottom-color:#76518d!important;
}
.ender-inventory .inv-slot.filled{background:#4a2d5d!important}
@media(max-width:650px){
.minecraft-inventory{grid-template-columns:repeat(9,32px)!important}
.inv-slot{width:32px!important;min-width:32px!important;height:32px!important}
}
/* === Minecraft account linking + admin user controls · 2026-09-27 === */
.minecraft-link-state,.user-link-status{
display:inline-flex;
align-items:center;
width:max-content;
margin:6px 0 8px;
padding:5px 8px;
border:2px solid #535e61;
background:#111719;
font-size:9px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.035em;
}
.minecraft-link-state.verified,.user-link-status.verified{
color:#b9ff9e;
border-color:#4c943e;
background:#10220e;
}
.minecraft-link-state.unverified,.user-link-status.unverified{
color:#ffd37a;
border-color:#9a7131;
background:#261b0c;
}
.minecraft-link-card{
display:flex;
flex-direction:column;
justify-content:center;
}
.minecraft-link-card button{width:100%}
.minecraft-link-card .verify-status{margin-top:12px}
.admin-user-main{min-width:210px}
.admin-user .user-actions{flex-wrap:wrap}
/* === Readable green action buttons · 2026-09-27 === */
#loginBtn,
#registerBtn,
#verifyRegisterBtn,
#startMinecraftLink,
#verifyMinecraftLink,
#uploadBrandingBackground,
#uploadBrandingLogo,
#saveSettings,
#startRender,
#saveGuide,
#uploadPack,
#createTeam,
button:not(.ghost):not(.danger):not(.nav){
color:#fff!important;
font-size:16px!important;
font-weight:900!important;
letter-spacing:.03em!important;
text-shadow:2px 2px 0 #1b3d16!important;
line-height:1.2!important;
padding:12px 16px!important;
border-top-color:#c9f3bc!important;
border-left-color:#c9f3bc!important;
border-right-color:#2c6828!important;
border-bottom-color:#2c6828!important;
background:linear-gradient(180deg,#6fd653 0 48%,#3b8d31 49% 100%)!important;
}
#loginBtn:hover,
#registerBtn:hover,
#verifyRegisterBtn:hover,
#startMinecraftLink:hover,
#verifyMinecraftLink:hover,
#uploadBrandingBackground:hover,
#uploadBrandingLogo:hover,
#saveSettings:hover,
#startRender:hover,
#saveGuide:hover,
#uploadPack:hover,
#createTeam:hover,
button:not(.ghost):not(.danger):not(.nav):hover{
filter:brightness(1.08)!important;
}
#startMinecraftLink,
#verifyMinecraftLink,
#registerBtn,
#verifyRegisterBtn{
min-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
/* === Auth button correction · 2026-09-27 === */
/* Keep the generic green action-button theme out of the login navigation. */
#auth .auth-tab{
min-height:38px!important;
padding:8px 14px!important;
border:2px solid #59666a!important;
border-top-color:#6d7a7e!important;
border-left-color:#6d7a7e!important;
border-right-color:#313a3d!important;
border-bottom-color:#313a3d!important;
background:linear-gradient(180deg,#303a3e 0 48%,#20282b 49% 100%)!important;
color:#e3ece9!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.1!important;
letter-spacing:.01em!important;
text-shadow:2px 2px 0 #050708!important;
box-shadow:inset 2px 2px rgba(255,255,255,.08),inset -3px -3px rgba(0,0,0,.35)!important;
filter:none!important;
}
#auth .auth-tab.active{
border-color:#78e8e8!important;
border-top-color:#adffff!important;
border-left-color:#adffff!important;
border-right-color:#14656e!important;
border-bottom-color:#14656e!important;
background:linear-gradient(180deg,#32bec4 0 48%,#176f79 49% 100%)!important;
color:#f4ffff!important;
text-shadow:2px 2px 0 #07383d!important;
box-shadow:inset 2px 2px rgba(255,255,255,.22),inset -3px -3px rgba(0,45,50,.42)!important;
}
/* Main login/register action: Minecraft-like, but darker and calmer. */
#auth #loginBtn,
#auth #registerBtn,
#auth #verifyRegisterBtn{
min-height:42px!important;
padding:9px 14px!important;
border:3px solid #65aa55!important;
border-top-color:#9cdb87!important;
border-left-color:#9cdb87!important;
border-right-color:#285a24!important;
border-bottom-color:#285a24!important;
background:linear-gradient(180deg,#4e9e3c 0 48%,#2e7028 49% 100%)!important;
color:#fff!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.1!important;
letter-spacing:.015em!important;
text-shadow:2px 2px 0 #153b12!important;
box-shadow:inset 2px 2px rgba(255,255,255,.14),inset -3px -3px rgba(20,58,18,.32),3px 3px #030504!important;
}
#auth #loginBtn:hover,
#auth #registerBtn:hover,
#auth #verifyRegisterBtn:hover{
filter:brightness(1.08)!important;
}
/* Bottom download action should stay a clean text link. */
#auth .auth-download .link-button,
#auth #openPublicDownload{
display:inline!important;
width:auto!important;
min-height:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#75fbfb!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.4!important;
letter-spacing:.01em!important;
text-shadow:2px 2px 0 #063f45!important;
text-decoration:none!important;
filter:none!important;
}
#auth .auth-download .link-button:hover,
#auth #openPublicDownload:hover{
color:#fff!important;
text-decoration:underline!important;
filter:none!important;
}
/* === Compact auth buttons · 2026-09-27 === */
/* Keep the green Minecraft look, but make auth buttons compact. */
#auth .auth-tab{
min-height:32px!important;
padding:5px 10px!important;
border:3px solid #86d271!important;
border-top-color:#b4ef9f!important;
border-left-color:#b4ef9f!important;
border-right-color:#2d6a27!important;
border-bottom-color:#2d6a27!important;
background:linear-gradient(180deg,#58b940 0 48%,#347f2b 49% 100%)!important;
color:#f7fff2!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.01em!important;
text-shadow:2px 2px #1a4c16!important;
box-shadow:inset 2px 2px rgba(255,255,255,.16),inset -3px -3px rgba(28,75,24,.32),3px 3px #030504!important;
filter:none!important;
}
#auth .auth-tab.active{
background:linear-gradient(180deg,#67c94d 0 48%,#3a8a31 49% 100%)!important;
color:#fff!important;
}
#auth #loginBtn,
#auth #registerBtn,
#auth #verifyRegisterBtn{
min-height:34px!important;
padding:6px 12px!important;
font-size:12px!important;
line-height:1!important;
}
#auth .auth-download .link-button,
#auth #openPublicDownload{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-height:32px!important;
padding:5px 12px!important;
border:3px solid #86d271!important;
border-top-color:#b4ef9f!important;
border-left-color:#b4ef9f!important;
border-right-color:#2d6a27!important;
border-bottom-color:#2d6a27!important;
background:linear-gradient(180deg,#58b940 0 48%,#347f2b 49% 100%)!important;
color:#f7fff2!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
text-shadow:2px 2px #1a4c16!important;
text-decoration:none!important;
box-shadow:inset 2px 2px rgba(255,255,255,.16),inset -3px -3px rgba(28,75,24,.32),3px 3px #030504!important;
}
#auth .auth-download .link-button:hover,
#auth #openPublicDownload:hover{
filter:brightness(1.08)!important;
text-decoration:none!important;
}
/* === Minecraft inventory item icons · 2026-09-27 === */
.inv-slot{
position:relative!important;
display:grid!important;
place-items:center!important;
overflow:visible!important;
}
.inv-slot .inv-item-icon{
display:block;
width:30px;
height:30px;
max-width:88%;
max-height:88%;
object-fit:contain;
image-rendering:pixelated;
filter:drop-shadow(1px 2px 0 rgba(0,0,0,.42));
pointer-events:none;
user-select:none;
}
.inv-slot .inv-count{
position:absolute!important;
right:2px!important;
bottom:-1px!important;
z-index:4;
color:#fff!important;
font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
text-shadow:2px 2px 0 #2b2b2b,-1px -1px 0 #2b2b2b,1px -1px 0 #2b2b2b,-1px 1px 0 #2b2b2b!important;
}
.inv-slot.enchanted:after{
content:"";
position:absolute;
inset:3px;
z-index:3;
pointer-events:none;
opacity:.23;
mix-blend-mode:screen;
background:linear-gradient(120deg,transparent 15%,rgba(168,83,255,.9) 38%,rgba(96,198,255,.65) 50%,rgba(196,91,255,.9) 62%,transparent 85%);
background-size:220% 220%;
animation:inventoryGlint 2.8s linear infinite;
}
@keyframes inventoryGlint{
0%{background-position:180% 0}
100%{background-position:-40% 100%}
}
@media(max-width:650px){
.inv-slot .inv-item-icon{width:27px;height:27px}
.inv-slot .inv-count{font-size:10px!important}
}