:root{--ink:#1c1915;--paper:#f5f0e5;--surface:#fffdf7;--red:#a83d2b;--red-dark:#75291e;--gold:#bd8a37;--line:#d9cbb0;--muted:#6d6255;--green:#426b54;font-family:"Noto Serif SC",Songti SC,Georgia,serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid rgba(58,45,27,.18);display:flex;justify-content:space-between;align-items:center;background:#f5f0e5e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-size:26px;font-weight:800;letter-spacing:.16em}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:2px;background:var(--red);color:#fff8e9;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-size:19px;letter-spacing:0}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:var(--red)}.nav-cta{border:1px solid var(--red);padding:7px 13px;color:var(--red)}.hero,.section,.survey-section{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px;overflow:hidden;background:radial-gradient(circle at 75% 52%,#e4c998 0,rgba(228,201,152,.25) 24%,transparent 47%),linear-gradient(115deg,#f5f0e5 54%,#e9dfcb)}.eyebrow{margin:0 0 12px;color:var(--red);font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase}.hero h1,h2{font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:.04em;margin:0}.hero-text{max-width:490px;color:#53493d;margin:26px 0;font-size:17px}.hero-actions{display:flex;align-items:center;gap:24px}.button{border:0;cursor:pointer;display:inline-block;font:700 15px/1 system-ui,sans-serif;letter-spacing:.06em;padding:17px 24px;transition:.2s transform,.2s background}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:#fffaf0;box-shadow:4px 4px 0 var(--red-dark)}.button-primary:hover{background:var(--red-dark)}.text-link{font:700 14px/1 system-ui,sans-serif;border-bottom:1px solid var(--gold);padding-bottom:5px}.hero-note{color:var(--muted);font-size:13px;margin-top:32px}.hero-table{width:min(470px,80vw);height:410px;justify-self:center;position:relative;background:radial-gradient(ellipse at center,#5a3124 0 25%,#3c241d 26% 28%,#b2884d 29% 32%,#37221c 33% 58%,transparent 59%);filter:drop-shadow(0 16px 20px rgba(63,37,18,.22))}.table-ring{position:absolute;border:1px solid rgba(255,241,197,.55);border-radius:50%;top:45px;right:45px;bottom:45px;left:45px}.ring-two{top:92px;right:92px;bottom:92px;left:92px;border-style:dashed}.card{width:112px;height:155px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #e8d3a4;color:#fff7d6;background:#7a3128;box-shadow:0 9px 14px #0000004d;transform:rotate(var(--rotate))}.card b{font-size:56px;line-height:1}.card span{font-size:12px;margin-top:13px}.card-attack{--rotate:-18deg;left:8px;top:61px}.card-guard{--rotate:16deg;right:8px;top:58px;background:#38596a}.card-counter{--rotate:-8deg;left:67px;bottom:12px;background:#65415c}.card-ban{--rotate:10deg;right:64px;bottom:13px;background:#6d5840}.section{padding-top:110px;padding-bottom:110px}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:var(--surface)}.split-section h2,.modes h2,.survey-heading h2{font-size:clamp(32px,4vw,50px)}.body-copy{max-width:620px;font-size:19px;color:#53493d}.body-copy p:first-child{margin-top:0}.features{display:grid;grid-template-columns:repeat(3,1fr);padding-top:0;gap:1px;background:var(--line)}.features article{padding:44px 38px;background:var(--paper)}.feature-number{color:var(--gold);font:700 14px/1 system-ui,sans-serif}.features h3{margin:20px 0 8px;font-size:25px}.features p{margin:0;color:var(--muted)}.modes{background:#29211d;color:#f7eddb}.modes .eyebrow{color:#e9bd68}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.mode-card{min-height:265px;padding:31px;border:1px solid rgba(238,220,177,.35);background:#ffffff0a}.mode-card.featured{background:var(--red);border-color:#ce806c}.mode-card p{margin:0 0 25px;color:#e9bd68;font:700 12px/1 system-ui,sans-serif;letter-spacing:.13em}.mode-card h3{font-size:32px;margin:0}.mode-card span{color:#e7d9c3}.mode-card hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:29px 0 17px}.mode-card small{color:#decfbb;font-size:14px}.survey-section{background:linear-gradient(130deg,#e6d8bc,#f4eddf 52%,#ded0b2);display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start;padding-top:110px;padding-bottom:110px}.survey-heading{position:sticky;top:110px}.survey-heading>p:not(.eyebrow){color:#5f554a;max-width:340px}.survey-heading ul{padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--line);list-style:none;color:#5f554a;font-size:14px}.survey-heading li{margin:10px 0}.survey-heading li:before{content:"✦";color:var(--red);margin-right:9px}.survey-form{padding:30px;background:var(--surface);border-top:5px solid var(--red);box-shadow:0 14px 36px #49351b24}.survey-form fieldset{border:0;margin:0;padding:25px 0 27px;border-bottom:1px solid #e3d8c4}.survey-form fieldset:first-child{padding-top:0}.survey-form legend{padding:0;margin-bottom:19px;font-size:21px;font-weight:700}.question{display:block;margin:19px 0 9px;font-size:15px;font-weight:700}.question span,.form-hint span{color:var(--red)}.options{display:flex;flex-wrap:wrap;gap:9px}.options label,.rating-row label{border:1px solid #d9cfbd;padding:8px 11px;font:14px/1.2 system-ui,sans-serif;cursor:pointer;background:#fffdf7}.options label:has(input:checked),.rating-row label:has(input:checked){border-color:var(--red);color:var(--red);background:#fcf1e8}.options input,.rating-row input{accent-color:var(--red);margin-right:4px}.multi label{font-size:13px}textarea{display:block;width:100%;resize:vertical;min-height:65px;padding:10px;border:1px solid #d9cfbd;background:#fffdf7;font:14px/1.5 system-ui,sans-serif}.rating-grid{margin-top:26px;border:1px solid #e2d5bf}.rating-grid>p{margin:0;padding:13px 15px;background:#f6ecdc;font-size:14px}.rating-row{padding:13px 15px;border-top:1px solid #e7dccb;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14px}.rating-row>div{display:flex;flex-wrap:wrap;gap:5px}.rating-row label{padding:6px 8px;font-size:12px}.form-hint{font-size:12px;color:var(--muted);margin:22px 0 15px}.submit{width:100%}.form-status{min-height:24px;margin:20px 0 0;text-align:center;font:14px/1.5 system-ui,sans-serif}.form-status[data-state=error]{color:var(--red)}.form-status[data-state=success]{color:var(--green)}.form-status[data-state=pending]{color:var(--muted)}footer{min-height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#1e1915;color:#dfd3bf;font-size:13px}footer a{color:#f4d693}@media(max-width:800px){.site-header{height:60px}.site-header nav{gap:13px;font-size:12px}.nav-cta{padding:6px 8px}.hero{grid-template-columns:1fr;padding-top:64px;min-height:auto;gap:10px}.hero-table{transform:scale(.78);transform-origin:top center;height:330px;margin-bottom:-43px}.split-section,.survey-section{grid-template-columns:1fr;gap:35px}.section,.survey-section{padding-top:70px;padding-bottom:70px}.features,.mode-grid{grid-template-columns:1fr}.features{padding-left:24px;padding-right:24px;gap:1px}.survey-heading{position:static}.rating-row{grid-template-columns:1fr}.rating-row>div{gap:4px}.survey-form{padding:21px}.options{gap:7px}.options label{font-size:13px}}@media(max-width:420px){.site-header nav a:not(.nav-cta){display:none}.hero h1{font-size:40px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-table{margin-left:-43px}.survey-form{padding:16px}.rating-row{padding:12px}footer{gap:10px;font-size:12px}}