:root{--tb-paper: #fff7ea;--tb-dim: #d9c7aa;--tb-panel: rgba(30, 21, 14, .9);--tb-line: rgba(255, 214, 150, .28);--tb-gold: #ffc44a;--tb-gold-deep: #e8962a;--tb-red: #e23a24;--tb-silver: #cfe0f2;--tb-bronze: #e0a070;--tb-gray: #b8aea0}.tb-panel{color:var(--tb-paper);background:var(--tb-panel);border:1px solid var(--tb-line);border-radius:18px;box-shadow:0 20px 60px #0a060373;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tb-result{position:fixed;z-index:9;right:calc(20px + env(safe-area-inset-right,0px));top:calc(var(--shell-h) + 14px + env(safe-area-inset-top,0px));width:360px;max-height:calc(100dvh - var(--shell-h) - 140px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;padding:18px 18px 16px;animation:tb-in .32s cubic-bezier(.2,.9,.3,1.2) both}@media (max-width: 760px){.tb-result{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));top:auto;bottom:calc(124px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100dvh - var(--shell-h) - 150px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:14px 14px 12px}}@keyframes tb-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.tb-head{display:flex;align-items:center;gap:14px}.tb-grade{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;align-content:center;color:#2a1a08;background:radial-gradient(circle at 35% 30%,#fff3c4,var(--tb-gold) 55%,var(--tb-gold-deep));box-shadow:0 0 0 3px #ffffffbf,0 0 28px #ffc44a8c;animation:tb-stamp .5s .15s cubic-bezier(.2,1.4,.4,1) both}.tb-grade--A{background:radial-gradient(circle at 35% 30%,#ffffff,var(--tb-silver) 55%,#8fa9c4);box-shadow:0 0 0 3px #ffffffb3,0 0 20px #c8e1ff66}.tb-grade--B{background:radial-gradient(circle at 35% 30%,#ffe2c8,var(--tb-bronze) 55%,#a8643a);box-shadow:0 0 0 3px #fff9}.tb-grade--C{background:radial-gradient(circle at 35% 30%,#f4efe8,var(--tb-gray) 60%,#857a6c);box-shadow:0 0 0 3px #ffffff80}.tb-grade-k{font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1}.tb-grade-v{font-size:40px;font-weight:900;line-height:1}@keyframes tb-stamp{0%{opacity:0;transform:scale(2.2) rotate(-14deg)}to{opacity:1;transform:none}}.tb-headtext{min-width:0}.tb-kicker{margin:0;font-size:15px;font-weight:800;letter-spacing:.12em;color:var(--tb-gold)}.tb-kicker--lose{color:#ffb3a6;font-size:22px;letter-spacing:.06em}.tb-time{margin:0;font-size:44px;font-weight:900;line-height:1.05;font-variant-numeric:tabular-nums}.tb-unit{font-size:18px;margin-left:3px;font-weight:800}.tb-best{margin:4px 0 0;font-size:13px;color:var(--tb-dim)}.tb-best--new{display:inline-block;padding:3px 10px;border-radius:999px;color:#2a1a08;font-weight:800;background:linear-gradient(90deg,var(--tb-gold),#fff0b8,var(--tb-gold));background-size:200% 100%;animation:tb-shine 1.6s .6s linear infinite,tb-pop .4s .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes tb-shine{to{background-position:-200% 0}}@keyframes tb-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.tb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 0}.tb-stats>div{background:#ffffff0f;border-radius:10px;padding:7px 4px 6px;text-align:center}.tb-stats dt{font-size:11px;color:var(--tb-dim);white-space:nowrap}.tb-stats dd{margin:2px 0 0;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.tb-h3{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--tb-dim);letter-spacing:.04em}.tb-h3--gold{color:var(--tb-gold)}.tb-h2{margin:0;font-size:18px}.tb-newbadges{margin-top:12px}.tb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tb-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 5px;border-radius:999px;border:1px solid rgba(255,196,74,.7);background:#ffc44a24;font-size:13px;font-weight:700;animation:tb-pop .42s cubic-bezier(.2,1.5,.4,1) both;animation-delay:calc(.6s + var(--i, 0) * .14s)}.tb-chip .tb-ico{width:24px;height:24px;padding:3px;border-radius:50%;background:var(--tb-gold);stroke:#2a1a08}.tb-ico{width:30px;height:30px;fill:none;stroke:var(--tb-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.tb-ico--off{stroke:none;fill:#0000008c;filter:drop-shadow(0 0 1px rgba(255,255,255,.25))}.tb-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:14px}.tb-result--lose .tb-actions{grid-template-columns:1.6fr 1fr}.tb-btn{appearance:none;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:var(--tb-paper);font:700 14px/1.2 inherit;font-family:inherit;cursor:pointer}.tb-btn:hover{border-color:var(--tb-gold)}.tb-btn:focus-visible,.tb-select:focus-visible,.tb-link:focus-visible{outline:3px solid #ffe3a3;outline-offset:2px}.tb-btn--primary{background:linear-gradient(180deg,#f0a43a,#c96e1c);border-color:#ffd28a;color:#fff;font-size:15px}.tb-btn--gold{background:#ffc44a2e;border-color:var(--tb-gold)}.tb-btn--icon{min-height:40px;width:40px;padding:0;font-size:20px;border-radius:50%}.tb-btn:disabled{opacity:.55;cursor:default}.tb-btn[aria-expanded=true]{border-color:var(--tb-gold);background:#ffc44a29}.tb-share{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tb-share[hidden]{display:none}.tb-share .tb-btn{min-height:40px;font-size:13px}.tb-share .tb-btn:first-child{grid-column:1 / -1}.tb-copy{grid-column:1 / -1;width:100%;font-size:12px}.tb-records,.tb-ranking{margin-top:14px}.tb-reclist{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-variant-numeric:tabular-nums}.tb-reclist li{display:grid;grid-template-columns:22px 1fr 30px auto;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:#ffffff0d;font-size:14px}.tb-reclist li[data-now=true]{background:#ffc44a33;box-shadow:inset 0 0 0 1px #ffc44a99}.tb-reclist--board li{grid-template-columns:22px minmax(0,1fr) auto 30px auto}.tb-rec-n{color:var(--tb-dim);font-weight:800;text-align:center}.tb-rec-t{font-weight:800}.tb-rec-d{color:var(--tb-dim);font-size:12px}.tb-rec-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-rec-new{grid-column:1 / -1;display:none}.tb-rate{display:inline-grid;place-items:center;width:26px;height:22px;border-radius:6px;font-weight:900;font-size:13px;color:#2a1a08;background:var(--tb-gold)}.tb-rate--A{background:var(--tb-silver)}.tb-rate--B{background:var(--tb-bronze)}.tb-rate--C{background:var(--tb-gray)}.tb-note{margin:6px 0 0;font-size:12px;color:var(--tb-dim);line-height:1.5}.tb-note--warn{color:#ffcfb8}.tb-fine{margin:6px 0 0;font-size:11px;color:var(--tb-dim)}.tb-rankform{display:grid;gap:8px;margin-top:8px}.tb-names{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tb-select{min-height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#2c2018;color:var(--tb-paper);font:inherit;font-size:14px;padding:0 8px;min-width:0}.tb-link{appearance:none;background:none;border:0;padding:4px 0;color:var(--tb-dim);text-decoration:underline;font:inherit;font-size:12px;cursor:pointer;justify-self:start}.tb-mine{margin-top:12px}.tb-reclist--mine{max-height:216px;overflow-y:auto;overscroll-behavior:contain}.tb-reclist--mine li{grid-template-columns:auto 30px minmax(0,1fr) auto;padding:2px 4px 2px 8px}.tb-reclist--mine .tb-link{justify-self:end;min-height:36px;padding:0 8px}.tb-near{margin:6px 0 0;font-size:17px;font-weight:700}.tb-near strong{font-size:34px;font-weight:900;color:var(--tb-gold);margin:0 2px;font-variant-numeric:tabular-nums}.tb-bar{height:12px;margin-top:8px;border-radius:6px;background:#e23a24d9;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.tb-bar span{display:block;height:100%;background:repeating-linear-gradient(135deg,#ffffff29 0 6px,#ffffff14 6px 12px);animation:tb-grow .7s .2s ease-out both;transform-origin:left}@keyframes tb-grow{0%{transform:scaleX(0)}to{transform:none}}.tb-reason{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#e23a24d9;font-weight:800;font-size:14px}.tb-scrim{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px));background:#0e09058c}.tb-shelf{width:min(640px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:16px}.tb-shelf-top{display:flex;align-items:center;gap:10px}.tb-shelf-count{color:var(--tb-gold);font-weight:800;font-variant-numeric:tabular-nums;margin-right:auto}.tb-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 520px){.tb-grid{grid-template-columns:1fr;gap:6px}}.tb-cell{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.16)}.tb-cell .tb-ico{width:38px;height:38px;padding:6px;border-radius:50%;background:#ffffff12}.tb-cell--on{background:#ffc44a1a;border:1px solid rgba(255,196,74,.45)}.tb-cell--on .tb-ico{background:var(--tb-gold);stroke:#2a1a08}.tb-cell-t{min-width:0;display:grid;gap:1px}.tb-cell-t strong{font-size:14px}.tb-cell:not(.tb-cell--on) .tb-cell-t strong{color:var(--tb-dim);letter-spacing:.1em}.tb-cell-t span{font-size:12px;color:var(--tb-dim);line-height:1.45}.tb-cell-t small{font-size:11px;color:var(--tb-gold)}@media (prefers-reduced-motion: reduce){.tb-result,.tb-grade,.tb-best--new,.tb-chip,.tb-bar span{animation:none}}