:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f3e9;color:#304c41;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:1px solid #bfcbba;background:#fffcf4;color:inherit;border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer;font-size:13px;touch-action:manipulation}button:hover:not(:disabled){background:#e8eddf}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #af683b;outline-offset:3px}[hidden]{display:none!important}.site-header,main,footer{width:min(1220px,calc(100% - 64px));margin:auto}.site-header{height:76px;border-bottom:1px solid #d9ddce;display:flex;justify-content:space-between;align-items:center;font-size:13px}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{font-weight:400}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.title-group{display:flex;align-items:center;gap:16px;min-width:0}.title-group img{width:108px;height:auto;mix-blend-mode:multiply}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#718067;margin:0 0 10px}h1{font:400 clamp(27px,3vw,40px)/1.1 Georgia,serif;letter-spacing:-.8px;margin:0}.toolbar{display:flex;align-items:center;gap:7px;flex-shrink:0}.toolbar>button{white-space:nowrap}.desk{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:center}.board-column{min-width:0;max-width:770px;width:100%;margin:auto}.score-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 10px 16px}.score-strip>div{display:grid;gap:4px}.score-strip>div:last-child{text-align:right}.score-strip span{font-size:9px;letter-spacing:1.5px;color:#708066}.score-strip strong{font:32px Georgia,serif;font-variant-numeric:tabular-nums}.board-frame{padding:16px 18px 9px;border:1px solid #c4ab85;border-radius:15px;background:linear-gradient(115deg,#e6d5b9,#d3bd99);box-shadow:inset 0 0 0 5px #ebddc6,0 10px 28px #69553617}.board-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#796447;padding:0 3px 12px}.board-label b{font-weight:650;color:#4e654d;margin-left:7px}#board-scroll{position:relative;overflow:auto;max-height:460px;border:1px solid #c1ac8a;border-radius:4px;scrollbar-width:thin;scrollbar-color:#9eae90 #e7dbc5;overscroll-behavior:contain;background:#fbf7eb}#board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;isolation:isolate;user-select:none;-webkit-user-select:none}.number-cell{position:relative;border:0;border-right:1px solid #dfd8c8;border-bottom:1px solid #dfd8c8;border-radius:0;padding:0;min-width:0;height:clamp(44px,5.5vw,66px);font:500 clamp(23px,2.5vw,32px)/1 ui-sans-serif,system-ui,sans-serif;font-variant-numeric:tabular-nums;background:#fcf8ed;color:#435941;transition:background .12s,box-shadow .12s}.number-cell:nth-child(9n){border-right:0}.number-cell:nth-child(18n+10),.number-cell:nth-child(18n+11),.number-cell:nth-child(18n+12),.number-cell:nth-child(18n+13),.number-cell:nth-child(18n+14),.number-cell:nth-child(18n+15),.number-cell:nth-child(18n+16),.number-cell:nth-child(18n+17),.number-cell:nth-child(18n+18){background:#f6f2e5}.number-cell:hover:not(:disabled){background:#edf0df}.number-cell.empty{color:transparent;background:#e9e4d668;cursor:default}.number-cell.empty:after{content:"·";color:#c7bfac;font-size:18px}.number-cell.selected{background:#385e4c;color:#fff8e7;box-shadow:inset 0 0 0 3px #d1b97a;z-index:1}.number-cell.hint{background:#dce9eb;box-shadow:inset 0 0 0 3px #658f96;color:#2e585d;z-index:1}.number-cell.matched{background:#dce8c7;color:#305340}.number-cell:focus-visible{outline-offset:-5px;z-index:2}.number-cell:disabled{opacity:1}.number-cell.cursor.empty:focus-visible{outline-offset:-5px}#connections{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}#connections polyline{fill:none;stroke:#ad7a37;stroke-width:3;stroke-dasharray:5 5;stroke-linecap:round;opacity:.85}.board-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:39px;font-size:12px;color:#6c604c}.board-foot>span:last-child{font:22px Georgia,serif;color:#897d51}#move-message{min-height:44px;line-height:1.6;font-size:13px;text-align:center;margin:14px 8px 7px}.board-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.primary{background:#355b48;color:#fff9ed;border-color:#355b48}.primary:hover:not(:disabled){background:#436e57}#stuck{display:grid;gap:5px;background:#eee3cb;border:1px solid #c7b486;border-radius:10px;margin:8px 0 13px;padding:13px 16px;font-size:12px;line-height:1.6}#stuck strong{font-size:14px}.companion{text-align:center;min-width:0;padding:22px 0}.companion>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.companion h2{font:italic 29px Georgia,serif;margin:15px 0}.companion>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#708068}.little-lesson{text-align:left;border-top:1px solid #d4dac8;border-bottom:1px solid #d4dac8;margin:24px 15px;padding:18px 0;font-size:12px;line-height:1.75;color:#718065}.little-lesson span{font:24px Georgia,serif;letter-spacing:9px;color:#8d926a}.little-lesson p{margin:9px 0}.companion #new-btn{width:calc(100% - 30px)}.under-game{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.under-game button{font-size:11px;min-height:38px;background:transparent}#storage-status{font-size:11px;line-height:1.6;color:#78826c;text-align:right}.company-hidden .desk{grid-template-columns:1fr}.company-hidden #companion{display:none}.company-hidden .board-column{max-width:900px}#outcome{text-align:center;background:#e6edda;border:1px solid #c6d5b8;border-radius:14px;padding:22px;margin-top:20px}#outcome>span{font:36px Georgia,serif;color:#a38b4e}#outcome h2{font:28px Georgia,serif;margin:9px 0}#outcome p{font-size:13px;line-height:1.7}footer{border-top:1px solid #d9ddce;padding:25px 0 32px;font-size:11px;display:flex;justify-content:space-between;gap:20px;line-height:1.6}dialog{border:1px solid #bec9b5;border-radius:17px;background:#fffaf0;color:#304c41;width:min(570px,calc(100% - 30px));max-height:90dvh;padding:26px;box-shadow:0 24px 90px #1a352a44}dialog::backdrop{background:#203b3294;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font:30px Georgia,serif;margin:0 0 14px}dialog p,dialog li{font-size:14px;line-height:1.7}dialog ol{padding-left:23px}dialog li{margin:8px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.example{display:flex;gap:8px;align-items:center;padding:12px;background:#ede8d9;border-radius:10px}.example span{padding:8px 11px;background:#fffaf0;border:1px solid #d5c9ac;border-radius:5px;font-size:22px}.example i{margin:0 8px;font:italic 16px Georgia,serif}.example b{font-size:16px;white-space:nowrap}input{border:1px solid #c2cdb7;border-radius:8px;background:#fffdf6;color:inherit;padding:10px;min-width:0}#player-list{display:grid;gap:8px;margin-bottom:20px}#player-form{border-top:1px solid #d9ddce;padding:18px 0;display:flex;flex-wrap:wrap;gap:10px}#player-form label{display:grid;gap:7px;flex:1;min-width:160px;font-size:13px}#player-form>button{align-self:end}#name-error{width:100%;color:#945136;margin:0}.skip-link{position:absolute;top:-80px;left:15px;z-index:5;background:#fff;padding:10px}.skip-link:focus{top:10px}.game-expanded{overflow:hidden!important}.numbers-shell:fullscreen,.numbers-shell.expanded-view{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;overflow:auto;margin:0;padding:12px max(16px,env(safe-area-inset-right)) 16px;background:#f7f3e9;z-index:2000}.numbers-shell:is(:fullscreen,.expanded-view) .game-heading{padding:0 0 14px}.numbers-shell:is(:fullscreen,.expanded-view) .title-group img{width:68px}.numbers-shell:is(:fullscreen,.expanded-view) h1{font-size:29px}.numbers-shell:is(:fullscreen,.expanded-view) .eyebrow{display:none}.numbers-shell:is(:fullscreen,.expanded-view) #board-scroll{max-height:calc(100dvh - 350px);min-height:100px}.numbers-shell:is(:fullscreen,.expanded-view) .desk{align-items:start}.numbers-shell:is(:fullscreen,.expanded-view) .under-game{margin:12px 0 0}@media(max-width:1000px){.site-header,main,footer{width:calc(100% - 36px)}.desk{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.title-group img{width:85px}.game-heading{gap:10px}.toolbar{gap:5px}.toolbar>button{padding:9px 10px}.companion h2{font-size:25px}.companion .eyebrow{font-size:8px;letter-spacing:1px}.number-cell{height:55px}.company-hidden .number-cell{height:68px}}@media(max-width:760px){.site-header{height:60px}.game-heading{flex-wrap:wrap;gap:12px;padding:15px 0 20px}.title-group{gap:10px}.title-group img{width:72px}h1{font-size:28px}.eyebrow{font-size:8px;letter-spacing:1.5px}.toolbar{margin-left:auto}.desk{display:flex;flex-direction:column;gap:16px}.companion{width:100%;padding:15px 0 0}.companion>img{width:min(320px,85%);margin:auto}.companion>h2,.companion>p:not(.eyebrow),.little-lesson{display:none}.companion .eyebrow{display:none}.companion #new-btn{width:auto;margin-top:12px}.board-frame{padding:13px 9px 6px}.number-cell,.company-hidden .number-cell{height:49px;font-size:25px}.board-label{font-size:10px;gap:8px}.board-label b{margin-left:4px}.board-foot{font-size:11px;min-height:38px}#move-message{font-size:12px;min-height:42px}.board-actions{gap:6px}.board-actions button{font-size:11px;padding:10px}.score-strip{padding:0 3px 12px}.score-strip strong{font-size:28px}.score-strip span{font-size:8px;letter-spacing:1px}.under-game{margin:18px 0;gap:12px}#storage-status{font-size:10px;max-width:60%}.example{gap:5px;padding:10px}.example span{font-size:20px;padding:7px}.example i{margin:0 4px}dialog{padding:20px}.numbers-shell:is(:fullscreen,.expanded-view) .game-heading{flex-wrap:nowrap}.numbers-shell:is(:fullscreen,.expanded-view) .title-group img{width:43px}.numbers-shell:is(:fullscreen,.expanded-view) .title-group>div{display:none}.numbers-shell:is(:fullscreen,.expanded-view) .toolbar{margin:0}.numbers-shell:is(:fullscreen,.expanded-view) .companion{padding:0}.numbers-shell:is(:fullscreen,.expanded-view) .companion>img{display:none}.numbers-shell:is(:fullscreen,.expanded-view) #board-scroll{max-height:calc(100dvh - 320px)}.numbers-shell:is(:fullscreen,.expanded-view) .under-game{display:none}}@media(max-height:600px)and (min-width:600px){.numbers-shell:is(:fullscreen,.expanded-view) .desk{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px}.numbers-shell:is(:fullscreen,.expanded-view) .companion{padding:0}.numbers-shell:is(:fullscreen,.expanded-view) .little-lesson,.numbers-shell:is(:fullscreen,.expanded-view) .companion h2,.numbers-shell:is(:fullscreen,.expanded-view) .companion p{display:none}.numbers-shell:is(:fullscreen,.expanded-view) .companion>img{display:block}.numbers-shell:is(:fullscreen,.expanded-view) .score-strip{padding-bottom:7px}.numbers-shell:is(:fullscreen,.expanded-view) .score-strip strong{font-size:22px}.numbers-shell:is(:fullscreen,.expanded-view) .number-cell{height:44px;font-size:23px}.numbers-shell:is(:fullscreen,.expanded-view) #board-scroll{max-height:calc(100dvh - 270px)}.numbers-shell:is(:fullscreen,.expanded-view) .board-label{padding-bottom:6px}.numbers-shell:is(:fullscreen,.expanded-view) #move-message{min-height:22px;margin:6px 0}.numbers-shell:is(:fullscreen,.expanded-view) .under-game{display:none}.numbers-shell.company-hidden:is(:fullscreen,.expanded-view) .desk{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-height:600px)and (min-width:600px){.numbers-shell:is(:fullscreen,.expanded-view) .game-heading{padding-bottom:8px}.numbers-shell:is(:fullscreen,.expanded-view) .title-group img{width:50px}.numbers-shell:is(:fullscreen,.expanded-view) .board-frame{padding:10px 10px 5px}.numbers-shell:is(:fullscreen,.expanded-view) .board-foot{min-height:28px}.numbers-shell:is(:fullscreen,.expanded-view) .board-actions button{min-height:36px;padding:7px 10px;font-size:11px}}