--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-border: var(--border); --color-ring: var(--ring);
:root { --background:#101312; --foreground:#f0f1e8; --card:#171c1a; --card-foreground:#f0f1e8; --primary:#ff9f43; --primary-foreground:#101312; --border:rgba(240,241,232,.14); --ring:#ff9f43; --radius:.15rem; --acid:#ff9f43; --moss:#ffb45e; --amber:#ff7b54; --muted:#9da69d; --ease-out:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:"DM Sans",sans-serif; }
button,a { font:inherit; }
button { border:0; }
button:focus-visible,a:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
.site-shell { overflow:hidden; background:#101312; }
.top-strip { min-height:30px; padding:0 5vw; display:flex; align-items:center; gap:14px; background:var(--acid); color:#101312; font-size:10px; font-weight:800; letter-spacing:.12em; }
.top-strip strong { font-size:9px; }.strip-spacer{flex:1}.strip-sep{opacity:.5}.mono{font-family:"IBM Plex Mono",monospace;}.status-dot{width:7px;height:7px;display:inline-block;border-radius:99px;background:currentColor;margin-right:6px;box-shadow:0 0 0 3px rgba(255,159,67,.15)}
.site-header { height:78px; padding:0 5vw; display:flex; align-items:center; gap:54px; border-bottom:1px solid rgba(240,241,232,.1); position:absolute; z-index:10; top:30px; left:0; right:0; color:white; }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:11px; font-family:"Space Grotesk",sans-serif; font-weight:800; letter-spacing:.03em; }.brand-mark { width:43px;height:43px;display:grid;place-items:center;background:transparent;padding:0;overflow:hidden; }.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-name{font-size:18px;line-height:1}.brand-name span{font-weight:400;margin-left:2px}.main-nav{display:flex;align-items:center;gap:17px;margin-left:auto}.main-nav button,.main-nav a{color:rgba(255,255,255,.7);background:none;text-decoration:none;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:color .18s var(--ease-out)}.main-nav button:hover,.main-nav a:hover{color:var(--acid)}.main-nav a svg,.footer-links a svg{color:var(--acid);flex:none}.social-link svg{stroke-width:1.8}.social-link:hover svg{color:var(--acid)}.header-cta{background:var(--acid);color:#101312;padding:12px 15px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:11px;letter-spacing:.08em;transition:transform .16s var(--ease-out),background .18s}.header-cta:hover{background:#ffd29c}.header-cta:active,.button-primary:active{transform:scale(.97)}.mobile-menu{display:none;background:none;color:white}
.hero{min-height:760px;position:relative;display:flex;align-items:center;padding:145px 5vw 90px}.hero-image{position:absolute;inset:0;background-image:url('/manus-storage/duckcraft-mc-background_ea6308a7.png');background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.9)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,11,.94) 0%,rgba(9,12,11,.72) 38%,rgba(9,12,11,.12) 75%),linear-gradient(0deg,rgba(9,12,11,.8),transparent 35%)}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow,.section-index{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;color:var(--acid);font-weight:500}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:27px}.eyebrow-line{display:inline-block;width:33px;height:1px;background:var(--acid)}h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;margin:0;letter-spacing:-.065em}h1{font-size:clamp(56px,8vw,112px);line-height:.86;font-weight:800}h1 em{font-style:normal;color:var(--acid)}.hero-lede{font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);max-width:405px;margin:29px 0 31px}.hero-actions{display:flex;gap:12px;align-items:center}.button-primary{display:inline-flex;align-items:center;gap:9px;background:var(--acid);color:#101312;padding:14px 18px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));font-size:11px;font-weight:800;letter-spacing:.09em;transition:transform .16s var(--ease-out),background .18s}.button-primary:hover{background:#ffc477}.button-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 16px;background:rgba(255,255,255,.08);color:white;font-size:11px;font-weight:800;letter-spacing:.07em;border:1px solid rgba(255,255,255,.18);transition:background .18s}.button-ghost:hover{background:rgba(255,255,255,.16)}.hero-coordinates{position:absolute;bottom:27px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,.48);letter-spacing:.1em}.hero-server-card{position:absolute;z-index:3;right:9vw;bottom:93px;width:277px;padding:20px;background:rgba(17,23,20,.86);border:1px solid rgba(255,159,67,.42);backdrop-filter:blur(13px);box-shadow:10px 10px 0 rgba(255,159,67,.14)}.card-kicker{font-family:"IBM Plex Mono",monospace;font-size:9px;color:var(--acid);letter-spacing:.13em;margin-bottom:17px}.server-ip{font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:500;letter-spacing:-.03em;margin-bottom:15px}.hero-server-card button{color:var(--acid);background:none;font-family:"IBM Plex Mono",monospace;font-size:9px;display:flex;align-items:center;gap:7px;padding:0 0 17px;border-bottom:1px solid rgba(240,241,232,.15);width:100%;text-align:left}.server-meta{display:flex;justify-content:space-between;padding-top:14px;color:rgba(255,255,255,.5);font-size:10px}.server-meta strong{color:white;font-weight:500}.scroll-cue{position:absolute;bottom:29px;right:5vw;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);font-size:9px;letter-spacing:.1em}.scroll-line{height:1px;width:28px;background:rgba(255,255,255,.45)}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:27px 5vw;gap:20px;background:#151a18}.stats-band>div{display:flex;flex-direction:column;gap:5px;border-left:1px solid rgba(240,241,232,.16);padding-left:18px}.stat-value{font-family:"Space Grotesk";font-size:30px;font-weight:700;letter-spacing:-.07em}.stat-label{font-family:"IBM Plex Mono";font-size:9px;color:var(--muted);letter-spacing:.12em}
.section-pad{padding:116px 9vw}.manifesto{display:grid;grid-template-columns:1fr 1.7fr .7fr;gap:50px;align-items:start}.manifesto-copy{max-width:620px}.manifesto h2,.section-heading h2,.guide-content h2,.community-card h2{font-size:clamp(43px,5vw,72px);line-height:.92}.manifesto h2 span,.section-heading h2 span,.guide-content h2 span,.community-card h2 span{color:var(--acid)}.manifesto-copy p{color:var(--muted);font-size:17px;line-height:1.6;max-width:500px;margin:26px 0}.text-link,.card-link{background:none;color:var(--acid);font-family:"IBM Plex Mono";font-size:10px;letter-spacing:.12em;display:inline-flex;gap:9px;align-items:center;padding:0;font-weight:500}.manifesto-stamp{justify-self:end;width:118px;height:118px;border:1px solid rgba(216,243,93,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--acid);transform:rotate(7deg)}.manifesto-stamp span{font-family:"IBM Plex Mono";font-size:9px;line-height:1.1;text-align:center;letter-spacing:.1em}
.modes-section{padding-top:30px;background:#151a18}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.section-heading p{color:var(--muted);max-width:270px;line-height:1.55;font-size:14px;margin:0}.section-index{margin-bottom:19px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mode-card{background:#101412;border:1px solid rgba(240,241,232,.1);position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .25s var(--ease-out),border-color .25s}.mode-card:hover{transform:translateY(-8px);border-color:rgba(255,159,67,.55)}.mode-top{display:flex;justify-content:space-between;padding:18px 19px;color:var(--acid)}.mode-no{font-size:10px;color:var(--muted)}.mode-art{height:170px;position:relative;display:grid;place-items:center;overflow:hidden}.mode-art>svg{position:relative;z-index:1;color:var(--acid);opacity:.82}.mode-grid-art{position:absolute;inset:0;background-image:linear-gradient(rgba(255,159,67,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,159,67,.12) 1px,transparent 1px);background-size:27px 27px;transform:skewY(-7deg) scale(1.2);opacity:.55}.mode-card.amber .mode-art>svg{color:var(--amber)}.mode-card.moss .mode-art>svg{color:var(--moss)}.mode-body{padding:20px 20px 24px}.mode-eyebrow{font-size:9px;color:var(--muted);letter-spacing:.13em}.mode-body h3{font-size:30px;margin:8px 0 9px}.mode-body p{font-size:13px;line-height:1.5;color:var(--muted);min-height:59px;margin:0 0 23px}.card-link{font-size:9px}
.guide-section{display:grid;grid-template-columns:1fr 1fr;background:#0d100f}.guide-image{min-height:600px;background-image:url('/manus-storage/duckcraft-mc-world_81dd3050.png'),url('/manus-storage/duckcraft-mc-background_ea6308a7.png');background-position:center;background-size:cover;filter:saturate(.8);position:relative}.guide-image::after{content:"WORLD / 01";position:absolute;left:26px;bottom:24px;color:var(--acid);font:500 9px "IBM Plex Mono";letter-spacing:.14em;background:#101312;padding:10px 12px;clip-path:polygon(0 0,100% 0,100% 80%,88% 100%,0 100%)}.guide-content{padding-left:8vw;padding-right:10vw}.guide-content>p{color:var(--muted);line-height:1.55;max-width:360px;margin:24px 0 34px}.steps{border-top:1px solid var(--border);margin-bottom:30px}.step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.step-no{font-family:"IBM Plex Mono";font-size:12px;color:var(--acid)}.step h4{font-size:13px;letter-spacing:.01em;margin:0 0 5px}.step p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.step b{color:var(--acid);font-family:"IBM Plex Mono";font-weight:400;font-size:11px}
.community{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:#151a18}.community-card{padding:54px;background:var(--acid);color:#111613;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:410px}.community-card .section-index{color:#6b3f24}.community-card h2{margin:18px 0}.community-card h2 span{color:#6b3f24}.community-card p{max-width:350px;line-height:1.5;color:#6b3f24;margin:0 0 26px}.community-card .button-primary{background:#111613;color:var(--acid)}.community-card .button-primary:hover{background:#222a21}.community-icon{color:#261812}.community-image{width:100%;height:100%;min-height:410px;object-fit:cover;background:#1a1416 url('/manus-storage/duckcraft-mc-community_0886976c.png') center/cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}
.updates{padding-top:35px}.compact{align-items:center}.updates-list{border-top:1px solid var(--border)}.update{display:grid;grid-template-columns:145px 1fr 30px;gap:20px;align-items:start;padding:25px 0;border-bottom:1px solid var(--border);transition:padding .2s var(--ease-out)}.update:hover{padding-left:14px}.update-date{font-size:10px;color:var(--muted);padding-top:4px}.tag{font-family:"IBM Plex Mono";font-size:9px;color:var(--acid);letter-spacing:.13em}.update h3{font-size:22px;letter-spacing:-.04em;margin:8px 0}.update p{color:var(--muted);font-size:13px;margin:0}.update-arrow{color:var(--acid);margin-top:8px}
.site-footer{padding:55px 5vw 25px;background:#0a0d0c;border-top:1px solid var(--border)}.footer-brand p{color:var(--muted);font-size:13px;line-height:1.5;margin:20px 0 0}.footer-links{display:flex;gap:100px;margin:45px 0 65px;margin-left:36%;}.footer-links>div{display:flex;flex-direction:column;gap:12px;min-width:110px}.footer-label{font-size:9px;color:var(--acid);letter-spacing:.13em;margin-bottom:5px}.footer-links a,.footer-links button{color:var(--muted);background:none;text-decoration:none;font-size:12px;text-align:left;display:flex;align-items:center;gap:8px;transition:color .18s var(--ease-out)}.footer-links a:hover,.footer-links button:hover{color:var(--acid)}.social-link{font-weight:600}.social-link svg{color:var(--muted)}.footer-bottom{border-top:1px solid var(--border);padding-top:18px;color:#657069;font-size:8px;display:flex;justify-content:space-between;letter-spacing:.08em}
.reveal{animation:rise .7s var(--ease-out) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:800px){.top-strip{padding:0 20px;font-size:8px;gap:8px}.top-strip .mono{display:none}.site-header{top:30px;padding:0 20px;height:66px;gap:16px}.mobile-menu{display:block;order:2}.brand{order:1}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;background:#101312;padding:22px 20px;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--border)}.main-nav.mobile-visible{display:flex}.header-cta{margin-left:auto;order:3;padding:10px;font-size:9px}.hero{min-height:720px;padding:150px 20px 120px}.hero-overlay{background:linear-gradient(90deg,rgba(9,12,11,.95),rgba(9,12,11,.55))}.hero-server-card{right:20px;bottom:72px;width:calc(100% - 40px);padding:15px}.server-ip{margin-bottom:11px}.hero-server-card button{padding-bottom:11px}.hero-coordinates{left:20px;right:20px;bottom:26px;font-size:7px}.hero-coordinates span:last-child{display:none}.scroll-cue{display:none}.stats-band{grid-template-columns:repeat(2,1fr);padding:20px;gap:17px}.stats-band>div{padding-left:12px}.stat-value{font-size:25px}.section-pad{padding:75px 20px}.manifesto{display:block}.manifesto .section-index{margin-bottom:25px}.manifesto-stamp{margin:30px 0 0}.section-heading{display:block}.section-heading p{margin-top:20px}.mode-grid{grid-template-columns:1fr}.modes-section{padding-top:10px}.guide-section,.community{grid-template-columns:1fr}.guide-image{min-height:300px;order:2}.guide-content{padding-left:20px;padding-right:20px}.community-image{min-height:270px}.community-card{min-height:410px;padding:34px}.updates{padding-top:10px}.update{grid-template-columns:75px 1fr 20px;gap:10px}.update h3{font-size:18px}.update p{font-size:12px}.footer-links{margin-left:0;gap:55px;margin:42px 0}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom span:last-child{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.mode-card,.update{transition:none}}

/* Crafter Liquid asset compatibility */
/* DuckCraft Liquid: Obsidian Arcade, orange accent, Minecraft voxel imagery. */
:root{--acid:#ff9f43;--ink:#101312;--surface:#151a18;--muted:#9da69d;--line:rgba(240,241,232,.14)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f0f1e8;font-family:"DM Sans",sans-serif}.mono{font-family:"IBM Plex Mono",monospace}.site-shell{overflow:hidden;background:var(--ink)}.top-strip{min-height:30px;padding:0 5vw;display:flex;align-items:center;gap:14px;background:var(--acid);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.12em}.strip-spacer{flex:1}.site-header{height:78px;padding:0 5vw;display:flex;align-items:center;gap:30px;position:absolute;z-index:10;top:30px;left:0;right:0;color:#fff;border-bottom:1px solid rgba(240,241,232,.1)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:11px;font-family:"Space Grotesk",sans-serif;font-weight:800}.brand-mark{width:43px;height:43px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:18px}.brand-name span{font-weight:400;margin-left:2px}.main-nav{display:flex;align-items:center;gap:16px;margin-left:auto}.main-nav a,.footer-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:10px;font-weight:600;white-space:nowrap}.main-nav a:hover,.footer-links a:hover{color:var(--acid)}.header-cta,.dc-button-primary{background:var(--acid);color:var(--ink);padding:13px 17px;text-decoration:none;font-weight:800;font-size:11px;letter-spacing:.08em;display:inline-flex;gap:8px;align-items:center;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.mobile-menu{display:none}.dc-hero{min-height:760px;position:relative;display:flex;align-items:center;padding:145px 5vw 90px;background:var(--ink) var(--hero-image) center/cover no-repeat}.dc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,12,11,.94),rgba(9,12,11,.7) 38%,rgba(9,12,11,.12) 78%),linear-gradient(0deg,rgba(9,12,11,.8),transparent 35%)}.dc-hero-content{position:relative;z-index:2;max-width:650px}.dc-eyebrow,.dc-index{font:500 10px "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--acid)}.dc-eyebrow{display:flex;gap:11px;align-items:center;margin-bottom:27px}.dc-eyebrow span{width:33px;height:1px;background:var(--acid)}.dc-hero h1,.dc-manifesto h2,.dc-section-heading h2,.dc-guide-copy h2,.dc-community-card h2{font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0}.dc-hero h1{font-size:clamp(56px,8vw,112px);line-height:.86}.dc-hero h1 em,.dc-manifesto em,.dc-section-heading em,.dc-guide-copy em,.dc-community-card em{font-style:normal;color:var(--acid)}.dc-hero-content p{font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);max-width:430px;margin:29px 0 31px}.dc-actions{display:flex;gap:12px}.dc-button-ghost{display:inline-flex;align-items:center;padding:13px 16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800}.dc-server-card{position:absolute;z-index:3;right:9vw;bottom:93px;width:277px;padding:20px;background:rgba(17,23,20,.86);border:1px solid rgba(255,159,67,.42);backdrop-filter:blur(13px);box-shadow:10px 10px 0 rgba(255,159,67,.14)}.dc-card-kicker{font:9px "IBM Plex Mono",monospace;color:var(--acid);letter-spacing:.13em;margin-bottom:17px}.dc-server-ip{font:15px "IBM Plex Mono",monospace;margin-bottom:15px}.dc-server-card button{color:var(--acid);background:none;border:0;font:9px "IBM Plex Mono",monospace;padding:0 0 17px;border-bottom:1px solid var(--line);width:100%;text-align:left}.dc-server-meta{display:flex;justify-content:space-between;padding-top:14px;color:rgba(255,255,255,.5);font-size:10px}.dc-server-meta strong{color:#fff}.dc-coordinates{position:absolute;bottom:27px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,.48)}.dc-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5vw;gap:20px;background:var(--surface);border-block:1px solid var(--line)}.dc-stats div{display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--line);padding-left:18px}.dc-stats strong{font:700 30px "Space Grotesk"}.dc-stats span{font:9px "IBM Plex Mono";color:var(--muted);letter-spacing:.12em}.dc-pad{padding:116px 9vw}.dc-manifesto{display:grid;grid-template-columns:1fr 1.7fr .7fr;gap:50px}.dc-manifesto h2,.dc-section-heading h2,.dc-guide-copy h2,.dc-community-card h2{font-size:clamp(43px,5vw,72px);line-height:.92}.dc-manifesto p,.dc-guide-copy>p,.dc-community-card p{color:var(--muted);font-size:16px;line-height:1.6;max-width:500px;margin:26px 0}.dc-text-link{color:var(--acid);text-decoration:none;font:10px "IBM Plex Mono";letter-spacing:.12em}.dc-stamp{justify-self:end;width:118px;height:118px;border:1px solid rgba(255,159,67,.6);display:grid;place-items:center;text-align:center;color:var(--acid);font:10px/1.2 "IBM Plex Mono";transform:rotate(7deg)}.dc-modes{padding-top:30px;background:var(--surface)}.dc-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.dc-section-heading p{color:var(--muted);max-width:270px;line-height:1.55;font-size:14px}.dc-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dc-mode-grid article{background:var(--ink);border:1px solid var(--line);padding:18px 20px 24px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.dc-mode-grid article>span,.dc-mode-grid small{color:var(--muted);font:10px "IBM Plex Mono"}.dc-mode-art{height:150px;display:grid;place-items:center;color:var(--acid);font-size:62px;background-image:linear-gradient(rgba(255,159,67,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,159,67,.12) 1px,transparent 1px);background-size:27px 27px;margin:14px -20px 20px}.dc-mode-grid h3{font:700 30px "Space Grotesk";margin:8px 0}.dc-mode-grid p{color:var(--muted);font-size:13px;line-height:1.5;min-height:59px}.dc-mode-grid a{color:var(--acid);text-decoration:none;font:9px "IBM Plex Mono"}.dc-guide{display:grid;grid-template-columns:1fr 1fr;background:#0d100f}.dc-guide-image{min-height:600px;background-position:center;background-size:cover;position:relative}.dc-guide-image span{position:absolute;left:26px;bottom:24px;color:var(--acid);font-size:9px;background:var(--ink);padding:10px 12px}.dc-steps{border-top:1px solid var(--line);margin:25px 0 30px}.dc-steps>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.dc-steps b{color:var(--acid);font:12px "IBM Plex Mono"}.dc-steps span{display:flex;flex-direction:column;gap:5px}.dc-steps strong{font-size:13px}.dc-steps small{color:var(--muted);font-size:12px}.dc-community{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:var(--surface)}.dc-community-card{padding:54px;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:410px}.dc-community-card .dc-index,.dc-community-card h2 em,.dc-community-card p{color:#6b3f24}.dc-community-card .dc-button-primary{background:var(--ink);color:var(--acid)}.dc-community-image{min-height:410px;background-position:center;background-size:cover}.dc-updates{padding-top:35px}.dc-updates-list{border-top:1px solid var(--line)}.dc-updates-list article{display:grid;grid-template-columns:145px 1fr 30px;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.dc-updates-list time{font-size:10px;color:var(--muted)}.dc-updates-list small{font:9px "IBM Plex Mono";color:var(--acid)}.dc-updates-list h3{font:22px "Space Grotesk";margin:8px 0}.dc-updates-list p{color:var(--muted);font-size:13px;margin:0}.dc-updates-list a{color:var(--acid);text-decoration:none}.site-footer{padding:55px 5vw 25px;background:#0a0d0c;border-top:1px solid var(--line)}.footer-brand p{color:var(--muted);font-size:13px;line-height:1.5}.footer-links{display:flex;gap:100px;margin:45px 0 65px;margin-left:36%}.footer-links>div{display:flex;flex-direction:column;gap:12px;min-width:110px}.footer-label{font-size:9px;color:var(--acid);letter-spacing:.13em}.footer-links a{display:flex;align-items:center;gap:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;color:#657069;font-size:8px;display:flex;justify-content:space-between}@media(max-width:800px){.top-strip{padding:0 20px;font-size:8px}.site-header{top:30px;padding:0 20px;height:66px}.mobile-menu{display:block;order:2}.brand{order:1}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;background:var(--ink);padding:22px 20px;flex-direction:column;align-items:flex-start;gap:20px}.main-nav.mobile-visible{display:flex}.header-cta{margin-left:auto;order:3;padding:10px;font-size:9px}.dc-hero{min-height:720px;padding:150px 20px 120px}.dc-hero h1{font-size:clamp(52px,15vw,76px)}.dc-server-card{right:20px;bottom:72px;width:calc(100% - 40px);padding:15px}.dc-coordinates{left:20px;right:20px;bottom:26px;font-size:7px}.dc-coordinates span:last-child{display:none}.dc-stats{grid-template-columns:repeat(2,1fr);padding:20px}.dc-stats strong{font-size:25px}.dc-pad{padding:75px 20px}.dc-manifesto{display:block}.dc-stamp{margin-top:30px}.dc-section-heading{display:block}.dc-mode-grid{grid-template-columns:1fr}.dc-guide,.dc-community{grid-template-columns:1fr}.dc-guide-image{min-height:300px;order:2}.dc-community-image{min-height:270px}.dc-community-card{min-height:410px;padding:34px}.dc-updates-list article{grid-template-columns:75px 1fr 20px}.dc-updates-list h3{font-size:18px}.footer-links{margin-left:0;gap:55px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;gap:12px}}

/* Obsidian Arcade: shared footer grid keeps all social channels visible across Crafter pages. */
.site-footer .footer-links{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr;gap:36px;margin-left:0}.site-footer .footer-links>div{min-width:0}.site-footer .footer-links a{display:flex;align-items:center;gap:8px;min-height:24px}.site-footer .footer-links a:hover{color:#ff9f43}.site-footer .footer-label{color:#ff9f43}.site-footer .footer-bottom span:nth-child(2){display:none}@media(max-width:800px){.site-footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}

/* Obsidian Arcade auth repair: the auth template remains usable even when Crafter's utility bundle is absent. */
.dc-auth-page{min-height:100vh;background:#101312!important;color:#f1f2eb;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);overflow:hidden}.dc-auth-page .hidden{display:none!important}.dc-auth-page>div:first-child{width:auto!important;min-height:100vh;padding:58px clamp(28px,7vw,108px);display:flex!important;flex-direction:column;justify-content:center;align-items:stretch!important;overflow:auto;max-height:none!important;background:#101312}.dc-auth-page>div:first-child>div{width:100%;max-width:480px;margin:0 auto;padding:0}.dc-auth-page a{color:#aeb6ad}.dc-auth-page a:hover{color:#ff9f43}.dc-auth-page h1{color:#f1f2eb;font:800 clamp(34px,4vw,58px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:16px 0 12px}.dc-auth-page p{color:#8e9890;font:14px/1.55 'Space Grotesk',sans-serif}.dc-auth-page label{display:block;color:#b9c0b8;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:.03em;margin-bottom:6px}.dc-auth-page input{box-sizing:border-box;width:100%;background:#171c1a!important;color:#f1f2eb!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;padding:14px!important;font:15px 'Space Grotesk',sans-serif}.dc-auth-page input:focus{outline:2px solid rgba(255,159,67,.35);border-color:#ff9f43!important}.dc-auth-page button{font:700 12px 'IBM Plex Mono',monospace;cursor:pointer}.dc-auth-page button[type=submit]{width:100%;background:#ff9f43;color:#101312;border:0;border-radius:0;padding:15px;margin-top:12px}.dc-auth-page button[type=submit]:hover{background:#ffc477}.dc-auth-page .text-primary{color:#ff9f43!important}.dc-auth-page .bg-primary{background:#ff9f43!important}.dc-auth-page .text-gray-900{color:#f1f2eb!important}.dc-auth-page .text-gray-700,.dc-auth-page .text-gray-500{color:#8e9890!important}.dc-auth-page .bg-gray-50{background:#171c1a!important}.dc-auth-page .border-gray-200{border-color:rgba(255,255,255,.14)!important}.dc-auth-page>div:last-child{display:flex!important;position:relative;min-height:100vh;margin:16px;background:linear-gradient(90deg,rgba(16,19,18,.15),rgba(16,19,18,.72)),url('{{ 'assets/duckcraft-hero.webp' | asset_url }}') center/cover;border-radius:0!important;overflow:hidden}.dc-auth-page>div:last-child img{display:none}.dc-auth-page>div:last-child>div{position:absolute;inset:auto 0 0;padding:70px 56px 56px;background:linear-gradient(transparent,rgba(10,13,12,.9))}.dc-auth-page>div:last-child h2{font:800 42px/.95 'Space Grotesk',sans-serif;color:#f1f2eb;white-space:pre-line}.dc-auth-page>div:last-child p{color:#c0c6bf;font-size:16px}.dc-auth-page .bg-green-400{background:#ff9f43!important}@media(max-width:850px){.dc-auth-page{display:block!important}.dc-auth-page>div:first-child{min-height:100vh;padding:38px 24px}.dc-auth-page>div:last-child{display:none!important}.dc-auth-page h1{font-size:42px}}

/* DuckCraft account menu: customer-aware Crafter navbar, orange voxel treatment. */
.dc-user-menu{position:relative;margin-left:10px;color:#f0f1e8;font-family:"DM Sans",sans-serif}.dc-user-menu summary{list-style:none;display:flex;align-items:center;gap:9px;padding:7px 10px;background:rgba(16,19,18,.72);border:1px solid rgba(255,159,67,.34);cursor:pointer}.dc-user-menu summary::-webkit-details-marker{display:none}.dc-user-avatar{width:30px;height:30px;display:block;overflow:hidden;border:1px solid #ff9f43;background:#202622}.dc-user-avatar img{width:100%;height:100%;object-fit:cover}.dc-user-copy{display:flex;flex-direction:column;gap:2px;min-width:72px}.dc-user-copy b{font-size:11px;line-height:1;color:#f0f1e8}.dc-user-copy small{font:9px "IBM Plex Mono",monospace;color:#ff9f43}.dc-user-chevron{color:#ff9f43;font-size:16px;line-height:1}.dc-user-panel{position:absolute;z-index:50;right:0;top:calc(100% + 10px);width:280px;padding:14px;background:#151a18;border:1px solid rgba(255,159,67,.45);box-shadow:10px 10px 0 rgba(255,159,67,.12)}.dc-user-heading{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid rgba(240,241,232,.12)}.dc-user-heading img{width:42px;height:42px;object-fit:cover;border:1px solid #ff9f43}.dc-user-heading div{min-width:0;display:flex;flex-direction:column;gap:3px}.dc-user-heading strong{font:700 14px "Space Grotesk",sans-serif;color:#f0f1e8}.dc-user-heading span{overflow:hidden;text-overflow:ellipsis;color:#9da69d;font-size:11px}.dc-user-balance{display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#9da69d;font:9px "IBM Plex Mono",monospace;letter-spacing:.08em}.dc-user-balance b{color:#ff9f43;font-size:13px}.dc-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dc-user-actions a{padding:11px 8px;background:#101312;color:#cbd0c9!important;border:1px solid rgba(240,241,232,.1);text-decoration:none;font:700 10px "IBM Plex Mono",monospace;text-align:center}.dc-user-actions a:hover{color:#ff9f43!important;border-color:#ff9f43}.dc-logout{width:100%;margin-top:9px;padding:10px;background:transparent;color:#e88972;border-top:1px solid rgba(240,241,232,.1);font:700 10px "IBM Plex Mono",monospace;cursor:pointer}.dc-logout:hover{background:rgba(232,137,114,.1)}@media(max-width:800px){.dc-user-menu{margin-left:auto;margin-right:5px}.dc-user-copy{display:none}.dc-user-menu summary{padding:5px}.dc-user-panel{position:fixed;top:106px;right:16px;max-width:calc(100vw - 32px)}}

/* DuckCraft global chrome: promo strip stays above server strip; auth content begins below both bars. */
.promo-strip{height:28px;display:flex;align-items:center;gap:14px;padding:0 5vw;background:#070909;color:#ff9f43;border-bottom:1px solid rgba(255,159,67,.25);font:700 9px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;position:relative;z-index:30}.promo-strip b{color:#ffbe76;white-space:nowrap;animation:dc-promo-slide 9s linear infinite}.promo-mark{margin-left:auto;color:#7f542f;letter-spacing:.28em}@keyframes dc-promo-slide{0%{transform:translateX(0)}45%{transform:translateX(12px)}100%{transform:translateX(0)}}.top-strip{position:relative;z-index:29}.site-header{top:58px!important;z-index:28!important}.dc-auth-main{padding-top:0!important}.dc-auth-main .dc-auth-page{min-height:calc(100vh - 58px)!important;margin-top:0}.dc-auth-main .dc-auth-page>div:first-child,.dc-auth-main .dc-auth-page>div:last-child{min-height:calc(100vh - 58px)}@media(max-width:800px){.promo-strip{padding:0 20px;font-size:8px}.promo-strip b{animation:none}.promo-mark{display:none}.site-header{top:58px!important}.dc-auth-main .dc-auth-page{min-height:calc(100vh - 58px)!important}.dc-auth-main .dc-auth-page>div:first-child{min-height:calc(100vh - 58px)}}

/* Inner page rhythm: 28px promo + 30px status + 78px navigation are reserved before content. */
.dc-inner-main{padding-top:140px!important}.dc-auth-main{padding-top:78px!important}.dc-auth-main .dc-auth-page,.dc-auth-main .dc-auth-page>div:first-child,.dc-auth-main .dc-auth-page>div:last-child{min-height:calc(100vh - 136px)!important}@media(max-width:800px){.dc-inner-main{padding-top:120px!important}.dc-auth-main{padding-top:78px!important}.dc-auth-main .dc-auth-page,.dc-auth-main .dc-auth-page>div:first-child{min-height:calc(100vh - 136px)!important}}

/* DuckCraft theme toggle and light-mode surface tokens. */
.dc-theme-toggle{width:36px;height:36px;display:grid;place-items:center;margin-left:2px;background:rgba(16,19,18,.7);border:1px solid rgba(255,159,67,.45);color:#ffb45e;font:18px/1 "DM Sans",sans-serif;cursor:pointer;transition:background .18s,transform .16s}.dc-theme-toggle:hover{background:#ff9f43;color:#101312}.dc-theme-toggle:active{transform:scale(.94)}html.dc-light body{background:#f5f2ec;color:#1b211e}html.dc-light .site-shell{background:#f5f2ec}html.dc-light .site-header{color:#17201c;border-bottom-color:rgba(20,30,24,.14)}html.dc-light .site-header .brand,html.dc-light .site-header .main-nav a{color:#17201c}html.dc-light .site-header .main-nav a:hover{color:#c55e20}html.dc-light .dc-theme-toggle{background:#fff;border-color:rgba(197,94,32,.45);color:#c55e20}html.dc-light .top-strip{color:#101312}html.dc-light .stats-band,html.dc-light .modes-section,html.dc-light .community{background:#ebe7df}html.dc-light .mode-card{background:#fff;border-color:rgba(20,30,24,.14)}html.dc-light .mode-body h3,html.dc-light .mode-card p,html.dc-light .section-heading h2,html.dc-light .manifesto h2,html.dc-light .guide-content h2,html.dc-light .community-card h2{color:#17201c}html.dc-light .manifesto-copy p,html.dc-light .section-heading p,html.dc-light .mode-body p,html.dc-light .step p,html.dc-light .update p{color:#5c665f}html.dc-light .guide-section{background:#e5e0d7}html.dc-light .guide-content{background:#f5f2ec}html.dc-light .updates{background:#f5f2ec}html.dc-light .site-footer{background:#17201c;color:#f5f2ec}html.dc-light .site-footer .footer-brand p,html.dc-light .site-footer .footer-links a{color:#aab5ad}html.dc-light .site-footer .footer-bottom{color:#8c9b90;border-color:rgba(255,255,255,.18)}html.dc-light .dc-auth-page{background:#f5f2ec!important;color:#17201c}html.dc-light .dc-auth-page>div:first-child{background:#f5f2ec}html.dc-light .dc-auth-page h1,html.dc-light .dc-auth-page .text-gray-900{color:#17201c!important}html.dc-light .dc-auth-page p,html.dc-light .dc-auth-page .text-gray-700,html.dc-light .dc-auth-page .text-gray-500{color:#5c665f}.dc-inner-main{padding-top:140px!important}@media(max-width:800px){.dc-theme-toggle{width:34px;height:34px}.dc-inner-main{padding-top:120px!important}.dc-user-menu+.dc-theme-toggle{margin-left:0}}

/* Promo strip readability and theme toggle surfaces. */
.promo-strip{display:flex;align-items:center;gap:14px;padding-left:20px;padding-right:20px;white-space:nowrap}.promo-strip b{display:inline-block;margin-left:8px}.promo-mark{margin-left:auto;letter-spacing:.28em}.dc-theme-toggle{width:36px;height:36px;display:grid;place-items:center;margin-left:2px;background:rgba(16,19,18,.7);border:1px solid rgba(255,159,67,.45);color:#ffb45e;font:18px/1 "DM Sans",sans-serif;cursor:pointer;transition:background .18s,transform .16s}.dc-theme-toggle:hover{background:#ff9f43;color:#101312}.dc-theme-toggle:active{transform:scale(.94)}html.dc-light body,html.dc-light .site-shell{background:#f5f2ec;color:#17201c}html.dc-light .site-header{color:#17201c;border-bottom-color:rgba(20,30,24,.14)}html.dc-light .site-header .brand,html.dc-light .site-header .main-nav a{color:#17201c}html.dc-light .site-header .main-nav a:hover{color:#c55e20}html.dc-light .dc-theme-toggle{background:#fff;border-color:rgba(197,94,32,.45);color:#c55e20}html.dc-light .stats-band,html.dc-light .modes-section,html.dc-light .community{background:#ebe7df}html.dc-light .mode-card{background:#fff;border-color:rgba(20,30,24,.14)}html.dc-light .mode-body h3,html.dc-light .mode-card p,html.dc-light .section-heading h2,html.dc-light .manifesto h2,html.dc-light .guide-content h2,html.dc-light .community-card h2{color:#17201c}html.dc-light .manifesto-copy p,html.dc-light .section-heading p,html.dc-light .mode-body p,html.dc-light .step p,html.dc-light .update p{color:#5c665f}html.dc-light .guide-section,html.dc-light .updates{background:#f5f2ec}html.dc-light .site-footer{background:#17201c;color:#f5f2ec}html.dc-light .site-footer .footer-brand p,html.dc-light .site-footer .footer-links a{color:#aab5ad}.dc-inner-main{padding-top:140px!important}@media(max-width:800px){.promo-strip{font-size:8px}.promo-strip b{animation:none}.promo-mark{display:none}.dc-inner-main{padding-top:120px!important}.dc-theme-toggle{width:34px;height:34px}}

/* DuckCraft wallet surface and true marquee promotion. */
.dc-wallet-page{min-height:calc(100vh - 140px);padding:36px 5vw 90px;background:var(--ink);color:#f0f1e8}.dc-wallet-shell{max-width:1180px;margin:0 auto}.dc-wallet-kicker{color:var(--acid);font:10px "IBM Plex Mono",monospace;letter-spacing:.16em;margin-bottom:16px}.dc-wallet-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:28px}.dc-wallet-heading h1{font-size:clamp(48px,7vw,92px);line-height:.9}.dc-wallet-heading p{margin:20px 0 0;color:var(--muted);font-size:15px}.dc-wallet-back,.dc-wallet-login a,.dc-wallet-grid a{display:inline-flex;align-items:center;justify-content:center;background:var(--acid);color:var(--ink);padding:13px 17px;text-decoration:none;font:800 10px "IBM Plex Mono",monospace;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.dc-wallet-balance{display:flex;align-items:center;gap:18px;margin:34px 0 24px;padding:18px 20px;background:#171c1a;border:1px solid rgba(255,159,67,.35)}.dc-wallet-balance span,.dc-wallet-package-tag{color:var(--acid);font:9px "IBM Plex Mono",monospace;letter-spacing:.14em}.dc-wallet-balance strong{font:700 30px "Space Grotesk",sans-serif}.dc-wallet-balance small{margin-left:auto;color:var(--muted);font-size:12px}.dc-wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dc-wallet-grid article,.dc-wallet-login{padding:28px;background:#151a18;border:1px solid rgba(240,241,232,.14);box-shadow:8px 8px 0 rgba(255,159,67,.08)}.dc-wallet-grid article.is-featured{border-color:var(--acid);transform:translateY(-8px)}.dc-wallet-grid h2{margin:25px 0 10px;font-size:42px}.dc-wallet-grid p,.dc-wallet-login p{min-height:48px;color:var(--muted);line-height:1.5;font-size:13px}.dc-wallet-grid a{margin-top:20px}.dc-wallet-login{max-width:620px;margin-top:38px}.dc-wallet-login h2{font-size:34px;margin:24px 0 8px}.dc-wallet-login a{margin-top:15px}.promo-strip{height:38px;position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:0 20px;white-space:nowrap}.promo-strip b{position:absolute;left:0;animation:dc-promo-marquee 13s linear infinite;padding-left:100vw;color:#ffbe76;font-size:12px}.promo-strip>span:first-child{position:relative;z-index:1;background:#070909;padding-right:18px;font-size:11px}.promo-mark{margin-left:auto;position:relative;z-index:1}@keyframes dc-promo-marquee{from{transform:translateX(0)}to{transform:translateX(-200%)}}@media(max-width:800px){.dc-wallet-page{padding:28px 20px 70px}.dc-wallet-heading{display:block}.dc-wallet-back{margin-top:22px}.dc-wallet-balance{flex-wrap:wrap}.dc-wallet-balance small{width:100%;margin-left:0}.dc-wallet-grid{grid-template-columns:1fr}.dc-wallet-grid article.is-featured{transform:none}.promo-strip b{font-size:10px;animation-duration:10s}}

/* Final header alignment, emoji navigation and slow promotion marquee. */
.dc-inner-main{padding-top:200px!important}.promo-strip{height:46px;justify-content:flex-start}.promo-strip b{font-size:15px;font-weight:900;letter-spacing:.04em;animation-duration:39s}.promo-strip>span:first-child{display:none}.promo-mark{display:none}.main-nav a[href*="store"]::before{content:"🛒"}.main-nav a[href*="punish"]::before{content:"⚖️"}.main-nav a[href*="support"]::before{content:"🛟"}.main-nav a[href*="wallet"],.main-nav a[href*="credit"]{ }.main-nav a[href*="wallet"]::before,.main-nav a[href*="credit"]::before{content:"💳"}.main-nav a[href*="map"]::before{content:"🗺️"}.main-nav a[href*="wiki"]::before{content:"📖"}@media(max-width:800px){.dc-inner-main{padding-top:170px!important}.promo-strip{height:42px}.promo-strip b{font-size:12px;animation-duration:39s}}

/* Header stack: promo strip + server strip must finish before the logo/navigation bar. */
.site-header{top:76px}.main-nav a{line-height:1.2}@media(max-width:800px){.site-header{top:76px}.main-nav{top:66px}}

/* Header-only polish: preserve page content position while giving navigation a larger framed interaction. */
.site-header{top:84px}.main-nav{gap:8px}.main-nav a{min-height:44px;padding:0 13px;border:1px solid transparent;gap:7px;font-size:11px;letter-spacing:.02em;transition:color .18s var(--ease-out),background .18s var(--ease-out),border-color .18s var(--ease-out),transform .16s var(--ease-out),box-shadow .18s var(--ease-out)}.main-nav a::before{display:inline-grid;place-items:center;width:17px;height:17px;background:#ff9f43;color:#101312;border:1px solid rgba(16,19,18,.5);font:700 10px/1 Arial,sans-serif;filter:none}.main-nav a[href*="store"]::before{content:"▣"}.main-nav a[href*="punish"]::before{content:"⚖"}.main-nav a[href*="support"]::before{content:"+"}.main-nav a[href*="wallet"]::before,.main-nav a[href*="credit"]::before{content:"¤"}.main-nav a[href*="map"]::before{content:"⌖"}.main-nav a[href*="wiki"]::before{content:"▤"}.main-nav a:hover,.main-nav a:focus-visible{background:#ff9f43;border-color:#ff9f43;color:#101312;transform:translateY(-1px);box-shadow:4px 4px 0 rgba(16,19,18,.55)}.header-cta{min-height:44px;padding:0 18px}.header-cta:hover{transform:translateY(-1px);box-shadow:4px 4px 0 rgba(16,19,18,.8)}@media(max-width:800px){.site-header{top:84px}.main-nav{top:66px;gap:10px;padding:22px 20px}.main-nav a{width:100%;min-height:42px;padding:0 12px}.header-cta{min-height:42px;padding:0 12px}}

/* Keep the primary CTA compact and single-line beside the enlarged navigation controls. */
.header-cta{white-space:nowrap;min-width:120px;justify-content:center}.main-nav{flex-wrap:nowrap}@media(max-width:800px){.header-cta{min-width:0}}

/* Section label spacing: lift the 02 and 04 markers while separating them from their headlines. */
.dc-guide-copy>.dc-index{position:relative;top:-8px;margin-bottom:30px}.dc-updates .dc-section-heading>div:first-child>.dc-index{position:relative;top:-8px;margin-bottom:30px}@media(max-width:800px){.dc-guide-copy>.dc-index,.dc-updates .dc-section-heading>div:first-child>.dc-index{top:-5px;margin-bottom:24px}}

/* Crafter store categories: dynamic panel categories keep a distinct Obsidian Arcade tone. */
.dc-store-category-card{position:relative;display:block;min-height:340px;overflow:hidden;text-decoration:none;background:#171b19;border:1px solid rgba(240,241,232,.12);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .24s var(--ease-out),border-color .24s var(--ease-out),box-shadow .24s var(--ease-out)}.dc-store-category-card:hover{transform:translateY(-7px);border-color:#ff9f43;box-shadow:8px 8px 0 rgba(16,19,18,.6)}.dc-store-category-media{position:absolute;inset:0;overflow:hidden}.dc-store-category-media:after{content:"";position:absolute;inset:0;opacity:.86;mix-blend-mode:multiply}.dc-store-category-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease-out),filter .3s}.dc-store-category-card:hover .dc-store-category-image{filter:saturate(1.12)}.dc-store-category-placeholder{width:100%;height:100%;display:grid;place-items:center;font:400 84px/1 "Space Grotesk",sans-serif}.dc-store-category-placeholder span{opacity:.8;transform:rotate(-8deg)}.dc-store-category-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,10,.04) 24%,rgba(8,11,10,.88) 100%)}.dc-category-towny .dc-store-category-media:after{background:linear-gradient(135deg,rgba(75,81,80,.84),rgba(165,170,166,.2) 52%,rgba(30,34,33,.82))}.dc-category-towny .dc-store-category-placeholder{background:linear-gradient(135deg,#303635,#89908d 52%,#1b201f);color:#d9ddda}.dc-category-trappvp .dc-store-category-media:after{background:linear-gradient(135deg,rgba(78,10,16,.88),rgba(214,63,50,.3) 52%,rgba(35,5,9,.9))}.dc-category-trappvp .dc-store-category-placeholder{background:linear-gradient(135deg,#3a0a11,#b83d35 52%,#24060b);color:#ffd4cc}.dc-category-skyblock .dc-store-category-media:after{background:linear-gradient(135deg,rgba(8,67,48,.9),rgba(83,180,121,.26) 52%,rgba(8,35,28,.92))}.dc-category-skyblock .dc-store-category-placeholder{background:linear-gradient(135deg,#092f25,#3f9e70 52%,#071e19);color:#c5f4d7}.dc-store-category-copy{position:relative;z-index:2;min-height:340px;padding:26px 25px 24px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:#f0f1e8}.dc-store-category-label{font-size:9px;color:#ffb86b;letter-spacing:.12em;margin-bottom:8px}.dc-store-category-copy h4{margin:0 0 7px;font:800 32px/.96 "Space Grotesk",sans-serif;letter-spacing:-.055em;color:#fff}.dc-store-category-copy p{max-width:340px;margin:0 0 18px;color:rgba(240,241,232,.72);font-size:13px;line-height:1.5}.dc-store-category-link{display:inline-flex;align-items:center;gap:8px;color:#ff9f43;font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.1em}.dc-store-category-link b{font-size:16px;font-weight:400;line-height:.6;transition:transform .18s var(--ease-out)}.dc-store-category-card:hover .dc-store-category-link b{transform:translate(3px,-3px)}@media(max-width:800px){.dc-store-category-card,.dc-store-category-copy{min-height:300px}.dc-store-category-copy{padding:22px 20px}.dc-store-category-copy h4{font-size:28px}.dc-store-category-copy p{font-size:12px}}

/* Header alignment pass: center every control in the lowered bar; hover controls become rounded capsules. */
.site-header{top:92px;height:78px;align-items:center}.site-header .brand,.site-header .main-nav,.site-header .header-cta,.site-header .dc-user-menu{align-self:center}.brand-mark{width:46px;height:46px}.brand-name{font-size:20px}.main-nav{align-items:center;justify-content:center;gap:8px}.main-nav a{font-size:12px}.main-nav a:hover,.main-nav a:focus-visible{border-radius:999px}.header-cta{min-height:46px;padding:0 20px;border-radius:0;align-self:center}.header-cta:hover{border-radius:999px}@media(max-width:800px){.site-header{top:92px;height:66px}.brand-mark{width:43px;height:43px}.brand-name{font-size:18px}.main-nav{top:66px}.main-nav a{font-size:12px}.header-cta{min-height:44px;padding:0 14px}}

/* Mobile-first composition: preserve Obsidian Arcade assets while giving small screens their own rhythm and hierarchy. */
@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .promo-strip{height:42px;padding:0 16px;gap:0}.promo-strip b{font-size:11px;letter-spacing:.03em}
  .top-strip{height:30px;padding:0 16px;font-size:8px;gap:8px}
  .site-header{top:72px;height:72px;padding:0 18px;display:grid;grid-template-columns:1fr auto auto;gap:10px;background:rgba(9,12,11,.94);border-bottom:1px solid rgba(240,241,232,.14);backdrop-filter:blur(12px)}
  .site-header .brand{min-width:0;gap:9px}.brand-mark{width:38px;height:38px}.brand-name{font-size:17px;white-space:nowrap}
  .mobile-menu{display:flex;order:2;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(240,241,232,.2);background:#151a18;color:#f0f1e8;border-radius:10px}
  .header-cta{order:3;min-height:42px;margin:0;padding:0 12px;font-size:9px;letter-spacing:.06em}
  .main-nav{top:72px;left:12px;right:12px;padding:12px;gap:8px;background:rgba(16,19,18,.98);border:1px solid rgba(255,159,67,.38);border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.48)}
  .main-nav.mobile-visible{display:flex}.main-nav a{width:100%;min-height:44px;padding:0 12px;border-radius:10px;font-size:11px;justify-content:flex-start}.main-nav a:hover,.main-nav a:focus-visible{border-radius:999px}
  .dc-hero{min-height:780px;padding:188px 20px 178px;display:flex;align-items:flex-start}.dc-hero-content{width:100%;max-width:520px}.dc-hero-overlay{background:linear-gradient(180deg,rgba(9,12,11,.78) 0%,rgba(9,12,11,.25) 34%,rgba(9,12,11,.82) 100%)}
  .dc-hero-content h1{font-size:clamp(52px,15vw,68px);line-height:.9;letter-spacing:-.075em;margin:18px 0 20px}.dc-hero-content p{max-width:335px;font-size:14px;line-height:1.55;margin:0}.dc-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.dc-actions a{min-height:48px;padding:0 10px;font-size:9px;letter-spacing:.04em;justify-content:center;display:flex;align-items:center}.dc-server-card{left:20px;right:20px;bottom:22px;width:auto;padding:17px 16px;min-height:148px;background:rgba(16,19,18,.94);backdrop-filter:blur(10px)}.dc-server-ip{font-size:17px;margin:13px 0 16px}.dc-server-card button{font-size:9px;padding-bottom:12px}.dc-server-meta{font-size:10px}.dc-coordinates{display:none}
  .dc-stats{grid-template-columns:repeat(2,1fr);padding:22px 20px;gap:0}.dc-stats>div{min-height:76px;padding:10px 12px;border-left:1px solid rgba(240,241,232,.12)}.dc-stats>div:nth-child(3),.dc-stats>div:nth-child(4){border-top:1px solid rgba(240,241,232,.12)}.dc-stats strong{font-size:28px}.dc-stats span{font-size:8px;margin-top:6px}
  .dc-pad{padding:74px 20px}.dc-manifesto{display:flex;flex-direction:column;gap:24px}.dc-manifesto>.dc-index{margin:0}.dc-manifesto>div:nth-child(2){max-width:none}.dc-manifesto h2,.dc-section-heading h2,.dc-guide-copy h2,.dc-community-card h2{font-size:clamp(43px,12vw,58px);line-height:.92}.dc-manifesto p{font-size:14px;line-height:1.6;margin:22px 0 26px}.dc-stamp{align-self:flex-end;width:92px;height:92px;margin:0}
  .dc-section-heading{display:block;margin-bottom:28px}.dc-section-heading>.dc-index{margin-bottom:22px}.dc-section-heading p{max-width:330px;margin:18px 0 0;font-size:13px}
  .dc-modes{padding-top:72px;padding-bottom:72px}.dc-mode-grid{grid-template-columns:1fr;gap:12px}.dc-mode-grid article{display:flex;flex-direction:column;min-height:280px;padding:24px 20px}.dc-mode-grid article .dc-mode-art{min-height:98px;display:grid;place-items:center}.dc-mode-grid article h3{font-size:28px}.dc-mode-grid article p{font-size:12px;line-height:1.5}.dc-mode-grid article a{font-size:9px}
  .dc-guide{display:flex;flex-direction:column}.dc-guide-image{order:0;min-height:300px;background-position:center}.dc-guide-copy{order:1;padding:68px 20px 78px}.dc-guide-copy>.dc-index{top:-5px;margin-bottom:26px}.dc-guide-copy>p{font-size:14px;margin:22px 0 28px}.dc-steps{margin-bottom:28px}.dc-steps>div{grid-template-columns:34px 1fr;gap:12px;padding:16px 0}.dc-guide-copy>.dc-button-primary{min-height:48px;padding:0 17px}
  .dc-community{display:flex;flex-direction:column;gap:0;padding:0}.dc-community-card{min-height:390px;padding:72px 24px}.dc-community-card h2{margin:20px 0}.dc-community-card p{font-size:14px;line-height:1.6}.dc-community-image{min-height:280px;order:2}
  .dc-updates{padding:72px 20px 82px}.dc-updates .dc-section-heading>div:first-child>.dc-index{top:-5px;margin-bottom:24px}.dc-updates-list{margin-top:22px}.dc-updates-list article{display:grid;grid-template-columns:1fr 24px;gap:9px;padding:22px 0}.dc-updates-list time{grid-column:1/3;padding:0;font-size:9px}.dc-updates-list article>div{grid-column:1}.dc-updates-list article>a{grid-column:2;grid-row:2;margin-top:7px}
  .site-footer{padding:48px 20px 24px}.site-footer .brand-mark{width:38px;height:38px}.site-footer .brand-name{font-size:17px}.footer-brand p{font-size:12px;line-height:1.5}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px;margin:38px 0}.footer-links a{font-size:10px;line-height:1.5}.footer-bottom{font-size:8px;line-height:1.5;gap:10px}.footer-bottom span:last-child{display:none}
}
@media(max-width:390px){.dc-hero{padding-left:18px;padding-right:18px}.dc-actions{grid-template-columns:1fr}.dc-server-card{left:18px;right:18px}.header-cta{padding:0 10px;font-size:8px}.brand-name{font-size:16px}.dc-mode-grid article{min-height:260px}}


/* Store category cards — Crafter Liquid compatible */
.dc-store-kicker{margin:0 0 8px;color:#9da69d;font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.14em}
.dc-store-count{color:#9da69d;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.12em}
.dc-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dc-store-card{position:relative;min-height:220px;overflow:hidden;display:block;color:#fff;text-decoration:none;background:#171c1a;border:1px solid rgba(240,241,232,.14);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.dc-store-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.5);box-shadow:12px 12px 0 rgba(0,0,0,.2)}
.dc-store-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;transition:transform .5s var(--ease-out),opacity .25s var(--ease-out)}
.dc-store-card:hover .dc-store-card__image{opacity:.68}
.dc-store-card__wash{position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,12,10,.12),rgba(8,12,10,.88) 82%)}
.dc-store-card--towny .dc-store-card__wash{background:linear-gradient(135deg,rgba(255,159,67,.12),rgba(8,12,10,.9) 82%)}
.dc-store-card--trappvp{background:linear-gradient(135deg,#8d1f2d 0%,#e34d45 48%,#54131e 100%)}
.dc-store-card--trappvp .dc-store-card__wash{background:linear-gradient(135deg,rgba(91,7,22,.05),rgba(38,6,13,.8))}
.dc-store-card--skyblock{background:linear-gradient(135deg,#155c3e 0%,#51c878 48%,#103c32 100%)}
.dc-store-card--skyblock .dc-store-card__wash{background:linear-gradient(135deg,rgba(16,101,59,.05),rgba(5,39,31,.78))}
.dc-store-card__meta{position:absolute;top:18px;left:20px;color:rgba(255,255,255,.68);font:500 9px "IBM Plex Mono",monospace;letter-spacing:.13em}
.dc-store-card__body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px}
.dc-store-card__title{font:700 clamp(27px,3vw,42px)/.86 "Space Grotesk",sans-serif;letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.28)}
.dc-store-card__cta{margin-top:18px;color:#fff;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.12em;opacity:.84}
.dc-store-card__cta span{display:inline-block;margin-left:5px;font-size:14px;transition:transform .18s var(--ease-out)}
.dc-store-card:hover .dc-store-card__cta span{transform:translate(3px,-3px)}
.dc-store-card--membership{grid-column:1/-1;min-height:156px;background:linear-gradient(110deg,#4e237f 0%,#a855d8 52%,#39205f 100%)}
.dc-store-card--membership .dc-store-card__wash{background:linear-gradient(90deg,rgba(41,13,76,.28),rgba(25,11,47,.68))}
.dc-store-card--membership .dc-store-card__body{padding:23px 26px}
.dc-store-card--membership .dc-store-card__title{font-size:clamp(30px,4vw,52px)}
.dc-store-card__description{max-width:360px;margin-top:9px;color:rgba(255,255,255,.8);font:13px/1.4 "DM Sans",sans-serif}
@media (max-width:800px){.dc-store-grid{grid-template-columns:1fr;gap:12px}.dc-store-card{min-height:190px}.dc-store-card--membership{grid-column:auto;min-height:210px}.dc-store-card__body{padding:18px}.dc-store-count{display:none}}
@media (prefers-reduced-motion:reduce){.dc-store-card,.dc-store-card__image,.dc-store-card__cta span{transition:none}}


/* Özel Üyelikler kartı — store sunucu kartlarıyla aynı ölçü ve radius */
.dc-membership-card{background:linear-gradient(110deg,#4b1d77 0%,#a84bd1 52%,#35164f 100%);border:1px solid rgba(255,255,255,.24)}
.dc-membership-card__background{background:radial-gradient(circle at 78% 35%,rgba(236,180,255,.42),transparent 28%),linear-gradient(110deg,transparent 0%,rgba(255,255,255,.1) 48%,transparent 100%);transition:transform .5s cubic-bezier(.23,1,.32,1)}
.dc-membership-card:hover .dc-membership-card__background{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.dc-membership-card__background{transition:none}}


/* Store kategori kartları: Towny / TrapPvP / Skyblock / Üyelik */
.dc-category-card--trappvp{background:linear-gradient(135deg,#8e1f2d,#e64d49 52%,#4b101b)}
.dc-category-card--trappvp>img{mix-blend-mode:soft-light;opacity:.42}
.dc-category-card--trappvp>div.bg-gradient-to-r{background:linear-gradient(90deg,rgba(67,5,16,.84),rgba(111,10,20,.28),transparent)!important}
.dc-category-card--skyblock{background:linear-gradient(135deg,#145c3d,#51c978 52%,#103b30)}
.dc-category-card--skyblock>img{mix-blend-mode:soft-light;opacity:.38}
.dc-category-card--skyblock>div.bg-gradient-to-r{background:linear-gradient(90deg,rgba(4,60,35,.84),rgba(14,113,59,.24),transparent)!important}
.dc-category-card--membership{background:linear-gradient(110deg,#4b1d77 0%,#a84bd1 52%,#35164f 100%)}
.dc-category-card--membership .dc-membership-card__background{background:radial-gradient(circle at 78% 35%,rgba(236,180,255,.42),transparent 28%),linear-gradient(110deg,transparent,rgba(255,255,255,.1) 48%,transparent);transition:transform .5s cubic-bezier(.23,1,.32,1)}
.dc-category-card--membership:hover .dc-membership-card__background{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.dc-category-card--membership .dc-membership-card__background{transition:none}}


/* Towny gri kart ve footer kredisi */
.dc-category-card--towny{background:linear-gradient(135deg,#3f4348 0%,#aeb4bb 54%,#555b62 100%)}
.dc-category-card--towny>img{mix-blend-mode:soft-light;opacity:.32}
.dc-category-card--towny>div.bg-gradient-to-r{background:linear-gradient(90deg,rgba(20,23,26,.78),rgba(72,77,83,.24),transparent)!important}
.footer-powered{margin-left:auto;color:#657069;letter-spacing:.08em}
.footer-powered strong{color:#9da69d;font-weight:700}
@media (max-width:800px){.footer-powered{margin-left:0;width:100%}}


/* Footer credit: her ekranda görünür */
.site-footer .footer-bottom .footer-powered{display:inline-block!important;margin-left:auto!important;color:#d7ddd8!important;font:600 10px/1.2 "IBM Plex Mono",monospace!important;letter-spacing:.1em!important;white-space:nowrap}
.site-footer .footer-bottom .footer-powered strong{color:#ff9f43!important;font-weight:700!important}
@media (max-width:800px){.site-footer .footer-bottom .footer-powered{margin-left:0!important;margin-top:8px}}


.site-footer .footer-powered a{color:inherit;text-decoration:none;transition:color .18s var(--ease-out)}
.site-footer .footer-powered a:hover{color:#fff}


/* Header içerik hizası: tüm üst bar elemanlarını hafif aşağı ve dikey merkeze al */
.site-header{align-items:center}
.site-header>.brand,.site-header>.main-nav,.site-header>.header-cta,.site-header>.mobile-menu{transform:translateY(4px)}
@media (max-width:800px){.site-header>.brand,.site-header>.main-nav,.site-header>.header-cta,.site-header>.mobile-menu{transform:translateY(3px)}}


/* Header son hizalama ayarı */
.site-header>.brand,.site-header>.main-nav,.site-header>.header-cta,.site-header>.mobile-menu{transform:translateY(8px)}
@media (max-width:800px){.site-header>.brand,.site-header>.main-nav,.site-header>.header-cta,.site-header>.mobile-menu{transform:translateY(6px)}}


/* Destek formu: DuckCraft siyah / turuncu tema */
#createTicketForm input[type="text"],#createTicketForm select,#createTicketForm #lexical-editor{background:#111615!important;color:#f0f1e8!important;border-color:rgba(255,159,67,.28)!important;caret-color:#ff9f43}
#createTicketForm input[type="text"]::placeholder,#createTicketForm #lexical-editor:empty::before{color:#7f8981!important}
#createTicketForm input[type="text"]:focus,#createTicketForm select:focus,#createTicketForm #lexical-editor:focus{border-color:#ff9f43!important;box-shadow:0 0 0 3px rgba(255,159,67,.16)!important}
#createTicketForm>div>label{color:#d9ded9!important}
#createTicketForm>div>div.bg-gray-50{background:#111615!important;border-color:rgba(255,159,67,.28)!important}
#createTicketForm>div>div.bg-gray-50>div{background:#171c1a!important;border-bottom-color:rgba(255,159,67,.22)!important}
#createTicketForm button[type="button"]{color:#d9ded9!important}
#createTicketForm button[type="button"]:hover{background:rgba(255,159,67,.16)!important;color:#ff9f43!important}
#createTicketForm button[type="submit"]{background:#ff9f43!important;color:#101312!important;box-shadow:0 10px 25px rgba(255,159,67,.22)!important}
#createTicketForm button[type="submit"]:hover{background:#ffc477!important}


/* Görsel metin dili: başlıklar, logo ve site metinleri mouse ile seçilemez */
.site-shell,.site-shell h1,.site-shell h2,.site-shell h3,.site-shell h4,.site-shell h5,.site-shell h6,.site-shell p,.site-shell span,.site-shell a,.site-shell button,.site-shell label,.site-shell img,.site-shell svg{user-select:none;-webkit-user-select:none}
/* Kullanıcı giriş alanları çalışmaya devam eder */
.site-shell input,.site-shell textarea,.site-shell select,.site-shell [contenteditable="true"],.site-shell .selectable{user-select:text;-webkit-user-select:text}


/* DuckCraft mobile rebuild: desktop layout remains untouched above 800px. */
@media (max-width:800px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  .site-shell{width:100%;overflow-x:hidden}
  .promo-strip{height:34px!important;padding:0 16px!important;font-size:9px!important;letter-spacing:.08em!important}
  .promo-strip b{font-size:10px!important;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
  .top-strip{min-height:28px!important;height:28px;padding:0 16px!important;gap:7px!important;font-size:7px!important;letter-spacing:.06em!important;white-space:nowrap}
  .top-strip strong{font-size:7px!important}
  .site-header{position:absolute!important;top:62px!important;height:64px!important;padding:0 16px!important;gap:10px!important;display:flex!important;align-items:center!important}
  .site-header>.brand{order:1!important;min-width:0;transform:none!important}
  .brand-mark{width:34px!important;height:34px!important}
  .brand-name{font-size:16px!important;white-space:nowrap}
  .site-header>.mobile-menu{order:4!important;display:grid!important;place-items:center;width:38px;height:38px;margin-left:0;padding:0;color:#ff9f43!important;border:1px solid rgba(255,159,67,.45);background:#151a18;font-size:20px;line-height:1}
  .site-header>.header-cta{order:3!important;min-width:0!important;min-height:38px!important;height:38px;padding:0 10px!important;font-size:9px!important;letter-spacing:.04em!important;white-space:nowrap;transform:none!important}
  .site-header>.header-cta .header-cart-badge{font-size:8px}
  .site-header>.dc-user-menu{order:2!important;margin-left:auto!important;margin-right:0!important;transform:none!important}
  .dc-user-menu summary{min-height:38px!important;padding:4px!important}
  .dc-user-avatar{width:28px!important;height:28px!important}
  .dc-user-panel{top:48px!important;right:0!important;width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;padding:12px!important}
  .dc-user-actions{grid-template-columns:1fr 1fr!important}
  .main-nav{position:absolute!important;top:64px!important;left:12px!important;right:12px!important;width:auto!important;padding:10px!important;gap:6px!important;background:#111615!important;border:1px solid rgba(255,159,67,.35)!important;box-shadow:8px 8px 0 rgba(0,0,0,.28);align-items:stretch!important}
  .main-nav a{width:100%!important;min-height:42px!important;padding:0 12px!important;font-size:10px!important;justify-content:flex-start;border-color:rgba(255,255,255,.08)!important;background:#171c1a!important}
  .main-nav a::before{width:20px!important;height:20px!important}
  .dc-inner-main{padding-top:128px!important}
  .dc-auth-main{padding-top:62px!important}
  .dc-auth-main .dc-auth-page,.dc-auth-main .dc-auth-page>div:first-child{min-height:calc(100vh - 62px)!important}
  .dc-home-main{padding-top:0!important}
  .hero{min-height:690px!important;padding:138px 16px 110px!important}
  .hero-content{max-width:100%!important}
  .hero h1{font-size:clamp(44px,14vw,70px)!important;line-height:.9!important}
  .hero-lede{font-size:14px!important;max-width:100%!important;margin:22px 0 24px!important}
  .hero-actions{flex-direction:column!important;align-items:stretch!important;gap:9px!important}
  .hero-actions a,.hero-actions button{width:100%;justify-content:center}
  .hero-server-card{right:16px!important;bottom:62px!important;width:calc(100% - 32px)!important;padding:14px!important}
  .hero-coordinates{left:16px!important;right:16px!important;bottom:20px!important}
  .stats-band{grid-template-columns:1fr 1fr!important;padding:18px 16px!important;gap:12px!important}
  .stats-band>div{min-width:0;padding-left:10px!important}
  .stat-value{font-size:23px!important}
  .stat-label{font-size:8px!important;letter-spacing:.06em!important}
  .section-pad,.dc-pad{padding:56px 16px!important}
  .manifesto,.dc-manifesto,.guide-section,.dc-guide,.community,.dc-community{display:block!important}
  .manifesto h2,.dc-manifesto h2,.section-heading h2,.dc-section-heading h2,.guide-content h2,.dc-guide-copy h2,.community-card h2,.dc-community-card h2{font-size:clamp(38px,11vw,58px)!important}
  .manifesto-stamp,.dc-stamp{margin:26px 0 0!important}
  .section-heading,.dc-section-heading{display:block!important;margin-bottom:28px!important}
  .section-heading p,.dc-section-heading p{max-width:none!important;margin-top:14px!important}
  .mode-grid,.dc-mode-grid{grid-template-columns:1fr!important;gap:12px!important}
  .mode-card,.dc-mode-grid article{min-width:0}
  .guide-image,.dc-guide-image{min-height:250px!important}
  .guide-content,.dc-guide-copy{padding:46px 16px!important}
  .community-card,.dc-community-card{min-height:330px!important;padding:30px 22px!important}
  .community-image,.dc-community-image{min-height:230px!important}
  .update,.dc-updates-list article{grid-template-columns:62px minmax(0,1fr) 16px!important;gap:8px!important;padding:18px 0!important}
  .update h3,.dc-updates-list h3{font-size:16px!important;overflow-wrap:anywhere}
  .update p,.dc-updates-list p{font-size:11px!important}
  .footer-links,.site-footer .footer-links{grid-template-columns:1fr 1fr!important;display:grid!important;gap:24px 14px!important;margin:32px 0 38px!important}
  .footer-links>div{min-width:0!important}
  .footer-links a{font-size:11px!important;overflow-wrap:anywhere}
  .footer-bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .footer-powered{display:block!important;width:auto!important;margin:0!important}
  .dc-wallet-page{padding:28px 16px 60px!important}
  .dc-wallet-heading h1{font-size:clamp(42px,12vw,64px)!important}
  .dc-wallet-grid{grid-template-columns:1fr!important;gap:12px!important}
  .dc-wallet-grid article.is-featured{transform:none!important}
  .dc-wallet-balance{gap:10px!important;padding:14px!important}
  .dc-wallet-balance strong{font-size:26px!important}
  .dc-auth-page h1{font-size:38px!important}
  .dc-auth-page>div:first-child{padding:30px 18px!important}
  .dc-auth-page input{font-size:16px!important}
  /* Tailwind-heavy store and account pages */
  .container{max-width:100%!important}
  .dc-store-grid{grid-template-columns:1fr!important}
  .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-cols-3{grid-template-columns:1fr!important}
  .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lg\\:grid-cols-\\[1fr_350px\\]{grid-template-columns:1fr!important}
  .lg\\:grid-cols-\\[1fr_380px\\]{grid-template-columns:1fr!important}
  .overflow-x-auto{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .dc-store-category-card,.dc-store-category-copy{min-height:260px!important}
  .dc-store-category-copy{padding:20px!important}
  .dc-store-category-copy h4{font-size:26px!important}
  .dc-store-card{min-height:180px!important}
  .dc-store-card__body{padding:16px!important}
  .bg-black.border-orange-500\\/60{border-radius:18px!important}
  [style*="grid-template-columns: 220px"]{min-width:640px}
  #cart-content{grid-template-columns:1fr!important;gap:14px!important}
  #cart-items>div{padding:14px!important}
  #purchaseBtn{width:100%!important;min-height:52px!important}
  #cart-empty{padding:42px 18px!important}
  #chest-grid{grid-template-columns:1fr!important;gap:12px!important}
  #chest-grid>div{min-width:0!important}
  .dc-user-heading span{max-width:180px}
}
@media (max-width:420px){
  .site-header{padding:0 10px!important;gap:6px!important}
  .brand-name{font-size:14px!important}
  .brand-mark{width:30px!important;height:30px!important}
  .site-header>.header-cta{padding:0 7px!important;font-size:8px!important}
  .site-header>.mobile-menu{width:34px!important;height:34px!important}
  .top-strip{padding:0 10px!important;font-size:6px!important}
  .dc-user-panel{right:-4px!important}
  .footer-links,.site-footer .footer-links{grid-template-columns:1fr!important}
  .stats-band{gap:8px!important;padding:16px 10px!important}
  .stat-value{font-size:21px!important}
}


/* DuckCraft application forms: visible actions and readable fields. */
#application-form{color:#f0f1e8}
#application-form label{color:#f0f1e8!important}
#application-form input,#application-form textarea,#application-form select{background:#171c1a!important;color:#f0f1e8!important;border:1px solid rgba(255,159,67,.35)!important;caret-color:#ff9f43}
#application-form input::placeholder,#application-form textarea::placeholder{color:#8f9891!important}
#application-form input:focus,#application-form textarea:focus,#application-form select:focus{border-color:#ff9f43!important;box-shadow:0 0 0 3px rgba(255,159,67,.18)!important}
#application-form>div:last-child{border-color:rgba(255,159,67,.28)!important}
#application-form #btn-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;background:#ff9f43!important;color:#101312!important;border:1px solid #ffb45e!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(255,159,67,.25)!important;opacity:1!important;visibility:visible!important;cursor:pointer!important}
#application-form #btn-submit:hover{background:#ffc477!important;color:#101312!important;transform:translateY(-1px)}
#application-form #btn-submit:disabled{background:#b96f2f!important;color:#101312!important;opacity:.75!important;cursor:wait!important}
#application-form~* #apply-success a,#apply-success a{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#ff9f43!important;color:#101312!important;border:1px solid #ffb45e!important;opacity:1!important;visibility:visible!important}
#application-form+* a[href="/applications"]{color:#ff9f43!important}
@media(max-width:800px){
  #application-form{width:100%}
  #application-form>div:last-child{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding-top:20px!important}
  #application-form>div:last-child a,#application-form>div:last-child button{width:100%!important;min-height:50px!important;justify-content:center!important}
  #application-form input,#application-form textarea,#application-form select{font-size:16px!important;padding:14px 15px!important}
  #apply-success{padding:24px 18px!important}
}


/* Application form contrast repair: question labels must remain readable on white panels. */
#application-form>div>label{color:#101312!important;text-shadow:none!important;opacity:1!important}
#application-form>div>label .text-red-500,#application-form>div>label>span{color:#dc2626!important;opacity:1!important}
#application-form+* p,#application-form~p{color:#4b5563!important}
#application-form input,#application-form textarea,#application-form select{color:#f0f1e8!important;background:#171c1a!important}
#application-form input::placeholder,#application-form textarea::placeholder{color:#aeb6ad!important;opacity:1!important}
@media(max-width:800px){#application-form>div>label{font-size:13px!important;line-height:1.45!important}.dc-inner-main #application-form>div>label{color:#101312!important}}


/* 2FA actions: force visible controls even when utility classes are unavailable. */
#actionAuthenticator button,#actionEmail2Fa button,#actionDiscord2Fa button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:10px 16px!important;background:#ff9f43!important;color:#101312!important;border:1px solid #ffb45e!important;border-radius:12px!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(255,159,67,.2)!important}
#actionAuthenticator button:hover,#actionEmail2Fa button:hover{background:#ffc477!important;color:#101312!important;transform:translateY(-1px)}
#actionDiscord2Fa button{background:#5865f2!important;color:#fff!important;border-color:#7380ff!important}
#actionDiscord2Fa button:hover{background:#4752c4!important;color:#fff!important}
#actionAuthenticator,#actionEmail2Fa,#actionDiscord2Fa{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:126px!important;min-height:42px!important}
@media(max-width:800px){#actionAuthenticator,#actionEmail2Fa,#actionDiscord2Fa{width:100%!important;justify-content:stretch!important}#actionAuthenticator button,#actionEmail2Fa button,#actionDiscord2Fa button{width:100%!important;min-height:48px!important}}