@font-face{font-family:Tabletop;src:url('assets/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--ink:#503a2b;--muted:#79654d;--paper:#fff6df;--red:#b94e3b;--blue:#386f87;--line:#d6c2a1;--heading:Tabletop,'Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:radial-gradient(#8a674219 .7px,transparent .9px) 0 0/5px 5px,radial-gradient(ellipse at 20% 8%,#fffbea 5%,transparent 65%),#f0e4c9;font:16px/1.8 'Microsoft YaHei','Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#92503a}a:focus-visible,summary:focus-visible{outline:3px solid #327493;outline-offset:5px}.wrap{width:min(1220px,calc(100% - 88px));margin:auto}
.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #b59c7066}.brand{font:26px var(--heading);display:flex;align-items:center;gap:8px;color:#654936;white-space:nowrap}.brand i{font:italic 19px Georgia;color:#886f54}.mark{width:25px;height:29px;background:linear-gradient(90deg,#be5d46 45%,transparent 45% 55%,#568aa2 55%);transform:rotate(-8deg);border-radius:4px;filter:drop-shadow(2px 2px 0 #7c594735);margin-right:5px}.nav nav{display:flex;gap:30px;align-items:center;font:18px var(--heading)}.nav-download{padding:11px 18px;background:#fff6df;border:2px solid #846448;border-radius:7px 10px 6px 9px;box-shadow:2px 3px 0 #bda279;transform:rotate(2deg)}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:62px;align-items:center;padding:67px 0 58px;position:relative}.eyebrow{font:16px var(--heading);color:#766044;display:flex;align-items:center;gap:8px;margin:0 0 25px}.intro>.eyebrow{background:#ead5a4;display:inline-flex;border:1px dashed #a68953;border-radius:5px 9px 6px 5px;padding:5px 12px;transform:rotate(-2deg)}.status-dot{width:8px;height:8px;background:#638055;border-radius:50%}h1{font:clamp(67px,6.2vw,93px)/1 var(--heading);letter-spacing:-.045em;white-space:nowrap;margin:0 0 26px;transform:rotate(-2deg);text-shadow:2px 3px 0 #fffbec,3px 4px 0 #9e76503b}h1 span:first-child{color:#bd5945}h1 span:last-child{color:#447d94}h1 em{font:italic .4em Georgia;color:#896448;letter-spacing:0;margin:0 .22em;display:inline-block;transform:translateY(-5px)}h2{font:34px/1.45 var(--heading);margin:0 0 20px;letter-spacing:.015em}.intro h2{font-size:40px;line-height:1.35}.description{color:#776149;font-size:15px;line-height:1.95;margin:0 0 30px}
.downloads{display:flex;gap:15px}.button{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:15px 14px;background:#4f7c8b;border:2px solid #375a65;box-shadow:3px 5px 0 #37525a;border-radius:10px 7px 12px 7px;color:#fff5dc;font:18px/1.4 var(--heading);transition:translate .15s,box-shadow .15s}.button:hover{translate:0 -3px;color:#fffbe9;box-shadow:3px 8px 0 #37525a}.android{background:#b9654b;border-color:#8e4838;box-shadow:3px 5px 0 #7c4133}.android:hover{box-shadow:3px 8px 0 #7c4133}.button small{font:11px/1.5 'Microsoft YaHei',sans-serif;display:block;color:#fff1d0;margin-top:3px}.button svg{width:21px;height:21px;fill:currentColor;flex-shrink:0}.button b{margin-left:auto;font-size:25px;font-weight:400}.download-meta{display:flex;justify-content:space-between;font-size:11px;gap:12px;margin-top:17px;color:#7a6950}.download-meta a{border-bottom:1px dashed #a18b68}
.crossover{position:relative;padding:23px 27px 17px;background:repeating-linear-gradient(2deg,#dcc39a00 0 7px,#9169420c 8px 9px),#dcc39a;border:3px solid #9b754f;border-radius:16px 9px 20px 11px;box-shadow:5px 7px 0 #b29870,inset 0 0 0 5px #f1dcaf;transform:rotate(1.5deg)}.crossover:before{content:'';position:absolute;top:-14px;left:38%;width:90px;height:27px;transform:rotate(-6deg);background:#d6aa6099;border-left:2px dotted #fff5ce;border-right:2px dotted #fff5ce;z-index:3}.arena-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font:18px var(--heading);margin:2px 0 23px;color:#674a31}.table-stamp{font:11px 'Microsoft YaHei',sans-serif;border:1px solid #977a51;color:#866842;padding:2px 5px;transform:rotate(5deg)}.squad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.fighter{margin:0;position:relative;min-width:0;padding:6px 6px 0;background:#fff0cf;border:2px solid #8d6146;border-radius:9px 6px 10px 6px;box-shadow:3px 4px 0 #89643f5c;transform:rotate(-5deg);transition:transform .18s;z-index:1}.fighter:nth-child(2){transform:rotate(2deg) translateY(-5px)}.fighter:nth-child(3){transform:rotate(5deg)}.squad-blue .fighter:first-child{transform:rotate(3deg)}.squad-blue .fighter:nth-child(2){transform:rotate(-3deg) translateY(4px)}.squad-blue .fighter:nth-child(3){transform:rotate(3deg)}.fighter:hover{transform:translateY(-8px) rotate(0deg);z-index:2}.fighter img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;border:1px solid #9b7551;border-radius:4px}.fighter figcaption{padding:6px 2px 8px;text-align:center;line-height:1.45}.fighter small{display:block;color:#8a6c4b;font-size:10px}.fighter strong{font:18px/1.4 var(--heading);color:#a44434;display:block;white-space:nowrap}.squad-blue .fighter{border-color:#67787a}.squad-blue .fighter strong{color:#3d697c}.versus{display:flex;align-items:center;justify-content:center;gap:22px;position:relative;height:56px;font:17px var(--heading)}.versus span{background:#e8ac936b;border:1px dashed #b47b5e;padding:1px 12px;border-radius:4px;transform:rotate(-3deg);color:#964330}.versus span:last-child{background:#9abac17d;color:#385f6d;border-color:#7e9b9e;transform:rotate(2deg)}.versus b{font:36px var(--heading);color:#715133;text-shadow:2px 2px #ffedc3}.arena-note{font:19px var(--heading);text-align:center;color:#785533;margin:22px 0 0}.table-star{position:absolute;color:#bb8842;font-size:50px;z-index:3;text-shadow:2px 2px #fff6de;pointer-events:none}.star-one{left:-35px;top:-29px;transform:rotate(-12deg)}.star-two{right:-22px;bottom:2px;font-size:60px;transform:rotate(15deg)}
.identity{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 30px;font:20px var(--heading);color:#795d3e}.identity p{margin:0}.identity>div{display:flex;flex-wrap:wrap;gap:12px}.identity>div span{font:14px var(--heading);border:1px dashed #b6a079;border-radius:20px;padding:7px 13px;background:#f8efdb}.updates{padding:43px 0 60px;border-top:2px dashed #b59c7070}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading .eyebrow{margin-bottom:8px;color:#9a7750}.version-label{font:22px var(--heading);border:2px solid #b39565;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;transform:rotate(10deg);background:#f3dcac;box-shadow:3px 3px 0 #d9c29b}.update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:20px}.update-grid article{background:#fff6df;padding:25px 26px 30px;border:1px solid #c9b48d;border-radius:7px 3px 8px 5px;box-shadow:3px 4px 0 #dac7a5;position:relative;transform:rotate(-1deg)}.update-grid article:nth-child(2){transform:rotate(1deg)}.update-grid article:before{content:'';position:absolute;top:-8px;left:42%;width:50px;height:17px;background:#b3c5b999;transform:rotate(-4deg)}.update-grid article:nth-child(2):before{background:#deb19599}.update-grid article:nth-child(3):before{background:#e7cd9099}.number{font:14px var(--heading);color:#a27d4e}h3{font:23px/1.5 var(--heading);margin:12px 0}.update-grid p{font-size:14px;color:#80694e;line-height:1.9;margin:0}
.guide{padding:38px 0 60px;display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.guide .eyebrow{color:#9a7750;margin-bottom:12px}.questions{background:#e9ddbc;padding:24px 29px;border:2px solid #baa17a;border-radius:12px 8px 15px 9px;box-shadow:3px 4px 0 #cfba94}.questions details{padding:18px 0;border-bottom:1px dashed #b89e78}.questions details:first-child{padding-top:0}.questions details:last-child{padding-bottom:0;border-bottom:0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font:21px/1.5 var(--heading)}summary::-webkit-details-marker{display:none}summary span{font-size:26px;color:#9b7950;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:#776047;line-height:1.9;margin-bottom:5px}.text-link{color:#32647a;border-bottom:1px dashed #6d929f;font:18px var(--heading);display:inline-block;margin-top:14px}.small{font-size:12px!important}footer{padding:24px 0 30px;border-top:2px dashed #b59c7070;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:12px;color:#8a7357}.skip{position:absolute;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:10px;z-index:10}.skip:focus{top:10px}
@media(max-width:1120px){.wrap{width:calc(100% - 60px)}.hero{gap:38px;grid-template-columns:1fr 1fr}h1{font-size:clamp(56px,6.6vw,82px)}.intro h2{font-size:35px}.crossover{padding:22px 18px 16px}.arena-heading{font-size:15px}.table-stamp{display:none}.fighter strong{font-size:15px}.fighter{padding:4px 4px 0}.squad{gap:8px}.button{gap:8px;font-size:16px;padding:13px 10px}.button b{display:none}.description{font-size:14px}.description br{display:none}.identity{flex-direction:column;gap:14px}.guide{gap:38px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:83px}.brand{font-size:22px}.nav nav>a:not(:last-child){display:none}.nav-download{font-size:16px;padding:8px 11px}.hero{grid-template-columns:1fr;gap:46px;padding:36px 0 32px}.intro h2{font-size:36px}h1{font-size:clamp(66px,13vw,88px);margin-bottom:18px}.intro>.eyebrow{font-size:14px;margin-bottom:24px}.description{font-size:15px;max-width:480px}.downloads{gap:12px}.button{font-size:18px;padding:14px 12px}.button svg{width:20px}.download-meta{font-size:10px;gap:10px}.crossover{margin:0 9px;padding:23px 18px 16px}.arena-heading{font-size:16px}.table-stamp{display:block;font-size:10px}.fighter strong{font-size:clamp(13px,4vw,20px)}.fighter small{font-size:10px}.squad{gap:9px}.arena-note{font-size:20px}.star-one{left:-23px;top:-24px;font-size:38px}.star-two{right:-21px;font-size:45px}.identity{font-size:21px;gap:15px;padding:25px 0}.identity>div{gap:8px;justify-content:center}.identity>div span{font-size:12px;padding:6px 9px}h2{font-size:29px}.updates{padding:30px 0 40px}.version-label{height:58px;width:58px;font-size:19px}.update-grid{grid-template-columns:1fr;gap:24px;margin-top:18px}.update-grid article{padding:21px 23px 25px}.guide{grid-template-columns:1fr;gap:12px;padding:26px 0 38px}.guide h2 br{display:none}.questions{padding:22px 20px}summary{font-size:20px}footer{flex-wrap:wrap;gap:12px}footer p{margin:0;font-size:11px}}
@media(max-width:350px){.wrap{width:calc(100% - 28px)}.downloads{flex-direction:column}.button b{display:block}h1{font-size:59px}.identity>div span{font-size:11px}.crossover{padding:18px 12px}.fighter strong{font-size:12px}.arena-heading{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.fighter{transition:none}}
/* Rotated paper edges are decorative; keep narrow screens from scrolling sideways. */
body{overflow-x:clip}