:root{color-scheme:dark;--bg:#041e26;--panel:#092f39;--line:#ffffff20;--cyan:#8cf4f5;--pink:#f34585;--text:#f6fcfd;--muted:#c2d6da;--rail:218px;--header:88px;--bar:78px} *{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 18px);scroll-padding-bottom:96px}body{margin:0;background:radial-gradient(ellipse at 90% 5%,#0c4550 0,transparent 33%),var(--bg);color:var(--text);font:15px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .reb-fore{height:var(--header);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:#041e26f5;backdrop-filter:blur(18px)}.reb-brand-name{font-size:24px;font-weight:700;white-space:nowrap}.reb-trigger-well{display:flex;align-items:center;gap:24px;margin-left:auto}.reb-login{padding:12px 8px;font-weight:700}.reb-lever{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;min-width:174px;padding:13px 24px;border:1px solid #ffffff35;border-radius:40px;background:linear-gradient(120deg,#f65691,#d72565);box-shadow:inset 0 2px 0 #ffffff24,0 8px 24px #f345851a;color:white;font-weight:700;line-height:1.3;transition:filter .15s}.reb-lever:hover{filter:brightness(1.12)}.reb-lever svg{width:23px;height:23px} main{margin-left:var(--rail);padding:28px 30px 44px;max-width:1600px;min-width:0}.reb-fold{position:fixed;left:0;top:var(--header);bottom:0;width:var(--rail);padding:24px 14px;border-right:1px solid var(--line);background:#051f28fa;z-index:10;overflow-y:auto}.reb-fold [data-nav-label]{display:block;padding:0 12px 12px;font-size:13px;font-weight:700;color:var(--muted)}[data-section-links]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}[data-section-links] li{margin:0;min-width:0}.reb-fold a{display:block;padding:13px 12px;border:1px solid #6bdde333;background:#10343f;border-radius:12px;line-height:1.45;font-size:13px;font-weight:600;color:var(--cyan)}.reb-fold a:hover{background:#174854;border-color:#8cf4f588}.reb-fold a[aria-current]{background:#20545d;border-color:#8cf4f5;color:white;box-shadow:inset 3px 0 var(--cyan)} .reb-stage{border:1px solid #84e2e840;border-radius:25px;background:radial-gradient(ellipse at 88% 40%,#0b5b67,transparent 65%),linear-gradient(120deg,#0c3a45,#062831);overflow:hidden}.reb-stage-gloss{padding:32px}.reb-stage h1{font-size:clamp(34px,3.25vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.12;margin:0 0 8px}.reb-stage .reb-hero-subtitle{font-size:27px;line-height:1.3;color:#80edf1;margin-bottom:18px}.reb-stage p{color:#d3e7ea;margin:0 0 22px}.reb-stage-trigger{display:flex} .reb-knot{margin-top:32px;scroll-margin-top:0}.reb-knot-banner{margin-bottom:15px}h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.5px}h3{font-size:17px;line-height:1.4;margin:0 0 15px}p{margin:0 0 18px}p:last-child{margin-bottom:0}.reb-knot-arc{display:grid;gap:10px}.reb-area-plate{border:1px solid #8cf4f55c;border-radius:22px;background:linear-gradient(125deg,#88f1ee,#3cc9d9);color:#06333e}.reb-area-gloss{padding:28px 32px}.reb-area-gloss p{line-height:1.8}.reb-tier-porch,.reb-tier-vane,.reb-tier-rib,.reb-tier-tile,.reb-node-dock,.reb-node-dock b{display:inline;font:inherit;letter-spacing:normal;margin:0;max-width:none;color:inherit}.reb-tier-rib,.reb-node-dock,.reb-node-dock b{font-weight:700}.reb-rail-gloss{border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#0d3540,#082932);padding:28px 32px}.reb-rail-gloss p,.reb-dossier-gloss p,.reb-kiln-gloss p{color:var(--muted);max-width:none;font-size:15px;line-height:1.8}details{background:#092b35;border:1px solid var(--line);border-radius:15px;overflow:hidden}summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;min-height:65px;padding:18px 24px;gap:20px}summary::-webkit-details-marker{display:none}summary h3{margin:0;font-size:15px;font-weight:600}summary:hover{background:#ffffff08}.reb-disk{width:20px;height:20px;position:relative;flex-shrink:0;color:var(--cyan)}.reb-disk:before,.reb-disk:after{content:"";position:absolute;background:currentColor;width:12px;height:2px;left:4px;top:9px}.reb-disk:after{transform:rotate(90deg)}details[open] .reb-disk:after{transform:rotate(0)}details[open]{border-color:#62e5ed60}details[open] summary{border-bottom:1px solid var(--line)}.reb-dossier-gloss{padding:24px 28px}.reb-knot-trigger{padding:9px 0 4px}.reb-knot-1,.reb-knot-3,.reb-knot-5,.reb-knot-6{border-top:1px solid var(--line);padding-top:30px}.reb-dune-plate{border-radius:22px;border:1px solid #df68954a;background:linear-gradient(130deg,#3c2541,#102b38)}.reb-dune-plate>div{padding:28px 32px}.reb-dune-plate p{color:#d6e2e8}.reb-knot-4 .reb-rail-gloss:nth-of-type(2){background:#d8efee;color:#083641}.reb-knot-4 .reb-rail-gloss:nth-of-type(2) p{color:#365d65}.reb-sheet-holder{width:100%}.reb-sheet-holder+p{margin-top:18px}table{border-collapse:collapse;width:100%;font-size:14px;table-layout:fixed}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #123c4433;vertical-align:top;overflow-wrap:break-word}th:first-child,td:first-child{width:29%;padding-left:0}th{font-size:13px;color:#34616a}.reb-knot-5 .reb-rail-gloss{border-left:3px solid var(--cyan)}.reb-knot-7{background:linear-gradient(130deg,#123f49,#0c2d36);border:1px solid #72e4ee40;padding:30px 32px;border-radius:22px}.reb-knot-7 .reb-knot-trigger{margin-top:24px} footer{margin-left:var(--rail);padding:30px;border-top:1px solid var(--line)}footer nav{display:flex;gap:15px 22px;flex-wrap:wrap;justify-content:center;font-size:13px;color:#bfd5da}footer nav a:hover{color:var(--cyan);text-decoration:underline}.action-bar{display:none} .container,.reb-container{max-width:1120px;margin-inline:auto;padding-inline:20px}.page-main,.reb-page-main{margin:0 auto;padding:36px 20px;max-width:1120px}.page-body,.reb-page-body{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow-wrap:anywhere}.page-main h1,.reb-page-main h1{font-size:30px;line-height:1.2;margin:0 0 24px}.page-body h2,.reb-page-body h4{font-size:22px;line-height:1.3;margin:28px 0 16px}.page-body h2:first-child{margin-top:0}.page-body p,.page-body li,.reb-page-body p{color:var(--muted)}.page-body a,.reb-page-body a{color:var(--cyan);text-decoration:underline}.page-links,.reb-page-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skip-link,.reb-skip-link{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.skip-link:focus,.reb-skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:10px;background:white;color:black;z-index:100}body[data-internal] footer{margin-left:0} @media(min-width:1600px){main{margin-right:auto}}@media(max-width:1150px) and (min-width:769px){:root{--rail:192px}main{padding:24px 22px}.reb-fold{padding-inline:10px}.reb-fold a{font-size:12px}} @media(max-width:768px){ :root{--header:69px}html{scroll-padding-top:153px;scroll-padding-bottom:calc(var(--bar) + 20px + env(safe-area-inset-bottom,0px))}body{padding-bottom:calc(var(--bar) + 16px + env(safe-area-inset-bottom,0px))}.reb-fore{padding:0 18px}.reb-brand-name{font-size:22px}.reb-fore .reb-trigger-well{display:none} .reb-fold{top:var(--header);bottom:auto;right:0;width:100%;height:70px;display:flex;align-items:center;padding:8px 0 8px 12px;overflow:visible;border-right:0;border-bottom:1px solid var(--line);background:#052731fa}.reb-fold [data-nav-label]{flex:0 0 auto;font-size:11px;padding:0 10px 8px 0}.reb-fold:after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;pointer-events:none;background:linear-gradient(90deg,transparent,#052731)}[data-section-links]{flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;min-width:0;width:100%;padding:3px 28px 8px 3px;scrollbar-width:thin;scrollbar-color:#66c8d4 #123641;scroll-padding-inline:6px}[data-section-links]::-webkit-scrollbar{height:4px}[data-section-links]::-webkit-scrollbar-thumb{background:#66c8d4;border-radius:3px}[data-section-links] li{flex:0 0 auto}.reb-fold a{min-height:40px;padding:10px 12px;font-size:12px;white-space:nowrap;border-radius:22px}.reb-fold a[aria-current]{box-shadow:inset 0 -2px var(--cyan)} main{margin:0;padding:88px 14px 30px}.reb-stage-gloss{padding:24px}.reb-stage h1{font-size:35px}.reb-stage .reb-hero-subtitle{font-size:24px}.reb-stage p{font-size:14px}.reb-stage .reb-lever{width:100%}.reb-knot{margin-top:28px}h2{font-size:21px}.reb-area-gloss,.reb-dune-plate>div{padding:24px}.reb-rail-gloss{padding:23px}.reb-rail-gloss p,.reb-dossier-gloss p,.reb-kiln-gloss p{font-size:14px}.reb-area-gloss p,.reb-dune-plate p{font-size:14px}summary{padding:17px 19px}summary h3{font-size:14px}.reb-dossier-gloss{padding:20px}.reb-knot-1,.reb-knot-3,.reb-knot-5,.reb-knot-6{padding-top:26px}.reb-knot-trigger .reb-lever{width:100%}.reb-knot-4 .reb-rail-gloss{padding:22px 20px}th,td{padding:13px 7px;font-size:12px}.reb-knot-7{padding:24px 23px}.reb-knot-7 h2{font-size:20px}footer{margin:0;padding:28px 23px}.action-bar{display:flex;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(var(--bar) + env(safe-area-inset-bottom,0px));padding:12px 17px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #b3f5f34a;background:#04232df5;backdrop-filter:blur(18px)}.action-bar .reb-lever{width:100%}.page-main,.reb-page-main{padding:24px 14px}.page-body,.reb-page-body{padding:22px}.page-main h1{font-size:27px} } @media(prefers-reduced-motion:reduce){*{transition:none!important}} html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%} a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent} button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important} .reb-lever{justify-content:center;text-align:center}.reb-login{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--pink);border-radius:40px;padding:12px 20px;line-height:1.3;min-height:48px;text-align:center} .reb-trigger-well{gap:12px}.reb-knot-trigger{margin-top:24px;padding:0}.reb-stage-trigger{margin-top:24px} .reb-area-plate{background:linear-gradient(125deg,#124852,#092f39);color:var(--text)} .reb-knot-4 .reb-rail-gloss:nth-of-type(2){background:linear-gradient(115deg,#0d3540,#082932);color:var(--text)} .reb-knot-4 .reb-rail-gloss:nth-of-type(2) p,th{color:var(--muted)}th,td{border-bottom-color:var(--line)} .reb-content-card{background:#092b35;border:1px solid var(--line);border-radius:15px;overflow:hidden} .reb-content-heading{padding:20px 28px 0}.reb-content-heading h3{margin:0}.reb-content-card .reb-dossier-gloss{padding-top:14px} .reb-fold a{display:flex;gap:9px;align-items:center}.reb-fold a svg{width:17px;height:17px}.reb-menu-arrow{display:none} .reb-paylogos{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.reb-paylogos>span{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:10px 12px}.reb-paylogos img{width:100px;height:28px;object-fit:contain} .reb-footer-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:12px;text-align:center;line-height:1.6}footer nav{gap:6px 12px;font-size:12px}.reb-age{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-weight:700;flex-shrink:0} .reb-back-top{position:fixed;right:18px;bottom:24px;z-index:31;width:44px;height:44px;border:1px solid var(--cyan);border-radius:50%;background:#092f39;color:var(--cyan);font-size:25px;line-height:1;box-shadow:0 3px 12px #0005} .reb-back-top,.reb-menu-arrow{user-select:none;-webkit-user-select:none} footer{padding-right:78px}.reb-page-main{width:100%;min-width:0}.reb-container{min-width:0}.reb-page-body{max-width:100%} @media(min-width:1024px){:root{--rail:218px}.reb-fold{width:218px}main{margin-left:218px}.reb-page-main{margin-inline:auto}footer{margin-left:218px}body:has(.reb-page-main) footer{margin-left:0}} @media(max-width:1023px){ :root{--rail:0px;--header:76px}html{scroll-padding-top:158px}body{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))} .reb-fore{padding:0 16px;gap:10px}.reb-brand-name{font-size:22px}.reb-fore .reb-trigger-well{display:flex;margin-left:auto;gap:8px}.reb-fore .reb-lever{min-width:0;min-height:44px;padding:10px 16px}.reb-fore .reb-login{min-height:44px;padding:10px 16px} .reb-fold{top:var(--header);bottom:auto;right:0;width:100%;height:66px;display:flex;align-items:center;padding:8px 30px 8px 12px;overflow:visible;border-right:0;border-bottom:1px solid var(--line);background:#052731} .reb-fold [data-nav-label]{display:none}.reb-fold:after{display:none}[data-section-links]{flex-direction:row;gap:8px;overflow:auto;min-width:0;width:100%;padding:3px 8px;scrollbar-width:none;scroll-snap-type:none}[data-section-links]::-webkit-scrollbar{display:none}[data-section-links] li{flex:0 0 auto}.reb-fold a{min-height:40px;padding:10px 12px;font-size:12px;white-space:nowrap;border-radius:22px}.reb-fold a svg{display:none}.reb-fold a[aria-current]{box-shadow:inset 0 -2px var(--cyan)} .reb-menu-arrow{display:block;position:absolute;right:0;top:0;bottom:0;width:26px;border:0;border-radius:0;padding:0;background:linear-gradient(90deg,transparent,#052731 45%);color:var(--cyan);font-size:34px;line-height:1} main{margin:0;padding:88px 14px 30px;max-width:none}.reb-page-main{padding:26px 0 44px}footer{margin-left:0;padding:28px 72px 32px 20px} .action-bar{display:flex;gap:12px;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(78px + env(safe-area-inset-bottom,0px));padding:12px 17px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #b3f5f34a;background:#04232df5}.action-bar a{flex:1;min-width:0;min-height:50px}.action-bar .reb-lever{width:auto} .reb-back-top{bottom:calc(94px + env(safe-area-inset-bottom,0px))}.reb-knot-trigger,.reb-stage-trigger{margin-top:20px} } @media(max-width:420px){.reb-fore{padding-inline:10px}.reb-brand-name{font-size:19px}.reb-fore .reb-login,.reb-fore .reb-lever{font-size:12px;padding-inline:12px}.reb-stage-gloss{padding:22px}.reb-container{padding-inline:14px}} .reb-stage{display:grid;grid-template-columns:1.15fr 1fr;align-items:center} .reb-stage-gloss{min-width:0} .reb-hero-covers{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:280px;padding:26px 24px} .reb-hero-covers img{display:block;width:calc((100% - 16px)/3);max-width:160px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:16px;box-shadow:0 0 24px #f3458540,0 10px 22px #0005;flex-shrink:1} .reb-hero-covers img:first-child{transform:rotate(-6deg) translateY(10px)} .reb-hero-covers img:last-child{transform:rotate(6deg) translateY(10px)} .reb-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch} .reb-game-tile{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .reb-game-tile img{display:block;width:100%;max-width:350px;height:auto;aspect-ratio:1;object-fit:contain;margin-inline:auto} .reb-game-tile h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.4;min-height:2.8em;margin:12px;overflow-wrap:anywhere} #reb-beam-dune .reb-knot-trigger{margin-top:24px} @media(min-width:769px) and (max-width:1023px){.reb-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:768px){ .reb-stage{display:flex;flex-direction:column;align-items:stretch} .reb-hero-covers{order:-1;height:220px;min-height:220px;padding:24px;position:relative;background:radial-gradient(ellipse,#f3458520,transparent 70%)} .reb-hero-covers:after{content:"";position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(transparent,#092f39);pointer-events:none} .reb-hero-covers img{max-width:150px;max-height:170px} .reb-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .reb-game-tile h3{font-size:14px} } .reb-burger{display:none} @media(max-width:1023px){ html{scroll-padding-top:calc(var(--header) + 18px)} .reb-fore{z-index:50;gap:8px} .reb-burger{display:flex;flex:0 0 42px;width:42px;height:44px;padding:10px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #8cf4f580;border-radius:12px 4px 12px 4px;background:#10343f;color:var(--cyan);touch-action:manipulation;-webkit-tap-highlight-color:transparent} .reb-burger span{display:block;width:20px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease} .reb-burger[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)} .reb-burger[aria-expanded="true"] span:nth-child(2){opacity:0} .reb-burger[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)} .reb-fold{z-index:40;top:var(--header);left:0;right:0;bottom:auto;width:100%;height:auto;max-height:calc(100vh - var(--header));max-height:calc(100dvh - var(--header));display:block;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 20px;border-bottom:2px solid var(--pink);border-radius:0 0 22px 22px;background:#052731;box-shadow:0 18px 30px #0006;visibility:hidden;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease,visibility .2s} .reb-fold.reb-menu-open{visibility:visible;transform:translateY(0);opacity:1;pointer-events:auto} .reb-fold [data-section-links]{display:flex;flex-direction:column;gap:8px;overflow:visible;padding:0;width:100%} .reb-fold [data-section-links] li{flex:initial} .reb-fold a{min-height:48px;padding:13px 12px;white-space:normal;font-size:14px;border-radius:12px} .reb-fold a svg{display:block;width:17px;height:17px} .reb-fold a[aria-current]{box-shadow:inset 3px 0 var(--cyan)} .reb-menu-overlay{position:fixed;inset:var(--header) 0 0;z-index:35;background:#001218bb;touch-action:none} body.reb-menu-open{overflow:hidden} main:not(.reb-page-main){padding-top:22px} } @media(max-width:420px){ .reb-fore{padding-inline:8px;gap:6px} .reb-brand-name{font-size:18px} .reb-fore .reb-trigger-well{gap:6px} .reb-fore .reb-login,.reb-fore .reb-lever{padding-inline:9px} }