.tc{--bg:#2a1a3e;--iv:#fff8e8;--gold:#ffb928;--vio:#7c5cff;color:var(--iv);background:var(--bg);font-family:Zen Kaku Gothic New,sans-serif;overflow-x:clip}.tc :focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tc button{cursor:pointer;color:inherit;font-family:inherit}.tc-hero{text-align:center;background:radial-gradient(ellipse at 50% 0%, #5a3b9a, var(--bg) 70%);padding:calc(48px + 1.6rem) clamp(1rem,5vw,4rem) 1.4rem}.tc-kick{letter-spacing:.3em;color:var(--gold);font-size:.72rem}.tc-hero h1{margin-top:.4rem;font-size:clamp(2.2rem,9vw,5.4rem);font-weight:900;line-height:1.1}.tc-hero h1 span{background:linear-gradient(90deg, var(--gold), #ff6aa8, var(--vio));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.tc-master{margin-top:.8rem;font-size:.86rem;font-weight:700}.tc-tag{color:#d8caf5;margin-top:.2rem;font-size:.82rem}.tc-pack-sec{max-width:62rem;margin:0 auto;padding:.8rem clamp(.8rem,3vw,1.6rem) 2rem}.tc-stat{flex-wrap:wrap;justify-content:center;gap:.3rem 2rem;font-size:.82rem;font-weight:700;display:flex}.tc-stat b{color:var(--gold);font-size:1.5rem;font-weight:900}.tc-pack-area{justify-items:center;gap:.8rem;margin-top:1rem;display:grid}.tc-pack{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:12rem;height:17rem;position:relative}.tc-pack.is-drag{cursor:grabbing}.tc-pack-body{text-align:center;background:linear-gradient(160deg,#7c5cff,#c24be0 50%,#ffb928);border:3px solid #fff;border-top:0;border-radius:0 0 .8rem .8rem;place-content:center;gap:.3rem;display:grid;position:absolute;inset:2.4rem 0 0;box-shadow:0 14px 30px #00000073}.tc-pack-body b{letter-spacing:.1em;text-shadow:2px 2px #00000059;font-size:1.8rem;font-weight:900}.tc-pack-body span{font-size:.86rem;font-weight:700}.tc-pack-body small{opacity:.85;font-size:.7rem}.tc-pack-top{transform-origin:0 100%;height:2.6rem;transform:translateX(var(--tx,0)) rotate(var(--tr,0deg));background:repeating-linear-gradient(90deg,#ffe7a0 0 6px,#ffb928 6px 12px);border:3px solid #fff;border-radius:.8rem .8rem 0 0;transition:transform .25s;position:absolute;top:0;left:0;right:0}.tc-pack.is-drag .tc-pack-top{transition:none}.tc-swipe{text-align:center;letter-spacing:.1em;color:#5a3b00;pointer-events:none;z-index:1;font-size:.7rem;font-weight:900;position:absolute;top:.5rem;left:0;right:0}.tc-pack.is-open{pointer-events:none;animation:.5s forwards tc-gone}@keyframes tc-gone{to{opacity:0;transform:translateY(30px)scale(.9)}}.tc-open{color:#3a2000;background:var(--gold);border:3px solid #fff;border-radius:99px;padding:.6rem 1.4rem;font-size:.86rem;font-weight:900;box-shadow:0 4px #a06a00}.tc-open:active{transform:translateY(3px);box-shadow:0 1px #a06a00}.tc-open:disabled{opacity:.45;cursor:default}.tc-reveal{text-align:center;margin-top:1.4rem}.tc-reveal[hidden]{display:none}.tc-reveal-h{color:#d8caf5;font-size:.82rem;font-weight:700}.tc-reveal-row{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,2vw,1.2rem);margin-top:.8rem;display:flex}.tc-msg{text-align:center;min-height:1.4rem;color:var(--gold);margin-top:.8rem;font-size:.82rem;font-weight:700}.tc-card{aspect-ratio:5/7;perspective:800px;text-align:left;background:0 0;border:0;flex:none;width:11rem;padding:0;position:relative}.tc-card-in{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.2,.5,1);position:absolute;inset:0}.tc-card.is-back .tc-card-in{transform:rotateY(180deg)}.tc-face,.tc-backface{backface-visibility:hidden;border-radius:.7rem;position:absolute;inset:0;overflow:hidden}.tc-backface{border:4px solid var(--gold);letter-spacing:.15em;color:var(--gold);text-align:center;background:repeating-linear-gradient(45deg,#3b2570 0 8px,#2d1a58 8px 16px);place-content:center;font-size:1.1rem;font-weight:900;display:grid;transform:rotateY(180deg)}.tc-face{color:#1a1030;background:linear-gradient(160deg, var(--c1), var(--c2));border:4px solid var(--bd);transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));grid-template-rows:auto 1fr auto;gap:.2rem;padding:.4rem;transition:transform .12s;display:grid}.tc-r-ur{--c1:#fff2b8;--c2:#ffb928;--bd:#fff}.tc-r-sr{--c1:#e8dcff;--c2:#a58cff;--bd:#d8caf5}.tc-r-r{--c1:#d8f0ff;--c2:#6fb4e8;--bd:#b4dcf5}.tc-r-n{--c1:#ece6dc;--c2:#b8b0a2;--bd:#d6cfc2}.tc-top{justify-content:space-between;align-items:center;gap:.3rem;display:flex}.tc-top b{font-size:.7rem;font-weight:900;line-height:1.2}.tc-r{color:var(--gold);background:#1a1030;border-radius:.25rem;padding:0 .35rem;font-size:.64rem;font-weight:900}.tc-art{background:#fff;border:2px solid #1a1030;min-height:0;position:relative;overflow:hidden}.tc-art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tc-bot{gap:.1rem;font-size:.62rem;font-weight:700;display:grid}.tc-bot .row{justify-content:space-between;align-items:center;display:flex}.tc-bot .stats b{font-size:.9rem;font-weight:900}.tc-type{color:#fff;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.7rem;font-weight:900;display:inline-grid}.tc-t0{background:#e8442a}.tc-t1{background:#3aa84a}.tc-t2{background:#2f7fe0}.tc-lv{background:var(--vio);color:#fff;border-radius:.25rem;padding:0 .3rem;font-size:.58rem;font-weight:900}.tc-foil{pointer-events:none;mix-blend-mode:color-dodge;opacity:0;background:linear-gradient(115deg,#0000 20%,#ff009699,#00ffdc99,#ffe60099,#0000 80%) 0 0/220% 220%;background-position:var(--bx,50%) var(--by,50%);transition:opacity .2s;position:absolute;inset:0}.tc-face:hover .tc-foil,.tc-card:focus-visible .tc-foil{opacity:var(--fo,0)}.tc-r-ur .tc-face{--fo:.95}.tc-r-sr .tc-face{--fo:.7}.tc-r-r .tc-face{--fo:.35}.tc-r-n .tc-face{--fo:0}.tc-r-ur .tc-face:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--bx,50%) var(--by,50%), #ffffff8c, transparent 40%);mix-blend-mode:overlay;opacity:0;transition:opacity .2s;position:absolute;inset:0}.tc-r-ur .tc-face:hover:after{opacity:1}.tc-new{z-index:3;color:#fff;background:#e8442a;border:2px solid #fff;border-radius:99px;padding:.1rem .6rem;font-size:.72rem;font-weight:900;position:absolute;top:-.5rem;right:-.3rem;rotate:8deg}.tc-new.lv{background:var(--vio)}.tc-col{border-top:4px solid var(--gold);padding:clamp(1.6rem,4vh,3rem) clamp(1rem,5vw,4rem)}.tc-wrap{max-width:62rem;margin-inline:auto}.tc-k{letter-spacing:.14em;color:#1a1030;background:var(--gold);padding:.05rem .9rem;font-size:.72rem;font-weight:900;display:inline-block}.tc-h2{margin-top:.5rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;line-height:1.3}.tc-h2 small{color:#d8caf5;font-size:.5em;font-weight:700}.tc-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));justify-items:center;gap:1.2rem .8rem;margin-top:1.2rem;display:grid}.tc-grid .tc-card{cursor:pointer;width:min(100%,11rem)}.tc-slot{aspect-ratio:5/7;color:#7a6aa8;text-align:center;border:3px dashed #5a4a88;border-radius:.7rem;place-content:center;width:min(100%,11rem);font-size:.8rem;font-weight:900;line-height:1.6;display:grid}.tc-card.is-deck .tc-face{box-shadow:0 0 0 4px var(--gold), 0 0 24px #ffb928b3}.tc-card.is-deck:after{content:"DECK";color:#1a1030;background:var(--gold);z-index:3;border-radius:99px;padding:0 .7rem;font-size:.68rem;font-weight:900;position:absolute;bottom:-.9rem;left:50%;translate:-50%}.tc-deckbar{flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:1.8rem;display:flex}.tc-deckbar p{font-size:.86rem;font-weight:700}.tc-deckbar b{color:var(--gold);font-size:1.4rem}.tc-go{color:#fff;background:#e8442a;border:3px solid #fff;border-radius:99px;padding:.7rem 2rem;font-size:1rem;font-weight:900;box-shadow:0 4px #8a1f10}.tc-go:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #8a1f10}.tc-go:disabled{opacity:.4;cursor:default}.tc-ghost{background:0 0;border:2px solid #5a4a88;border-radius:99px;padding:.4rem 1rem;font-size:.74rem}.tc-ghost:hover{border-color:var(--gold)}.tc-arena{background:#1d1030;border-top:4px solid #e8442a;padding:clamp(1.6rem,4vh,3rem) clamp(1rem,5vw,4rem)}.tc-arena[hidden]{display:none}.tc-rule{color:#d8caf5;margin-top:.6rem;font-size:.8rem}.tc-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:36rem;margin:.8rem auto 0;display:grid}.tc-vs{text-align:center;color:#e8442a;letter-spacing:.2em;margin:.6rem 0 0;font-size:1.6rem;font-weight:900}.tc-unit{text-align:left;background:#2d1a58;border:3px solid #5a4a88;border-radius:.6rem;gap:.2rem;padding:.4rem;font-size:.66rem;line-height:1.3;display:grid;position:relative}.tc-unit img{aspect-ratio:4/3;object-fit:cover;border-radius:.3rem;width:100%;display:block}.tc-unit b{font-size:.7rem;font-weight:900}.tc-unit .hp{background:#000;border-radius:99px;height:.5rem;overflow:hidden}.tc-unit .hp i{background:#7dff9a;height:100%;transition:width .4s;display:block}.tc-unit.is-ko{opacity:.3;filter:grayscale()}.tc-unit.is-played{border-color:var(--gold)}button.tc-unit:hover:not(:disabled){border-color:var(--gold);translate:0 -3px}button.tc-unit:disabled{cursor:default}.tc-log{gap:.2rem;max-width:36rem;margin:1rem auto 0;font-size:.78rem;line-height:1.6;list-style:none;display:grid}.tc-log li{border-left:4px solid var(--gold);background:#2d1a58;padding:.2rem .6rem}.tc-result{text-align:center;border:4px solid;max-width:36rem;margin:1rem auto 0;padding:.8rem;font-size:1.3rem;font-weight:900}.tc-result[hidden]{display:none}.tc-result.win{color:#1a1030;background:var(--gold);border-color:#fff}.tc-result.lose{color:#fff;background:#8a1f10;border-color:#e8442a}.tc-sec{border-top:4px solid var(--gold);padding:clamp(2.4rem,6vh,4rem) clamp(1rem,5vw,4rem)}.tc-sec-2{background:#1d1030}.tc-plain{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;margin-top:1rem;list-style:none;display:grid}.tc-plain li{border:2px solid #5a4a88;gap:.15rem;padding:.4rem;display:grid}.tc-plain img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.tc-plain b{margin-top:.3rem;font-size:.78rem;line-height:1.4}.tc-plain small{color:#c8b8e8;font-size:.62rem;line-height:1.5}.tc-two{grid-template-columns:1fr minmax(18rem,26rem);align-items:start;gap:clamp(1.6rem,5vw,4rem);display:grid}.tc-text{color:#eadff8;max-width:30rem;margin-top:.8rem;font-size:.9rem;line-height:2}.tc-small{color:#c8b8e8;margin-top:.8rem;font-size:.74rem}.tc-menu{border-top:3px solid var(--gold);margin-top:.8rem;list-style:none}.tc-menu li{border-bottom:1px solid #5a4a88;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid}.tc-menu b{display:block}.tc-menu small{color:#c8b8e8;font-size:.68rem}.tc-menu em{color:var(--gold);white-space:nowrap;font-style:normal;font-weight:900}.tc-sns{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;list-style:none;display:flex}.tc-sns a{color:#1a1030;background:var(--gold);border:3px solid #fff;border-radius:99px;padding:.6rem 1.6rem;font-weight:900;text-decoration:none;display:inline-block}.tc-sns a:hover{background:#fff}.tc-foot{color:#c8b8e8;border-top:4px solid var(--gold);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,5vw,4rem);font-size:.7rem;display:flex}.tc-foot a{color:var(--gold)}@media (width<=760px){.tc-two{grid-template-columns:1fr}.tc-card{width:9.4rem}}@media (prefers-reduced-motion:reduce){.tc-pack.is-open{opacity:0;animation:none}.tc-card-in,.tc-pack-top,.tc-face{transition:none}}