.live-section{padding-block:36px 76px}.live-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.live-card{border:1px solid var(--line);border-radius:22px;padding:0 0 22px;overflow:hidden;text-align:start;color:var(--text);background:var(--panel);cursor:pointer;transition:transform .3s,border-color .3s}.live-card:hover{transform:translateY(-5px);border-color:#c9b58b80}.live-art{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#6c543b33,transparent 65%),#0c1823;color:#e0c497}.live-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 22% 28%,#fff8 0 1px,transparent 1.6px),radial-gradient(circle at 75% 72%,#fff7 0 1px,transparent 1.5px),radial-gradient(circle at 67% 16%,#fff4 0 1px,transparent 1.5px);background-size:83px 73px,117px 91px,61px 113px}.live-art strong{font:italic 80px Georgia,serif;font-weight:400;z-index:1;text-shadow:0 0 38px currentColor}.live-art i{position:absolute;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.23;animation:live-card-turn 32s linear infinite;transform:rotate(20deg) scaleY(.6)}.live-art i:nth-child(2){transform:rotate(80deg) scaleY(.6);animation-delay:-10s}.live-art i:nth-child(3){transform:rotate(140deg) scaleY(.6);animation-delay:-20s}.live-card-1 .live-art{color:#9ed6c9;background:radial-gradient(ellipse at center,#496b6233,transparent 65%),#0c1823}.live-card-2 .live-art{color:#c1b1e0;background:radial-gradient(ellipse at center,#62526f44,transparent 65%),#0c1823}.live-card-name{display:flex;justify-content:space-between;font-size:19px;padding:22px 22px 9px}.live-card-name>span{color:var(--gold)}.live-card-desc{display:block;padding-inline:22px;color:var(--muted);font-size:13px;line-height:1.7}.live-note{color:var(--muted);font-size:12px;margin-top:17px}.live-dialog{position:fixed;inset:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;background:#080f19;color:#e8e6e1;overflow:hidden}.live-dialog::backdrop{background:#080f19}.live-dialog canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.live-top{position:absolute;top:0;inset-inline:0;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;pointer-events:none}.live-brand{font-size:16px;letter-spacing:.05em;color:#e8e6e1}.live-brand span{color:#dec59a}.live-brand small{font-size:9px;letter-spacing:.2em;border:1px solid #dec59a44;padding:5px 7px;margin-inline-start:12px}.live-close{pointer-events:auto;border:1px solid #ffffff29;border-radius:50%;width:46px;height:46px;background:#0d1724aa;color:#e8e6e1;font-size:26px;cursor:pointer}.live-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:85%}.live-number{font:italic clamp(90px,14vw,180px)/1 Georgia,serif;color:#e0c497;text-shadow:0 0 60px #dec59a30}.live-center h2{font-family:Georgia,serif;font-size:clamp(22px,3vw,36px);font-weight:400;margin:22px 0 12px;color:#ece8df}.live-center p{font-size:14px;letter-spacing:.03em;color:#b8b7b5}.live-dialog[data-world='1'] .live-number{color:#a1d9cc}.live-dialog[data-world='2'] .live-number{color:#c4b2e9}.live-bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));inset-inline:20px;text-align:center;pointer-events:none}.live-bottom>p{font-size:12px;color:#a0a8b2;margin-bottom:18px}.live-controls{display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:auto}.live-choices{display:flex;border:1px solid #ffffff29;background:#0b1422c9;border-radius:40px;padding:5px;gap:4px}.live-choices button{border:0;border-radius:50%;width:44px;height:44px;color:#b5bcc6;background:transparent;font:24px Georgia,serif;cursor:pointer}.live-choices button[aria-pressed=true]{color:#101a25;background:#dec59a}.live-pause{border:1px solid #ffffff29;border-radius:30px;min-width:108px;min-height:54px;background:#0b1422c9;color:#deddd7;font-size:13px;padding:10px 20px;cursor:pointer}.live-bottom>small{display:block;margin-top:17px;color:#777f8e;font-size:10px;letter-spacing:.07em}.live-dialog button:focus-visible{outline:2px solid #e0c497;outline-offset:4px}@keyframes live-card-turn{to{transform:rotate(380deg) scaleY(.6)}}
@media(max-width:700px){.live-section{padding-block:22px 45px}.live-cards{gap:15px;grid-template-columns:1fr}.live-card{display:grid;grid-template-columns:108px 1fr;grid-template-rows:auto auto;padding:0;border-radius:17px}.live-art{grid-row:1/3;height:132px}.live-art strong{font-size:62px}.live-art i{width:120px;height:120px}.live-card-name{font-size:17px;padding:24px 17px 7px;align-self:end;gap:8px}.live-card-desc{padding:0 17px 22px;font-size:12px}.live-top{padding:19px}.live-center h2{margin-top:20px}.live-center p{font-size:12px}.live-bottom>p{max-width:250px;margin-inline:auto;line-height:1.6}.live-choices button{width:42px;height:42px}.live-pause{padding:10px 13px;min-width:95px}.live-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.live-art i{animation:none}.live-card{transition:none}}
@media print{.live-section,.live-dialog{display:none!important}}