:root{--magenta: #e6007e;--magenta-soft: #ff5fb0;--tender: #3aa0ff;--intimate: #ff7a18;--fiery: #e02424;--bg-0: #0a0008;--bg-1: #1a0512;--ink: #ffe7f3;--ink-dim: #c98bb0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,var(--bg-1),var(--bg-0) 80%);color:var(--ink);-webkit-user-select:none;user-select:none;cursor:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#board{width:min(100vw,100vh);height:min(100vw,100vh);max-width:100%;max-height:100%}#board text{font-family:Segoe UI,system-ui,sans-serif}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.6vh 2.4vw;pointer-events:none}.turn-indicator{font-size:clamp(18px,2.6vw,40px);letter-spacing:.5px;text-shadow:0 0 18px rgba(230,0,126,.6)}.turn-indicator strong{color:#fff}.turn-label{color:var(--ink-dim);margin-right:.4ch}.turn-dot{display:inline-block;width:.9em;height:.9em;border-radius:50%;margin-right:.5ch;vertical-align:-.05em;box-shadow:0 0 12px currentColor}.turn-A{background:#36c2ff;color:#36c2ff}.turn-B{background:#ff4d6d;color:#ff4d6d}.conn-status{width:14px;height:14px;border-radius:50%;background:#555;box-shadow:0 0 8px #00000080}.conn-status.conn-open{background:#37c45a;box-shadow:0 0 10px #37c45a}.conn-status.conn-connecting{background:#f7d51d;animation:pulse 1s ease-in-out infinite}.conn-status.conn-closed{background:#e02424}@keyframes pulse{50%{opacity:.3}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:radial-gradient(ellipse at center,#0a00088c,#0a0008e0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .35s ease;z-index:10}.overlay.hidden{opacity:0;pointer-events:none}.card{text-align:center;max-width:80vw;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(28px) scale(.96)}}.die{width:clamp(90px,12vw,170px);height:clamp(90px,12vw,170px);margin:0 auto 2.4vh;border-radius:22%;background:linear-gradient(145deg,#fff,#ffd9ec);color:var(--magenta);font-size:clamp(60px,8vw,120px);font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #e6007eb3;animation:roll .6s cubic-bezier(.2,.8,.3,1.2)}@keyframes roll{0%{transform:rotate(-180deg) scale(.3)}60%{transform:rotate(15deg) scale(1.1)}}.roll-text{font-size:clamp(22px,3vw,46px)}.roll-space{margin-top:1.4vh;font-size:clamp(16px,2vw,30px);color:var(--ink-dim)}.roll-space:before{content:"";display:inline-block;width:.8em;height:.8em;border-radius:50%;background:var(--sp, #fff);margin-right:.5ch;vertical-align:-.05em}.spinner{width:clamp(80px,9vw,130px);height:clamp(80px,9vw,130px);margin:0 auto 3vh;border-radius:50%;border:7px solid rgba(255,255,255,.12);border-top-color:var(--magenta);animation:spin .9s linear infinite}.spinner.lvl-tender{border-top-color:var(--tender)}.spinner.lvl-intimate{border-top-color:var(--intimate)}.spinner.lvl-fiery{border-top-color:var(--fiery)}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{font-size:clamp(22px,3vw,44px);font-style:italic;color:var(--ink)}.spinner-level{margin-top:1.4vh;font-size:clamp(14px,1.6vw,24px);letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}.spinner-card.lvl-tender .spinner-level{color:var(--tender)}.spinner-card.lvl-intimate .spinner-level{color:var(--intimate)}.spinner-card.lvl-fiery .spinner-level{color:var(--fiery)}.card-badges{display:flex;gap:1ch;justify-content:center;margin-bottom:2vh}.badge{display:inline-block;padding:.3em 1em;border-radius:999px;font-size:clamp(14px,1.6vw,24px);font-weight:800;letter-spacing:1px;text-transform:uppercase;background:#ffffff1a}.badge.lvl-tender{background:var(--tender);color:#04263f}.badge.lvl-intimate{background:var(--intimate);color:#3a1500}.badge.lvl-fiery{background:var(--fiery);color:#fff}.badge-type{background:#e6007e40;color:var(--magenta-soft)}.card-intro{font-size:clamp(16px,2vw,30px);color:var(--ink-dim);margin-bottom:2.4vh}.card-intro strong{color:#fff}.card-text{font-size:clamp(28px,4vw,64px);line-height:1.25;font-weight:600;text-shadow:0 0 30px rgba(230,0,126,.4)}.hourglass{margin:4vh auto 0;width:clamp(54px,6vw,90px)}.hg-sand{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--magenta),var(--intimate));transform-origin:left;animation:drain var(--dur, 60s) linear forwards;box-shadow:0 0 14px #ff7a1899}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.hg-label{margin-top:1.2vh;font-size:clamp(14px,1.6vw,24px);color:var(--ink-dim)}.resolved-icon{font-size:clamp(70px,9vw,140px);line-height:1}.resolved-card.ok .resolved-icon{color:#37c45a;text-shadow:0 0 40px #37c45a}.resolved-card.no .resolved-icon{color:#e02424;text-shadow:0 0 40px #e02424}.resolved-text{margin-top:1.6vh;font-size:clamp(28px,3.6vw,56px);font-weight:800}.resolved-sub{margin-top:1vh;font-size:clamp(16px,2vw,30px);color:var(--ink-dim)}.thumbs-q{font-size:clamp(28px,3.6vw,56px);font-weight:800}.thumbs-icons{font-size:clamp(60px,8vw,120px);margin:2vh 0;display:flex;gap:6vw;justify-content:center}.thumbs-sub{font-size:clamp(16px,2vw,28px);color:var(--ink-dim)}.next-label{font-size:clamp(16px,2vw,30px);letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}.next-name{font-size:clamp(40px,6vw,96px);font-weight:900;text-shadow:0 0 36px rgba(230,0,126,.6)}.timer-icon{font-size:clamp(50px,6vw,90px)}.timer-text{font-size:clamp(22px,3vw,44px);margin-top:1vh}.error-card{font-size:clamp(16px,2vw,26px);color:#ff9a9a;background:#28000099;padding:1.2vh 2vw;border-radius:12px;border:1px solid rgba(224,36,36,.4)}.win-card{animation:rise .6s ease both}.win-spark{font-size:clamp(24px,3vw,44px);letter-spacing:.6ch;color:var(--magenta-soft);animation:twinkle 1.6s ease-in-out infinite}@keyframes twinkle{50%{opacity:.4}}.win-title{font-size:clamp(48px,8vw,140px);font-weight:900;margin:1.6vh 0;background:linear-gradient(90deg,#fff,var(--magenta-soft),var(--intimate));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(230,0,126,.5)}.win-desire-label{font-size:clamp(16px,2vw,28px);letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim);margin-top:3vh}.win-desire{font-size:clamp(28px,4.4vw,72px);font-style:italic;line-height:1.3;margin:1.4vh auto 0;max-width:70vw;color:#fff;text-shadow:0 0 40px rgba(255,122,24,.5)}.win-foot{margin-top:3.2vh;font-size:clamp(16px,2vw,28px);color:var(--ink-dim)}