:root{color-scheme:dark;--ink:#100605;--paper:#f8eadd;--muted:#d0b5a9;--line:#56342b;--copper:#f39672;--gutter:max(6vw,calc(50vw - 740px));font:16px/1.5 Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);display:flex;flex-direction:column;margin:0;min-height:100svh}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;font:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:5px}footer,header{align-items:center;display:flex;justify-content:space-between;padding-inline:var(--gutter);position:relative;z-index:2}header{background:linear-gradient(90deg,#120706,#200a08);border-bottom:1px solid #553025;min-height:73px}.brand{align-items:center;display:inline-flex;font:700 23px/1 Georgia,serif;gap:13px;letter-spacing:.1em}.brand img,.server img{border:1px solid #885446;border-radius:50%}.header-link{align-items:center;border:1px solid #714337;border-radius:2px;display:inline-flex;font-size:13px;gap:13px;padding:8px 15px}.header-link span{color:var(--copper)}.stage{align-items:center;background:radial-gradient(ellipse at 29% 60%,#340e09,transparent 62%),var(--ink);display:flex;flex:1;isolation:isolate;min-height:clamp(480px,65vh,920px);overflow:hidden;padding:60px var(--gutter);position:relative}.embers,.scenery{inset:0;overflow:hidden;pointer-events:none;position:absolute}.painting{aspect-ratio:3/2;mask-image:linear-gradient(90deg,transparent,#000 26%);position:absolute;right:-1%;top:48%;transform:translateY(-50%);width:max(88%,calc(150svh - 210px))}#living-dragon,.dragon{display:block;height:100%;inset:0;position:absolute;width:100%}.dragon{animation:breathe 7s ease-in-out infinite alternate;transform-origin:65% 52%}#living-dragon{opacity:0}#living-dragon.active{opacity:1}.painting:has(.active) .dragon{animation:none}@keyframes breathe{to{transform:scale(1.022) translateY(-.4%)}}.scenery:after{background:linear-gradient(90deg,#160806c9,transparent 51%),linear-gradient(0deg,#100605d9,transparent 19%,transparent 94%,#13060560);content:"";inset:0;position:absolute}.embers i{animation:rise var(--duration) linear var(--delay) infinite;background:#ffca8d;border-radius:50%;bottom:var(--base);box-shadow:0 0 6px 1px #ff561e;height:4px;left:var(--left);position:absolute;width:2px}@keyframes rise{0%{opacity:0;transform:translate(0) rotate(32deg)}15%{opacity:.85}68%{opacity:.67}to{opacity:0;transform:translate(var(--drift),-46vh) rotate(55deg) scale(.5)}}.content{position:relative;z-index:1}.eyebrow{align-items:center;color:#e5af97;display:flex;font:650 11px/1.4 Courier New,monospace;gap:14px;letter-spacing:.22em;margin:0 0 28px}.eyebrow i{background:#bb7259;height:1px;position:relative;width:39px}.eyebrow i:after{background:#f3a37e;content:"";height:6px;position:absolute;right:0;transform:translateY(-45%) rotate(45deg);width:6px}h1{background:linear-gradient(166deg,#fff5e6 10%,#f1d0ab 46%,#c89072 87%);background-clip:text;color:#f2d7b7;font:500 clamp(100px,11.7vw,190px)/.83 Georgia,Times New Roman,serif;letter-spacing:-.068em;margin:0 0 0 -.04em;width:fit-content;-webkit-text-fill-color:transparent}h2{font:italic 400 clamp(34px,3.25vw,59px)/1.12 Georgia,Times New Roman,serif;letter-spacing:-.047em;margin:22px 0 0}.intro{color:var(--muted);font-size:clamp(15px,1.2vw,19px);margin:13px 0 30px}.join{align-items:center;background:linear-gradient(115deg,#b83021,#8d1b17);border:1px solid #db755a;border-radius:3px;box-shadow:0 5px 30px #5e100c60;color:#fff6ed;display:inline-flex;font-size:15px;font-weight:650;gap:12px;min-height:52px;padding:0 20px;transition:transform .2s,filter .2s}.join svg{width:22px}.join b{font-size:19px;font-weight:400;margin-left:18px}.join:hover{filter:brightness(1.15);transform:translateY(-2px)}footer{background:#140a08;border-top:1px solid var(--line);gap:12px;min-height:73px}.invite,.server{align-items:center;display:flex;gap:12px}.server span,.server strong{display:block}.server strong{font:600 14px Georgia,serif;letter-spacing:.09em}.server span{color:var(--muted);font-size:12px}.invite{position:relative}.invite a{color:var(--muted);font:13px/1.4 Courier New,monospace}.invite strong{color:var(--paper)}#copy{background:#24100d;border:1px solid var(--line);border-radius:50%;display:grid;height:38px;place-items:center;width:38px}#copy svg{fill:none;height:15px;stroke:currentColor;stroke-width:1.7;width:15px}#copy:hover,.header-link:hover{color:var(--copper)}#copy-status:not(:empty){background:#ffe0bd;border-radius:3px;bottom:calc(100% + 8px);color:#30100a;font-size:12px;padding:5px 10px;position:absolute;right:0;white-space:nowrap}@media(max-width:680px){:root{--gutter:6vw}header{min-height:59px}.brand img{height:32px;width:32px}.brand{font-size:20px;gap:9px}.header-link{padding:5px 11px}.stage{align-items:flex-end;min-height:clamp(465px,76svh,880px);padding-block:clamp(24px,4.4svh,52px)}.painting{mask-image:linear-gradient(180deg,#000 57%,transparent 99%);right:-16%;top:-2%;transform:none;width:max(123%,min(87svh,720px))}.scenery:after{background:linear-gradient(0deg,#130706,#15070580 28%,transparent 65%)}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:clamp(75px,20vw,116px)}h2{font-size:clamp(29px,7.4vw,44px);margin-top:12px}.intro{font-size:14px;margin:8px 0 17px}.join{min-height:46px}footer{min-height:65px}.invite,.server{gap:8px}.server img{height:32px;width:32px}.invite a{font-size:12px}}@media(max-width:680px) and (max-height:650px){.stage{min-height:420px;padding-block:19px}.painting{width:114%}}@media(prefers-reduced-motion:reduce){.dragon,.embers i{animation-duration:22s}.embers i:nth-child(2n){display:none}.join{transition:none}}