@font-face{font-family:Pifo;src:local('Arial Black');font-weight:900}
:root{--blue:#303d81;--red:#ed1c2b;--paper:#f8f8f6;--ink:#252b48;--muted:#626579;--line:#d1d2da;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#ececee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 5%,#fff9 0,transparent 40%),linear-gradient(120deg,#dfe0e4 0%,#f4f4f5 42%,#dcdde3 100%);min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}button{transition:transform .15s,background .15s}button:active:not(:disabled){transform:scale(.98)}[hidden]{display:none!important}.shell{max-width:580px;margin:auto;padding:24px 28px 18px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 30px}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:.78;transform:rotate(-4deg);align-items:center}.brand>span{font-family:Pifo,Arial,sans-serif;font-size:37px;font-weight:900;letter-spacing:-2px;color:white;-webkit-text-stroke:1px var(--blue);text-shadow:2px 4px 0 var(--blue)}.brand small{font-size:13px;letter-spacing:1px;font-weight:900;color:#617eaf;background:#fff;border-radius:4px;padding:4px 7px;margin-top:5px}.edition{font-size:11px;font-weight:700;letter-spacing:2.5px;flex:1}.icon{background:transparent;color:var(--blue);font-size:24px;width:44px;height:44px;border:1px solid #303d8129;border-radius:50%}.topline{font-size:11px;letter-spacing:.5px;display:flex;align-items:center;gap:8px;margin:0 0 13px 4px;color:var(--muted)}.dot{height:6px;width:6px;border-radius:50%;background:var(--red)}.player{position:relative;background:var(--paper);border:1px solid #ffffff;border-radius:28px;padding:26px 24px 24px;text-align:center;overflow:hidden;box-shadow:0 9px 28px #303d8108}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.card-number{font-family:Pifo,Arial,sans-serif;font-weight:900;font-size:clamp(108px,25vw,150px);line-height:1.06;letter-spacing:-8px;color:var(--blue);padding-right:8px;margin:5px 0 3px}.wave{height:30px;display:flex;align-items:center;justify-content:center;gap:4px}.wave i{display:block;width:3px;border-radius:4px;height:9px;background:var(--red);opacity:.85}.wave i:nth-child(3n){height:22px}.wave i:nth-child(3n + 1){height:13px}.wave i:nth-child(5n){height:28px}.playing .wave i{animation:pulse .8s ease-in-out infinite alternate}.playing .wave i:nth-child(2n){animation-delay:-.5s}.playing .wave i:nth-child(3n){animation-delay:-.2s}@keyframes pulse{from{transform:scaleY(.25)}to{transform:scaleY(1)}}.hint{font-size:13px;line-height:1.5;color:var(--muted);min-height:20px;margin:14px 0 0}.listen{display:flex;gap:10px;margin:21px 0 0}.listen button{flex:1;color:var(--blue);background:#eaecf3;border-radius:12px;padding:13px 10px;font-size:13px}.listen b{font-size:19px;padding-left:5px}.listen span{display:block;font-size:10px;margin-top:5px;letter-spacing:.3px}.listen #long{color:white;background:var(--blue)}.stop{background:transparent;color:var(--red);font-size:11px;padding-top:14px}form{display:flex;border:1px solid #b9bdce;background:#ffffff59;border-radius:15px;overflow:hidden;margin:19px 0 10px;padding:5px}input{width:100%;min-width:0;background:none;border:0;outline:none;padding:12px 16px;font-size:18px;font-weight:700;color:var(--blue)}input::placeholder{color:#6c6f83;font-weight:400;font-size:15px}.go{background:var(--blue);border-radius:10px;width:57px;flex-shrink:0;color:white;font-size:28px}.random{display:block;width:100%;padding:14px;background:transparent;border:1px solid #303d8133;color:var(--blue);font-size:13px;border-radius:13px}.random span{font-size:22px;vertical-align:-2px;margin-right:8px}.divider{height:1px;background:var(--line);margin:22px 0}.axis{margin:18px 0 0;text-align:center}.axis .chips{display:flex;gap:8px;margin-top:9px}.axis .chips button{flex:1;padding:11px 6px;border-radius:12px;background:transparent;border:1px solid #303d8133;color:var(--blue);font-size:12px;font-weight:700}.axis .chips button.on{background:var(--blue);color:#fff;border-color:var(--blue)}.year.compact{font-size:14px;letter-spacing:-.3px}.pifo{width:100%;border-radius:20px;background:var(--red);color:white;font-size:47px;line-height:1;font-weight:900;letter-spacing:-2px;padding:18px 12px 14px;box-shadow:0 5px 0 #b90e1b}.pifo span{display:inline-block;transform:rotate(11deg)}.pifo small{font-size:10px;font-weight:400;display:block;letter-spacing:.5px;margin-top:8px}.pifo:disabled{background:#a9abb4;box-shadow:none;color:#fff;opacity:1}footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;font-weight:700;letter-spacing:.7px;color:#707486;margin-top:32px}.reveal-head{margin:16px 0 24px}h1{font-size:36px;letter-spacing:-1.5px;margin:10px 0}h2{font-size:27px;letter-spacing:-1px;margin:15px 0}.reveal-head p{font-size:12px;color:var(--muted)}.sequence{width:100%;border-radius:12px;padding:17px;background:var(--blue);color:white;font-size:14px}#sequence-status{font-size:12px;min-height:18px;color:var(--muted)}#timeline{list-style:none;padding:0;position:relative;margin:24px 0 30px}#timeline:before{content:'';position:absolute;top:12px;bottom:12px;width:1px;background:#b2b6c8;left:38px}.moment{position:relative;display:grid;grid-template-columns:78px 1fr;gap:16px;margin:13px 0;align-items:center}.year{position:relative;background:#ececee;color:var(--blue);font-weight:900;font-size:20px;text-align:center;padding:10px 0}.moment-card{background:var(--paper);border:1px solid #fff;border-radius:12px;padding:15px 40px 15px 16px;position:relative;transition:background .2s}.moment-card small{font-size:10px;color:var(--muted)}.moment-card strong{display:block;font-size:14px;margin:5px 0 3px}.moment-card span{font-size:12px;line-height:1.4;display:block}.moment-card button{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:transparent;color:var(--blue);width:28px;height:40px}.moment.active .moment-card{background:var(--blue);color:white}.moment.active .moment-card small,.moment.active .moment-card button{color:white}.primary{padding:17px 20px;background:var(--blue);color:#fff;border-radius:12px;width:100%}.quiet{padding:18px;background:transparent;color:var(--muted);width:100%;font-size:12px}dialog{border:1px solid #fff;border-radius:24px;padding:25px;max-width:450px;width:calc(100% - 32px);max-height:90svh;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #161b484d}dialog::backdrop{background:#1d244369;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog p,dialog li{font-size:13px;line-height:1.65;color:#55596d}.rules{padding-left:20px}.rules li{padding:5px 0}details{font-size:12px;margin:16px 0;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:700}.menu-links{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:8px}.menu-links a,.menu-links button{color:var(--blue);text-align:left;background:none;padding:12px 0;font-size:12px;text-decoration:none}.menu-links #reset{color:#b31825}.small{font-size:11px!important}.confirm-actions{display:flex;gap:10px;margin-top:20px}.confirm-actions button{flex:1;padding:13px;border-radius:10px;background:#eaecf3;color:var(--blue)}.confirm-actions .primary{background:var(--blue);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mixbox{background:linear-gradient(155deg,#2b3566 0%,#1c2246 62%,#232a52 100%);border-radius:24px;padding:24px 22px 22px;color:#fff;margin:0 0 18px;box-shadow:0 14px 34px #1b21401f}.mixbox .eyebrow{color:#9aa4d6}.mix-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}.mixbox .eyebrow{white-space:nowrap}.mix-meta{font-size:10px;letter-spacing:1px;color:#8e98cb;font-weight:700;white-space:nowrap}.mixbox h2{margin:10px 0 6px;font-size:26px;color:#fff}.mix-lede{font-size:12px;line-height:1.55;color:#b9c0e4;margin:0 0 18px}.mixgo{width:100%;border-radius:15px;background:var(--red);color:#fff;font-size:18px;font-weight:900;letter-spacing:-.3px;padding:17px 12px;box-shadow:0 4px 0 #b90e1b}.mixgo:disabled{background:#434a7d;box-shadow:none;color:#a2aad3;opacity:1}.mix-progress{height:4px;border-radius:4px;background:#ffffff1f;margin-top:14px;overflow:hidden}.mix-progress i{display:block;height:100%;width:0;background:var(--red);transition:width .3s}.mix-status{font-size:11px;color:#aab3de;min-height:16px;margin:12px 0 0}.mix-scrub{display:flex;gap:3px;height:8px;margin:6px 0 16px}.mix-part{flex:1 1 0;background:#ffffff1c;border-radius:3px;overflow:hidden;transition:background .2s}.mix-part.on{background:#ffffff33}.mix-part i{display:block;height:100%;width:0;background:#ffffff8c}.mix-part.on i{background:#ff5d68}.mix-now{min-height:66px}.mix-now small{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:#ff8d95}.mix-now strong{display:block;font-size:19px;letter-spacing:-.5px;margin:5px 0 3px}.mix-now span{font-size:12px;color:#b9c0e4}.mix-actions{display:flex;gap:10px;margin:14px 0 4px}.mix-play{flex:2;border-radius:12px;padding:15px;background:#fff;color:#1c2246;font-size:13px;font-weight:700}.mix-ghost{flex:1;border-radius:12px;padding:15px;background:#ffffff1a;color:#fff;font-size:12px}.mix-cast{border-top:1px solid #ffffff1f;margin-top:16px;padding-top:4px}.mix-line{font-size:11px;line-height:1.55;margin:11px 0;color:#c6cbea}.mix-line small{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:3px}.mix-line.up{color:#fff}.mix-line.up small{color:#ff8d95}.mix-line.mid small{color:#9aa4d6}.mix-line.down{color:#7d86b5}.mix-line.down small{color:#6a7099}.moment.mixed .moment-card{background:var(--red);color:#fff}.moment.mixed .moment-card small,.moment.mixed .moment-card button{color:#fff}.moment.mixed .year{color:var(--red)}@media(min-width:800px){.shell{padding-top:35px;max-width:500px}.player{padding-top:28px}.card-number{font-size:135px}}@media(max-height:760px){.shell{padding-top:17px}header{padding-bottom:20px}.player{padding:20px}.card-number{font-size:110px}.divider{margin:16px 0}footer{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.deck-qr [data-deck=num],body:not(.deck-qr) [data-deck=qr]{display:none!important}.scan{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;margin:19px 0 10px;padding:18px 14px;border-radius:15px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;box-shadow:0 4px 0 #1f285c}.scan svg{width:24px;height:24px}.retry{display:block;margin:16px auto 0;padding:13px 22px;border-radius:12px;background:var(--red);color:#fff;font-size:14px;font-weight:700}.pifo small span{display:inline;transform:none}.card-number .glyph{font-size:.56em;letter-spacing:0}.deck{margin:4px 0 6px;text-align:left}.viewfinder{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#161b36;margin:14px 0 0}.viewfinder video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewfinder i{position:absolute;inset:17%;border:3px solid #fff;border-radius:16px;box-shadow:0 0 0 100vmax #0b0f2659}.scan-status{min-height:44px;margin:14px 0 0;text-align:center}.photo{width:100%;padding:14px;border-radius:12px;background:var(--blue);color:#fff;font-size:13px;margin-top:4px}