:root{--ink: #2a170a;--ink-soft: rgba(42, 23, 10, .72);--curry: #e6a541;--curry-deep: #c27a1f;--rice: #fbf5e7;--rice-deep: #e6dac2;--cream: #fff6e2;--sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;--num: "Barlow Condensed", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif;--side: max(16px, env(safe-area-inset-left));--side-r: max(16px, env(safe-area-inset-right))}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#1d120a;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 58%,transparent 55%,rgba(24,12,4,.42) 100%)}#hud{position:absolute;inset:0;pointer-events:none}#scrim{position:absolute;left:0;right:0;top:0;height:calc(150px + env(safe-area-inset-top));background:linear-gradient(to bottom,#1a0d049e,#1a0d0447 60%,#1a0d0400)}#war{position:absolute;left:var(--side);right:var(--side-r);top:calc(14px + env(safe-area-inset-top));max-width:640px;margin:0 auto}.bar{position:relative;height:74px}.bar canvas{position:absolute;inset:-10px -12px -14px;width:calc(100% + 24px);height:calc(100% + 24px);display:block}.count{position:absolute;height:26px;margin-top:-13px;display:flex;align-items:baseline;gap:2px;font-family:var(--num);font-weight:700;font-size:21px;line-height:26px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,246,222,.6);will-change:transform}#war.below .count{color:#fff3dc;text-shadow:0 2px 0 rgba(42,23,10,.75),0 3px 10px rgba(20,9,2,.45)}#war.below .count em{color:#fff3dcbf}.count.left{transform-origin:left center}.count.right{transform-origin:right center}.count em{font-family:var(--sans);font-style:normal;font-weight:900;font-size:11px;color:var(--ink-soft)}.roll{position:relative;display:inline-block;overflow:hidden;height:1.15em;line-height:1.15em;align-self:center}.roll>span{display:block;white-space:nowrap}.roll>span.out{position:absolute;left:0;right:0;top:0}.count.right .roll>span{text-align:right}#oddBadge{position:absolute;z-index:2;left:50%;top:-6px;display:flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border:2.5px solid var(--ink);border-radius:999px;background:linear-gradient(180deg,#e3f1ec,#bfdcd3 55%,#93bcb0);box-shadow:0 3px #2a170a8c;color:var(--ink);white-space:nowrap;opacity:0;transform:translate(-50%,-6px) scale(.6);transition:opacity .18s ease,transform .28s cubic-bezier(.2,1.5,.4,1);pointer-events:none}#oddBadge.on{opacity:1;transform:translate(-50%) scale(1)}#oddBadge b{font:900 13px / 1 var(--sans);letter-spacing:-.04em}#oddBadge .roll{font-family:var(--num);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.pct{position:absolute;left:0;height:16px;margin-top:-8px;font-family:var(--num);font-weight:700;font-size:15px;line-height:16px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 0 rgba(255,246,222,.5);will-change:transform}.pct i{font-style:normal;font-size:.68em;margin-left:1px;opacity:.75}.total{margin-top:2px;display:flex;justify-content:center;align-items:baseline;gap:3px;font-family:var(--num);font-weight:700;font-size:34px;line-height:1;color:#fff3dc;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(42,23,10,.75),0 4px 12px rgba(20,9,2,.45);will-change:transform}.total em{font-family:var(--sans);font-style:normal;font-weight:900;font-size:13px;color:#fff3dcbf}#crowd{position:absolute;inset:0;width:100%;height:100%}#stampLayer{position:absolute;inset:0;overflow:hidden}.stamp{position:absolute;left:0;top:0;will-change:transform,opacity;pointer-events:none}.stamp canvas{display:block}.stamp-cap{position:absolute;translate:-50% 0;max-width:calc(100vw - 32px);font:900 17px / 1.3 var(--sans);color:#fff3dc;text-align:center;white-space:nowrap;text-shadow:0 0 2px #2a170a,0 0 2px #2a170a,0 2px 0 #2a170a,0 3px 10px rgba(20,9,2,.55);pointer-events:none}#mute{right:var(--side-r)}#threads{right:calc(var(--side-r) + 56px);transform:rotate(3deg);text-decoration:none}#threads:active{transform:rotate(3deg) translateY(2px) scale(.96)}#threads svg path{fill:currentColor}.round-btn{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px;border-radius:50%;border:2.5px solid var(--ink);background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#dccbaa);box-shadow:0 3px #2a170a8c,0 6px 14px #14090247;color:var(--ink);display:grid;place-items:center;pointer-events:auto;cursor:pointer;padding:0;transform:rotate(-4deg);transition:transform .12s ease,box-shadow .12s ease,background .2s;touch-action:manipulation}#mute:active{transform:rotate(-4deg) translateY(2px) scale(.96)}.round-btn:active{box-shadow:0 1px #2a170a8c,0 3px 8px #14090240}#mute svg path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}#mute svg .spk{fill:currentColor;stroke:currentColor;stroke-width:1.2}#mute .x{display:none}#mute.off .x{display:inline}#mute.off .wave{display:none}#mute.off{background:radial-gradient(120% 120% at 35% 25%,#efe4cf,#ddd0b6 60%,#c9b896);color:#2a170a9e}#boot{position:absolute;inset:0;background:#1d120a;display:grid;place-items:center;transition:opacity .6s ease;pointer-events:none}#boot .dot{width:10px;height:10px;border-radius:50%;background:var(--curry);animation:pulse .9s ease-in-out infinite alternate}#boot.done{opacity:0}@keyframes pulse{0%{transform:scale(.6);opacity:.4}to{transform:scale(1.2);opacity:1}}@media (min-width: 720px){#war{top:calc(20px + env(safe-area-inset-top))}.bar{height:88px}.count{font-size:25px}.count em{font-size:13px}.pct{font-size:17px}.total{font-size:40px}#scrim{height:190px}}.ob-backdrop{--ob-red: #b83c2e;--ob-paper: #fbf5e7;--ob-kai: "LXGW WenKai TC", var(--sans);position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:calc(max(24px,11vh) + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;overflow-y:auto;overscroll-behavior:contain;background:transparent;color:var(--ink);font-family:var(--sans)}.ob-backdrop[open]{display:flex;justify-content:center;align-items:flex-start}.ob-backdrop::backdrop{background:#1d120acc}.ob-slip{position:relative;width:100%;max-width:420px;margin-bottom:10px;padding:32px 22px 22px;background:var(--ob-paper);border:2.5px solid var(--ink);border-bottom:0;border-radius:4px 4px 0 0;filter:drop-shadow(6px 6px 0 rgba(10,4,0,.45));transform:rotate(-.6deg);animation:ob-in .26s cubic-bezier(.2,.8,.3,1)}.ob-slip:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:8px;background:radial-gradient(circle,rgba(29,18,10,.82) 0 3px,transparent 3.5px) 0 0 / 15px 8px space no-repeat;pointer-events:none}.ob-torn{position:absolute;left:calc(-1 * var(--ob-b, 2.5px));bottom:-11px;width:calc(100% + 2 * var(--ob-b, 2.5px));height:12px;overflow:hidden;pointer-events:none}.ob-torn-fill{fill:var(--ob-paper)}.ob-torn-line{fill:none;stroke:var(--ink);stroke-width:var(--ob-b, 2.5px);stroke-linejoin:miter;vector-effect:non-scaling-stroke}.ob-field{margin:0}.ob-field-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}.ob-label{padding:3px 9px 2px;border:2px solid var(--ink);font:900 15px / 1.3 var(--sans);letter-spacing:.3em;text-indent:.3em}.ob-count{font:700 18px / 1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.ob-count.is-over{color:var(--ob-red)}.ob-input{display:block;width:100%;min-height:56px;margin:0;padding:10px 2px 6px;border:0;border-radius:0;border-bottom:2.5px solid var(--ink);background:transparent;color:var(--ink);font:700 28px / 1.3 var(--ob-kai);-webkit-user-select:text;user-select:text;outline:none;appearance:none}.ob-input:focus-visible{border-bottom-color:var(--curry-deep);box-shadow:0 2.5px 0 var(--curry-deep)}.ob-input[aria-invalid=true]{border-bottom-color:var(--ob-red)}.ob-input[readonly]{color:var(--ink-soft)}.ob-error{margin:6px 0 0;font:700 15px / 1.4 var(--ob-kai);color:var(--ob-red)}.ob-error:empty{display:none}.ob-actions{display:flex;gap:10px;margin-top:20px}.ob-submit,.ob-cancel{min-height:52px;border:2.5px solid var(--ink);border-radius:8px;font:900 18px / 1 var(--sans);letter-spacing:.2em;text-indent:.2em;cursor:pointer;touch-action:manipulation;transition:transform .1s,box-shadow .1s}.ob-submit{flex:1 1 auto;background:linear-gradient(#f7c35f,#e5a13a 55%,#c27a1f);color:var(--ink);box-shadow:0 4px 0 var(--ink)}.ob-cancel{flex:0 0 auto;padding:0 18px;background:#fffaf0;color:var(--ink);box-shadow:0 4px #2a170a80}.ob-submit:not(:disabled):active,.ob-cancel:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.ob-submit:disabled{background:#e6dac2;color:#2a170a6b;border-color:#2a170a6b;box-shadow:0 4px #2a170a38;cursor:not-allowed}.ob-slip[aria-busy=true] .ob-submit:disabled{color:var(--ink);background:#f2d79e;border-color:var(--ink)}.ob-submit:focus-visible,.ob-cancel:focus-visible{outline:3px solid var(--curry-deep);outline-offset:3px}@media (max-width: 359px){.ob-slip{padding-left:16px;padding-right:16px}.ob-slip:before{left:6px;right:6px}.ob-input{font-size:24px}}@keyframes ob-in{0%{opacity:0;translate:0 18px}}@media (prefers-reduced-motion: reduce){.ob-slip{animation:none}.ob-submit,.ob-cancel{transition:none}}.dex-button,.dex-close{width:46px;height:46px;padding:0;border:2.5px solid var(--ink);border-radius:50%;background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#dccbaa);box-shadow:0 3px #2a170a8c,0 6px 14px #14090247;color:var(--ink);display:grid;place-items:center;cursor:pointer;pointer-events:auto;touch-action:manipulation;transform:rotate(4deg);transition:transform .12s ease,box-shadow .12s ease}.dex-button{position:fixed;z-index:20;left:var(--side);bottom:calc(18px + env(safe-area-inset-bottom))}.dex-button:active,.dex-close:active{transform:rotate(4deg) translateY(2px) scale(.96);box-shadow:0 1px #2a170a8c,0 3px 8px #14090240}.dex-button svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dex-dot{display:none;position:absolute;width:11px;height:11px;top:-1px;right:-1px;background:#b83c2e;border:2px solid var(--cream);border-radius:50%;box-shadow:0 1px 0 var(--ink)}.dex-button.has-new .dex-dot{display:block}.dex-button.dot-hold .dex-dot{display:none}.dex-toast,.dex-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.dex-backdrop{--dex-red: #b83c2e;--dex-paper: #fbf5e7;--dex-head: #f3e6c8;--dex-line: #cdbb9b;--dex-mix: #e5a13a;--dex-nomix: #f4ead6;--dex-odd: #bfdcd3;--dex-mix-ink: #9a5a12;--dex-kai: "LXGW WenKai TC", var(--sans);--dex-gl: max(16px, env(safe-area-inset-left));--dex-gr: max(16px, env(safe-area-inset-right));position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:var(--ink);font-family:var(--sans);font-weight:900;overscroll-behavior:none;touch-action:pan-y}.dex-backdrop[open]{display:flex;justify-content:center}.dex-backdrop::backdrop{background:#1d120ac7}.dex-backdrop button{font-family:var(--sans);color:var(--ink);-webkit-tap-highlight-color:transparent}.dex-backdrop :focus-visible{outline:3px solid var(--curry-deep);outline-offset:2px}.dex-paper{position:relative;display:flex;flex-direction:column;width:100%;max-width:720px;min-height:0;background:radial-gradient(140% 55% at 50% 100%,transparent 60%,rgba(160,120,60,.1) 100%),var(--dex-paper);box-shadow:0 0 0 2px var(--ink),8px 0 #14090240;animation:dex-sheet-in .2s ease-out}.dex-header{position:relative;z-index:1;flex:0 0 auto;padding:calc(16px + env(safe-area-inset-top)) var(--dex-gr) 0 var(--dex-gl);border-bottom:2px solid var(--ink);background:var(--dex-head)}.dex-sign{display:grid;grid-template-columns:auto minmax(0,1fr) 46px;align-items:center;gap:12px;margin-bottom:14px;padding-left:4px}.dex-title{margin:0 -.4em 0 0;padding:2px 0 4px;border-bottom:4px double var(--ink);font:900 clamp(26px,7.6vw,34px) / 1.12 var(--sans);letter-spacing:.4em;white-space:nowrap}.dex-close{font-family:var(--sans);font-size:30px;line-height:1;font-weight:900}.dex-guest{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin:0}.dex-guest[hidden]{display:none}.dex-guest-name{min-width:0;padding:0 2px 1px;border-bottom:1.5px solid var(--ink);font:700 16px / 1.3 var(--dex-kai);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-guest-name[hidden]{display:none}.dex-guest-edit,.dex-refresh{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:2px solid var(--ink);border-radius:999px;background:#fffaf0;box-shadow:0 2px 0 var(--ink);font:900 13px / 1 var(--sans);letter-spacing:.06em;white-space:nowrap;cursor:pointer;touch-action:manipulation}.dex-guest-edit:active,.dex-refresh:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.dex-tabs{display:flex;gap:6px;margin-bottom:-2px}.dex-tab{position:relative;flex:1 1 0;min-width:0;min-height:46px;padding:6px 4px 4px;border:2px solid var(--ink);border-radius:10px 10px 0 0;background:#e2d1ad;color:var(--ink-soft)!important;font:900 15px / 1.2 var(--sans);letter-spacing:.08em;cursor:pointer;touch-action:manipulation;transition:background .12s,transform .12s;transform:translateY(3px)}.dex-tab.is-active{z-index:1;background:var(--dex-paper);border-bottom-color:var(--dex-paper);color:var(--ink)!important;transform:none}.dex-tab.is-active:before{content:"";position:absolute;left:10px;right:10px;top:4px;height:3px;border-radius:2px;background:var(--curry)}.dex-tab-dot{display:none;position:absolute;top:6px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--dex-red);box-shadow:0 0 0 1.5px var(--dex-paper)}.dex-tab.has-new .dex-tab-dot{display:block}.dex-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#baaa8e transparent;padding:0 var(--dex-gr) calc(30px + env(safe-area-inset-bottom)) var(--dex-gl)}.dex-panel{outline:none;padding-top:22px}.dex-panel[hidden]{display:none}.dex-panel-count,.dex-board-count{margin:0;font:700 18px / 1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.dex-panel-count{margin:-6px 2px 12px;text-align:right}.dex-panel-count,.dex-board-count{font-family:var(--num),var(--sans)}.dex-content.is-fit{display:flex;flex-direction:column}.dex-content.is-fit>.dex-panel-records{flex:1 0 auto;display:flex;flex-direction:column;min-height:min(100%,420px);padding-top:16px}.dex-rec{flex:1 1 0;min-height:300px;container-type:size;display:flex;justify-content:center;align-items:center}.dex-rec-box{position:relative;width:min(100cqw - 14px,(100cqh - 14px) * .8,560px);aspect-ratio:4 / 5}.dex-rec-photo,.dex-rec-wait{display:block;width:100%;height:100%;padding:0;border:2.5px solid var(--ink);border-radius:8px;overflow:hidden;background:#1d120a;box-shadow:5px 5px 0 var(--ink)}.dex-rec-photo{cursor:zoom-in;touch-action:manipulation;transform:rotate(-.6deg);transition:transform .15s ease}.dex-rec-photo:active{transform:rotate(-.6deg) scale(.99)}.dex-rec-img{display:block;width:100%;height:100%;object-fit:cover}.dex-rec-wait{display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 70%,#3a2415,#1d120a 70%)}.dex-rec-wait .dex-pile-spin{border-color:#fff3dc40;border-top-color:var(--curry)}.dex-pile-busy{position:absolute;left:50%;bottom:14px;margin-left:-13px;width:26px;height:26px;border:3px solid rgba(255,246,226,.45);border-top-color:#fff6e2;border-radius:50%;background:#2a170a8c;animation:dex-spin .8s linear infinite;pointer-events:none}.dex-pile-spin{width:30px;height:30px;border:3px solid var(--dex-line);border-top-color:var(--curry-deep);border-radius:50%;animation:dex-spin .8s linear infinite}.dex-share{width:52px;height:52px;padding:0;border:2.5px solid var(--ink);border-radius:50%;background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#dccbaa);box-shadow:0 3px #2a170a8c,0 6px 14px #14090247;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;transform:rotate(4deg);transition:transform .12s ease,box-shadow .12s ease}.dex-share:active{transform:rotate(4deg) translateY(2px) scale(.96);box-shadow:0 1px #2a170a8c}.dex-share svg path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dex-rec-share{position:absolute;right:-10px;top:-12px}.dex-split{display:flex;height:12px;min-width:0;border:2px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--dex-nomix)}.dex-split>span{flex:1 1 0;min-width:3px}.dex-split>span+span{border-left:2px solid var(--ink)}.dex-split-mix{background:linear-gradient(#f2b951,#de9a34 55%,#b8721b)}.dex-split-nomix{background:linear-gradient(#fffaf0,#f6eedc 55%,#e2d4b8)}.dex-split-odd{background:linear-gradient(#e3f1ec,#bfdcd3 55%,#93bcb0)}.dex-split.is-empty{background:#ece2cc;border-color:#2a170a66}.dex-leader{flex:1 1 auto;min-width:14px;height:0;border-bottom:3px dotted rgba(42,23,10,.42);transform:translateY(-4px)}.dex-zoom{position:fixed;inset:0;z-index:6;background:#0e0702f7;animation:dex-fade .16s ease-out}.dex-zoom[hidden]{display:none}.dex-zoom-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:zoom-in}.dex-zoom.is-zoomed .dex-zoom-stage{cursor:grab}.dex-zoom.is-zoomed .dex-zoom-stage:active{cursor:grabbing}.dex-zoom-img{position:absolute;left:50%;top:50%;max-width:none;border-radius:4px;box-shadow:0 0 0 2px #0006,0 20px 50px #00000080;transform-origin:50% 50%;will-change:transform;-webkit-user-drag:none;user-select:none;pointer-events:none}.dex-zoom-bar{position:absolute;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}.dex-zoom-bar>*{pointer-events:auto}.dex-empty{display:flex;flex-direction:column;align-items:center;padding:18px 12px 26px;text-align:center}.dex-empty-title{margin:0;font:900 18px / 1.4 var(--sans);letter-spacing:.06em}.dex-panel-album{--nb-line: 30px;position:relative;margin:0 calc(-1 * var(--dex-gr)) 0 calc(-1 * var(--dex-gl));padding:22px var(--dex-gr) 10px calc(var(--dex-gl) + 18px);background:linear-gradient(90deg,transparent calc(var(--dex-gl) + 6px),rgba(196,70,58,.45) calc(var(--dex-gl) + 6px),rgba(196,70,58,.45) calc(var(--dex-gl) + 7.5px),transparent calc(var(--dex-gl) + 7.5px)),repeating-linear-gradient(180deg,transparent 0 calc(var(--nb-line) - 1px),rgba(74,118,168,.2) calc(var(--nb-line) - 1px) var(--nb-line)),#fbf7ec;background-position:0 0,0 14px,0 0;min-height:100%}.dex-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;margin:0;padding:4px 0 0;list-style:none}.dex-album-item{min-width:0}.dex-pc{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding:0;border:0;background:none;color:var(--ink);text-align:center;cursor:zoom-in;touch-action:manipulation;font:inherit}.dex-pc-pic{display:block;width:100%;transform:rotate(-3deg);transition:transform .15s ease}.dex-album-item:nth-child(4n+2) .dex-pc-pic{transform:rotate(2.5deg)}.dex-album-item:nth-child(4n+3) .dex-pc-pic{transform:rotate(-1deg)}.dex-album-item:nth-child(4n) .dex-pc-pic{transform:rotate(4deg)}button.dex-pc:hover .dex-pc-pic{transform:rotate(0) translateY(-3px) scale(1.03)}button.dex-pc:active .dex-pc-pic{transform:rotate(0) translateY(1px) scale(.97)}.dex-pc-img{display:block;width:100%;height:auto}.dex-pc-pic.is-empty{aspect-ratio:4 / 3;border:2px dashed rgba(42,23,10,.22);border-radius:22px}.dex-pc.is-empty{cursor:default}.dex-pc-cap{display:block;margin-top:2px;max-width:100%}.dex-pc-name{display:block;font:700 15px / 1.3 var(--dex-kai);overflow-wrap:anywhere}.dex-pc-vessel{display:block;font:400 13px / 1.3 var(--dex-kai);color:var(--ink-soft);overflow-wrap:anywhere}.dex-pc-count{display:block;margin-top:1px;font:700 14px / 1.2 var(--dex-kai);color:var(--dex-red);white-space:nowrap}.dex-pc-new{position:absolute;top:-4px;left:-2px;padding:2px 6px 1px;border:1.8px solid var(--dex-red);border-radius:50%;color:var(--dex-red);font:700 12px / 1 var(--num);letter-spacing:.06em;transform:rotate(-14deg)}@media (min-width: 540px){.dex-album{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}}.dex-lb-pic{display:grid;place-items:center;width:100%;height:min(calc(100dvh - 290px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),92vw,560px);min-height:180px}.dex-lb-img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 0 2px #fffdf7) drop-shadow(0 10px 14px rgba(0,0,0,.5))}.dex-lb-pic.is-empty{border-radius:10px;box-shadow:inset 0 0 0 1.5px #fff3dc40}.dex-lb{position:fixed;inset:0;z-index:5;display:flex;flex-direction:column;background:#160c05e6;animation:dex-fade .16s ease-out}.dex-lb[hidden]{display:none}.dex-lb-close{position:absolute;z-index:2;top:calc(14px + env(safe-area-inset-top));right:var(--dex-gr);width:46px;height:46px;padding:0;border:2.5px solid var(--ink);border-radius:50%;background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#dccbaa);box-shadow:0 3px #00000080;font:900 30px / 1 var(--sans);cursor:pointer;transform:rotate(4deg)}.dex-lb-stage{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:calc(72px + env(safe-area-inset-top)) var(--dex-gr) 8px var(--dex-gl);overflow:auto;touch-action:pan-y}.dex-lb-frame{width:min(100%,680px)}.dex-lb-cap{padding:14px 4px 0;text-align:center;color:#fff3dc}.dex-lb-title{margin:0;font:900 19px / 1.35 var(--sans);letter-spacing:.03em}.dex-lb-meta{display:flex;flex-wrap:wrap;gap:2px 16px;margin:4px 0 0;padding:0;list-style:none;justify-content:center;font:700 15px / 1.5 var(--dex-kai);color:#fff3dcbf}.dex-lb-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:22px;padding:10px var(--dex-gr) calc(18px + env(safe-area-inset-bottom)) var(--dex-gl)}.dex-lb.is-single .dex-lb-bar{visibility:hidden}.dex-lb-nav{width:50px;height:50px;padding:0 0 4px;border:2.5px solid var(--ink);border-radius:50%;background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#dccbaa);box-shadow:0 3px #00000080;font:900 32px / 1 var(--sans);cursor:pointer;touch-action:manipulation}.dex-lb-nav:disabled{opacity:.35;cursor:default}.dex-lb-nav:not(:disabled):active,.dex-lb-close:active{translate:0 2px;box-shadow:0 1px #00000080}.dex-lb-count{min-width:70px;margin:0;color:#fff3dc;font:700 22px / 1 var(--num);font-variant-numeric:tabular-nums;text-align:center}.dex-board-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:40px;margin:-4px 0 12px}.dex-board-count{padding-left:4px}.dex-board-status{min-width:0;margin:0;padding:3px 9px;border:1.5px dashed rgba(42,23,10,.5);border-radius:4px;background:#fffaf0b3;font:700 13px / 1.4 var(--dex-kai);color:var(--ink-soft)}.dex-board-status[hidden]{display:none}.dex-refresh{margin-left:auto}.dex-refresh svg path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.dex-refresh:disabled{cursor:default;box-shadow:0 2px #2a170a66}.dex-refresh:disabled:not(.is-busy){opacity:.5}.dex-refresh.is-busy svg{animation:dex-spin .8s linear infinite}.dex-ranks{margin:0;padding:0;list-style:none}.dex-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px 8px;border-bottom:1.5px dashed var(--dex-line)}.dex-row.is-me{margin:6px -2px;padding:10px 8px;border:2px solid var(--ink);border-radius:6px;background:#fde9bf;box-shadow:3px 3px 0 var(--ink)}.dex-rank{display:grid;place-items:center;min-width:34px;height:34px;font:700 22px / 1 var(--num);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.dex-rank.is-top{width:34px;border:2px solid var(--ink);border-radius:50%;color:#fff6e2;font-size:20px;box-shadow:0 2px 0 var(--ink),inset 0 0 0 2px #fff6e259}.dex-rank.is-top1{background:var(--dex-red);transform:rotate(-8deg)}.dex-rank.is-top2{background:var(--curry-deep);transform:rotate(5deg)}.dex-rank.is-top3{background:#7a5a3a;transform:rotate(-3deg)}.dex-row-main{min-width:0}.dex-row-line{display:flex;align-items:baseline;gap:7px}.dex-row-name{flex:0 1 auto;min-width:0;font:900 17px / 1.3 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-you{flex:0 0 auto;align-self:center;padding:1px 5px;border-radius:3px;background:var(--ink);color:var(--cream);font:900 11px / 1.3 var(--sans)}.dex-row-total{font:700 23px / 1 var(--num);font-variant-numeric:tabular-nums}.dex-row-unit{font:900 12px / 1 var(--sans)}.dex-row-sub{display:grid;grid-template-columns:auto minmax(36px,1fr) auto;align-items:center;gap:8px;margin-top:6px;font:700 13px / 1.2 var(--dex-kai);font-variant-numeric:tabular-nums;white-space:nowrap}.dex-row-sub.has-odd{grid-template-columns:auto minmax(36px,1fr) auto auto}.dex-row-sub .dex-split{height:10px;border-width:1.5px}.dex-row-sub .dex-split>span+span{border-left-width:1.5px}.dex-c-mix{color:var(--dex-mix-ink)}.dex-c-nomix{color:var(--ink-soft)}.dex-c-odd{color:#4f7f73;font-size:12px}.dex-pin{position:sticky;bottom:calc(-30px - env(safe-area-inset-bottom));z-index:2;margin:14px calc(-1 * var(--dex-gl)) 0 calc(-1 * var(--dex-gl));padding:8px var(--dex-gr) calc(10px + env(safe-area-inset-bottom)) var(--dex-gl);border-top:2px dashed var(--ink);background:var(--dex-head)}.dex-pin-label{margin:0 0 2px;font:900 13px / 1.4 var(--sans);letter-spacing:.06em}.dex-pin .dex-row.is-me{margin-bottom:0}.dex-skel{height:58px;margin-bottom:8px;border-radius:6px;background:linear-gradient(90deg,#efe4cc,#f8f0de,#efe4cc 80%) 0 0 / 200% 100%;animation:dex-shimmer 1.2s linear infinite}@media (min-width: 720px){.dex-header{padding-top:calc(22px + env(safe-area-inset-top));padding-left:28px;padding-right:28px}.dex-content{padding-left:28px;padding-right:28px}.dex-pin{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.dex-tab{font-size:16px}.dex-album{grid-template-columns:repeat(4,minmax(0,1fr))}.dex-panel-album{margin-left:-28px;margin-right:-28px;padding-left:46px;padding-right:28px}}@media (max-width: 359px){.dex-sign{gap:8px}.dex-title{letter-spacing:.25em;margin-right:-.25em}.dex-guest-edit{padding:0 9px}.dex-tab{font-size:14px;letter-spacing:.02em}.dex-album{gap:16px 10px}}.dex-photo{display:block;height:auto;max-height:none;overflow:visible;position:fixed;z-index:31;left:0;top:0;width:min(46vw,210px);padding:8px 8px 0;background:#fbf8f1;border-radius:3px;box-shadow:0 2px #2a170a40,0 14px 30px #14090259;pointer-events:none;opacity:0;transform-origin:50% 50%;will-change:transform,opacity}.dex-photo-pic{display:block;position:relative;width:100%;aspect-ratio:4 / 3;background:#f1e8d6 center / contain no-repeat;border-radius:1px;box-shadow:inset 0 0 0 1px #00000014;overflow:hidden}.dex-photo-dev{position:absolute;inset:0;background:#f3efe6}.dex-photo-cap{display:block;padding:7px 2px 9px;color:var(--ink);font:900 12px / 1.3 var(--sans);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-ring{position:fixed;z-index:21;width:46px;height:46px;border:4px solid #fffaf0;border-radius:50%;box-shadow:0 0 0 1.5px #2a170a8c;pointer-events:none;transform:translate(-50%,-50%)}.dex-bit{position:fixed;z-index:21;width:7px;height:5px;background:#fbf8f1;border:1.5px solid var(--ink);border-radius:1px;pointer-events:none;transform:translate(-50%,-50%)}.dex-bit.is-ink{background:#e0a040}.dex-plus{position:fixed;z-index:22;color:#fffaf0;font:900 17px / 1 var(--sans);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);pointer-events:none;white-space:nowrap}.dex-flash{position:fixed;inset:0;z-index:30;background:#fffdf6;pointer-events:none;opacity:0}@keyframes dex-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dex-fade{0%{opacity:0}}@keyframes dex-spin{to{transform:rotate(360deg)}}@keyframes dex-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.dex-button,.dex-close,.dex-tab,.dex-pc,.dex-rec-photo,.dex-share{transition:none}.dex-paper,.dex-lb,.dex-zoom,.dex-skel{animation:none}.dex-pile-spin,.dex-pile-busy,.dex-refresh.is-busy svg{animation-duration:2.4s}button.dex-pc:hover{transform:none}}.dex-table{margin:30px 0 6px}.dex-table-head{display:flex;align-items:baseline;gap:10px;margin:0 2px 10px}.dex-table-title{font:700 19px / 1 var(--dex-kai);color:var(--ink);letter-spacing:.1em}.dex-table-count{margin-left:auto;font:700 16px / 1 var(--num),var(--sans);color:var(--ink-soft)}.dex-table-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;margin:0;padding:0;list-style:none}@media (min-width: 560px){.dex-table-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.dex-table-item{min-width:0}.dex-tc{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:zoom-in}.dex-tc-pic{display:block;width:88%;transform:rotate(-4deg);transition:transform .12s ease}.dex-table-item:nth-child(3n+2) .dex-tc-pic{transform:rotate(3deg)}.dex-table-item:nth-child(3n) .dex-tc-pic{transform:rotate(-1deg)}.dex-tc-pic.is-empty{aspect-ratio:1;border:2px dashed rgba(42,23,10,.22);border-radius:50%}.dex-tc-img{display:block;width:100%;height:auto}button.dex-tc:hover .dex-tc-pic{transform:rotate(0) translateY(-2px) scale(1.04)}button.dex-tc:active .dex-tc-pic{transform:rotate(0) translateY(1px) scale(.97)}.dex-tc-name{max-width:100%;font:700 13px / 1.25 var(--dex-kai);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-tc-count{font:700 12px / 1.2 var(--dex-kai);color:var(--dex-red)}.tut{position:absolute;inset:0;pointer-events:none;z-index:4}.tut-hand,.tut-ring{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s ease;will-change:transform}.tut.show .tut-hand{opacity:1}.tut-hand{width:44px;margin:-1.8px 0 0 -16.5px;transform-origin:16.5px 1.8px;filter:drop-shadow(0 3px 0 rgba(42,23,10,.45)) drop-shadow(0 6px 10px rgba(20,9,2,.3))}.tut-hand.mouse{width:34px;margin:-2.3px 0 0 -3.4px;transform-origin:3.4px 2.3px}.tut-hand svg{display:block;width:100%;height:auto;overflow:visible}.tut-fill{fill:#fffaf0;stroke:var(--ink);stroke-width:2.4;stroke-linejoin:round}.tut-hand.down .tut-fill{fill:#f4e6c8}.tut-line{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.tut-ring{width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:3px solid rgba(255,246,226,.95);box-shadow:0 0 0 2px #2a170a59;transition:none}.tut-text{position:absolute;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--side) - 8px);padding:8px 18px 9px;border:2.5px solid var(--ink);border-radius:999px;background:radial-gradient(120% 120% at 35% 25%,#fffaf0,#f4ead6 55%,#e3d3b2);box-shadow:0 3px #2a170a8c,0 6px 14px #14090247;color:var(--ink);font:700 19px/1.25 "LXGW WenKai TC",var(--sans);letter-spacing:.06em;white-space:nowrap;opacity:0;transform:translate(-50%,10px) rotate(-1.5deg) scale(.96);transition:opacity .22s ease,transform .22s ease}.tut-text.on{opacity:1;transform:translate(-50%) rotate(-1.5deg) scale(1)}@media (min-width: 720px){.tut-text{bottom:calc(96px + env(safe-area-inset-bottom));font-size:21px}}