.pu{--surface:var(--chip);--grid:#3b24141f;--bar:var(--green-700);--bar-hi:#437f31;--track:var(--meadow-1);--faint:#3b24148f;background-color:var(--paper);background-image:radial-gradient(#8a553017 1.3px,#0000 1.5px);background-size:24px 24px;min-height:100vh}.pu :focus-visible{outline-color:var(--outline)}.pu .pu-top :focus-visible{outline-color:#fff}.pu-top{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 12px) max(var(--gutter), env(safe-area-inset-right,0px)) 12px max(var(--gutter), env(safe-area-inset-left,0px));background:var(--green-900);color:var(--cream);flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px #10240b99}.pu-badge{font:700 12px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#ffd667;background:#fff6e424;border-radius:8px;padding:6px 9px}.pu-stamp{color:#fff6e4cc;font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.pu-top .btn[hidden]{display:none}.pu-main{padding:24px 0 64px}.pu-main[aria-busy=true] .pu-board{opacity:.6;transition:opacity .2s}.pu-loading{text-align:center;color:var(--muted);margin:48px 0;font-weight:600}.pu-loading[hidden]{display:none}.pu-board{gap:18px;display:grid}.pu-board[hidden]{display:none}.pu-gate{text-align:center;justify-items:center;gap:10px;width:min(460px,100%);margin:48px auto;display:grid}.pu-gate[hidden]{display:none}.pu-gate-title{font:800 21px/1.2 var(--font-display)}.pu-gate-text{color:var(--muted);margin:0 0 6px}.pu-gate-text code{background:#3b241414;border-radius:5px;padding:1px 5px;font-size:14px}.pu-tiles{grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:14px;display:grid}.tile{border:2px solid var(--outline);background:var(--surface);box-shadow:0 4px 0 var(--outline);border-radius:18px;align-content:start;gap:4px;min-width:0;padding:16px 18px;display:grid}.tile-label{color:var(--muted);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.tile-value{font:700 34px/1.1 var(--font-body);letter-spacing:-.01em}.tile-sub{color:var(--faint);white-space:pre-line;font-size:13.5px}.tile-hero{background:var(--yolk)}.tile-hero .tile-label,.tile-hero .tile-sub{color:#3a2604cc}.tile-hero .tile-value{font-size:52px}.live{background:#3aa63a;border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite live;box-shadow:0 0 #3aa63a73}@keyframes live{to{box-shadow:0 0 0 7px #3aa63a00}}.box{border:2px solid var(--outline);background:var(--surface);min-width:0;box-shadow:0 5px 0 var(--outline);border-radius:20px;padding:18px 20px 20px;position:relative}.box-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.box-title{font:800 18px/1.25 var(--font-display);margin:0}.box-sub{color:var(--muted);margin:4px 0 0;font-size:14px}.pu-cols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.seg{background:#3b241414;border-radius:12px;padding:3px;display:inline-flex}.seg button{appearance:none;font:600 14px/1 var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px}.seg button:hover{color:var(--outline)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--outline);box-shadow:0 0 0 2px var(--outline)}.chart{height:220px;margin-top:14px}.chart svg{width:100%;height:100%;display:block;overflow:visible}.chart .grid{stroke:var(--grid);stroke-width:1px;shape-rendering:crispedges}.chart .axis{fill:var(--faint);font:500 12px var(--font-body);font-variant-numeric:tabular-nums}.chart .val{fill:var(--outline);font:700 12.5px var(--font-body)}.chart .bar{fill:var(--bar)}.chart .hit{fill:#0000;cursor:default}.chart .col:hover .bar,.chart .col.on .bar{fill:var(--bar-hi)}.chart .col.on .hit{fill:#3b24140d}.tip{z-index:2;border:2px solid var(--outline);box-shadow:0 3px 0 var(--outline);pointer-events:none;white-space:nowrap;background:#fffdf8;border-radius:10px;gap:2px;padding:8px 11px;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tip[hidden]{display:none}.tip b{font-size:16px;line-height:1.1}.tip span{color:var(--muted);font-size:13px}.chart-table{margin-top:10px}.chart-table summary{cursor:pointer;color:var(--plank);width:max-content;font-size:14px;font-weight:600}.chart-table .table-scroll{max-height:320px;margin-top:8px}.online{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.online li{grid-template-columns:auto 1fr;align-items:center;gap:0 10px;display:grid}.online li:before{content:"";background:#3aa63a;border-radius:50%;grid-row:span 2;width:9px;height:9px}.online b{overflow-wrap:anywhere;font-weight:700}.online span{color:var(--muted);overflow-wrap:anywhere;font-size:13.5px}.online .empty{color:var(--muted);display:block}.online .empty:before{display:none}.meters{gap:12px;margin-top:14px;display:grid}.meter{grid-template-columns:1fr auto;gap:5px 10px;font-size:14.5px;display:grid}.meter-name{font-weight:600}.meter-value{font-variant-numeric:tabular-nums;font-weight:700}.meter-value small{color:var(--faint);margin-left:4px;font-weight:500}.meter-track{background:var(--track);border-radius:5px;grid-column:1/-1;height:10px;overflow:hidden}.meter-fill{background:var(--bar);border-radius:5px;height:100%}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:14px 0 0;display:grid}.facts div{gap:1px;display:grid}.facts dt{color:var(--muted);font-size:13.5px}.facts dd{margin:0;font-size:22px;font-weight:700}.table-scroll{margin:12px -20px 0;padding:0 20px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14.5px}.tbl th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);border-bottom:2px solid var(--outline);white-space:nowrap;background:var(--surface);padding:6px 10px 8px;font-size:12.5px;font-weight:700;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--grid);vertical-align:top;padding:9px 10px}.tbl tr:last-child td{border-bottom:0}.tbl th:first-child,.tbl td:first-child{padding-left:0}.tbl th:last-child,.tbl td:last-child{padding-right:0}.tbl .num,.tbl-num td+td,.tbl-num th+th{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .when{white-space:nowrap;color:var(--muted)}.tbl .who{min-width:150px}.tbl .who b{font-weight:700;display:block}.tbl .who span{color:var(--muted);font-size:13px}.tbl .mail{color:var(--muted);overflow-wrap:anywhere;min-width:160px}.tbl .empty{color:var(--muted);padding:14px 0}.search{width:min(280px,100%);font:500 16px var(--font-body);color:var(--outline);background:#fffdf8;border:2px solid #3b241459;border-radius:11px;padding:9px 12px}.search:focus{border-color:var(--outline);outline:none;box-shadow:0 0 0 3px #f4b41a8c}.box .link{margin-top:8px;padding-left:0}.box .link[hidden]{display:none}.tbl .act{text-align:right;white-space:nowrap}.tbl .act .btn{box-shadow:0 2px 0 var(--outline);padding:7px 12px;font-size:14px}.tbl .act .btn:hover{box-shadow:0 4px 0 var(--outline)}.tbl .faint{color:var(--faint);font-size:13px}.pu-dialog{width:min(520px, 100% - 2 * var(--gutter));max-height:min(760px, 100% - 2 * var(--gutter));border:2px solid var(--outline);background:var(--surface);color:var(--outline);box-shadow:0 6px 0 var(--outline);border-radius:20px;padding:0;overflow:auto}.pu-dialog::backdrop{background:#10240b8c}.pu-dialog[open]{animation:.18s ease-out pu-dialog-in}@keyframes pu-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.pu-dialog-in{gap:14px;padding:18px 20px 20px;display:grid}.pu-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pu-dialog-head .box-sub{overflow-wrap:anywhere}.pu-dialog-note{color:var(--muted);margin:8px 0;font-weight:600}.pu-dialog-note[hidden],.pu-dialog-body[hidden]{display:none}.pu-dialog-body{gap:14px;display:grid}.pu-dialog-body>.btn{padding:15px 18px;font-size:17px}.pu-x{appearance:none;width:36px;height:36px;color:var(--outline);font:700 17px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;margin:-4px -6px 0 0}.pu-x:hover{background:#3b241414}.pick{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.pick legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.pick-list{gap:8px;display:grid}.pick-row{cursor:pointer;background:#fffdf8;border:2px solid #3b241440;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.pick-row:hover{border-color:#3b241480}.pick-row:has(input:checked){border-color:var(--outline);box-shadow:0 2px 0 var(--outline);background:#fff3cc}.pick-row input{width:18px;height:18px;accent-color:var(--green-700);margin:0}.pick-text,.pick-sum{gap:1px;min-width:0;display:grid}.pick-text b{overflow-wrap:anywhere}.pick-text span{color:var(--muted);font-size:13px}.pick-sum{text-align:right;font-variant-numeric:tabular-nums;justify-items:end}.pick-sum b{white-space:nowrap}.pick-sum span{white-space:nowrap;font-size:12.5px;font-weight:600}.pick-sum .waiting{color:var(--plank)}.pick-sum .playing{color:#2c7a2c}.pick-hint{color:var(--muted);margin:0;font-size:13px}.field input[type=number]{font-variant-numeric:tabular-nums}.quick{flex-wrap:wrap;gap:8px;margin-top:-6px;display:flex}.quick button{appearance:none;color:var(--outline);font:700 14px/1 var(--font-body);font-variant-numeric:tabular-nums;cursor:pointer;background:#fffdf8;border:2px solid #3b24144d;border-radius:10px;padding:7px 12px}.quick button:hover{border-color:var(--outline)}.pu-done{color:#22612a;background:#3aa63a24;border-radius:10px;margin:0;padding:9px 11px;font-size:14px;font-weight:600;line-height:1.35}.pu-done[hidden]{display:none}.gifts-box{border-top:1px solid var(--grid);gap:8px;padding-top:14px;display:grid}.gifts-box[hidden]{display:none}.gifts-title{font:800 15px/1.25 var(--font-display);margin:0}.gifts{gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.gifts li{gap:1px;display:grid}.gift-head{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.gift-head b{font-variant-numeric:tabular-nums}.gift-head span,.gift-note{color:var(--muted);overflow-wrap:anywhere}.gift-note{font-style:italic}.gift-state{color:var(--plank);font-size:12.5px;font-weight:600}.gift-state.ok{color:#2c7a2c}@media (width<=1000px){.pu-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-hero{grid-column:1/-1}.pu-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pu-cols .box:last-child{grid-column:1/-1}}@media (width<=640px){.pu-badge{display:none}.pu-main{padding-top:16px}.tile{padding:13px 14px}.tile-value{font-size:28px}.tile-hero .tile-value{font-size:44px}.pu-cols{grid-template-columns:minmax(0,1fr)}.box{padding:16px 16px 18px}.table-scroll{margin-inline:-16px;padding-inline:16px}.seg{width:100%}.seg button{flex:1;padding-inline:6px}.search{width:100%}.chart{height:190px}.pu-dialog-in{padding:16px 16px 18px}.pick-row{grid-template-columns:auto minmax(0,1fr)}.pick-sum{text-align:left;flex-wrap:wrap;grid-column:2;place-items:baseline start;gap:0 10px;display:flex}}@media (prefers-reduced-motion:reduce){.live,.pu-dialog[open]{animation:none}}