:root{color-scheme:dark;--paper: #191914;--ink: #f0e9d9;--green: #d9b863;--line: #363226}*{box-sizing:border-box}body{margin:0;background:#0d0d0b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input[type=number]{min-height:44px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px 16px}button:hover:not(:disabled){background:#242219}button:disabled{cursor:default;opacity:.5}a{color:var(--green);text-underline-offset:4px}:focus-visible{outline:3px solid #f1d998;outline-offset:3px}.paper-shell{max-width:1280px;margin:auto;padding:0 32px}header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}header a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.header-actions{display:flex;gap:8px}.wordmark{font-weight:750;font-size:22px;letter-spacing:2px}.wordmark span{font-weight:400;font-size:14px;letter-spacing:0}main{padding-bottom:24px}.game-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 22px;gap:12px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin:0 0 10px;color:#b4ad9b}h1{font-size:clamp(26px,3.5vw,42px);letter-spacing:0;margin:0;font-family:Songti SC,STSong,serif}h1 span{color:#d9b863}.quiet{background:transparent}.players{display:flex;gap:10px;margin-bottom:14px;overflow-x:auto;padding-bottom:4px}.player{flex:1 0 160px;display:flex;align-items:center;gap:10px;border-top:3px solid transparent;border-bottom:1px solid var(--line);padding:13px 12px;background:#242219}.player.active{background:var(--paper);border-top-color:var(--green)}.player.eliminated{opacity:.65}.player-token{display:grid;place-items:center;flex:0 0 32px;height:36px;background:#322b1b;border-radius:3px;font:23px Songti SC,serif}.player div{display:flex;flex-direction:column;gap:6px}.player strong{font-size:13px}.player div span{font-size:11px;color:#b4ad9b;white-space:nowrap}.player b{font-size:27px;font-weight:500;margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.player small{font-size:11px;margin-left:3px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.court-panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.court-heading,.court-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 18px}.court-heading strong{font-size:17px}.court-heading span,.court-caption{font-size:12px;color:#b4ad9b}#court{height:clamp(310px,43vw,475px);width:100%;border:0;border-radius:0;position:relative;touch-action:none;background:#dee2d3;outline-offset:-4px}#court canvas{display:block;width:100%;height:100%}.court-caption{border-bottom:1px solid var(--line);flex-wrap:wrap}#message{margin:0;min-height:65px;padding:17px 18px;font-size:14px;line-height:1.7}.strike-panel{border:1px solid var(--line);border-radius:10px;padding:21px;background:var(--paper)}.control-heading{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:26px}.control-heading .eyebrow{letter-spacing:0}#streak{font-size:13px;font-weight:700;color:#d9b863}.strike-panel label{display:flex;justify-content:space-between;margin:18px 0 3px;font-size:14px;font-weight:600}output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--green);cursor:pointer}.range-hints{display:flex;justify-content:space-between;font-size:11px;color:#b4ad9b}#aim-hint,.controls-tip{font-size:12px;color:#b4ad9b;line-height:1.7;margin:14px 0}.primary{background:var(--green);border-color:var(--green);color:#17140c;width:100%;font-weight:600;min-height:50px}.primary:hover:not(:disabled){background:#eed395}#strike{display:flex;justify-content:space-between;align-items:center;font-size:17px}.controls-tip{text-align:center}.last-result{border-top:1px dashed var(--line);margin-top:19px;padding-top:16px;line-height:1.8;font-size:12px}.network{font-size:13px;line-height:1.7;min-height:12px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:12px;color:#b4ad9b;gap:12px}footer a{min-height:44px;display:flex;align-items:center}.restart-request{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0}[hidden]{display:none!important}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:34px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #00000040}dialog::backdrop{background:#0d0d0bbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:700 clamp(28px,5vw,40px)/1.25 "Songti SC","STSong",serif;margin:0 0 20px;letter-spacing:0}dialog .intro{font-size:14px;line-height:1.9;margin:16px 0 22px;color:#b4ad9b}dialog p{line-height:1.85}dialog .primary{margin-top:10px}.menu-art{float:right;width:95px;height:95px;background:#29251a;border:5px double #78602e;transform:rotate(10deg);display:grid;place-items:center;margin:10px 4px 25px 20px;box-shadow:7px 6px #00000030}.menu-art span{color:#d9b863;font:42px serif}.menu-art i{font:12px serif;letter-spacing:5px}.mode-button{display:block;width:100%;text-align:left;margin:12px 0;font-weight:700}.mode-button span,#random-mode span{display:block;font-size:12px;font-weight:400;margin-top:5px}.note{font-size:12px;color:#b4ad9b;line-height:1.8}.back-link{display:flex;align-items:center;width:fit-content;min-height:44px;margin:0 0 16px auto;padding:0 12px;border:1px solid var(--green);border-radius:8px;color:var(--green);background:var(--paper);font-size:13px;text-decoration:none;white-space:nowrap}.back-link:hover{background:#322b1b}#home{padding:0 10px;border:1px solid var(--green);border-radius:8px;font-size:13px}.wide{width:100%;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:flex;flex-direction:column;gap:7px;font-size:13px}select,input[type=number]{width:100%;min-width:0;border:1px solid #78602e;background:#242219;color:var(--ink);padding:9px;border-radius:6px}fieldset{margin:22px 0 0;padding:16px 0 0;border:0;border-top:1px solid var(--line)}legend{font-size:13px;padding-right:12px}.size-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#form-error{color:#ffb2a0;font-size:13px}.hands{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.hands button{min-height:100px}.hands b{display:block;font-size:32px;margin-bottom:8px}.result-list p{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:14px}.result-list span{color:#b4ad9b;font-size:12px}.rules-copy{padding-left:22px;line-height:1.9;font-size:14px}.rules-copy li{padding-left:3px;margin-bottom:12px}@media(max-width:760px),(max-width:1000px)and (max-height:600px){.paper-shell{padding:env(safe-area-inset-top,0px) max(10px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(10px,env(safe-area-inset-left,0px))}header{height:48px;gap:6px}.header-actions{gap:4px}.wordmark{font-size:16px;letter-spacing:0}.wordmark span{display:none}header a,header button{font-size:12px;white-space:nowrap}header button{padding:8px}main{padding-top:4px}.game-heading{display:none}.players{margin-bottom:6px;padding-bottom:2px;gap:6px}.player{flex-basis:136px;padding:4px 8px;gap:7px}.player div{gap:3px}.player-token{flex-basis:26px;height:30px;font-size:20px}.player b{font-size:22px}.player div span{font-size:10px}.play-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:6px;height:calc(100svh - 110px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:410px}.court-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(110px,1fr) auto auto;min-height:0}#court{height:100%;min-height:110px}.court-heading,.court-caption{padding:6px 10px;gap:4px}.court-heading strong{font-size:14px}.court-heading span,.court-caption{font-size:11px}#message{padding:6px 10px;font-size:12px;line-height:1.5;min-height:30px;max-height:48px;overflow-y:auto}.strike-panel{padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;align-content:start}.control-heading,.range-hints,.controls-tip,.last-result{display:none}.adjustment{min-width:0}.strike-panel label{margin:0;font-size:12px;line-height:18px}#aim-hint{grid-column:1 / -1;margin:0;font-size:11px;line-height:16px;min-height:16px}#strike{grid-column:1 / -1;min-height:44px;font-size:16px}.network{margin:6px 0;min-height:0}.network:empty{display:none}footer{margin-top:10px}dialog{padding:20px;width:min(560px,calc(100% - 20px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}select,input[type=number]{font-size:16px}.form-grid{gap:12px}.size-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hands{gap:8px}.hands button{padding:8px}.result-list p{flex-wrap:wrap}}@media(orientation:landscape)and (max-width:1000px)and (max-height:600px){.play-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);grid-template-rows:minmax(0,1fr);min-height:200px}.court-heading span{display:none}.court-panel{grid-template-rows:auto minmax(80px,1fr) auto auto}#court{min-height:80px}#message{max-height:42px;font-size:11px;line-height:15px}.strike-panel{align-content:center}}@media(max-width:420px){.player-token{display:none}.player div span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}h1,dialog h2,.control-heading h2{color:var(--green)}body{background:radial-gradient(ellipse at 92% 6%,#b78a2e0e,transparent 45%),#0d0d0b}#home{white-space:nowrap}@media(max-width:360px){.wordmark{display:none}}
