.knock-game{color:#342824;min-height:100vh;font-family:var(--font-geist-sans),"PingFang TC","Microsoft JhengHei",sans-serif;background:#efe0bd;padding:0 24px 34px}.knock-game *{box-sizing:border-box}.knock-top{border-bottom:1px solid #52352425;justify-content:space-between;align-items:center;max-width:1000px;min-height:62px;margin:auto;display:flex}.knock-top a{color:#342824;align-items:center;gap:8px;font-size:15px;font-weight:850;text-decoration:none;display:flex}.knock-top>span{letter-spacing:1.2px;font-size:13px;font-weight:950}.knock-top small{opacity:.55;margin-left:8px;font-size:12px}.knock-shell{max-width:960px;margin:auto}.knock-heading{justify-content:space-between;align-items:center;padding:20px 0 17px;display:flex}.knock-heading p{color:#775f45;margin:0 0 5px;font-size:14px}.knock-heading h1{letter-spacing:-1px;align-items:center;gap:11px;margin:0;font-size:34px;font-weight:950;line-height:1.2;display:flex}.knock-heading h1 svg{color:#d3543e}.knock-heading>button{color:#74422f;background:#fff4d6;border:1px solid #7d4e3629;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.knock-heading button:disabled{opacity:.3}.knock-layout{grid-template-columns:minmax(0,450px) minmax(0,1fr);align-items:center;gap:40px;display:grid}.knock-board{background:#fff4d6;border:1px solid #74422f24;border-radius:23px;overflow:hidden;box-shadow:0 16px 38px #68412222}.knock-hud{border-bottom:1px solid #6e42231b;grid-template-columns:repeat(4,1fr);padding:12px 14px;display:grid}.knock-hud>div:not(:first-child){border-left:1px solid #6e42231b;padding-left:12px}.knock-hud small{color:#79644d;font-size:12px;display:block}.knock-hud strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:950;line-height:1.35;display:block}.knock-hud em{font-size:12px;font-style:normal;font-weight:550}.knock-hud .urgent{color:#c64635}.knock-field{aspect-ratio:420/560;background:#253b55;width:100%;position:relative}.knock-field canvas{touch-action:none;outline-offset:-3px;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.knock-overlay{background:#2c304a9c;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.knock-dialog{text-align:center;background:#fff4d6f2;border:1px solid #fff3d9;border-radius:21px;max-width:350px;padding:27px 24px;box-shadow:0 16px 40px #17132255}.knock-dialog>span,.knock-overline{letter-spacing:1.7px;color:#c3493b;font-size:12px;font-weight:950}.knock-dialog h2{letter-spacing:-.6px;margin:13px 0 11px;font-size:31px;font-weight:950;line-height:1.24}.knock-dialog p{color:#6a5846;margin:0 0 18px;font-size:15px;line-height:1.65}.knock-dialog button,.knock-throw{color:#fff;cursor:pointer;background:#cf513e;border:0;border-radius:14px;font-weight:900}.knock-dialog button{align-items:center;gap:8px;min-height:52px;padding:0 22px;font-size:15px;display:inline-flex}.knock-dialog small{color:#756047;margin-top:15px;line-height:1.5;display:block}.knock-status{color:#756047;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 0;font-size:12px;font-weight:800;display:flex}.knock-status span{align-items:center;gap:5px;display:flex}.knock-status .active{color:#c24235}.knock-throw{touch-action:manipulation;justify-content:center;align-items:center;gap:11px;width:calc(100% - 28px);min-height:58px;margin:10px 14px 0;font-size:16px;transition:transform .1s,background .1s;display:flex}.knock-throw:active{background:#af3f32;transform:translateY(2px)}.knock-throw:disabled{opacity:.42;cursor:not-allowed}.knock-throw span{flex-direction:column;align-items:flex-start;display:flex}.knock-throw small{opacity:.84;font-size:11px;font-weight:650}.knock-notice{text-align:center;color:#735f48;min-height:33px;margin:8px 14px 10px;font-size:13px}.knock-side h2{letter-spacing:-.5px;margin:10px 0 13px;font-size:28px;font-weight:950;line-height:1.25}.knock-side>p{color:#745f47;margin:0 0 21px;font-size:15px;line-height:1.7}.knock-tip{border-top:1px solid #6f43241c;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.knock-tip>svg{color:#c84d3b;flex:none;margin-top:2px}.knock-tip p{margin:0}.knock-tip b{margin-bottom:4px;font-size:14px;display:block}.knock-tip span{color:#75624e;font-size:13px;line-height:1.55;display:block}.knock-side details{border-top:1px solid #6f43241c;margin-top:15px;padding-top:14px}.knock-side summary{cursor:pointer;font-size:14px;font-weight:900}.knock-side details p{color:#75624e;font-size:13px;line-height:1.65}.knock-shell.game-focus .knock-heading,.knock-shell.game-focus .knock-side{display:none}.knock-shell.game-focus .knock-layout{max-width:500px;margin:20px auto;display:block}.knock-shell:-webkit-full-screen{background:#efe0bd;max-width:none;padding:12px;overflow:auto}.knock-shell:fullscreen{background:#efe0bd;max-width:none;padding:12px;overflow:auto}.knock-shell:-webkit-full-screen .knock-layout{max-width:940px;margin:auto}.knock-shell:fullscreen .knock-layout{max-width:940px;margin:auto}:is(.knock-game button:focus-visible,.knock-game a:focus-visible,.knock-game summary:focus-visible){outline-offset:3px;outline:3px solid #b63e34}@media (max-width:760px){.knock-game{padding:0 12px 24px}.knock-top{min-height:48px}.knock-top>span{letter-spacing:.4px;font-size:12px}.knock-top small{display:none}.knock-heading{padding:14px 0 11px}.knock-heading p{font-size:13px}.knock-heading h1{font-size:28px}.knock-layout{max-width:430px;margin:auto;display:block}.knock-board{border-radius:19px}.knock-side{margin:28px 8px 0}.knock-side h2{font-size:23px}.knock-game .game-session{max-width:430px;margin:22px auto 0}.knock-hud{padding:10px 9px}.knock-hud>div:not(:first-child){padding-left:8px}.knock-hud strong{font-size:19px}.knock-dialog{padding:23px 18px}.knock-dialog h2{font-size:29px}.knock-throw{min-height:64px}}@media (max-width:360px){.knock-game{padding:0 6px 20px}.knock-hud strong{font-size:17px}.knock-hud small{font-size:11px}.knock-overlay{padding:13px}.knock-dialog{padding:18px 14px}.knock-dialog h2{font-size:26px}.knock-dialog p{font-size:14px}.knock-status{padding-inline:8px;font-size:11px}.knock-throw{width:calc(100% - 16px);margin-inline:8px}.knock-notice{font-size:12px}}@media (prefers-reduced-motion:reduce){.knock-game *{scroll-behavior:auto!important;transition:none!important}}