:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:#c2c2c2;color:#222}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{height:100%;display:flex;flex-direction:column;background:#000;color:#fff;color-scheme:dark;font-family:Consolas,Courier New,monospace}.top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:10px 12px;background:#000;border-bottom:1px solid #fff}.desk-note{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.top>.lock-pc{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;height:36px;padding:0 12px;font-family:Consolas,Courier New,monospace;font-size:14px;cursor:pointer}.top>.fold{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0;font-family:Consolas,Courier New,monospace;font-size:18px;line-height:1;cursor:pointer}.caret{display:inline-block}.caret.up{transform:rotate(180deg)}.top.folded{position:fixed;top:10px;right:12px;z-index:3;width:auto;padding:0;border:0;background:transparent;gap:0}.top>.brand+.close{margin-left:auto}.top>.close{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0 10px;font-family:Consolas,Courier New,monospace;cursor:pointer}.folders{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:32px 28px;padding:36px;background:#000}.folder{width:132px;border:0;background:transparent;color:#fff;font-family:Consolas,Courier New,monospace;cursor:pointer;padding:14px 0 0}.folder-shape{display:block;height:84px;border:1px solid #fff;border-radius:0 8px 8px;background:#000;position:relative}.folder-shape:before{content:"";position:absolute;top:-13px;left:-1px;width:52px;height:14px;border:1px solid #fff;border-bottom:0;border-radius:6px 6px 0 0;background:#000}.folder-name{display:block;margin-top:8px;font-size:14px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.choice{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-height:36px;padding:0 14px;font-family:Consolas,Courier New,monospace;font-size:14px;cursor:pointer}.choice.on{background:#fff;color:#000}.choice:disabled{opacity:.4;cursor:default}.shortcuts{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:36px;min-height:0;overflow:auto;background:#000}.shortcut-stack{width:min(588px,100%);display:flex;flex-direction:column;gap:22px}.shortcut-list{display:flex;align-items:stretch;gap:28px}.shortcut-box{flex:1;min-width:0;min-height:112px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;font-family:Consolas,Courier New,monospace;font-size:22px;cursor:pointer}.shortcut-box.command{flex:none;align-self:flex-start;width:calc((100% - 28px)/2)}.solo,.pair label{display:flex;flex-direction:column;gap:6px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px}.solo{width:min(220px,100%)}.pair{width:min(520px,100%);display:flex;gap:12px}.pair label{flex:1;min-width:0}.solo input,.pair input,.tolerance{width:100%}.tolerance{width:88px}.size{display:flex;align-items:center;gap:8px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px;white-space:nowrap}.size input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:2px;margin:0;background:#fff;border:0;cursor:pointer}.size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#000;cursor:pointer}.size input[type=range]::-moz-range-track{height:2px;background:#fff;border:0}.size input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid #fff;border-radius:50%;background:#000;cursor:pointer}.role-row.tools{flex-wrap:wrap}.brush-ring{display:none;position:absolute;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none}.frame{position:relative;display:inline-block;max-width:min(720px,100%);touch-action:none}.shot,.frame img{display:block;max-width:100%;max-height:420px;border:1px solid #fff;background:#000}.checker{background-color:#000;background-image:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.crop-box{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0000008c;pointer-events:none}.role-pick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:28px;background:#000;overflow:auto}.role-row{display:flex;align-items:center;justify-content:center;gap:28px}.role-box{width:min(280px,42vw);min-height:200px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;font-family:Consolas,Courier New,monospace;font-size:22px;cursor:pointer}.role-box:disabled{opacity:.4;cursor:default}.role-box span{display:block;margin-top:14px;padding:0 16px;font-size:13px;line-height:1.4}.control-help{max-width:36rem;margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.4;text-align:center}.view-gate{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:18px}.view-gate p{margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:16px;text-align:center}.view-gate input{width:100%}.desk-picture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:none}.brand{display:flex;align-items:center;margin:0;padding:0 4px;border:0;background:transparent;color:#fff;cursor:pointer;font-family:Segoe UI,system-ui,sans-serif}.mark{color:#fff;font-size:22px;line-height:1}.utility{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;background:#000}.back{position:absolute;top:10px;left:16px;z-index:1;border:0;background:transparent;color:#fff;font-family:Consolas,Courier New,monospace;font-size:22px;line-height:1;padding:0;cursor:pointer}.tetris{flex:1;min-height:0;background:#000}.tetris-board{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:min(40vh,280px);aspect-ratio:1 / 2;border:1px solid #fff}.tetris-cell{background:#000}.tetris-cell.on{background:#fff}.tetris-side{position:fixed;top:50%;left:calc(50% + min(20vh,140px) + 28px);transform:translateY(-50%);z-index:1;width:min(240px,28vw);display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.tetris-side p{margin:0}.tetris-next{display:grid;grid-template-columns:repeat(4,16px);grid-template-rows:repeat(4,16px)}.mines{flex:1;min-height:0;background:#000}.mine-board{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));width:min(70vw,calc(70vh * 4 / 3),760px);aspect-ratio:4 / 3;border:1px solid #fff}.mine-cell{border:0;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#000;color:#fff;font-family:Consolas,Courier New,monospace;font-size:16px;cursor:pointer;padding:0;display:grid;place-items:center;min-width:0;min-height:0;position:relative}.mine-cell.open{background:#fff;color:#000}.mine-icon{position:absolute;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%)}.mine-side{position:fixed;top:50%;left:calc(50% + min(35vw,calc(35vh * 4 / 3),380px) + 28px);transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.mine-side p{margin:0}.mine-side .choice{box-sizing:border-box;width:calc(7ch + 30px)}.blackjack{flex:1;min-height:0;background:#000}.bj-bank{position:fixed;top:78px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.bj-bank p{margin:0;white-space:nowrap}.bj-table{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px}.bj-seat{display:flex;flex-direction:column;align-items:center;gap:10px}.bj-seat p{margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.bj-hand{display:flex;gap:10px;justify-content:center;min-height:108px}.bj-card{width:72px;height:108px;box-sizing:border-box;border:1px solid #fff;border-radius:8px;background:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:Consolas,Courier New,monospace;font-size:22px;line-height:1}.bj-card.back{background:#000}.bj-card.back:after{content:"";width:44px;height:72px;border:1px solid #fff;border-radius:6px}.bj-actions{display:flex;gap:12px}.bj-actions .choice{box-sizing:border-box;width:calc(7ch + 30px)}.bj-table .control-help{min-height:1.4em}.snake{flex:1;min-height:0;background:#000}.snake-board{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));width:min(70vh,70vw,560px);aspect-ratio:1;border:1px solid #fff}.snake-cell{background:#000;min-width:0;min-height:0}.snake-cell.on{background:#fff}.snake-cell.food{background:linear-gradient(#fff,#fff) center / 42% 42% no-repeat}.snake-side{position:fixed;top:50%;left:calc(50% + min(35vh,35vw,280px) + 28px);transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.snake-side p{margin:0}.snake-side .choice{box-sizing:border-box;width:calc(7ch + 30px)}.roulette{flex:1;min-height:0;background:#000}.roulette-stage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:min(54vh,400px);height:min(54vh,400px)}.roulette-bowl,.roulette-wheel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.roulette-wheel{z-index:1;transform:rotate(var(--wheel-from))}.roulette-wheel.run{animation:roulette-wheel-turn 4.5s cubic-bezier(.11,.72,.25,1) forwards}@keyframes roulette-wheel-turn{0%{transform:rotate(var(--wheel-from))}72%{transform:rotate(var(--wheel-mid))}to{transform:rotate(var(--wheel-to))}}.roulette-ball-spin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:rotate(var(--ball-from))}.roulette-ball-spin.run{animation:roulette-ball-turn 4.5s cubic-bezier(.11,.72,.25,1) forwards}@keyframes roulette-ball-turn{0%{transform:rotate(var(--ball-from))}72%{transform:rotate(var(--ball-mid))}to{transform:rotate(var(--ball-to))}}.roulette-ball{position:absolute;left:50%;top:calc(50% - (120 / 260) * 100% - 8px);width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #000}.roulette-ball.drop{animation:roulette-drop 4.5s linear forwards}@keyframes roulette-drop{0%{top:calc(50% - (120 / 260) * 100% - 8px)}72%{top:calc(50% - (120 / 260) * 100% - 8px)}to{top:calc(50% - (92 / 260) * 100% - 8px)}}.roulette-bank{position:fixed;top:calc(50% - min(27vh,200px) - 36px);left:50%;transform:translate(-50%);z-index:1;margin:0;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px;white-space:nowrap}.roulette-spin{position:fixed;top:calc(50% + min(27vh,200px) + 20px);left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.roulette-spin .choice{box-sizing:border-box;width:calc(7ch + 30px)}.roulette-spin p{margin:0}.roulette-side{position:fixed;top:50%;left:max(24px,calc(50% - min(27vh,200px) - 156px));transform:translateY(-50%);z-index:1;width:168px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#fff;font-family:Consolas,Courier New,monospace;font-size:14px}.roulette-chips,.roulette-outs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:108px}.roulette-chips{grid-template-columns:repeat(3,30px);gap:8px;width:auto}.roulette-chips .choice{box-sizing:border-box;width:auto;min-height:28px;padding:0;font-size:12px}.roulette-all{grid-column:1 / -1}.roulette-table{display:grid;grid-template-columns:repeat(3,30px);gap:8px}.roulette-table.locked{opacity:.4}.roulette-num,.roulette-out{box-sizing:border-box;border:1px solid #fff;font-family:Consolas,Courier New,monospace;font-size:12px;padding:0;cursor:pointer}.roulette-num{height:20px}.roulette-num.zero{grid-column:1 / -1;background:repeating-linear-gradient(135deg,#fff 0,#fff 4px,#000 4px,#000 8px);color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.roulette-num.light{background:#fff;color:#000}.roulette-num.dark,.roulette-out{background:#000;color:#fff}.roulette-num.on,.roulette-out.on{outline:1px solid #fff;outline-offset:2px}.roulette-out{height:24px}.toolbar{display:flex;gap:8px;flex:1;min-width:0}.toolbar button{border:1px solid #fff;border-radius:8px;background:#000;color:#fff;min-width:36px;height:36px;padding:0 10px;font-family:Consolas,Courier New,monospace}.toolbar button:disabled{opacity:.4}.toolbar button:focus-visible,.address:focus-visible,.close:focus-visible{outline:2px solid #fff;outline-offset:2px}.address{flex:1;min-width:0;height:36px;border:1px solid #fff;border-radius:8px;background:#000;color:#fff;padding:0 12px;font:inherit}.address::placeholder{color:#fff;opacity:.45}.progress{height:2px;background:transparent}.progress.on{background:#fff}.stage{position:relative;flex:1;min-height:0;background:#000;touch-action:none}.stage canvas{width:100%;height:100%;display:block}.remote-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.stage:focus{outline:none}.empty{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;color:#fff;text-align:center}.empty strong{display:block;color:#fff;font-size:42px;font-weight:500}.empty span{display:block;max-width:28rem;margin-top:8px;line-height:1.4}.status{flex:0 0 auto;min-width:0;max-width:100%;padding:6px 12px;color:#fff;font-size:13px;background:#000;border-top:1px solid #fff;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.calc-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:#c2c2c2;color:#222;color-scheme:light;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;padding:28px 16px;outline:none}.desk{width:max-content;max-width:100%;--pt-row: 46px;--pt-gap: 3px;--pt-spacer: 14px;--pt-detail-gap: 14px}.desk-pane{min-height:calc((7 * var(--pt-row)) + var(--pt-spacer) + (2 * var(--pt-row)) + (9 * var(--pt-gap)) + var(--pt-detail-gap) + 1.4em)}.calc,.ratio{margin-inline:auto}.desk.wide{width:max-content;max-width:100%}.desk-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.desk-tabs button{border:0;border-radius:999px;background:#adadad;color:#222;height:36px;padding:0 14px;font:inherit;cursor:pointer}.desk-tabs button[aria-selected=true]{background:#222;color:#c2c2c2}.calc{width:min(360px,calc(100vw - 32px))}.calc-display{margin:0;min-height:96px;padding:12px 8px 20px;overflow:hidden;color:#222;font-size:56px;line-height:1.1;text-align:right;font-variant-numeric:tabular-nums}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calc-keys button{height:68px;border:0;border-radius:16px;background:#adadad;color:#222;font:inherit;font-size:24px;cursor:pointer}.calc-keys button.op{background:#111;color:#fff}.calc-keys button.wide{grid-column:span 2}.ratio{width:min(360px,100%)}.pythag{width:max-content;max-width:100%}.ratio-title{margin:0 0 10px;text-align:center;font-size:15px}.ratio-mode{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.ratio-mode button{border:0;border-radius:999px;background:#adadad;color:#222;height:32px;padding:0 12px;font:inherit;cursor:pointer}.ratio-mode button[aria-pressed=true]{background:#222;color:#c2c2c2}.ratio-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 10px;align-items:end}.ratio-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-grid input{width:100%;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-grid span{padding-bottom:10px;font-size:13px}.ratio-line{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:10px}.ratio-line label{display:flex;flex-direction:column;gap:4px;font-size:13px}.ratio-line input{width:104px;height:40px;border:0;border-radius:10px;background:#adadad;color:#222;padding:0 10px;font:inherit;font-size:18px}.ratio-line span{padding-bottom:10px;font-size:13px;white-space:nowrap}.pt-wrap{max-width:100%}.ptable{display:grid;grid-template-columns:repeat(18,42px);grid-template-rows:repeat(7,var(--pt-row)) var(--pt-spacer) repeat(2,var(--pt-row));gap:var(--pt-gap)}.ptable button,.pt-marker{border:0;border-radius:4px;background:#adadad;color:#222;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0}.ptable button{cursor:pointer}.ptable button.on{background:#222;color:#c2c2c2}.ptable .num{font-size:9px;line-height:1}.ptable .sym{font-size:14px;font-weight:650;line-height:1.2}.pt-marker{font-size:10px}.pt-detail{margin:var(--pt-detail-gap) 0 0;min-height:1.4em;text-align:center}