@font-face{font-family:PatrickHand;src:url('/assets/patrickhand.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RockSalt;src:url('/assets/rocksalt.ttf') format('truetype');font-display:swap}
:root{--paper:#f4f1e8;--ink:#2c2b28;--muted:#67635b;--rule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 15' preserveAspectRatio='none'%3E%3Cpath d='M2 9 L102 7 L243 3 L366 7 L480 5 L632 9 L769 5 L998 8 M8 12 L144 6 L290 5 L489 7 L645 10 L846 7 L994 11' fill='none' stroke='%232c2b28' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 180' preserveAspectRatio='none'%3E%3Cpath d='M5 6 L79 3 L152 5 L222 2 L294 5 L296 58 L293 117 L296 174 L224 177 L147 174 L72 178 L5 174 L3 117 L5 62 Z M8 10 L75 6 L151 8 L223 5 L291 8 L290 62 M8 16 L7 170 L74 174 L150 171 L222 174 L292 171 L290 125 M12 13 L62 9' fill='none' stroke='%232c2b28' stroke-width='1.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:var(--paper);color:var(--ink);font:24px/1.35 PatrickHand,'Segoe Print',cursive}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23554c3e' filter='url(%23n)' opacity='.65' d='M0 0h220v220H0z'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}
button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}
button,a,input,select,summary{outline-offset:5px}
:focus-visible{outline:2px dashed var(--ink)}
h1,h2,h3,p{margin:0}h2{font-size:48px;line-height:1.2;font-weight:600}h3{font-size:32px;font-weight:600;margin:18px 0 10px}
p{margin:12px 0}small{display:block;font-size:18px;color:var(--muted)}
.site-header{max-width:1800px;margin:auto;min-height:108px;padding:20px 3%;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--rule) bottom/100% 10px no-repeat}
.brand{font-size:42px;font-weight:600;white-space:nowrap;transform:rotate(-2deg);display:inline-flex;gap:20px;align-items:center}
.brand>span{font-size:62px;line-height:1}
.site-header nav{display:flex;gap:40px;font-size:32px}
.site-header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 26px;background:transparent;border:0;font-size:28px;line-height:1.2;min-height:52px;isolation:isolate}
.button::before{content:'';position:absolute;inset:-2px;background:var(--frame) center/100% 100% no-repeat;pointer-events:none}
.button:hover{transform:rotate(-1deg);background:#2c2b2808}
.button span{font-size:38px}
.compact{font-size:23px;padding:12px 16px}
.wide{width:100%;margin-top:12px}
.hero{max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;padding:24px 3% 30px;align-items:center;min-height:690px;overflow:hidden}
.hero-copy{padding:0 0 0 20px;position:relative;z-index:1}
.crown{width:110px;height:85px;display:block;margin:0 auto 20px;transform:rotate(-8deg)}
h1{font:clamp(42px,4.6vw,80px)/1.5 RockSalt,Caveat,cursive;letter-spacing:-2px;transform:rotate(-2deg);margin-bottom:28px}
h1 span{display:inline-block;white-space:nowrap;position:relative}
h1 span::after{content:'';position:absolute;left:0;right:-15px;bottom:-8px;height:12px;background:var(--rule) center/100% 100% no-repeat}
.intro{font-size:clamp(23px,2vw,34px);line-height:1.3;margin:35px 0 28px}
.hero-actions{display:flex;align-items:center;gap:45px;margin:20px 0 32px}
.hero-actions .button{font-size:34px;padding:20px 27px;transform:rotate(-2deg)}
.text-link{font-size:30px;text-decoration:underline;text-underline-offset:9px}
.compatibility{display:flex;flex-wrap:wrap;gap:22px;font-size:23px}
.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0}
.hero-art img{width:112%;height:auto;max-height:790px;object-fit:contain;margin-left:-7%;mix-blend-mode:multiply}
.art-name{position:absolute;right:3%;top:1%;font:clamp(25px,3.4vw,56px)/1.5 RockSalt,cursive;transform:rotate(-9deg);z-index:1;text-decoration:underline;text-underline-offset:12px}
.art-star{position:absolute;right:3%;top:31%;font-size:80px;transform:rotate(14deg)}
.section{max-width:1400px;margin:auto;padding:75px 5%}
.feature-section{display:flex;align-items:center;gap:35px;background:var(--rule) top/100% 8px no-repeat}
.feature-section .text-link{margin-left:auto}
.big-star{font-size:100px}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.margin-note{font-size:27px;transform:rotate(6deg)}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.price-card{position:relative;padding:30px 27px;background:var(--frame) center/100% 100% no-repeat;transform:rotate(-1deg);display:flex;flex-direction:column}
.price-card:nth-child(2){transform:rotate(1deg)}
.price-card:nth-child(3){transform:rotate(-.6deg)}
.price-card h3{margin:0;font-size:32px}
.price{font:48px/1.5 RockSalt,cursive;margin:18px 0}
.price-card .button{font-size:25px;margin-top:auto}
.price-card p{font-size:24px;margin-bottom:22px}
.service-note{font:15px/1.6 Arial,sans-serif;color:var(--muted);margin:20px 0 0}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;background:var(--rule) top/100% 8px no-repeat}
.search{display:block;margin-top:30px}
input,select{width:100%;padding:12px 16px;background-color:transparent;background-image:var(--frame);background-size:100% 100%;border:0;border-radius:0;min-width:0;font-size:24px}
input::placeholder{color:#817c73}
select{padding-right:28px}
details{padding:17px 0;background:var(--rule) bottom/100% 5px no-repeat}
summary{cursor:pointer;font-size:27px}
details p{font-size:22px;color:var(--muted)}
.support-section{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--rule) top/100% 8px no-repeat}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 4%;background:var(--rule) top/100% 7px no-repeat;max-width:1800px;margin:auto}
footer .brand{font-size:32px}
footer p,footer>span{font-size:20px}
dialog{position:fixed;width:560px;max-width:calc(100% - 32px);max-height:90vh;margin:auto;background:var(--paper);border:0;padding:36px 32px;overflow:auto;color:var(--ink);box-shadow:0 18px 80px #2c2b2833}
dialog::before{content:'';position:absolute;inset:2px;background:var(--frame) center/100% 100% no-repeat;pointer-events:none}
dialog::backdrop{background:#39362c66;backdrop-filter:blur(4px)}
dialog h2{font-size:40px;margin-bottom:24px;padding-right:25px}
.close{position:absolute;right:16px;top:8px;border:0;background:transparent;font-size:40px;z-index:2}
form label{display:block;margin:17px 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.inline-field{display:flex;gap:12px;align-items:center}
.inline-field input{flex:1;width:0}
.total{background:var(--rule) top/100% 6px no-repeat;display:flex;justify-content:space-between;padding-top:20px;margin-top:25px}
.total strong{font-size:38px}
#order-feedback,#account-status,#quote-message{font:15px/1.6 Arial,sans-serif}
#dashboard{width:880px}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.text-button{border:0;background:transparent;text-decoration:underline;font:inherit}
.account-tabs{display:flex;flex-wrap:wrap;gap:15px;margin:24px 0;padding-bottom:15px;background:var(--rule) bottom/100% 5px no-repeat}
.account-tabs button{border:0;background:transparent;padding:9px 12px;font-size:24px}
.account-tabs button[aria-pressed=true]{background:var(--frame) center/100% 100% no-repeat}
.license,.order-item,.ledger-item{padding:16px 0;border-bottom:1px dashed #aaa396}
.license code{font:14px/1.5 monospace;overflow-wrap:anywhere;display:block}
.account-actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:30px}
.wallet-amount{font-size:48px}
.status{font:13px/1.5 Arial,sans-serif}
#invite-link{font-size:18px}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 24px;z-index:50;max-width:calc(100% - 30px);display:none;font:16px/1.4 Arial,sans-serif}
#toast.visible{display:block}
@media(min-width:1500px){.hero{min-height:780px}.hero-copy{padding-left:50px}.hero-art img{max-height:850px}}
@media(max-width:1000px){.site-header nav{gap:20px;font-size:27px}.brand{font-size:32px;gap:12px}.hero{min-height:600px}.hero-copy{padding-left:10px}h1{font-size:4.5vw;letter-spacing:-1px}.hero-actions{gap:25px}.hero-actions .button{font-size:27px;padding:18px}.compatibility{font-size:19px;gap:12px}.crown{width:80px;height:60px}.price{font-size:38px}.price-card{padding:26px 20px}.faq{gap:35px}}
@media(max-width:650px){.site-header{padding:16px 5%;flex-wrap:wrap;gap:14px}.site-header .brand{font-size:31px}.brand>span{font-size:43px}.site-header .button{font-size:24px;min-height:42px;padding:10px 16px;gap:16px}.site-header nav{order:3;width:100%;justify-content:center;font-size:25px;gap:35px;padding-bottom:8px}.hero{display:flex;flex-direction:column;padding:28px 6% 20px;min-height:0}.hero-copy{padding:0;width:100%}.crown{margin:0 0 10px 40%;height:52px}h1{font-size:clamp(28px,7.8vw,48px);margin:0 0 24px;line-height:1.6}.intro{font-size:26px;margin:24px 0}.hero-actions{margin:20px 0 26px;gap:30px}.hero-actions .button{font-size:28px}.text-link{font-size:27px}.compatibility{font-size:20px;gap:10px 18px}.hero-art{width:100%;max-width:500px;margin:20px auto 0;align-self:center}.hero-art img{width:100%;margin:0}.art-name{font-size:28px;top:0;right:0}.art-star{font-size:50px}.section{padding:45px 7%}h2{font-size:39px}.feature-section{gap:20px;flex-wrap:wrap}.big-star{font-size:60px}.feature-section .text-link{margin-left:80px}.section-heading{align-items:start}.margin-note{display:none}.price-grid{grid-template-columns:1fr;gap:22px}.price-card{padding:28px}.price{margin:8px 0;font-size:43px}.price-card .button{align-self:stretch}.faq{grid-template-columns:1fr;gap:20px}.search{margin-top:20px}.support-section{flex-wrap:wrap}footer{flex-wrap:wrap;padding:28px 7%}dialog{padding:30px 23px}dialog h2{font-size:35px}.form-grid{gap:12px}.inline-field{gap:8px}.account-tabs{gap:4px}.account-tabs button{font-size:21px;padding:8px}.account-actions{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-actions{flex-wrap:wrap;gap:20px 35px}
.hero-actions .button,.hero-actions .text-link{white-space:nowrap}
.art-star{right:0;top:14%}
@media(min-width:651px) and (max-width:1000px){.hero{grid-template-columns:1.1fr 1fr;min-height:620px}.hero-art img{width:100%;margin:0}.hero-actions .button{font-size:25px}.intro{font-size:24px}.hero-actions .text-link{font-size:25px}.art-name{font-size:28px}.art-star{display:none}}

/* Dedicated account page */
.account-page>main:not(#dashboard),.account-page>footer{display:none}
.account-main{display:block;max-width:1200px;margin:40px auto 80px;padding:0 32px;min-height:70vh}
.account-main>.close{display:none}.account-main>h2{margin-top:35px;font-size:52px}.account-intro{color:var(--muted);margin-bottom:30px}.account-toolbar{padding:24px 0;font-size:32px}.account-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.account-overview article{padding:25px;background:var(--frame) center/100% 100% no-repeat}.account-overview h3{margin:10px 0}.account-main [data-panel]{padding:26px;margin:24px 0;background:var(--frame) center/100% 100% no-repeat;min-height:220px}.account-main .account-tabs{gap:20px;flex-wrap:wrap}.account-main .license,.account-main .order-item{padding:20px 0}.account-main code{overflow-wrap:anywhere}.account-main #discord-login{margin:20px 0}.account-main #account-status{max-width:600px}.account-main .account-actions{margin-top:30px}@media(max-width:650px){.account-main{padding:0 20px;margin-top:25px}.account-overview{grid-template-columns:1fr}.account-main>h2{font-size:40px}.account-main [data-panel]{padding:20px}.account-main .account-tabs{gap:10px}}