body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;background:radial-gradient(circle at 20% 0%,#3e4b5f,#1e242f 58%,#161a22 100%);background-attachment:fixed;color:#fff;overflow-x:auto;touch-action:pan-x pan-y pinch-zoom}a:link,a:visited,a:hover,a:active{color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{font-family:Helvetica Neue,Helvetica,Arial,sans}.outer{display:flex;max-width:min(1200px,100vw);flex-direction:column;text-align:center;width:100%;box-sizing:border-box;padding:15px;margin-right:auto;margin-left:auto;background-color:#555;border-top:2px solid rgb(0,0,0);border-left:2px solid rgb(0,0,0);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);position:relative}.controls{display:flex;flex-direction:column;gap:.75rem;margin:.75rem 0}.control-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.control-group span{font-size:.95rem;font-weight:700;min-width:5.5rem;text-align:left}.control-chip{border:1px solid #b8c2cc;background:#f0f3f8;color:#111;border-radius:999px;padding:.2rem .75rem;cursor:pointer;font-weight:700}.control-chip.active{background:#2a7d2e;border-color:#2a7d2e;color:#fff}.control-chip:disabled{opacity:.45;cursor:not-allowed}.restart-btn{width:fit-content;min-width:11rem;height:2.3rem;border:1px solid #0a0a0a;border-radius:.4rem;background:#111;color:#fff;font-weight:700;cursor:pointer}.mobile-note{margin:.25rem 0 .75rem;color:#d6f7db;font-size:.9rem}.mobileTurn{display:none}#top{flex-grow:1;margin:0 auto;width:100%;align-items:center;justify-content:center}.inner{position:relative}.board-scroll{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding-top:1rem;padding-bottom:3px;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.square{display:flex;align-items:center;justify-content:center;font-weight:500;position:relative;width:var(--cell-size, 50px);height:var(--cell-size, 50px);box-sizing:border-box;border:1px solid #333;color:#000;font-size:var(--cell-font-size, 1.2rem);background-color:#fff}.square.complete{background-color:#d4edda;color:#155724}.square.error{background-color:#fde8ea;color:#a3102a}.dark-square{position:relative;width:var(--cell-size, 50px);height:var(--cell-size, 50px);box-sizing:border-box;border:1px solid #333;background-color:#4a4a4a}.diagonal-div{position:relative;width:var(--cell-size, 50px);height:var(--cell-size, 50px);box-sizing:border-box;border:1px solid #333;background-color:#b00b1e;overflow:hidden}.diagonal-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top-number,.bottom-number{position:absolute;z-index:2;font-size:var(--clue-font-size, 1rem);color:#fff;line-height:1}.top-number{top:max(1px,var(--cell-size, 50px) * .04);right:max(2px,var(--cell-size, 50px) * .1)}.bottom-number{bottom:max(1px,var(--cell-size, 50px) * .04);left:max(2px,var(--cell-size, 50px) * .1)}.text{font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.status{color:#00fa00}.rules{margin-top:2rem;padding:1.5rem;background:rgba(0,0,0,.35);border-radius:8px;color:#e0e0e0;text-align:left;line-height:1.6}.rules h2{color:#fff;margin-top:0;font-size:1.3rem;letter-spacing:.03em}.rules h3{color:#d6f7db;font-size:1rem;margin-top:1.2rem;margin-bottom:.4rem}.rules p,.rules li{font-size:.92rem;color:#ccc}.rules ul{padding-left:1.4rem;margin:.4rem 0}.rules li{margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem}.rule-swatch{display:inline-block;width:18px;height:18px;border-radius:3px;border:1px solid #555;flex-shrink:0}.rule-complete{background-color:#d4edda}.rule-error{background-color:#fde8ea}.rule-incomplete{background-color:#fff}@media (max-width: 768px){.outer{padding-right:10px;padding-left:10px}.control-group span{min-width:auto;width:100%;text-align:left}.control-chip{font-size:.85rem}}.win-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:1000}.lose-box{border-color:#a3102a!important;box-shadow:0 0 40px #a3102a80!important}.lose-box h2{color:#fde8ea!important}.win-guesses{color:#9dc99f;font-size:1rem;margin:0 0 1.5rem}.scoretable{display:flex;gap:2rem;background-color:#000;color:#00fa00;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);padding:.5rem 1rem;font-family:Courier New,monospace;font-size:1rem;margin-bottom:.5rem}.score-cell{display:flex;flex-direction:column;align-items:center;min-width:5rem}.score-label{font-size:.7rem;letter-spacing:.1em;color:#00b400;text-transform:uppercase}.score-value{font-size:1.4rem;font-weight:700;letter-spacing:.05em;font-variant-numeric:tabular-nums}.highscore-board{color:#00fa00;font-family:Courier New,monospace;background:black;border-top:2px solid rgb(100,100,100);border-left:2px solid rgb(100,100,100);border-right:2px solid rgb(200,200,200);border-bottom:2px solid rgb(200,200,200);padding:1rem}.highscore-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.highscore-header h2{color:#00fa00;margin:0;flex:1;font-size:1.3rem;letter-spacing:.1em}.hs-filter{display:flex;gap:.5rem}.hs-empty{color:#00b400;font-size:.9rem;text-align:center;padding:2rem 0}.hs-section{margin-bottom:1.5rem}.hs-section-title{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid rgb(0,150,0);padding-bottom:.25rem;margin-bottom:.5rem}.hs-key{font-weight:700;font-size:1rem;color:#00fa00;letter-spacing:.08em}.hs-label{font-size:.8rem;color:#00b400;text-transform:capitalize}.hs-table{width:100%;border-collapse:collapse;font-size:.9rem}.hs-table th{color:#00b400;text-align:left;padding:.1rem .5rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.hs-table td{padding:.15rem .5rem;color:#00e600}.hs-table tr.hs-top td{color:#00fa00;font-weight:700}.hs-table tr:nth-child(even){background:rgba(0,255,0,.04)}.win-box{background:#1a1a2e;border:2px solid #2a7d2e;border-radius:16px;padding:2.5rem 3rem;text-align:center;color:#fff;box-shadow:0 0 40px #2a7d2e80}.win-box .win-trophy{font-size:4rem;margin-bottom:.5rem}.win-box h2{font-size:2rem;margin:0 0 .4rem;color:#d4edda}.win-box p{margin:0 0 .75rem;color:#9dc99f;font-size:1rem;text-transform:capitalize}.win-box .win-time{font-size:2rem;font-weight:700;color:#d4edda;font-variant-numeric:tabular-nums;margin-bottom:1rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:999px}.toggle-switch input{display:none}.toggle-switch .toggle-slider{position:absolute;top:0;left:0;width:100%;height:100%;background:#555;border-radius:999px;transition:background .2s}.toggle-switch .toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:#2a7d2e}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.timer-display{font-size:1.1rem;font-weight:700;color:#d6f7db;font-variant-numeric:tabular-nums;letter-spacing:.05em}.start-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:4px}.start-btn{background:#2a7d2e;color:#fff;border:none;border-radius:14px;padding:1rem 3rem;font-size:1.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 24px #2a7d2e80;letter-spacing:.05em;transition:background .15s,transform .1s,box-shadow .15s}.start-btn:hover{background:#38954d;box-shadow:0 6px 30px #2a7d2eb3;transform:scale(1.05)}.start-btn:active{transform:scale(.97)}._numberInputBox_1lwca_1{width:calc(var(--nib-cell-width) * 3 + 6px);display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;font-size:1rem;border:1px solid black;border-radius:5px;background-color:#d3d3d3;color:#000;text-align:center;margin:0 auto;position:fixed;top:var(--nib-top);left:var(--nib-left);z-index:1000;box-shadow:0 0 10px #00000080}._numberInputBox_1lwca_1 ._title_1lwca_21{font-size:.9rem;width:100%;margin-bottom:5px;margin-top:5px}._numberInputBox_1lwca_1 ._guess_1lwca_27{width:var(--nib-cell-width);height:var(--nib-cell-height);display:flex;justify-content:center;align-items:center;font-size:1.5rem;border:1px solid black;border-radius:5px;background-color:#ffffff80;color:#000;text-align:center;cursor:pointer}._numberInputBox_1lwca_1 ._guess_1lwca_27:hover{background-color:#fffc}._gameNav_eqz6z_1{display:flex;justify-content:center;align-items:center;padding:10px 12px;background:#1f232d;border-bottom:1px solid #3d4555;position:relative;z-index:20}._toggle_eqz6z_12{display:none;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:42px;height:38px;border:1px solid #59617a;background:#2d3444;border-radius:8px;cursor:pointer}._bar_eqz6z_26{display:block;width:18px;height:2px;background:#f5f7ff}._menu_eqz6z_33{margin:0;padding:0;width:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px}._item_eqz6z_45{margin:0;padding:0}._link_eqz6z_50{color:#fff;text-decoration:none;font-size:.94rem;line-height:1;border-radius:999px;padding:8px 12px;border:1px solid transparent;display:inline-block}._link_eqz6z_50:hover{border-color:#8b96b9;background:#30384a}._linkActive_eqz6z_66{background:#44506b;border-color:#8b96b9}@media (max-width: 900px){._gameNav_eqz6z_1{justify-content:flex-end;padding:12px}._toggle_eqz6z_12{display:inline-flex;height:44px;width:46px}._menu_eqz6z_33{display:none;position:absolute;top:calc(100% + 2px);right:8px;width:min(320px,100vw - 16px);border:1px solid #59617a;border-radius:10px;background:#252b39;box-shadow:0 10px 24px #00000059;padding:8px;gap:6px;z-index:25}._menuOpen_eqz6z_95{display:flex;flex-direction:column;align-items:stretch}._item_eqz6z_45{width:100%}._link_eqz6z_50{width:100%;text-align:left;box-sizing:border-box;border-radius:6px}}