@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#102d28;--panel:#183e35;--paper:#fff5dc;--muted:#b4c9bb;--yellow:#efc873;--pink:#eb91a4;--blue:#89cbd0;font-family:'DM Sans',system-ui,sans-serif;color:var(--paper);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#285346,transparent 65%);min-height:100dvh}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.top{max-width:1080px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Space Grotesk',system-ui;font-weight:700;letter-spacing:1px}.logo img{width:38px;height:38px;border-radius:9px}.byline{font-size:12px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.quiet{background:transparent;color:var(--paper);border:1px solid #ffffff35;border-radius:8px;padding:9px 13px;font-size:14px}.shelf{max-width:1032px;margin:24px auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--yellow);font-weight:700}h1,h2,h3{font-family:'Space Grotesk',system-ui}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-2px;line-height:1;margin:12px 0 14px}h1 em{font-style:normal;color:var(--yellow)}.intro p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}.edition-tag{border:1px solid #ecc77b70;border-radius:5px;padding:10px 14px;color:var(--yellow);font-family:monospace;font-size:16px;transform:rotate(3deg);white-space:nowrap}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-tile{display:flex;flex-direction:column;text-decoration:none;background:#fff5df;color:#204b3b;border-radius:14px;overflow:hidden;border:1px solid #fff3d529;box-shadow:0 7px 0 #081d1980;transition:transform .2s}.game-tile:hover{transform:translateY(-5px)}.tile-face{height:160px;display:flex;justify-content:center;align-items:center;background:#235343;color:#f6d58b;font-family:'Space Grotesk',system-ui;font-size:80px;letter-spacing:5px;border-bottom:5px solid #ecc67d}.game-tile:nth-child(2) .tile-face{background:#303b5f;color:#ef98aa;border-bottom-color:#e7a0af}.game-tile:nth-child(3) .tile-face{background:#344e4e;color:#8bcfd4;border-bottom-color:#8bcfd4}.tile-copy{padding:22px;display:flex;flex-direction:column;flex:1}.tile-copy h2{font-size:25px;letter-spacing:-1px;margin:0 0 9px}.tile-copy p{font-size:14px;line-height:1.6;color:#5e7264;margin:0 0 18px}.tile-meta{font-size:12px;color:#6a7566;margin-bottom:20px}.play-label{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;margin-top:auto;border-top:1px solid #d8ddca;padding-top:14px}.home-note{font-size:13px;color:var(--muted);line-height:1.7;margin:28px 0 10px}.home-footer{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding:20px 0;color:#9ab4a6;font-size:12px}.game-page{max-width:620px;margin:0 auto;padding:0 18px 24px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0 18px}.game-heading h1{font-size:32px;margin:5px 0 0;letter-spacing:-1px}.game-heading .label{font-size:11px}.actions{display:flex;gap:8px}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:13px 0;font-size:14px;margin-bottom:14px}.status-bar strong{color:var(--yellow)}.status-bar span{font-size:12px;color:var(--muted)}.board{background:#25483f;border:2px solid #537c63;border-bottom:7px solid #0a211b;border-radius:13px;padding:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.column{background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:7px;border-radius:7px;opacity:1!important}.column:enabled:hover{background:#ffffff12}.slot{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0d2823;box-shadow:inset 0 3px 5px #0005;color:#fff4dc;font-size:clamp(12px,3vw,20px);border:2px solid #ffffff0b}.slot.p1{background:#efc873;color:#554521;box-shadow:inset 0 -4px 0 #ad844d}.slot.p2{background:#eb91a4;color:#5a293b;box-shadow:inset 0 -4px 0 #a45c73}.slot.winner{outline:3px solid white;outline-offset:-6px}.slot.landed{animation:drop .35s cubic-bezier(.2,.7,.3,1)}@keyframes drop{from{transform:translateY(-35px);opacity:.3}to{transform:translateY(0);opacity:1}}.legend{display:flex;justify-content:center;gap:25px;font-size:13px;color:var(--muted);margin:14px 0}.legend b{color:var(--yellow)}.legend .pink{color:var(--pink)}.game-tip{font-size:13px;color:var(--muted);text-align:center;line-height:1.6}.record-line{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.primary{border:0;border-radius:8px;background:var(--yellow);color:#253e2f;padding:12px 18px;font-size:15px;font-weight:700;min-height:44px}.primary:disabled{opacity:.4}.code-history{background:#183f35;border:1px solid #ffffff24;border-radius:12px;padding:8px}.code-row{display:grid;grid-template-columns:22px minmax(0,1fr) 98px;gap:8px;align-items:center;min-height:41px;border-bottom:1px solid #ffffff10}.code-row:last-child{border-bottom:0}.row-num{font-size:12px;color:#8eafa0;text-align:center}.code-pegs{display:flex;justify-content:center;gap:10px}.peg{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:700;background:#0e2d27;border:1px solid #73948360;color:var(--paper)}.feedback{font-size:11px;line-height:1.5;color:#c4d4c7}.feedback strong{color:#fff5dc}.guess-box{margin:15px 0 0}.guess-slots{display:flex;justify-content:center;gap:12px;margin:12px 0}.guess-slot{width:43px;height:43px;border-radius:50%;border:2px solid #60876b;background:#173c31;color:var(--paper);font-weight:700}.guess-slot.active{outline:2px solid var(--yellow);outline-offset:4px}.palette{display:flex;justify-content:center;gap:10px;margin:18px 0}.color-choice{width:40px;height:40px;border-radius:50%;border:2px solid #ffffff75;font-weight:700;font-size:14px}.submit-code{display:block;width:100%}.code-result{text-align:center;color:var(--yellow);line-height:1.6}.c0{background:#ee97a5!important;color:#472833!important}.c1{background:#eaca76!important;color:#463c22!important}.c2{background:#8bcecd!important;color:#183e42!important}.c3{background:#baa3ea!important;color:#362551!important}.c4{background:#9bcc87!important;color:#253e1c!important}.c5{background:#f4a668!important;color:#51331c!important}dialog{border:1px solid #6a8d70;border-radius:15px;background:#173c31;color:#fff5dc;padding:25px;width:calc(100% - 32px);max-width:440px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#081d19b8}dialog h2{font-size:25px;margin:0 0 15px}dialog p,dialog li{font-size:15px;line-height:1.65;color:#cfddcd}dialog label{display:block;font-size:14px;margin:16px 0 7px}dialog select{width:100%;background:#244b3d;color:#fff6dc;border:1px solid #739275;padding:10px;border-radius:7px}.dialog-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.save-alert{color:#efc873;font-size:12px;text-align:center}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff5dc;color:#214435;padding:12px 18px;border-radius:10px;max-width:90%;box-shadow:0 8px 30px #0005;z-index:5}#toast:empty{display:none}@media(max-width:700px){.top{padding:14px 18px}.byline{font-size:10px;letter-spacing:1px}.logo{font-size:14px}.logo img{width:32px;height:32px}.shelf{padding:0 18px;margin:13px auto}.intro{margin-bottom:24px}.intro h1{font-size:42px}.edition-tag{display:none}.games{grid-template-columns:1fr;gap:14px}.game-tile{display:grid;grid-template-columns:100px minmax(0,1fr);border-radius:11px}.tile-face{height:100%;font-size:42px;letter-spacing:0;border-bottom:0;border-right:4px solid #ecc67d}.game-tile:nth-child(2) .tile-face{border-right-color:#e7a0af}.game-tile:nth-child(3) .tile-face{border-right-color:#8bcfd4}.tile-copy{padding:15px}.tile-copy h2{font-size:23px;margin-bottom:5px}.tile-copy p{margin-bottom:7px;font-size:13px;line-height:1.4}.tile-meta{font-size:11px;margin-bottom:9px}.play-label{padding-top:8px;font-size:13px}.home-note{margin:20px 0}.game-heading h1{font-size:28px}.game-heading{margin:4px 0 12px}.quiet{padding:8px 10px;font-size:12px}.status-bar{padding:10px 0}.board{padding:7px;gap:4px}.column{gap:6px}.code-row{min-height:34px}.peg{width:25px;height:25px}.code-pegs{gap:7px}.code-row{grid-template-columns:20px minmax(0,1fr) 88px}.guess-box{margin-top:9px}.guess-slots{margin:10px 0}.palette{margin:14px 0}.home-footer{flex-direction:column;gap:8px}.record-line{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}