:root{--red:#b3352c;--red-deep:#8e2a23;--red-ink:#7a231d;--red-tint:#f6e2df;--red-ring:#b3352c2e;--ink:#2a1c17;--ink-2:#5c4a3a;--ink-3:#7a6a5c;--ink-4:#9a8a7c;--paper:#f6efe4;--card:#fffcf7;--cream:#fff7ec;--sand:#f1e4cc;--beige:#ede3d3;--line:#e8dccb;--line-2:#e3d6c3;--khaki:#c9b79e;--gold:#e9c46a;--green:#3e7c4f;--whatsapp:#25d366;--scrim:#1c141173;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--fs-hero:44px;--fs-onboard:40px;--fs-display:28px;--fs-sheet:20px;--fs-h2:20px;--fs-h3:16px;--fs-15:15px;--fs-body:14px;--fs-13:13px;--fs-small:12px;--fs-tiny:11px;--fw-black:900;--lh-tight:1.1;--r-xs:6px;--r-sm:10px;--r-12:12px;--r-md:14px;--r-16:16px;--r-lg:18px;--r-dialog:22px;--r-xl:24px;--r-sheet:26px;--r-pill:999px;--sh-card:0 2px 0 var(--line);--sh-float:0 8px 12px -10px #2a1c172e;--sh-table:inset 0 0 0 6px var(--red-ink), 0 10px 24px #8e2a234d;--sh-focus:0 0 0 4px var(--red-ring);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.12s;--t-base:.22s;--t-sheet:.28s}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-sheet:0s}}:root{--white:#fff;--seat-other:#efe6d8;--seat-other-line:var(--line-2);--host-ring:#e7b9b3;--table-closed:#8a7f76;--table-closed-ring:#6f655d;--tab-ink:#8a8580;--sand-line:#e3cfa9;--gold-ring:#e9c46a59}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-15);line-height:1.5}body{-webkit-text-size-adjust:100%;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;transition:transform var(--t-fast) var(--ease-out);background:0 0;border:0}button:active{transform:scale(.96)}button:focus-visible{box-shadow:var(--sh-focus);outline:none}button:disabled{cursor:default}#app{max-width:480px;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;margin:0 auto;display:flex}.serif{font-family:var(--font-serif);font-weight:var(--fw-black)}.nav{text-align:center;flex:none;grid-template-columns:48px 1fr 48px;align-items:center;height:48px;font-size:17px;font-weight:700;display:grid}.nav .ico{color:var(--ink);font-size:22px}.nav .ico[disabled]{visibility:hidden}.body{padding-bottom:var(--s4);flex:1;overflow-y:auto}.pad{padding:0 18px}.btn{border-radius:var(--r-pill);height:50px;font-weight:700;font-size:var(--fs-h3);justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.btn.primary{background:var(--red);color:var(--cream)}.btn.ghost{background:var(--card);border:1.5px solid var(--line-2);color:var(--ink)}.btn.soft{background:var(--beige);color:var(--ink-2)}.btn.danger-ghost{border:1.5px solid var(--red);color:var(--red);background:var(--card)}.btn.disabled{background:var(--khaki);color:var(--white)}.textlink{color:var(--ink-3);font-size:var(--fs-body);text-align:center;width:100%;padding:var(--s2);display:block}.actionbar{gap:var(--s3);background:var(--card);border-top:1px solid var(--line);flex-wrap:wrap;flex:none;padding:14px 18px 24px;display:flex}.actionbar .btn{border-radius:var(--r-16);flex:40%;height:52px}.when{text-align:center;padding-top:var(--s1)}.when .d{color:var(--red);font-weight:700;font-size:var(--fs-body)}.when .t{font:var(--fw-black) var(--fs-hero) / var(--lh-tight) var(--font-serif);letter-spacing:-1px}.when .s{color:var(--ink-3);font-size:var(--fs-13)}.when.dim .t{color:var(--ink-4);text-decoration:line-through;text-decoration-thickness:3px}.table-wrap{width:270px;height:270px;margin:var(--s1) auto 0;position:relative}.table{border-radius:var(--r-xl);background:var(--red-deep);box-shadow:var(--sh-table);place-items:center;display:grid;position:absolute;top:36px;bottom:36px;left:36px;right:36px}.table.closed{background:var(--table-closed);box-shadow:inset 0 0 0 6px var(--table-closed-ring)}.table .count{text-align:center;color:var(--cream)}.table .count .n{font:900 38px/1 var(--font-serif);display:inline-block}.table .count .l{font-size:var(--fs-tiny);opacity:.75;margin-top:var(--s1)}.seat{width:64px;height:64px;position:absolute;transform:translate(-50%,-50%)}.seat.top{top:36px;left:50%}.seat.right{top:50%;left:234px}.seat.bottom{top:234px;left:50%}.seat.left{top:50%;left:36px}.disc{width:64px;height:64px;font:900 24px/1 var(--font-serif);border:3px solid var(--card);border-radius:50%;place-items:center;display:grid;position:relative}.disc.host{background:var(--red-tint);color:var(--red);border-color:var(--host-ring)}.disc.other{background:var(--seat-other);color:var(--ink);border-color:var(--seat-other-line)}.disc.me{background:var(--gold);color:var(--ink);box-shadow:0 0 0 6px var(--gold-ring)}.disc.empty{border:2.5px dashed var(--khaki);background:0 0}.disc .crown{background:var(--red);color:var(--white);font-size:10px;font-family:var(--font-sans);border-radius:6px;padding:1px 5px;font-weight:700;position:absolute;top:-8px;right:-4px}.disc.drop{animation:seatDrop var(--t-base) var(--ease-spring) both}@keyframes seatDrop{0%{opacity:0;transform:translateY(-36px)scale(.6)}to{opacity:1;transform:none}}.names{gap:var(--s2);margin-top:var(--s1);flex-wrap:wrap;justify-content:center;display:flex}.chip{font-size:var(--fs-13);border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line-2);color:var(--ink-2);padding:5px 12px}.chip.wait{color:var(--ink-3);border-style:dashed}.info{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);margin:14px 18px 0;padding:2px 18px}.info .r{border-bottom:1px solid var(--line-2);font-size:var(--fs-15);grid-template-columns:64px 1fr;padding:13px 0;font-weight:500;display:grid}.info .r:last-child{border:0}.info .r span{color:var(--ink-3);font-size:var(--fs-13);font-weight:400}.disclaimer{text-align:center;color:var(--ink-4);font-size:var(--fs-tiny);margin-top:var(--s3)}.strip{margin:var(--s3) 18px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:var(--s3);padding:12px 16px;display:flex}.strip .dot{background:var(--khaki);border-radius:50%;flex:none;width:9px;height:9px}.strip .dot.on{background:var(--green)}.strip .tx{font-size:var(--fs-body);flex:1;font-weight:700}.strip .tx small{color:var(--ink-3);font-weight:400;font-size:var(--fs-small);margin-top:2px;display:block}.banner{border-radius:var(--r-md);font-size:var(--fs-13);background:var(--sand);border:1px solid var(--sand-line);color:var(--ink);align-items:center;gap:10px;margin:6px 18px 0;padding:11px 14px;display:flex}.banner.red{background:var(--red-tint);border-color:var(--host-ring)}.banner.ink{background:var(--ink);color:var(--cream);border-color:var(--ink)}.banner .x{color:var(--ink-3);font-size:var(--fs-h3);margin-left:auto}.section-head{justify-content:space-between;align-items:baseline;padding:18px 18px 0;display:flex}.section-head h2{font:var(--fw-black) var(--fs-display) / var(--lh-tight) var(--font-serif)}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);width:calc(100% - 36px);box-shadow:var(--sh-card);margin:12px 18px 0;padding:14px 16px;display:block}.card .top{align-items:baseline;gap:var(--s3);display:flex}.card .time{font:var(--fw-black) 24px/1 var(--font-serif)}.card .venue{font-weight:700;font-size:var(--fs-h3)}.card .meta{color:var(--ink-3);font-size:var(--fs-13);margin-top:6px}.card .foot{align-items:center;gap:var(--s2);margin-top:10px;display:flex}.tag{font-size:var(--fs-tiny);border-radius:var(--r-pill);background:var(--sand);color:var(--ink-2);padding:3px 9px}.tag.red{background:var(--red-tint);color:var(--red)}.tag.full{background:var(--beige);color:var(--ink-2)}.segmented{gap:var(--s1);background:var(--beige);border-radius:var(--r-16);margin:14px 18px 0;padding:3px;display:flex}.segmented button{height:34px;font-size:var(--fs-13);color:var(--ink-3);border-radius:13px;flex:1;font-weight:700}.segmented button.on{background:var(--card);color:var(--red);box-shadow:var(--sh-float)}.scrim{background:var(--scrim);z-index:20;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--card);border-radius:var(--r-sheet) var(--r-sheet) 0 0;z-index:25;max-width:480px;animation:sheetUp var(--t-sheet) var(--ease-out);margin:0 auto;padding:12px 22px 32px;position:fixed;bottom:0;left:0;right:0}.sheet .grab{background:var(--line-2);width:36px;height:4px;margin:0 auto var(--s4);border-radius:2px}.sheet h3{font:var(--fw-black) var(--fs-sheet) / 1.3 var(--font-serif)}.sheet .sub{color:var(--ink-3);font-size:var(--fs-13);margin-top:var(--s1)}.sheet .stack{margin-top:var(--s4);gap:10px;display:grid}.sheet input{border-radius:var(--r-12);border:1.5px solid var(--line-2);background:var(--paper);width:100%;height:50px;font-size:var(--fs-h3);padding:0 14px;font-weight:500}.sheet input:focus{border-color:var(--red);box-shadow:var(--sh-focus);outline:none}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.field{margin:14px 18px 0}.field label{font-size:var(--fs-13);color:var(--ink-3);margin-bottom:6px;display:block}.field input,.field select,.field textarea{border-radius:var(--r-12);border:1.5px solid var(--line-2);background:var(--card);width:100%;min-height:48px;padding:12px 14px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:var(--sh-focus);outline:none}.choices{gap:var(--s2);flex-wrap:wrap;display:flex}.choices button{border-radius:var(--r-pill);border:1.5px solid var(--line-2);background:var(--card);font-size:var(--fs-13);color:var(--ink-2);padding:9px 14px;font-weight:700}.choices button.on{border-color:var(--red);color:var(--red);background:var(--red-tint)}.error{color:var(--red);font-size:var(--fs-13);margin:12px 18px 0}.empty{text-align:center;color:var(--ink-3);font-size:var(--fs-body);padding:48px 24px}.toast{background:var(--ink);color:var(--cream);border-radius:var(--r-pill);font-size:var(--fs-13);z-index:40;text-align:center;max-width:calc(100% - 48px);animation:sheetUp var(--t-base) var(--ease-out);padding:10px 18px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.head{padding:8px 18px 0}.head h1{font:var(--fw-black) var(--fs-display) / var(--lh-tight) var(--font-serif);color:var(--red)}.head .sub{color:var(--ink-2);font-size:var(--fs-13);margin-top:6px}.areachips{gap:var(--s2);scrollbar-width:none;padding:12px 18px 0;display:flex;overflow-x:auto}.areachips::-webkit-scrollbar{display:none}.areachips button{border-radius:var(--r-pill);border:1.5px solid var(--line-2);background:var(--card);height:34px;font-size:var(--fs-13);color:var(--ink-2);flex:none;padding:0 16px;font-weight:700}.areachips button.on{background:var(--red);border-color:var(--red);color:var(--cream)}.listing{justify-content:space-between;align-items:baseline;padding:18px 18px 0;display:flex}.listing h2{font:var(--fw-black) var(--fs-h2) / var(--lh-tight) var(--font-serif)}.listing .count{color:var(--ink-3);font-size:var(--fs-13)}.gamecard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;width:calc(100% - 36px);box-shadow:var(--sh-card);gap:14px;margin:12px 18px 0;padding:12px;display:flex}.when-block{border-radius:var(--r-md);background:var(--beige);text-align:center;flex:none;width:84px;padding:10px 0}.when-block .d{color:var(--red);font-size:var(--fs-small);font-weight:700}.when-block .t{font:var(--fw-black) 22px/1.1 var(--font-serif);margin-top:2px}.when-block .md{color:var(--ink-3);font-size:var(--fs-tiny);margin-top:2px}.gamecard .main{flex:1;min-width:0}.gamecard .tags{align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--ink-3);display:flex}.gamecard .venue{font-weight:700;font-size:var(--fs-h3);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}.gamecard .row{align-items:center;gap:var(--s2);margin-top:10px;display:flex}.dots{gap:4px;display:flex}.dots i{width:26px;height:26px;font:700 12px/1 var(--font-serif);background:var(--seat-other);color:var(--ink);border:2px solid var(--card);border-radius:50%;place-items:center;font-style:normal;display:grid}.dots i.host{background:var(--red-tint);color:var(--red)}.dots i.blank{border:1.5px dashed var(--khaki);background:0 0}.need{font-size:var(--fs-small);border-radius:var(--r-pill);background:var(--red-tint);color:var(--red);white-space:nowrap;margin-left:auto;padding:3px 10px;font-weight:700}.need.full{background:var(--beige);color:var(--ink-2)}.tabbar{background:var(--white);border-top:1px solid var(--line);flex:none;grid-template-columns:repeat(5,1fr);height:76px;padding-top:8px;display:grid}.tab{font-size:var(--fs-tiny);color:var(--ink-4);flex-direction:column;align-items:center;gap:2px;display:flex}.tab .g{color:var(--tab-ink);font-size:22px;line-height:1}.tab.on{color:var(--red);font-weight:700}.tab.on .g{color:var(--red)}.tab.egg{margin-top:-26px}.tab.egg .g{background:var(--red);width:54px;height:54px;color:var(--cream);font:900 22px/50px var(--font-serif);border:4px solid var(--white);box-shadow:var(--sh-float);text-align:center;border-radius:50%}.dialog{background:var(--card);border-radius:var(--r-dialog);z-index:25;max-width:420px;animation:sheetUp var(--t-base) var(--ease-out);margin:0 auto;padding:22px;position:fixed;top:50%;left:24px;right:24px;transform:translateY(-50%)}.dialog h3{font:var(--fw-black) var(--fs-sheet) / 1.3 var(--font-serif)}.dialog .sub{color:var(--ink-3);font-size:var(--fs-13);margin-top:var(--s1)}.diffs{margin-top:var(--s4);gap:10px;display:grid}.diff{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px}.diff .label{font-size:var(--fs-tiny);color:var(--ink-3)}.diff .row{font-size:var(--fs-13);flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-weight:700;display:flex}.diff .theirs{color:var(--ink-3);font-weight:400}