:root{--t-office:#3aa0ff;--t-snack:#ff9f1c;--t-party:#ff3fa4;--t-stealth:#9b6bff;--t-sport:#39ff14;--t-glitch:#22e4e4;--t-chaos:#ff3b30;--t-house:#d9cfba;--gc-gold:#f5d76e;--gc-gold-2:#c9a227;--gc-red:#b00020;--gc-line:#2a3563;--gc-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--gc-marker:"Marker Felt", "Chalkboard SE", "Comic Sans MS", cursive}@property --mx{syntax:"<percentage>";inherits:true;initial-value:30%}@property --my{syntax:"<percentage>";inherits:true;initial-value:30%}.sym{--tc:var(--t-house);width:var(--sz,4.2cqi);height:var(--sz,4.2cqi);vertical-align:middle;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tc) 55%, white), var(--tc) 60%, color-mix(in srgb, var(--tc) 70%, black));border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 0 0 1px #0006}.sym svg{fill:#111;width:72%;height:72%}.sym.rainbow{background:conic-gradient(var(--t-office), var(--t-snack), var(--t-party), var(--t-stealth), var(--t-sport), var(--t-glitch), var(--t-chaos), var(--t-office))}.gc{--tc:var(--t-house);aspect-ratio:63/88;perspective:1400px;cursor:pointer;color:#111;text-align:left;border-radius:4.5cqi;width:100%;max-width:100%;display:block;position:relative;container-type:inline-size}.gc:focus-visible{outline-offset:3px;outline:2px solid #39ff14}.gc .flip{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.gc.flipped .flip{transform:rotateY(180deg)}.gc .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:4.5cqi;position:absolute;inset:0;overflow:hidden}.gc .back{transform:rotateY(180deg)}.gc p{margin:0}.gc .badge{z-index:4;font:700 max(9px, 4cqi) var(--gc-mono);color:#0b1020;letter-spacing:.08em;background:#39ff14;border-radius:1.6cqi;padding:.8cqi 2cqi;position:absolute;top:-2.5cqi;right:-2.5cqi;transform:rotate(6deg)}.gc .set{font:700 2.5cqi var(--gc-mono);opacity:.85;justify-content:space-between;align-items:center;padding:0 .6cqi;display:flex}.gc .set .ser{color:#f5d76e;background:#111;border-radius:.6cqi;padding:0 1cqi}.gc .set .h{color:#111;background:linear-gradient(90deg,#ff3fa4,#ffd23f,#39ff14,#22e4e4);border-radius:.6cqi;padding:0 1cqi}.gc .kind{font:700 2.6cqi var(--gc-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:1cqi;padding:.4cqi 1.6cqi}.gc .rules{font-size:3.4cqi;line-height:1.3}.gc .rules b{font-weight:800}.gc .fine{font:600 2.6cqi var(--font-sans,sans-serif);opacity:.75;margin-top:.6cqi;display:block}.gc .ttl b{font-family:var(--font-meme);text-transform:uppercase;font-weight:400}.t-office{--tc:var(--t-office)}.t-snack{--tc:var(--t-snack)}.t-party{--tc:var(--t-party)}.t-stealth{--tc:var(--t-stealth)}.t-sport{--tc:var(--t-sport)}.t-glitch{--tc:var(--t-glitch)}.t-chaos{--tc:var(--t-chaos)}.t-house{--tc:var(--t-house)}.tom .front{background:linear-gradient(160deg, color-mix(in srgb, var(--tc) 85%, white) 0%, var(--tc) 45%, color-mix(in srgb, var(--tc) 60%, black) 100%);border:1cqi solid var(--gc-gold);flex-direction:column;gap:1.4cqi;padding:3cqi;display:flex}.tom .top{align-items:center;gap:1.2cqi;padding:0 .4cqi;display:flex}.tom .stage{font:700 2.4cqi var(--gc-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tc);background:#111;border-radius:1cqi;flex:none;padding:.5cqi 1.2cqi}.tom .name{font:400 6.4cqi/1.05 var(--font-meme);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tom .cover{font:800 2.6cqi var(--font-sans,sans-serif);white-space:nowrap;text-transform:uppercase;align-items:center;gap:.8cqi;display:flex}.tom .cover b{font:400 6.4cqi var(--font-meme);color:var(--gc-red)}.tom .from{font:italic 600 2.6cqi var(--font-sans,sans-serif);white-space:nowrap;text-overflow:ellipsis;margin-top:-.6cqi;padding:0 .4cqi;overflow:hidden}.tom .art{border:.9cqi solid var(--gc-gold-2);background:#000;flex:0 0 37%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff8}.tom .art img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.tom .strip{font:600 2.7cqi var(--font-sans,sans-serif);text-align:center;background:linear-gradient(90deg, var(--gc-gold-2), #f5e7a1, var(--gc-gold-2));white-space:nowrap;text-overflow:ellipsis;border-radius:.6cqi;padding:.3cqi 1cqi;overflow:hidden}.tom .qk{padding:0 .6cqi;font-size:3.1cqi;line-height:1.25}.tom .qk em{font:800 2.7cqi var(--font-sans,sans-serif);color:#fff;background:var(--gc-red);text-transform:uppercase;border-radius:.6cqi;margin-right:.6cqi;padding:.1cqi 1cqi;font-style:normal}.tom .atk{border-top:1px solid #0003;grid-template-columns:auto 1fr auto;align-items:center;gap:.4cqi 1.4cqi;padding:.5cqi .6cqi;display:grid}.tom .cost{--sz:4cqi;gap:.5cqi;display:flex}.tom .atk strong{font:800 3.8cqi/1.15 var(--font-sans,sans-serif)}.tom .atk .dmg{font:400 6.2cqi var(--font-meme)}.tom .atk p{grid-column:1/-1;font-size:3cqi;line-height:1.25}.tom .foot{font:700 2.8cqi var(--font-sans,sans-serif);text-align:center;--sz:3.6cqi;border-top:1px solid #0003;grid-template-columns:repeat(3,1fr);gap:1cqi;margin-top:auto;padding-top:.8cqi;display:grid}.tom .foot>span{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6cqi;display:flex}.tom .foot b{text-transform:uppercase;opacity:.7;width:100%;font-size:2.2cqi}.tom .back{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tc) 40%, #121a33), #121a33 70%);border:1cqi solid var(--gc-gold);color:#e8ecff;flex-direction:column;gap:2.6cqi;padding:6cqi;font-size:3.5cqi;line-height:1.38;display:flex}.tom .back h3{font:400 8.5cqi/1 var(--font-meme);text-transform:uppercase;margin:0}.tom .back .k{font:700 2.7cqi var(--gc-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tc)}.tom .bars{gap:1.3cqi;display:grid}.tom .bar{font:600 2.7cqi var(--gc-mono);text-transform:uppercase;grid-template-columns:20cqi 1fr 5cqi;align-items:center;gap:2cqi;display:grid}.tom .bar i{background:var(--gc-line);border-radius:1cqi;height:1.8cqi;position:relative;overflow:hidden}.tom .bar i:before{content:"";width:calc(var(--v) * 10%);background:var(--tc);position:absolute;inset:0 auto 0 0}.tom .bar span{text-align:right;font-variant-numeric:tabular-nums}.legend .front,.legend .back{border-color:#ffe9a0;box-shadow:inset 0 0 0 .6cqi #b8860b}.cback{background:radial-gradient(circle,#3b1d6e 0%,#12082a 72%);border:1cqi solid #1b1b1b;place-items:center;display:grid}.cback .ring{aspect-ratio:1;background:conic-gradient(#ff007f,#7000ff,#39ff14,#ff007f);border-radius:50%;width:72%;padding:2cqi}.cback .ring>span{text-align:center;width:100%;height:100%;font:400 9cqi/.9 var(--font-meme);text-transform:uppercase;color:#e8ecff;background:#12082a;border-radius:50%;place-items:center;display:grid}.cback small{font:700 2.8cqi var(--gc-mono);letter-spacing:.14em;color:#39ff14;margin-top:2cqi;display:block}.fuel .art,.survivor .art,.gear .art,.venue .art{background:#000;border-radius:1.6cqi;position:relative;overflow:hidden}.fuel .art img,.survivor .art img,.gear .art img,.venue .art img{object-fit:cover;width:100%;height:100%;display:block}.fuel .front{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--tc) 70%, white) 0%, var(--tc) 38%, color-mix(in srgb, var(--tc) 45%, black) 100%);border:1cqi solid #f2f2f2;flex-direction:column;gap:2cqi;padding:4cqi;display:flex}.fuel.special .front{background:conic-gradient(from 200deg at 50% 42%, var(--t-office), var(--t-snack), var(--t-party), var(--t-stealth), var(--t-sport), var(--t-glitch), var(--t-chaos), var(--t-office))}.fuel .ttl{--sz:7cqi;justify-content:space-between;align-items:center;gap:1cqi;display:flex}.fuel .ttl b{font-size:7cqi;line-height:1}.fuel .art{border:.8cqi solid #fff;flex:1;box-shadow:0 2cqi 5cqi #0006}.fuel .kind{color:var(--tc);background:#111;margin-right:.6cqi}.fuel .rules{--sz:4.4cqi;background:#ffffffd9;border-radius:2cqi;padding:2.4cqi 3cqi}.survivor .front{color:#2b1a10;background:#f3ecd9;border:1cqi solid #d9cba4;flex-direction:column;gap:1.8cqi;padding:3.5cqi;display:flex}.survivor .ttl{gap:.5cqi;display:grid}.survivor .kind{background:var(--gc-red);color:#fff;justify-self:start}.survivor .ttl b{font-size:7cqi;line-height:1}.survivor .ttl i{font:600 2.9cqi var(--font-sans,sans-serif);color:#6b5440;font-style:normal}.survivor .art{border:.6cqi solid #2b1a10;flex:0 0 40%}.survivor .rules{border-top:.6cqi solid #2b1a10;flex:1;padding-top:1.8cqi;font-size:3.6cqi}.survivor .quote{font:italic 3.4cqi/1.3 var(--gc-marker);color:#6b5440;margin-top:1.6cqi}.survivor .fine{color:#6b5440}.gear .front{background:linear-gradient(160deg,#dfe4ea,#aeb7c4 55%,#79828f);border:1cqi solid #e9edf2;flex-direction:column;gap:2cqi;padding:3.5cqi;display:flex}.gear .ttl{justify-content:space-between;align-items:center;gap:1cqi;display:flex}.gear .ttl b{min-width:0;font-size:6.6cqi;line-height:1.05}.gear .kind{color:#aeb7c4;background:#111}.gear .art{border:.6cqi solid #ffffffd9;flex:0 0 44%}.gear .art:before{content:"EVIDENCE";z-index:1;background:var(--gc-red);color:#fff;font:700 2.8cqi var(--gc-mono);letter-spacing:.3em;padding:.6cqi 6cqi;position:absolute;top:2cqi;left:-6cqi;transform:rotate(-12deg)}.gear .rules{background:#ffffffb3;border-radius:1.6cqi;flex:1;padding:2.4cqi 3cqi}.venue .front{color:#eaf5ef;background:#16241f;border:1cqi solid #3f6b58;flex-direction:column;gap:2cqi;padding:3.5cqi;display:flex}.venue .ttl{gap:.6cqi;display:grid}.venue .kind{color:#eaf5ef;background:#3f6b58;justify-self:start}.venue .ttl b{font-size:6.6cqi;line-height:1.05}.venue .ttl i{font:600 2.8cqi var(--font-sans,sans-serif);color:#9cc6b3;font-style:normal}.venue .art{border:.6cqi solid #3f6b58;flex:0 0 46%}.venue .rules{flex:1;font-size:3.6cqi}.venue .fine{color:#9cc6b3}.holo .front:after,.holo .back:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:color-dodge;opacity:.5;background:radial-gradient(circle, #ffffffb3 0 .35cqi, transparent .6cqi) 0 0 / 5cqi 5cqi, linear-gradient(115deg, transparent 5%, #ff00808c 22%, #ffdc0080 34%, #39ff1480 46%, #00c8ff8c 58%, #9650ff8c 70%, transparent 88%) var(--mx) var(--my) / 300% 300%;animation:7s ease-in-out infinite alternate gc-drift;position:absolute;inset:0}.holo .art:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(120deg, #ff008080 0 4cqi, #ffdc0073 4cqi 8cqi, #39ff1473 8cqi 12cqi, #00c8ff80 12cqi 16cqi) var(--mx) var(--my) / 200% 200%;position:absolute;inset:0}.gc.live .front:after,.gc.live .back:after{opacity:.85;animation:none}@keyframes gc-drift{0%{--mx:10%;--my:20%}to{--mx:90%;--my:80%}}.gc-overlay{z-index:60;backdrop-filter:blur(6px);perspective:1200px;background:#050814db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gc-overlay .gc{width:min(410px,84vw,64vh);transition:transform .12s}.gc-nav{color:#fff;cursor:pointer;z-index:2;background:#121a33d9;border:1px solid #ffffff40;border-radius:50%;width:52px;height:52px;font:700 22px/1 system-ui,sans-serif;position:absolute;top:50%;transform:translateY(-50%)}.gc-nav:hover{background:#ff007f;border-color:#ff007f}.gc-nav:focus-visible{outline-offset:3px;outline:2px solid #39ff14}.gc-nav.prev{left:max(12px,50% - min(410px,84vw,64vh)/2 - 76px)}.gc-nav.next{right:max(12px,50% - min(410px,84vw,64vh)/2 - 76px)}@media (width<=640px){.gc-nav{top:auto;bottom:calc(52px + env(safe-area-inset-bottom,0px));transform:none}}.gc-overlay .hint{bottom:calc(18px + env(safe-area-inset-bottom,0px));text-align:center;font:600 12px var(--gc-mono);color:#96a0c8;position:absolute;left:16px;right:16px}@media (prefers-reduced-motion:reduce){.gc .flip,.gc-overlay .gc{transition:none}.holo .front:after,.holo .back:after{animation:none}}.sfx-mute{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:999px;justify-self:center;padding:4px 10px;font:600 12px ui-monospace,monospace}.sfx-mute:hover{color:#fff;border-color:#ff007f}
