:root{--admin: #d64545;--admin-bg: #fff5f5;--challenger: #2563eb;--challenger-bg: #eff6ff;--ok: #15803d;--ok-bg: #f0fff4;--ink: #1f2933;--muted: #6b7280;--line: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:#f7f8fa;line-height:1.6}.page{max-width:1000px;margin:24px auto;padding:20px;background:#fff;border-radius:12px;border:3px solid var(--line)}.page--admin{border-color:var(--admin);background:linear-gradient(#fff,var(--admin-bg))}.page--challenger{border-color:var(--challenger);background:linear-gradient(#fff,var(--challenger-bg))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}.page-header h1{margin:4px 0 0;font-size:24px}.page-nav{display:flex;align-items:center;gap:12px;font-size:13px}.page-nav a{color:var(--muted)}.frame-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;color:#fff}.frame-badge--admin{background:var(--admin)}.frame-badge--challenger{background:var(--challenger)}.live{font-size:11px;color:var(--muted)}.live--on{color:var(--ok)}.home{max-width:780px;margin:60px auto;padding:24px}.home-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:24px 0}.home-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;border:3px solid var(--line);background:#fff;text-decoration:none;color:inherit}.home-card strong{font-size:20px}.home-card span:last-child{font-size:13px;color:var(--muted)}.home-card__badge{align-self:flex-start;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;color:#fff}.home-card--admin{border-color:var(--admin);background:var(--admin-bg)}.home-card--admin .home-card__badge{background:var(--admin)}.home-card--challenger{border-color:var(--challenger);background:var(--challenger-bg)}.home-card--challenger .home-card__badge{background:var(--challenger)}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}.lead{color:var(--muted);font-size:14px}.hint{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.strong{font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.break{word-break:break-all}.btn{font:inherit;font-size:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer}.btn:hover:not(:disabled){background:#f3f4f6}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn--primary:hover:not(:disabled){background:#374151}.btn--lg{font-size:16px;padding:12px 24px}.btn--sm{font-size:12px;padding:4px 10px}.btn--ghost{background:transparent;color:var(--muted)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions__note{font-size:12px;color:var(--muted);margin-left:auto}.banner{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:12px;position:relative;cursor:default}.banner--info{background:#eef2ff;border:1px solid #c7d2fe}.banner--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.banner--success{background:var(--ok-bg);border:1px solid #bbf7d0;color:var(--ok);margin-top:12px}.banner__close{position:absolute;right:10px;top:8px;color:var(--muted);cursor:pointer}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#f3f4f6;color:var(--muted);margin-right:6px}.tag--assigned{background:#dcfce7;color:var(--ok)}.tag--pending{background:#fef3c7;color:#92400e}.tag--approved{background:#dcfce7;color:var(--ok)}.tag--rejected{background:#fee2e2;color:#991b1b}.pill{font-size:11px;background:var(--admin);color:#fff;border-radius:999px;padding:2px 8px}.table-wrap{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:8px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table thead th{position:sticky;top:0;background:#f9fafb;font-size:12px;color:var(--muted)}.row--assigned{background:#f0fdf4}.slot-strip{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.slot-chip{flex:1 1 130px;border:2px dashed var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--muted)}.slot-chip__no{font-size:22px;font-weight:700;font-family:ui-monospace,monospace;color:var(--ink)}.slot-chip--assigned,.slot-chip--collected{border-style:solid;border-color:var(--admin);background:var(--admin-bg)}.slot-chip--collected{border-color:var(--ok);background:var(--ok-bg)}.request-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.request{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px}.request--pending{border-color:#fcd34d;background:#fffbeb}.request__actions{display:flex;gap:8px}.circles{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:28px 0}.circle{width:168px;height:168px;border-radius:50%;border:4px dashed #cbd5e1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .2s,border-color .2s,background .2s}.circle--assigned{border-style:solid;border-color:var(--challenger);background:var(--challenger-bg)}.circle--collected{border-style:solid;border-color:var(--ok);background:var(--ok-bg)}.circle--flash{animation:pop .8s ease-in-out 2}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 8px #2563eb26}}.circle__label{font-size:11px;color:var(--muted)}.circle__no{font-size:30px;font-weight:700;font-family:ui-monospace,monospace;letter-spacing:1px}.circle--empty .circle__no{color:#cbd5e1}.circle__sub{font-size:11px;color:var(--muted)}.circle__btn{font:inherit;font-size:12px;margin-top:6px;padding:5px 14px;border-radius:999px;border:1px solid var(--challenger);background:var(--challenger);color:#fff;cursor:pointer}.circle__btn:disabled{background:#e5e7eb;border-color:#e5e7eb;color:var(--muted);cursor:not-allowed}.completion{text-align:center;border-top:1px dashed var(--line);padding-top:20px}.holder{margin-top:24px;border-top:1px dashed var(--line);padding-top:20px}.holder__head h2{margin:0 0 4px;font-size:15px}.holder__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}.btn--wallet,.btn--present{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:10px;border:2px solid var(--challenger);background:#fff}.btn--present{border-style:dashed}.btn--wallet small,.btn--present small{display:block;font-weight:400;font-size:11px;color:var(--muted)}.btn--wallet>span:last-child,.btn--present>span:last-child{font-weight:700}.btn__icon{font-size:22px;line-height:1}.me-card{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--challenger);border-radius:12px;background:var(--challenger-bg);padding:14px;margin-bottom:16px}.me-card--inline{margin:14px 0 0}.me-card__caption{font-size:11px;color:var(--muted)}.me-card__no{font-size:36px;font-weight:700;font-family:ui-monospace,monospace;line-height:1.1;color:var(--challenger)}.me-card__name{font-size:14px}.tag--self{background:var(--challenger);color:#fff}.vc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.vc{border:1px solid var(--line);border-left:5px solid var(--challenger);border-radius:8px;padding:12px;background:#fff}.vc--stamp{border-left-color:var(--ok)}.vc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.vc__kind{display:block;font-size:11px;color:var(--muted)}.vc__title{display:block;font-size:15px;font-weight:700}.vc__sub{display:block;font-size:11px}.vc__meta{font-size:11px;margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vc__jwt{margin-top:8px;font-size:11px}.vc__jwt code{display:block;margin-top:4px;padding:8px;background:#f3f4f6;border-radius:6px}.detail{display:grid;gap:20px;justify-items:center;text-align:center}.detail__target{display:flex;flex-direction:column;align-items:center}.detail__caption{font-size:12px;color:var(--muted)}.detail__no{font-size:64px;font-weight:700;font-family:ui-monospace,monospace;line-height:1.1;color:var(--challenger)}.detail__qr img{border:8px solid #fff;border-radius:8px;box-shadow:0 2px 12px #0000001f;image-rendering:pixelated}.qr-skeleton{width:320px;height:320px;background:#f3f4f6;border-radius:8px}.detail__meta{width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.detail__meta dl{margin:0 0 10px;font-size:12px}.detail__meta dl>div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:3px 0}.detail__meta dt{color:var(--muted)}.detail__meta dd{margin:0}.code{background:#0f172a;color:#e2e8f0;padding:12px;border-radius:8px;font-size:11px;overflow:auto;max-height:320px}.detail__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}