.seven-down-page{max-width:920px}.down-heading{width:min(820px,100%);margin-right:auto;margin-left:auto}.seven-down-game{--down-plum:#512957;--down-plum-dark:#32153a;--down-blush:#e9a8bd;--down-ivory:#fff6d7;--down-brass:#c28a2c;--down-mint:#8fd8b4;width:min(820px,100%);margin:0 auto;overflow:hidden;border:2px solid var(--ink);border-radius:25px;background:var(--down-plum);box-shadow:9px 10px #291331}.down-topbar{min-height:80px;padding:0 clamp(18px,5vw,40px);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;border-bottom:2px solid var(--ink);background:var(--down-blush);box-shadow:inset 0 -5px #5f203d24}.down-stat span{display:block;margin-bottom:4px;font-size:8px;font-weight:800;letter-spacing:.19em}.down-stat strong{font:800 clamp(18px,3vw,25px)/1 var(--serif)}.down-stat-centre{text-align:center}.down-stat-right{text-align:right}.down-cabinet{padding:clamp(13px,3vw,27px);background:radial-gradient(circle at 50% 0,rgba(255,255,255,.13),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 8px),var(--down-plum)}.down-board{position:relative;padding:clamp(27px,5vw,42px) clamp(8px,3vw,24px) 18px;border:3px solid var(--ink);border-radius:18px;background:linear-gradient(155deg,#fffaf0,#f4dfc5);box-shadow:0 8px 0 var(--down-plum-dark),inset 0 0 0 5px #c28a2c29,inset 0 0 34px #5c2d321f;color:var(--ink)}.down-board-pin{position:absolute;width:12px;height:12px;border:2px solid #6d4815;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1a0,#d49b31 55%,#76500d);box-shadow:0 2px #341d0c40}.down-board-pin-one{top:12px;left:14px}.down-board-pin-two{top:12px;right:14px}.down-message{min-height:24px;margin:0 24px 14px;text-align:center;font:800 clamp(15px,2.7vw,20px)/1.2 var(--serif)}.down-message.valid{color:#286448}.down-message.invalid{color:#a83d35}.down-message.rare{color:#5a3b04}.down-chain{display:grid;grid-template-rows:repeat(5,minmax(53px,auto));gap:3px}.down-row{position:relative;min-width:0;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;border-bottom:1px solid rgba(81,41,87,.16)}.down-row:last-child{border-bottom:0}.down-row-number{color:#51295794;font:800 10px var(--serif);text-align:center}.down-tiles{min-width:0;display:flex;justify-content:center;gap:clamp(3px,.9vw,7px)}.down-tile{width:clamp(31px,9.2vw,48px);height:clamp(43px,11vw,58px);padding:0;display:grid;place-items:center;border:2px solid #8a6626;border-radius:8px;background:linear-gradient(140deg,#fffbe4,#ead18e);color:#281d27;box-shadow:0 5px #885220,0 8px 10px #3a1e2033,inset 0 0 0 3px #ffffff57;font:800 clamp(21px,5.7vw,35px)/1 var(--serif);cursor:pointer;transform:rotate(-.45deg);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease}.down-tile:nth-child(2n){transform:rotate(.55deg)}.down-tile:nth-child(3n){transform:rotate(-.7deg)}.down-tile:not(:disabled):hover{transform:translateY(-4px) rotate(0);box-shadow:0 9px #885220,0 12px 13px #3a1e2038}.down-tile:focus-visible{z-index:3;outline:4px solid #3156cf;outline-offset:2px;transform:translateY(-3px) rotate(0)}.down-tile:disabled{opacity:1;cursor:default}.down-row.active{z-index:2;margin:1px -2px;border:1px solid rgba(81,41,87,.2);border-radius:10px;background:#e9a8bd30;box-shadow:inset 0 0 17px #e9a8bd29;animation:down-row-settle .28s ease-out both}.down-row.completed .down-tile{height:clamp(35px,8vw,43px);border-width:1px;border-color:#593a1d73;background:linear-gradient(140deg,#f4e7c6,#dfc28a);box-shadow:0 2px #68411b94;color:#574651;font-size:clamp(17px,4.4vw,26px);transform:rotate(0)}.down-row.final .down-tile{border-color:#32674f;background:linear-gradient(145deg,#d0f2df,#8fd8b4);box-shadow:0 5px #315f49,0 8px 12px #2b533f38;animation:down-final-tile .42s ease both}.down-row.final .down-tile:nth-child(2){animation-delay:.07s}.down-row.final .down-tile:nth-child(3){animation-delay:.14s}.down-row.rare .down-tile{border-color:#8a6427;background:linear-gradient(145deg,#fff1ac,#dcb857)}.down-rare-stamp{position:absolute;z-index:4;right:2px;top:1px;padding:2px 5px;border:1px solid #3e6e58;border-radius:3px;background:#d4f3e1;color:#315d49;font-size:6px;font-weight:900;letter-spacing:.08em;transform:rotate(2deg)}.down-empty-ledge{justify-self:center;height:6px;border:1px solid rgba(81,41,87,.15);border-radius:999px;background:#5129570f;box-shadow:inset 0 1px #ffffffb3}.down-row.waiting[data-length="6"] .down-empty-ledge{width:76%}.down-row.waiting[data-length="5"] .down-empty-ledge{width:64%}.down-row.waiting[data-length="4"] .down-empty-ledge{width:52%}.down-row.waiting[data-length="3"] .down-empty-ledge{width:40%}.down-row.collapsing .down-tile.closing{transform:translate(var(--close-x)) translateY(5px) rotate(0)}.down-row.collapsing .down-tile.removing{opacity:0;transform:translateY(35px) rotate(14deg) scale(.72);box-shadow:none}.down-row.rejected{animation:down-reject .3s ease}.down-row.rejected .down-tile.rejected{background:linear-gradient(145deg,#ffd2c9,#f58a77);border-color:#9b332d}.down-board-footer{min-height:24px;margin:12px 20px 0;display:flex;justify-content:space-between;gap:12px;color:#785f72;font-size:8px;font-weight:800;letter-spacing:.05em}.down-retry{display:block;margin:12px auto 0;padding:9px 15px;border:2px solid var(--ink);border-radius:8px;background:var(--down-blush);color:var(--ink);box-shadow:0 3px 0 var(--down-plum-dark);font-weight:800;cursor:pointer}.down-retry[hidden],.down-results[hidden]{display:none}.down-results{margin:15px 18px 4px;padding:20px 15px 18px;border:2px solid var(--ink);border-radius:12px;background:var(--down-plum);color:#fff;box-shadow:5px 5px 0 var(--down-plum-dark);text-align:center;animation:down-result-in .32s ease-out both}.down-results>span{color:#ffd66d;font-size:7px;font-weight:900;letter-spacing:.2em}.down-results h2{margin:7px 0 11px;font:800 clamp(27px,6vw,43px)/1.03 var(--serif)}.down-explorer-link{margin:9px auto 15px;padding:15px 18px;display:block;width:min(520px,100%);border:2px solid var(--ink);border-radius:11px;background:#ffd66d;color:var(--ink);box-shadow:0 5px #9b681e;text-decoration:none;font:800 clamp(23px,5vw,37px)/1.05 var(--serif)}.down-explorer-link strong{color:inherit;text-transform:uppercase}.down-explorer-link small{margin-top:6px;display:block;font:900 11px/1.25 var(--sans);letter-spacing:.02em}.down-explorer-link:hover,.down-explorer-link:focus-visible{background:#ffe59b;transform:translateY(-1px)}.down-explorer-link:focus-visible{outline:3px solid #fff;outline-offset:3px}.down-results p{margin:0;color:#f5dce7;font-size:9px}.down-results p i{padding:0 4px;font-style:normal;opacity:.6}.down-results button{min-width:160px;margin-top:16px;padding:11px 18px;border:2px solid var(--ink);border-radius:9px;background:var(--down-blush);color:var(--ink);box-shadow:0 4px #823d5a;font-weight:900;cursor:pointer}.down-results button:active{transform:translateY(3px);box-shadow:0 1px #823d5a}.down-board.complete{box-shadow:0 8px 0 var(--down-plum-dark),inset 0 0 0 5px #8fd8b457,inset 0 0 34px #3e7e5c2e}.down-how-dialog li{grid-template-columns:78px minmax(0,1fr);gap:12px;line-height:1.4}.down-explainer a{font-weight:800;text-underline-offset:4px}@keyframes down-row-settle{0%{opacity:.25;transform:translateY(-13px) scale(.97)}}@keyframes down-reject{25%{transform:translate(-5px)}60%{transform:translate(5px)}85%{transform:translate(-2px)}}@keyframes down-final-tile{0%{opacity:0;transform:translateY(-16px) rotate(-4deg)}}@keyframes down-result-in{0%{opacity:0;transform:translateY(12px)}}@media(max-width:700px){.seven-down-page{padding:16px 8px 60px}.down-heading{padding:0 7px}.seven-down-game{border-radius:19px;box-shadow:5px 6px #291331}.down-topbar{min-height:65px;padding:0 15px}.down-stat strong{font-size:18px}.down-cabinet{padding:10px}.down-board{padding:25px 4px 14px;border-radius:14px}.down-message{margin-right:21px;margin-left:21px;font-size:15px}.down-chain{grid-template-rows:repeat(5,minmax(51px,auto));gap:1px}.down-row{grid-template-columns:19px minmax(0,1fr)}.down-tiles{gap:3px}.down-board-footer{margin-right:16px;margin-left:16px}.down-results{margin-right:10px;margin-left:10px}.down-how-dialog{padding:30px 24px}}@media(max-width:340px){.seven-down-page{padding-right:4px;padding-left:4px}.down-cabinet{padding:7px}.down-board{padding-right:2px;padding-left:2px}.down-tile{width:30px;height:42px;font-size:20px}.down-row.completed .down-tile{height:34px;font-size:16px}.down-tiles{gap:2px}.down-rare-stamp{right:0;font-size:5px}}@media(max-height:560px)and (orientation:landscape){.seven-down-page{max-width:960px;padding-top:10px}.down-heading{margin-bottom:8px}.seven-down-game{width:min(900px,100%)}.down-topbar{min-height:55px}.down-cabinet{padding:8px}.down-board{padding-top:18px}.down-chain{grid-template-rows:repeat(5,minmax(42px,auto))}.down-tile{height:40px}.down-row.completed .down-tile{height:31px}.down-message{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.down-row.active,.down-row.final .down-tile,.down-results,.down-row.rejected{animation:none}.down-tile{transition:none}}.down-next-action{margin:16px auto 10px;text-align:center}.down-next-action[hidden]{display:none}.down-next-action button{min-width:min(300px,88%);padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border:2px solid var(--ink);border-radius:10px;background:#ffd66d;color:var(--ink);box-shadow:0 5px #9b681e,0 9px 15px #391e1d33;font:900 16px var(--serif);cursor:pointer;animation:down-next-pulse 1.7s ease-in-out infinite}.down-next-action button span{font:800 22px var(--sans)}.down-next-action button:active{transform:translateY(4px);box-shadow:0 1px #9b681e;animation:none}.down-results{margin-top:8px}@keyframes down-next-pulse{50%{transform:translateY(-2px);box-shadow:0 7px #9b681e,0 12px 18px #391e1d3d}}@media(max-width:700px){.down-next-action{margin-top:14px}.down-next-action button{min-width:min(270px,90%);padding-top:12px;padding-bottom:12px}}@media(prefers-reduced-motion:reduce){.down-next-action button{animation:none}}.down-completion-tray{position:relative;height:250px;margin:10px 14px 0;border:1px solid rgba(81,41,87,.17);border-radius:11px;background:linear-gradient(155deg,#51295709,#51295714);box-shadow:inset 0 2px 10px #51295714;overflow:hidden}.down-completion-tray:not(.open):before{content:"";position:absolute;top:50%;left:50%;width:68px;height:8px;border:1px solid #6d4815;border-radius:999px;background:linear-gradient(#fff1a0,#d49b31);box-shadow:0 2px #341d0c33;transform:translate(-50%,-13px)}.down-completion-tray:not(.open):after{content:"RESULT DRAWER";position:absolute;top:50%;left:50%;color:#51295785;font:900 7px var(--sans);letter-spacing:.18em;transform:translate(-50%,8px);white-space:nowrap}.down-completion-tray.open{border-color:transparent;background:transparent;box-shadow:none;overflow:visible}.down-completion-tray .down-next-action{margin-top:12px}.down-completion-tray .down-results{margin-bottom:0}@media(max-width:700px){.down-completion-tray{height:250px;margin-right:9px;margin-left:9px}}.down-message{height:48px;min-height:48px;display:grid;place-items:center;overflow:hidden}.down-chain{height:261px;grid-template-rows:none;grid-auto-rows:auto}.down-row{min-height:47px}.down-row.active{min-height:66px}.down-row.active .down-tile{height:auto;aspect-ratio:1}.down-row.completed{min-height:47px}.down-row.waiting{min-height:42px}.down-completion-tray{height:58px;border:2px solid #79533a;background:linear-gradient(180deg,#ecd4b6,#d5ae7d);box-shadow:0 5px #562e2a52,inset 0 2px #ffffff80,inset 0 -7px #5c2d3214}.down-completion-tray:not(.open):before{top:14px;width:82px;height:9px;transform:translate(-50%)}.down-completion-tray:not(.open):after{content:"RESULTS";top:34px;color:#3d24239e;transform:translate(-50%)}.down-completion-tray.open{height:auto;min-height:290px;margin-bottom:18px;padding-bottom:16px;border-color:transparent;background:transparent;box-shadow:none}@media(max-width:700px){.down-chain{height:253px}}.seven-down-game{width:min(800px,100%);max-width:800px;margin-right:auto;margin-left:auto}.down-heading{width:min(800px,100%);margin-right:auto;margin-left:auto}.down-install-link{margin:10px auto 0;color:#fffaf0}