:root{color-scheme:dark;--bg:#071b22;--panel:#10313a;--line:#32706d;--mint:#6ffacc;--gold:#ffc268;--text:#f3faf2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}header{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#071b22ed;border-bottom:1px solid #ffffff24;backdrop-filter:blur(18px)}.fen-tier{display:flex;align-items:center}.fen-tier img{width:108px;height:57px;object-fit:contain}.fen-edge{min-height:52px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;padding:12px 24px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#4a95ff,#1f6fe6);color:#fff;font:inherit;font-weight:800;box-shadow:0 4px 0 #0b3f99,0 10px 22px rgba(51,133,255,.35);text-shadow:0 1px 0 rgba(0,0,0,.25);white-space:nowrap;cursor:pointer}.fen-edge:hover{filter:brightness(1.08)}.fen-edge:active{transform:translateY(2px);box-shadow:0 2px 0 #0b3f99,0 8px 18px rgba(51,133,255,.35)}.fen-edge-line{background:transparent;border:2px solid #6ffacc;color:#6ffacc;box-shadow:none;text-shadow:none}.fen-edge-line:active{box-shadow:none}.fen-bounds{display:grid;grid-template-columns:230px minmax(0,1fr)}.fen-knot-paths{position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;padding:22px 14px;border-right:1px solid #ffffff1d;background:#0b222a}.fen-knot-paths a{display:block;padding:12px 13px;margin-bottom:5px;border-radius:13px;color:#c3dedc;font-size:13px;font-weight:650;line-height:1.35}.fen-knot-paths a:hover,.fen-knot-paths a:focus-visible,.fen-knot-paths a[aria-current="location"]{background:#20504e;color:#fff}main{min-width:0;padding:24px clamp(18px,3vw,48px) 80px;background:radial-gradient(ellipse at 85% 0%,#12645b 0,transparent 35%),var(--bg)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.4vw,78px);line-height:1.02;letter-spacing:-.055em;max-width:650px;margin-bottom:24px}h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.035em;margin-bottom:25px}h3{font-size:23px;line-height:1.22;letter-spacing:-.02em;margin-bottom:16px}p{color:#c8dedd;max-width:75ch}strong{color:#fff;font-size:1.3em;letter-spacing:-.035em}.fen-lede{position:relative;min-height:420px;display:flex;align-items:center;padding:clamp(25px,4vw,60px);border:1px solid #69d4bc70;border-radius:28px;overflow:hidden;background:linear-gradient(95deg,#08232e 4%,#0b4147b8 58%,#09635c40),url('cba3ed7cbd9f.webp?v=cba3ed7c') center bottom/auto 160px repeat-x,#093e45;box-shadow:0 24px 60px #0005}.fen-lede:after{content:'';position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,#2de0d0,#ffc268,#2de0d0)}.fen-lede-lines{position:relative;z-index:2;max-width:650px}.fen-lede p{font-size:18px;max-width:510px}.fen-lede-dune{display:none}.fen-knot{margin-top:28px;padding:clamp(24px,3vw,44px);border:1px solid #ffffff20;border-radius:26px;background:#0b252e}.fen-rib{background:linear-gradient(135deg,#0c363a,#08252e)}.fen-rib-span,.fen-vault-lattice{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.fen-vault-lattice{grid-template-columns:1fr}.fen-rib-slab,.fen-brick{min-width:0;padding:clamp(22px,2.5vw,36px);border-radius:21px;border:1px solid #ffffff1e;background:linear-gradient(145deg,#164049,#0c2933)}.fen-rib-slab.fen-loft{background:linear-gradient(135deg,#ffe3a1,#efa847);color:#1c3030}.fen-loft p,.fen-loft strong{color:#283735}.fen-brick{margin-bottom:14px}.fen-brick p:last-child{margin-bottom:0}.fen-spot{background:#0c3032}.fen-string{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fen-string .fen-brick:last-child{grid-column:1/-1}.fen-reef-slab{display:inline-flex;padding:8px 23px;margin:5px 0 17px;border:1px dashed #78e5cc;border-radius:12px;background:#0a252c}.fen-reef-slab code{font-size:28px;letter-spacing:.15em;color:var(--mint)}details{margin-top:20px;border-top:1px solid #ffffff30;padding-top:16px}summary{cursor:pointer;font-weight:700;color:#ecfaf4;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:'⌄';color:var(--mint);font-size:23px;line-height:1}details[open] summary:after{transform:rotate(180deg)}details p:first-of-type{margin-top:18px}.fen-arc-knot{background:linear-gradient(145deg,#0b333a,#09232c)}.fen-arc-span{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;margin:25px 0 35px}.fen-arc-span>div{aspect-ratio:1;border-radius:16px;display:grid;place-items:center;overflow:hidden;padding:7px;background:radial-gradient(circle at 50% 25%,#3e8275,#15363e 75%);border:1px solid #ffffff35;box-shadow:0 9px 20px #0005}.fen-arc-span img{width:100%;height:100%;object-fit:contain}.fen-stencil{background:linear-gradient(110deg,#146761,#0d3840 65%,#12303a);border-color:#55bba577}.fen-stencil p{font-size:18px}.fen-index-roll{overflow-x:auto;max-width:100%;margin:20px 0}table{border-collapse:collapse;width:100%;min-width:470px;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ffffff1f}th{color:#6df4da;background:#123c42}tbody tr:nth-child(even){background:#ffffff08}footer{display:flex;flex-wrap:wrap;gap:16px 28px;padding:35px 32px 50px;border-top:1px solid #ffffff24;color:#b7d8d2;font-size:13px}footer a:hover{color:var(--mint)}.action-bar{display:none}@media(max-width:1000px){.fen-bounds{grid-template-columns:180px minmax(0,1fr)}.fen-knot-paths{padding:14px 8px}.fen-knot-paths a{font-size:12px}.fen-arc-span{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){header{height:64px;padding:0 16px}.fen-tier img{width:94px;height:50px}.fen-knob-kiln{display:flex}.fen-bounds{display:block}.fen-knot-paths{display:none}.fen-knot-paths::-webkit-scrollbar{display:none}.fen-knot-paths a{flex:none;max-width:260px;display:flex;align-items:center;margin:0;padding:9px 13px;border:1px solid #ffffff25;border-radius:999px;font-size:12px;white-space:nowrap}main{padding:14px 14px 90px}.fen-lede{min-height:350px;padding:28px;align-items:center;background-position:center bottom}.fen-lede-lines{z-index:3}.fen-lede h1{font-size:clamp(40px,10vw,58px);max-width:320px}.fen-lede p{font-size:15px;max-width:290px}.fen-knot{margin-top:16px;padding:22px;border-radius:22px}.fen-rib-span,.fen-vault-lattice,.fen-string{grid-template-columns:1fr}.fen-string .fen-brick:last-child{grid-column:auto}.fen-brick,.fen-rib-slab{padding:22px}.fen-arc-span{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-22px;margin-right:-22px;padding:0 22px 14px;scrollbar-width:thin}.fen-arc-span>div{flex:0 0 115px;scroll-snap-align:start}.action-bar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:block;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#071b22 70%,#071b22df);border-top:1px solid #ffffff24}.action-bar .fen-edge{width:100%}body{padding-bottom:calc(75px + env(safe-area-inset-bottom))}footer{padding:30px 20px 100px;display:grid;grid-template-columns:1fr 1fr}html{scroll-padding-top:80px}}@media(max-width:420px){.fen-lede{min-height:340px}.fen-lede h1{font-size:43px}.fen-knot{padding:19px}.fen-rib-slab,.fen-brick{padding:19px}h2{font-size:30px}footer{grid-template-columns:1fr}}.fen-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.fen-skip-link:focus{left:12px;top:12px;width:auto;height:auto;z-index:999;padding:8px 12px;background:#fff;color:#000;border-radius:4px}.fen-container{max-width:1120px;margin-inline:auto;padding-inline:20px} html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%} a,button,summary,.fen-burger,.fen-drawer-x,.fen-rib-arrow,.fen-top,.fen-showall{touch-action:manipulation;-webkit-tap-highlight-color:transparent} .fen-rib-arrow,.fen-top,.fen-showall{user-select:none;-webkit-user-select:none} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6ffacc;outline-offset:4px} .fen-knob-kiln{display:flex;align-items:center;gap:12px} .fen-home h1,.fen-home h2,.fen-home h3{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;font-weight:900} .fen-home .fen-lede{min-height:460px;background:#071b22} .fen-home .fen-lede:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#071b22f2 0%,#071b22c0 38%,#071b2200 68%);pointer-events:none} .fen-home .fen-lede:after{display:none} .fen-lede-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%} .fen-home .fen-lede-lines{max-width:560px} .fen-home .fen-lede h1{font-size:clamp(40px,4.5vw,68px)} .fen-home .fen-lede p{max-width:420px} .fen-more{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff30} .fen-more-lead{font-weight:700;color:#ecfaf4} .fen-rib-span>.fen-brick,.fen-vault-lattice>.fen-brick,.fen-string>.fen-brick{margin-bottom:0} .fen-games-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px} .fen-games-heading h2{margin:0} .fen-showall{font-size:14px;padding:10px 18px} .fen-ribbon-wrap{position:relative;min-width:0} .fen-games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;overflow:hidden;transition:max-height .7s ease} .fen-game{min-width:0;aspect-ratio:5/6;border-radius:14px;overflow:hidden;border:1px solid #6ffacc40;background:#10313a;transition:transform .2s ease,box-shadow .2s ease} .fen-game img{display:block;width:100%;height:100%;object-fit:cover} @media(hover:hover){.fen-game:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0005}} .fen-games-more{display:flex;justify-content:center;margin:22px 0 30px} .fen-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch} .fen-live-text{grid-column:1/-1;margin:0} .fen-live-ribbon{display:contents} .fen-live-wrap{margin-bottom:28px} .fen-rib-arrow{display:none} .fen-operator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch} .fen-operator-grid .fen-brick{margin:0;padding:22px} .fen-operator-grid p{font-size:16px} .fen-faq{padding:0;border:1px solid #6ffacc35;border-radius:16px;background:#10313a;overflow:hidden;margin-top:12px} .fen-faq summary{padding:20px;align-items:center} .fen-faq summary::-webkit-details-marker{display:none} .fen-faq summary:after{flex:none;transition:transform .2s ease} .fen-faq p{padding:0 20px 20px;margin:0!important;max-width:none} .fen-faq p a{color:#6ffacc;text-decoration:underline;text-underline-offset:3px} .fen-burger,.fen-drawer,.fen-drawer-dim{display:none} .fen-brand-footer{display:block;padding:0;border-top:0;font-size:13px} .fen-footer-leaves{height:70px;background:url(cba3ed7cbd9f.webp?v=cba3ed7c) center bottom/auto 70px repeat-x} .fen-footer-content{padding:20px 32px 36px;border-top:1px solid #ffffff24} .fen-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:18px} .fen-footer-row{display:flex;justify-content:space-between;align-items:center;gap:24px} .fen-footer-responsible{display:flex;align-items:center;gap:12px} .fen-age{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:2px solid #6ffacc;border-radius:50%;font-size:14px;font-weight:800;line-height:1;color:#6ffacc} .fen-footer-licence{font-size:11px;color:#93b4b4;max-width:52ch;margin:0;text-align:right} .fen-top{position:fixed;z-index:45;right:20px;bottom:24px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#6ffacc;color:#071b22;font:800 30px/1 system-ui;cursor:pointer;box-shadow:0 4px 18px #0005;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease} .fen-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} @media(min-width:1200px){ .fen-games-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .fen-live-grid{grid-template-columns:repeat(6,minmax(0,1fr))} .fen-live-text{grid-column:span 3;display:flex;flex-direction:column;justify-content:center;padding:20px} .fen-live-text h3{font-size:20px;margin-bottom:10px} .fen-live-text p{font-size:14px;line-height:1.5} } @media(max-width:768px){ header{height:64px;padding:0 12px;gap:6px} .fen-tier{flex:0 0 84px} .fen-tier img{width:84px;height:48px} .fen-knob-kiln{gap:6px;margin-left:auto;flex:none} header .fen-edge{height:38px;min-height:38px;padding:0 12px;font-size:13px} .fen-burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer} .fen-burger span{display:block;width:24px;height:2px;background:#6ffacc;transition:transform .3s ease,opacity .3s ease} .fen-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .fen-burger[aria-expanded="true"] span:nth-child(2){opacity:0} .fen-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} nav.fen-knot-paths{display:none} .fen-home main{padding:14px 14px 38px} .fen-home .fen-lede{display:block;min-height:0;padding:0;background:#071b22;border-radius:22px} .fen-lede-photo{position:static;display:block;width:100%;height:clamp(220px,62vw,300px);object-fit:cover;object-position:50% 62%} .fen-home .fen-lede:before{inset:calc(clamp(220px,62vw,300px) - 40px) 0 auto;height:40px;background:linear-gradient(0deg,#071b22,transparent)} .fen-home .fen-lede-lines{padding:24px 18px 30px;max-width:none} .fen-home .fen-lede h1{font-size:clamp(36px,9vw,52px);max-width:none;margin-bottom:18px} .fen-home .fen-lede p{font-size:16px;max-width:none} .fen-home main a.fen-edge{display:flex;width:100%;max-width:280px;height:52px;min-height:52px;font-size:16px;padding:0 14px;white-space:nowrap;margin:22px auto 8px} .action-bar{display:flex;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))} .action-bar .fen-edge{flex:1;min-width:0;width:auto;height:46px;min-height:46px;font-size:14px;padding:0 12px} .fen-home{padding-bottom:0} .fen-games-heading{margin-bottom:20px} .fen-showall,.fen-games-more{display:none} .fen-games-grid,.fen-live-ribbon{display:flex;gap:12px;overflow-x:auto;max-height:none!important;scrollbar-width:none;padding:4px 0 10px} .fen-games-grid::-webkit-scrollbar,.fen-live-ribbon::-webkit-scrollbar{display:none} .fen-game{flex:0 0 132px} .fen-live-grid{display:block} .fen-live-text{margin:22px 0 14px} .fen-live-wrap{margin-bottom:18px} .fen-rib-arrow{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;right:-8px;bottom:70px;width:38px;height:38px;border:0;border-radius:50%;background:#6ffacc;color:#071b22;font:700 32px/1 system-ui;box-shadow:0 3px 12px #0008;cursor:pointer;transition:transform .2s ease} .fen-rib-arrow.is-end{transform:rotate(180deg)} .fen-rib-arrow[hidden]{display:none} .fen-operator-grid{grid-template-columns:1fr} .fen-faq summary{padding:18px;font-size:16px} .fen-drawer-dim{position:fixed;inset:0;z-index:100;display:block;background:#000a;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease} .fen-drawer{position:fixed;inset:0 0 0 auto;z-index:110;display:flex;flex-direction:column;align-items:stretch;width:min(86vw,340px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px calc(24px + env(safe-area-inset-bottom));background:#0b222a;border-left:1px solid #6ffacc66;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s ease} .fen-drawer-x{position:sticky;top:0;z-index:1;display:block;align-self:flex-end;flex:0 0 44px;width:44px;height:44px;margin-bottom:8px;border:0;border-radius:50%;background:#0b222a;color:#6ffacc;font:32px/1 system-ui;cursor:pointer} .fen-drawer a{display:block;margin-right:14px;padding:14px 18px;font-size:16px;line-height:1.35;border-radius:13px;color:#c3dedc} .fen-drawer a:hover,.fen-drawer a[aria-current="location"]{background:#20504e;color:#fff} body.fen-menu-open header{position:fixed;top:0;left:0;right:0} .fen-menu-open .fen-drawer{transform:translateX(0);visibility:visible} .fen-menu-open .fen-drawer-dim{opacity:1;visibility:visible} .fen-menu-open .action-bar,.fen-menu-open .fen-top{visibility:hidden} .fen-brand-footer{display:block;padding:0} .fen-footer-content{padding:20px 18px calc(120px + env(safe-area-inset-bottom));text-align:center} .fen-footer-links{gap:12px 20px} .fen-footer-row{flex-direction:column;gap:18px} .fen-footer-responsible{flex-direction:column;gap:10px} .fen-footer-responsible>span:last-child{font-size:12px} .fen-footer-licence{text-align:center;max-width:44ch} .fen-top{right:14px;bottom:calc(76px + env(safe-area-inset-bottom))} } .fen-lede>picture{display:contents} .fen-page-body a{color:#6ffacc;text-decoration:underline;text-underline-offset:3px} @media(max-width:768px){.fen-lede>picture{display:block}} @media(min-width:560px) and (max-width:768px){.fen-lede-photo{object-position:50% 50%}} @media(max-width:768px){.fen-home header .fen-tier{flex-basis:70px}.fen-home header .fen-tier img{width:70px}.fen-home header .fen-edge{padding-inline:7px;font-size:12px;min-height:44px}.fen-home header .fen-knob-kiln{gap:4px}}