@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap");:root{--y:#FFDD03;--y-deep:#F5C800;--y-soft:#FFF7B8;--y-bg:#FFFBE0;--gold:#FFB800;--silver:#A8A8B0;--bronze:#C97A3F;--ink:#1a1a1a;--ink-2:#333;--ink-3:#555;--g1:#64748b;--g2:#94a3b8;--g3:#cbd5e1;--g4:#e2e8f0;--g5:#f1f5f9;--g6:#f8fafc;--green:#16a34a;--green-bg:#dcfce7;--green-deep:#14532d;--red:#dc2626;--red-bg:#fee2e2;--red-deep:#7f1d1d;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#FFFBE0}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px rgba(255,221,3,.4);border-color:#FFDD03}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:var(--g3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--g2)}.btn-pri{background:var(--ink-2);color:var(--y);transition:transform .15s,box-shadow .2s,background .15s}.btn-pri:hover{background:var(--ink);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.btn-pri:active{transform:translateY(0)}.btn-sec{background:#fff;transition:transform .15s,box-shadow .2s,background .15s}.btn-sec:hover{background:var(--g6);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sec:active{transform:translateY(0)}.btn-ghost{background:transparent;transition:background .15s}.btn-ghost:hover{background:rgba(0,0,0,.04)}.tab-btn{transition:all .15s}.tab-btn:hover{background:var(--y-soft)!important}.card-wrap{transition:box-shadow .2s,transform .2s}.card-wrap:hover{box-shadow:var(--shadow-md)}.vtab{transition:all .15s;cursor:pointer;border:none;font-family:inherit;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:600;white-space:nowrap}.vtab:hover{opacity:.85}.vtab:active{transform:scale(.96)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes glow{0%,to{box-shadow:0 0 0 0 rgba(255,221,3,0)}50%{box-shadow:0 0 0 4px rgba(255,221,3,.3)}}.fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) both}.pop-in{animation:pop .3s cubic-bezier(.34,1.56,.64,1) both}.slide-down{animation:slideDown .25s ease-out both}.skel{background:linear-gradient(90deg,#eef0f3,#f8fafc 80px,#eef0f3 160px);background-size:300px 100%;animation:shimmer 1.4s linear infinite;border-radius:6px}.d1{animation-delay:.04s}.d2{animation-delay:.08s}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}.medal-1{background:linear-gradient(135deg,#FFD56A,#FFA319);color:#fff;box-shadow:0 2px 6px rgba(255,163,25,.4)}.medal-2{background:linear-gradient(135deg,#D8D8DD,#A0A0AA);color:#fff;box-shadow:0 2px 6px rgba(160,160,170,.4)}.medal-3{background:linear-gradient(135deg,#E0A06C,#B5703A);color:#fff;box-shadow:0 2px 6px rgba(181,112,58,.4)}.match-card{transition:background .15s}.match-card:hover{background:var(--g6)}.toast{position:fixed;top:max(14px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);color:#fff;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;z-index:100;box-shadow:0 6px 24px rgba(0,0,0,.25);animation:slideDown .25s ease-out;pointer-events:none}.toast,.toast.ok{background:#1a1a1a}.toast.warn{background:#dc2626}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}