.tafl{position:relative;padding:40px 0 64px;background:#06101f url(/assets/img/table-velvet.webp) center/cover;color:var(--bone)}.tafl:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 40% 55%,#06101f33,#050a14d9);pointer-events:none}.tafl .wrap{position:relative}.tafl__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.tafl h1{font-weight:700;font-size:clamp(34px,3vw,52px);line-height:1.05}.tafl__sub{margin-top:10px;font:400 17px/1.4 var(--f-disp);color:var(--bone-dim)}.tafl__ctl{display:flex;gap:12px;flex-wrap:wrap}.tafl__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,3vw,48px);align-items:start}.tb-wrap{position:relative;width:min(100%,calc(100svh - 150px),760px);margin:0 auto}.tb{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;padding:clamp(12px,1.6vw,22px);aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#6b4423,#3e2512 55%,#5a381c);box-shadow:inset 0 0 0 2px #b8954f,inset 0 0 0 7px #2a180a,inset 0 0 0 8px #d6bb828c,0 30px 60px -20px #000000d9}.tc{position:relative;display:grid;place-items:center;border:0;padding:0;aspect-ratio:1;border-radius:2px;cursor:default;background:radial-gradient(120% 120% at 30% 20%,#f6eedb,#e3d4b2 70%,#d4c29c);box-shadow:inset 0 1px #fff9,inset 0 -2px 2px #6e502840}.tc--throne,.tc--corner{background:radial-gradient(circle at 50% 40%,#2b4fb0,#152d77 75%);box-shadow:inset 0 0 0 2px #b8954f,inset 0 -2px 3px #0006}.tc--throne:before,.tc--corner:before{content:"";position:absolute;inset:26%;background:conic-gradient(from 45deg,#e2c88f 0 25%,transparent 0 50%,#e2c88f 0 75%,transparent 0);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.75}.tc--mine{cursor:pointer}.tc--mine:hover{background:radial-gradient(120% 120% at 30% 20%,#fffaf0,#efe2c4)}.tc--sel{box-shadow:inset 0 0 0 3px #e2c88f,0 0 14px #f0cd82b3}.tc--can{cursor:pointer}.tc--can:after{content:"";position:absolute;inset:34%;border-radius:50%;background:#2b4fb073;box-shadow:0 0 0 2px #f0cd82b3}.tc--can:hover:after{background:#2b4fb0bf}.tc--last{box-shadow:inset 0 0 0 2px #a3402ca6}.tc--cap{animation:capflash .7s ease-out}@keyframes capflash{0%{box-shadow:inset 0 0 0 40px #a3402c8c}to{box-shadow:inset 0 0 #a3402c00}}.tc:focus-visible{outline:3px solid #f0cd82;outline-offset:1px;z-index:2}.pc{position:relative;z-index:1;width:76%;aspect-ratio:1;border-radius:50%;display:block;animation:pcin .3s var(--ease)}@keyframes pcin{0%{transform:scale(.7);opacity:.4}}.pc--a{background:radial-gradient(circle at 35% 30%,#4a4036,#14100c 70%);box-shadow:inset 0 0 0 2px #8a6a34,inset 0 -3px 4px #0009,0 3px 4px #00000080}.pc--d{background:radial-gradient(circle at 35% 30%,#fffdf6,#d9c79f 75%);box-shadow:inset 0 0 0 2px #b8954f,inset 0 -3px 4px #6e502859,0 3px 4px #00000059}.pc--k{width:86%;background:radial-gradient(circle at 35% 30%,#fffdf6,#e2cf9f 75%);box-shadow:inset 0 0 0 2px #b8954f,inset 0 0 0 5px #f6eedb,inset 0 0 0 7px #d6bb82,0 4px 6px #00000073}.pc--k:after{content:"";position:absolute;inset:30%;background:#1f3f99;clip-path:polygon(0 100%,0 30%,25% 60%,50% 0,75% 60%,100% 30%,100% 100%)}.tb-end{position:absolute;inset:14%;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;padding:26px;border-radius:10px;background:radial-gradient(120% 120% at 30% 15%,#fffaf0,#f2e6ca 60%,#e4d3ad);color:var(--ink);box-shadow:inset 0 0 0 1px #b8954f,inset 0 0 0 5px #f2e6ca,inset 0 0 0 6px #7d633266,0 30px 60px -10px #000c;animation:pcin .45s var(--ease)}.tb-end[hidden]{display:none}.tb-end__k{font:700 clamp(36px,4vw,58px)/1 var(--f-disp);color:#152d77}.tb-end--win .tb-end__k{color:#7d6332}.tb-end__t{font:400 18px/1.4 var(--f-disp);color:#3d362a}.tb-end__xp{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;min-width:260px}.tb-end__xp li{display:flex;justify-content:space-between;gap:20px;padding:8px 12px;border-radius:4px;background:#ffffff8c;font:400 16px var(--f-disp)}.tb-end__xp b{color:#152d77}.tb-end__b{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.tb-end__b .btn--line{color:#152d77;--rim-in:#f2e6ca}.tafl__side{display:grid;gap:16px}.tside,.tchal,.twin{padding:22px;border-radius:10px}.tside{background:linear-gradient(180deg,#14234abf,#081022d9);border:1px solid rgba(185,154,97,.45);box-shadow:inset 0 0 0 5px #060c1a99,inset 0 0 0 6px #b99a6126}.tside__turn{font:700 24px/1.1 var(--f-disp)}.tside__st{display:flex;gap:28px;margin:14px 0 0}.tside__st dt{font:600 11px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.tside__st dd{margin:6px 0 0;font:700 22px/1 var(--f-disp)}.tside__live{margin-top:14px;min-height:3em;font:400 16px/1.45 var(--f-disp);color:var(--bone-dim)}.tside__btns{display:flex;gap:10px;margin-top:14px}.tside__btns .btn{flex:1;padding:0 12px}.tside__btns .btn:disabled{opacity:.4;cursor:default}.tchal,.twin{color:var(--ink);background:radial-gradient(circle at 18% 22%,rgba(120,90,50,.08) 0 1px,transparent 1.5px) 0 0/9px 11px,radial-gradient(120% 120% at 30% 15%,#fbf5e6,#efe2c4 55%,#dccaa1);box-shadow:inset 0 2px 1px #ffffffd9,inset 0 -4px 6px #785a3247,0 2px #c7b38a,0 4px #a8916a,0 16px 22px -12px #0009}.tchal__k{font:600 11px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:#7d6332}.tchal__t{margin-top:8px;font:700 19px/1.3 var(--f-disp)}.tchal__xp{margin-top:10px;display:flex;justify-content:space-between;font:400 15px var(--f-disp);color:#4a4133}.tchal__xp b{color:#152d77;font-size:17px}.twin h2{font-size:22px;margin-bottom:8px}.twin p{font:400 16px/1.5 var(--f-disp);color:#3d362a}.link-ink{display:inline-block;margin-top:10px;font:700 15px var(--f-disp);color:#152d77;text-decoration:none;border-bottom:1px solid rgba(21,45,119,.35)}.tfacts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:640px}.tfacts li{padding:18px;border-radius:8px;background:#fff;border:1px solid rgba(125,99,50,.25);display:grid;gap:6px}.tfacts b{font:700 30px/1 var(--f-disp);color:#152d77}.tfacts span{font-size:14.5px;color:#4a4133}.trules{margin:18px 0 0;padding-left:22px;display:grid;gap:10px;font:400 18px/1.6 var(--f-disp);color:#3d362a;max-width:68ch}.trules b{color:var(--ink)}.note-ink{margin-top:18px!important;font-size:16px!important;border-left:2px solid #b8954f;padding-left:14px;color:#4a4133!important}.atl{padding:60px 0;background:#fbf8f1;color:var(--ink);border-bottom:1px solid rgba(125,99,50,.2)}.atl h2{font-size:clamp(28px,2.4vw,38px);margin-bottom:26px}.atl__row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.atl__row:before{content:"";position:absolute;left:0;right:0;top:118px;height:1.5px;background:linear-gradient(90deg,#9a7b3f,#b8954f 50%,#9a7b3f)}.atl__row li{position:relative;display:grid;justify-items:center;text-align:center;padding:0 8px}.atl__img{height:100px;display:flex;align-items:flex-end;justify-content:center}.atl__img img{max-height:96px;width:auto;filter:drop-shadow(0 12px 10px rgba(70,45,10,.35))}.atl__img i{width:62px;height:62px;border-radius:50%;border:1px solid #b8954f;display:grid;place-items:center;font:700 13px var(--f-ui);font-style:normal;color:#7d6332;background:#fff}.atl__dot{width:14px;height:14px;margin:12px 0 14px;border-radius:50%;background:#e9dcc0;border:2px solid #7d6332;box-shadow:0 0 0 4px #fbf8f1}.atl__row li.on .atl__dot{background:radial-gradient(circle at 50% 35%,#3561c9,#152d77);border-color:#d6bb82}.atl__d{font:700 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#7d6332}.atl__row b{font:700 19px/1.2 var(--f-disp);margin-top:6px}.atl__row small{font:400 15px/1.3 var(--f-disp);color:#4a4133;margin-top:3px}.moves{width:100%;border-collapse:collapse;margin-top:22px;font-family:var(--f-disp);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px #7d633259}.moves th{background:radial-gradient(120% 200% at 50% 0%,#24409a,#13286c);color:#f3e7cc;font:600 11.5px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;padding:14px 16px;text-align:left}.moves td{padding:12px 16px;border-top:1px solid rgba(125,99,50,.16);font-size:16.5px;background:#fffcf5;vertical-align:top}.moves tr:nth-child(2n) td{background:#f8f1e1}.moves td:first-child{font-weight:700}.srcs{margin:16px 0 0;padding-left:22px;display:grid;gap:8px;font:400 16px/1.5 var(--f-disp);color:#3d362a}.srcs i{font-style:italic}.authorbox{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;margin-top:10px;padding:22px;border-radius:10px;background:#fff;border:1px solid rgba(125,99,50,.25)}.authorbox img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #b8954f,0 0 0 4px #fff,0 0 0 5px #b99a6173}.authorbox b{font:700 20px var(--f-disp)}.authorbox p{margin-top:4px!important;font-size:16px!important}.artefact{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:6px;vertical-align:middle;border:1px solid #b8954f;border-radius:50%;background:#fff;cursor:pointer;transition:transform .3s var(--ease)}.artefact:before{content:"";width:12px;height:12px;background:#9a7b3f;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.artefact:hover{transform:rotate(45deg) scale(1.1)}.artefact.got:before{background:#152d77}.artefact__msg{display:block;margin-top:8px;font:700 13px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:#152d77}@media (max-width:1000px){.tafl__grid{grid-template-columns:minmax(0,1fr)}.tb-wrap{width:100%}.atl__row{grid-template-columns:repeat(3,1fr);row-gap:30px}.atl__row:before{display:none}}@media (max-width:640px){.tb{gap:2px;padding:8px}.tb-end{inset:4%;padding:16px}.tfacts{grid-template-columns:1fr}.atl__row{grid-template-columns:repeat(2,1fr)}.authorbox{grid-template-columns:64px 1fr}.authorbox img{width:64px;height:64px}.moves{font-size:15px}}@media (prefers-reduced-motion:reduce){.pc,.tc--cap,.tb-end{animation:none}}.lhero h1{font-size:clamp(32px,2.55vw,48px)}.tb-wrap{width:min(100%,max(520px,calc(100svh - 330px)),760px)}.tafl{padding-top:28px}.tafl .crumbs{margin-bottom:18px}.tafl__top{margin-bottom:20px}@media (max-width:1000px){.tb-wrap{width:100%}}