:root{--paper:#f4ead6;--paper2:#ead7b8;--ink:#25180d;--muted:#6f5a3f;--red:#a90f22;--red2:#7b0b18;--gold:#8b641e;--line:#3a2a1b;--shadow:rgba(35,23,13,.24)}*{box-sizing:border-box}body{margin:0;background:#1b120b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;letter-spacing:.01em;background-image:radial-gradient(circle at 10% 0,rgba(169,15,34,.25),transparent 34%),linear-gradient(135deg,#21150b,#090604)}.wrap{max-width:1080px;margin:0 auto;padding:28px}.header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;border:2px solid var(--line);background:linear-gradient(180deg,#f8eedb,#ead8ba);padding:22px;border-radius:4px;box-shadow:10px 10px 0 rgba(0,0,0,.25);position:relative}.header:before{content:"午餐審判公告";position:absolute;right:18px;top:-14px;background:var(--red);color:#fff;padding:5px 12px;border:2px solid var(--line);transform:rotate(2deg);font-weight:1000}.kicker{color:var(--red);font-size:13px;font-weight:1000;letter-spacing:.08em}h1{font-size:42px;line-height:1.16;margin:.15em 0;font-family:"Noto Serif TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",Georgia,serif;letter-spacing:.03em}h2{margin:0 0 14px;font-family:"Noto Serif TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",Georgia,serif;line-height:1.25;letter-spacing:.02em}h3{font-size:14px;color:var(--red);margin:16px 0 8px;letter-spacing:.04em;line-height:1.35}p{color:var(--muted);line-height:1.6}.card{background:linear-gradient(180deg,var(--paper),var(--paper2));border:2px solid var(--line);border-radius:4px;padding:20px;box-shadow:8px 8px 0 var(--shadow);position:relative}.card:after{content:"";position:absolute;inset:10px;border:1px dashed rgba(58,42,27,.18);pointer-events:none}.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mainGrid{grid-template-columns:360px 1fr}.wide{grid-column:1/-1}.hidden{display:none!important}label{display:block;color:var(--muted);font-size:13px;font-weight:800}input,select{width:100%;margin-top:6px;border:2px solid var(--line);background:#fff8eb;color:var(--ink);border-radius:2px;padding:12px;font-weight:800}button{border:2px solid var(--line);background:#2a1a0d;color:#fff3df;border-radius:2px;padding:12px 14px;font-weight:1000;cursor:pointer;margin-top:10px;box-shadow:4px 4px 0 rgba(0,0,0,.2)}button:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 rgba(0,0,0,.25)}.primary{background:var(--red);border-color:var(--line);width:100%}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{border:2px solid var(--line);background:#f7ead1;color:var(--red);border-radius:2px;padding:6px 10px;font-weight:1000;text-transform:uppercase} .roomCode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:52px;font-weight:1000;letter-spacing:.08em;color:var(--red);text-shadow:2px 2px 0 rgba(169,15,34,.15);border-top:2px dashed rgba(58,42,27,.35);border-bottom:2px dashed rgba(58,42,27,.35);padding:10px 0;margin:10px 0}.qrBox{background:#fff;border:2px solid var(--line);border-radius:2px;padding:10px;margin:14px auto;max-width:260px}.qrBox img{display:block;width:100%}.note{font-size:13px}.inviteLink input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff7e6;color:var(--ink);padding:9px 11px;margin:0;border-radius:999px}.chip.on{background:var(--red);color:#fff}.member{display:flex;justify-content:space-between;gap:12px;align-items:center;border:2px solid rgba(58,42,27,.3);background:rgba(255,255,255,.28);padding:12px;margin:10px 0}.case{color:var(--red);font-weight:1000;letter-spacing:.04em} .winner{font-family:"Noto Serif TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",Georgia,serif;font-size:56px;line-height:1.14;letter-spacing:.02em;color:var(--ink);margin:12px 0}.stats>div{border:2px solid rgba(58,42,27,.28);background:rgba(255,255,255,.26);padding:12px}.stats b{color:var(--red)}ul{padding-left:20px;color:var(--muted);line-height:1.7}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#2a1a0d;color:#fff;padding:12px 16px;border:2px solid var(--paper);border-radius:2px;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.roleLabel{display:inline-block;color:#fff;background:var(--red);border:2px solid var(--line);padding:5px 9px;font-weight:1000;transform:rotate(-1deg);margin-bottom:10px}.joinNotice{margin-top:12px;border:2px dashed var(--red);padding:12px;color:var(--red);font-weight:1000;background:rgba(255,255,255,.25)}.shareCardBox{margin-top:18px;border-top:2px dashed rgba(58,42,27,.35);padding-top:16px}.shareCardBox canvas{width:100%;max-width:420px;height:auto;border-radius:2px;border:2px solid var(--line);background:var(--paper);display:block;margin:10px auto;box-shadow:8px 8px 0 var(--shadow)}.shareCardBox h3{margin-top:0}@media(max-width:820px){.wrap{padding:14px}.header{display:block}.mainGrid,.two{grid-template-columns:1fr}.card{padding:16px}.roomCode{font-size:40px}.winner{font-size:42px}button,input,select{min-height:44px}.qrBox{max-width:220px}}