*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#181816}html{color-scheme:dark}body{font-family:Arial,Helvetica,sans-serif;color:#e7e3d9;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #f1cc75;outline-offset:4px}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.table{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 42%,#363730 0%,#25251f 43%,#171815 85%);position:relative}.topline,.bottomline{width:min(1120px,100%);margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.topline{margin-bottom:22px}.collection{font-size:12px;letter-spacing:3px;color:#aba899}.utility{border:1px solid #5b5a50;background:#25261f;color:#e7e3d9;border-radius:8px;padding:10px 14px;font-size:14px;min-height:44px}.utility:hover{background:#36382e}.device-area{display:flex;justify-content:center;align-items:center;width:100%;flex:0 0 auto}.device{width:min(1120px,100%);aspect-ratio:2782/1654;container-type:inline-size;position:relative;border-radius:1%;isolation:isolate;filter:drop-shadow(0 20px 24px #0008) drop-shadow(0 4px 2px #0008);color:#302f2a;user-select:none;-webkit-user-select:none}.device img{position:absolute;pointer-events:none}.case-photo{inset:0;width:100%;height:100%;z-index:4}.screen-background,.screen-foreground{left:25.73688%;top:23.277%;width:48.5622%;height:53.2648%}.screen-background{z-index:0}.screen-foreground{z-index:3}.lcd{position:absolute;left:27.17469%;top:25.2721%;width:45.7225%;height:49.1536%;z-index:2;mix-blend-mode:multiply;overflow:hidden}.lcd svg{width:100%;height:100%;display:block}.lcd [data-segment]{opacity:0;transition:none}.lcd [data-segment].on{opacity:1}.screen-interface{position:absolute;left:27.17469%;top:25.2721%;width:45.7225%;height:49.1536%;z-index:6;pointer-events:none}.screen-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;background:#ccd0b640;pointer-events:auto}.overlay-card{text-align:center;border:1px solid #4a503f70;border-radius:.6cqw;background:#cbd0b8ed;padding:1.5cqw 1.8cqw;color:#2d3325;box-shadow:0 1px 3px #19230e25;max-width:95%;font-family:'Courier New',monospace}.overlay-title{font-size:max(14px,2.1cqw);font-weight:700;letter-spacing:.02cqw;line-height:1.2}.overlay-copy{font-size:max(12px,1.3cqw);line-height:1.5;margin-top:.6cqw}.start-choices{display:flex;gap:.8cqw;justify-content:center;margin-top:1.2cqw}.start-choices button,.resume-button{font-family:inherit;color:#e3e6d6;background:#394130;border:1px solid #242b1d;border-radius:.5cqw;padding:.85cqw 1.2cqw;font-size:max(14px,1.6cqw);line-height:1.2;min-height:44px}.start-choices span{display:block;font-size:max(12px,1.05cqw);line-height:1.5;color:#c6cbb7;margin-top:.3cqw}.resume-button{margin-top:1.3cqw}.controls,.hardware-modes{display:contents}.catch-button,.mode-button,.pin-button{position:absolute;z-index:7;border:0;background:transparent;padding:0;touch-action:none;min-width:44px;min-height:44px}.catch-button{width:13.2%;height:17.1%;border-radius:35%;display:grid;place-items:center}.catch-button span{display:block;width:55.68%;aspect-ratio:1;border-radius:50%;background:transparent;pointer-events:none}.catch-button.is-pressed span{background:#18000038;box-shadow:inset 0 3px 7px #0007}.catch-button:hover span{box-shadow:0 0 0 2px #fff2}.up-left{left:5.375%;top:58.425%}.down-left{left:5.375%;top:76.025%}.up-right{left:81.375%;top:58.425%}.down-right{left:81.375%;top:76.025%}.mode-button{left:81.7%;width:9.7%;height:9.7%;border-radius:25%}.mode-a{top:10%}.mode-b{top:21.2%}.mode-time{top:32.4%}.mode-button.is-pressed{background:#0002;box-shadow:inset 0 2px 3px #0004}.pin-button{left:91%;width:5.4%;height:7%;border-radius:50%;min-width:0;min-height:0}.alarm-button{top:16.6%}.time-set-button{top:27.9%}.pin-button.is-pressed{background:#0003}.bottomline{margin-top:24px;align-items:center}.live-status{display:flex;align-items:center;gap:20px;min-width:0;font-size:14px;color:#b9b6a9}.best-score{font-variant-numeric:tabular-nums;letter-spacing:1.7px;font-size:12px;white-space:nowrap;color:#d5cdb7}.utilities{display:flex;gap:8px}.orientation-hint{text-align:center;font-size:14px;color:#c5c0ae;max-width:350px;margin:22px auto 0;line-height:1.6;display:none}.keyboard-hint{text-align:center;font-size:12px;letter-spacing:.3px;color:#7f8073;margin-top:18px}.credits{text-align:center;align-self:center;font-size:12px;color:#7f8073;margin-top:12px;text-decoration:none}.credits:hover{text-decoration:underline;color:#b6b6a5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.expanded .topline .collection{visibility:hidden}.expanded .table{padding-inline:max(8px,env(safe-area-inset-left))}.expanded .device{width:min(1280px,100%)}
@media(pointer:coarse){.keyboard-hint{display:none}.catch-button{width:16.5%;height:17.1%;border-radius:30%}.catch-button span{width:44.55%}.up-left,.down-left{left:3.725%}.up-right,.down-right{left:79.725%}.catch-button:hover span{box-shadow:none}.utility{min-height:44px}.live-status{font-size:13px;gap:10px}}
@media(orientation:portrait) and (max-width:700px){.table{padding-left:10px;padding-right:10px}.topline{margin-bottom:26px}.collection{font-size:10px;letter-spacing:2px}.orientation-hint{display:block}.bottomline{flex-direction:column;gap:15px;margin-top:28px}.live-status{flex-direction:column;gap:10px;font-size:14px}.utilities{gap:10px}.overlay-card{padding:1.5cqw 1cqw;max-width:98%}.overlay-title{font-size:max(14px,3.1cqw)}.overlay-copy{font-size:max(12px,2.4cqw);line-height:1.2}.start-choices{gap:1cqw;margin-top:1cqw}.start-choices button{font-size:max(14px,2.7cqw);padding:.8cqw 1cqw;min-height:44px}.start-choices span{font-size:max(14px,2cqw)}.resume-button{font-size:max(14px,3cqw)}.pin-button{min-width:14px;min-height:14px}.mode-button{left:81%;width:11.5%;height:10.5%}.mode-a{top:9.6%}.mode-b{top:20.8%}.mode-time{top:32%}.credits{margin-top:22px}}
@media(orientation:landscape) and (max-height:600px){.table{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.topline{margin-bottom:7px}.collection{font-size:10px;letter-spacing:2px}.topline .utility{padding:4px 10px;min-height:30px;font-size:12px}.bottomline{margin-top:8px}.bottomline .utility{padding:4px 10px;min-height:36px;font-size:12px}.live-status{font-size:12px}.best-score{font-size:12px}.keyboard-hint,.credits{display:none}.orientation-hint{display:none}.device,.expanded .device{width:min(1120px,100%,calc((100dvh - 54px) * 1.682))}.overlay-title{font-size:max(14px,2.5cqw)}.overlay-copy{font-size:max(12px,1.7cqw)}.start-choices button{font-size:max(14px,2cqw)}.start-choices span{font-size:max(12px,1.4cqw)}.expanded .topline{display:none}.expanded .device{width:min(1120px,100%,calc((100dvh - 54px) * 1.682))}.expanded .bottomline{margin-top:6px}.expanded .table{padding-top:4px;padding-bottom:4px}}
@media(prefers-reduced-motion:no-preference){.utility{transition:background .15s}}

.site-back{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.utilities{flex-wrap:wrap;justify-content:center}