:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#f1eddd;background:#17241d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100vh;height:100dvh}#stage,#canvas{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.floating{position:fixed;z-index:2}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #f1e5c526;background:#12221cc2;border-radius:12px;min-height:44px;padding:10px 16px;backdrop-filter:blur(12px);box-shadow:0 4px 20px #0002}button:hover{background:#243c2dda}button:disabled{opacity:.38;cursor:default}button:focus-visible{outline:2px solid #e0c38a;outline-offset:3px}.brand{top:calc(22px + env(safe-area-inset-top));left:25px;text-shadow:0 2px 9px #0009;pointer-events:none}.brand>span{font-size:9px;letter-spacing:4px;color:#d0bb8d}h1{font-size:20px;font-weight:400;letter-spacing:4px;margin:7px 0 12px}#table-status{display:flex;gap:10px;font-size:11px;color:#eee3c9}.settings{top:calc(22px + env(safe-area-inset-top));right:24px;display:flex;gap:7px}.icon{width:44px;height:44px;min-height:44px;padding:11px;border-radius:50%;display:grid;place-items:center}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.icon.muted{color:#839284}.icon.standard{color:#97a68f}.tools{right:24px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px}.opponent{white-space:nowrap;width:max-content;position:fixed;z-index:1;pointer-events:none;transform:translate(-50%,-50%);border:1px solid #f7e9c51c;border-radius:20px;padding:7px 12px;background:#14251b96;text-align:center;backdrop-filter:blur(8px);box-shadow:0 4px 16px #0001;min-width:76px}.opponent b{display:block;font-size:11px;letter-spacing:1px;font-weight:400}.opponent span{display:block;font-size:9px;color:#b5c6af;margin-top:2px}.opponent.active{border-color:#dcc1899c;box-shadow:0 0 18px #dcc18922}#toast{position:fixed;z-index:4;left:50%;top:43%;transform:translate(-50%,-50%);padding:11px 25px;border:1px solid #cbb07766;border-radius:24px;background:#13241dbf;backdrop-filter:blur(10px);font-size:17px;letter-spacing:3px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}#actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(80vw,750px);width:max-content}#actions:empty{display:none}#actions button{border-radius:22px;font-size:13px;min-height:42px}.primary,#actions .primary{background:#cbb47ae0;color:#1d291b;border-color:#ead6a388}.primary:hover{background:#e2c992}.caption{left:50%;bottom:calc(25px + env(safe-area-inset-bottom));transform:translateX(-50%);text-align:center;max-width:65vw;pointer-events:none;text-shadow:0 1px 8px #000,0 1px 3px #000}.caption strong{display:block;font-size:12px;font-weight:400;letter-spacing:2px}.caption span{display:block;font-size:10px;color:#c4ceb9;margin-top:7px}.roll-button{left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%);border-radius:28px;padding:13px 23px;background:#c6ab72d9;color:#1c291f;border-color:#e5cf9b88;display:flex;align-items:center;gap:12px;letter-spacing:2px}.roll-button[hidden]{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:#f0ecdd;max-width:430px;width:calc(100% - 40px);border:1px solid #d2bd8855;border-radius:22px;background:#15271dd9;padding:30px;box-shadow:0 25px 100px #0005;backdrop-filter:blur(22px);text-align:center}dialog::backdrop{background:#08140b55;backdrop-filter:blur(3px)}dialog h2{font-size:26px;font-weight:400;margin:17px 0;letter-spacing:3px}dialog p{font-size:13px;line-height:1.9;color:#c8d0bb}.eyebrow{font-size:9px;letter-spacing:3px;color:#cfbb8a}dialog .primary{width:100%;margin-top:17px;min-height:46px}dialog small{display:block;font-size:10px;color:#96ad94;margin-top:12px}#load-status{font-size:11px;color:#c2b183;margin-top:20px}#rules-dialog{text-align:left;max-height:85dvh;overflow:auto}#rules-dialog h2{font-size:21px}#rules-dialog p{font-size:12px}#inspect-result{margin-top:9px;font-size:12px;width:100%;background:transparent;box-shadow:none;border:0}dialog[open]{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.brand{left:15px;top:calc(15px + env(safe-area-inset-top))}h1{font-size:17px;letter-spacing:3px}.settings{right:12px;top:calc(16px + env(safe-area-inset-top));gap:5px}.icon{width:40px;height:40px;min-height:40px;padding:10px}.tools{right:12px;bottom:calc(22px + env(safe-area-inset-bottom));gap:8px}.opponent{white-space:nowrap;width:max-content;padding:6px 10px;min-width:65px}.opponent b{font-size:10px}.opponent span{font-size:8px}.caption{bottom:calc(25px + env(safe-area-inset-bottom));max-width:70vw}.caption strong{font-size:11px}.caption span{font-size:9px}#actions{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 75px);left:46%}#actions button{font-size:12px;padding:8px 12px}.roll-button{bottom:calc(115px + env(safe-area-inset-bottom))}#table-status{font-size:9px;gap:8px;flex-wrap:wrap;max-width:210px}dialog{padding:25px}}@media(orientation:landscape) and (max-height:500px){.brand{top:12px;left:16px}.brand>span{font-size:8px}h1{font-size:15px;margin:4px 0 7px}.settings{top:12px;right:15px}.tools{right:15px;bottom:15px;flex-direction:row;gap:6px}.icon{width:38px;height:38px;min-height:38px;padding:9px}.caption{bottom:12px;left:40%;max-width:55vw}.caption span{margin-top:4px}#actions{bottom:62px;left:44%;max-width:75vw}#actions button{min-height:36px;font-size:11px;padding:7px 12px}.roll-button{bottom:70px}.opponent{white-space:nowrap;width:max-content;padding:5px 9px}dialog{max-height:88dvh;overflow:auto;padding:20px}dialog h2{font-size:21px;margin:8px 0}dialog p{font-size:12px;margin:9px 0}dialog .primary{margin-top:11px;min-height:38px}#load-status{margin-top:12px}}


#roll{z-index:3;bottom:auto;transform:translateX(-50%);white-space:nowrap;min-height:44px;padding:11px 22px;font-size:15px;letter-spacing:1px}#roll[hidden]{display:none}

#roll-room-return{z-index:3;bottom:auto;transform:none;white-space:nowrap;min-height:44px;padding:11px 18px;font-size:15px;letter-spacing:1px;background:#20382de8;color:#f1eddd;border-color:#f1e5c540}#roll-room-return[hidden]{display:none}


.infinite-opening-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.infinite-opening-cards section{border:1px solid #ffffff35;border-radius:16px;padding:16px;background:#ffffff08}.infinite-opening-cards b{font-size:18px}.infinite-opening-cards p{line-height:1.6}.infinite-opening-cards small{display:block;color:#e9d39c}#infinite-opening{width:min(90vw,900px);max-height:90dvh;overflow:auto}#infinite-opening footer button{background:#d1bd7a;color:#263b32;min-width:160px}.blood-win-record small,.blood-win-record span{display:block;line-height:1.6}

.opponent .infinite-public-waits{display:block;white-space:normal;max-width:190px;font-size:10px;line-height:1.5;color:#fff3c6;padding-top:3px;letter-spacing:0;text-align:center}

.infinite-cut-loss{display:block;color:#ffd2bc;font-size:13px;animation:cut-loss 1.1s ease-out forwards}@keyframes cut-loss{0%{opacity:1;transform:translateY(0) scale(1.08)}100%{opacity:0;transform:translateY(20px) scale(.85)}}

.infinite-rule-row button.devil-eligible{animation:devil-breathe 1.8s ease-in-out infinite}@keyframes devil-breathe{50%{box-shadow:0 0 0 2px #f2c76c,0 0 18px #d99a3955;filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){.infinite-rule-row button.devil-eligible{animation:none;outline:2px solid #f2c76c}}