.wc-card{aspect-ratio:3/4;--wc-gem-hi:#e2cbff;--wc-gem-mid:#8b5cf6;--wc-gem-deep:#2e1065;-webkit-user-select:none;user-select:none;border-radius:4.5%/3.4%;position:relative}.wc-body{filter:drop-shadow(0 14px 22px #0000008c);position:absolute;inset:0;container-type:inline-size}.wc-sm .wc-body{filter:drop-shadow(0 6px 10px #00000080)}.wc-base{background:radial-gradient(ellipse at 50% 26%, color-mix(in srgb, var(--wc-gem-deep) 55%, transparent), transparent 62%), linear-gradient(180deg, #221b15 0%, #17120e 55%, #100c09 100%);border-radius:4%/3%;position:absolute;inset:1.6% 2%;overflow:hidden;box-shadow:inset 0 0 18cqw #0000008c}.wc-base:before{content:"";opacity:.08;pointer-events:none;background-image:url(/img/tex_damask-640.webp);background-size:70cqw;position:absolute;inset:0}.wc-art{border-radius:2px;height:45%;position:absolute;top:7%;left:7.5%;right:7.5%;overflow:hidden;box-shadow:inset 0 0 0 1px #d4a53a59,inset 0 -10cqw 14cqw -6cqw #000000bf}.wc-art-fallback{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--wc-gem-hi) 38%, transparent) 0%, color-mix(in srgb, var(--wc-gem-mid) 30%, transparent) 26%, transparent 60%), radial-gradient(ellipse at 50% 115%, var(--wc-gem-deep), #0d0a07 72%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wc-art-rings{background:repeating-conic-gradient(#f7d77a14 0deg 4deg,#0000 4deg 15deg);animation:60s linear infinite wc-spin;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 62%);mask-image:radial-gradient(circle,#000 10%,#0000 62%)}.wc-art-crest{width:46cqw;max-width:62%;height:46cqw;max-height:72%;filter:drop-shadow(0 0 4cqw color-mix(in srgb, var(--wc-gem-hi) 55%, transparent));position:relative}.wc-art-typo{padding:0 7%}.wc-art-typo:before,.wc-art-typo:after{content:"";background:linear-gradient(90deg,#0000,#f7d77a8c,#0000);height:1px;position:absolute;left:22%;right:22%}.wc-art-typo:before{top:12%}.wc-art-typo:after{bottom:12%}.wc-typo-line{text-align:center;color:var(--color-parchment);text-shadow:0 1px #000000d9;-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-family:Cormorant Garamond,serif;font-size:5.6cqw;font-style:italic;font-weight:500;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.wc-typo-mark{color:var(--color-gold-hi);text-shadow:0 0 2.5cqw color-mix(in srgb, var(--wc-gem-hi) 70%, transparent), 0 1px 0 #000000d9;border-bottom:.5cqw solid color-mix(in srgb, var(--color-gold-hi) 70%, transparent);background:0 0;padding:0 .4cqw;font-weight:700}.wc-typo-initial{color:var(--color-gold-hi);text-shadow:0 0 5cqw color-mix(in srgb, var(--wc-gem-hi) 60%, transparent), 0 .6cqw 0 #000000b3;font-family:Cinzel,serif;font-size:30cqw;font-weight:600;line-height:1;position:relative}.wc-sm .wc-typo-initial{font-size:34cqw}.wc-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;display:flex;position:absolute;inset:53.5% 9% 13.5%;overflow:hidden}.wc-en{color:var(--color-gold-hi);text-shadow:0 0 3cqw #f7d77a59,0 1px #000c;overflow-wrap:anywhere;font-family:Cormorant Garamond,serif;font-style:italic;font-weight:500;line-height:1.05}.wc-ipa{color:var(--color-parchment-dim);font-family:Cormorant Garamond,serif;font-size:6cqw;line-height:1.1}.wc-pos{color:var(--wc-gem-hi);border:1px solid color-mix(in srgb, var(--wc-gem-mid) 70%, transparent);background:color-mix(in srgb, var(--wc-gem-deep) 55%, transparent);border-radius:999px;padding:.9cqw 2.4cqw;font-family:Noto Serif TC,serif;font-size:3.9cqw;font-weight:700;line-height:1;display:inline-block}.wc-zh{color:var(--color-parchment);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:6.4cqw;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.wc-zh-main{color:var(--color-parchment);text-shadow:0 0 3cqw #f7d77a40;font-family:Noto Serif TC,serif;font-size:10cqw;font-weight:700;line-height:1.2}.wc-place{color:var(--color-gold);letter-spacing:.12em;font-family:Noto Serif TC,serif;font-size:3.6cqw}.wc-sentence{color:var(--color-parchment);font-family:Cormorant Garamond,serif;font-size:6.6cqw;line-height:1.25}.wc-sentence-zh{color:var(--color-parchment-dim);font-size:4.2cqw;line-height:1.3}.wc-blank{border-bottom:2px solid var(--color-gold);min-width:18cqw;color:var(--color-gold-hi);letter-spacing:.08em;padding:0 1cqw;font-style:italic;display:inline-block}.wc-frame{z-index:2;pointer-events:none;background:50%/100% 100% no-repeat;position:absolute;inset:0}.wc-frame-raw{filter:grayscale(.8)brightness(.7)}.wc-socket{z-index:3;background:radial-gradient(circle at 36% 30%, #fff 0%, var(--wc-gem-hi) 14%, var(--wc-gem-mid) 46%, var(--wc-gem-deep) 100%);width:12cqw;height:12cqw;box-shadow:0 0 0 .9cqw #6b4e14, 0 0 0 1.5cqw #f0cd6a, 0 0 4cqw color-mix(in srgb, var(--wc-gem-hi) 70%, transparent), inset 0 -1.4cqw 2cqw #00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.6%;left:50%;transform:translate(-50%,-16%)}.wc-socket-empty{background:radial-gradient(circle at 36% 30%,#6b6158,#2a2420 70%);box-shadow:0 0 0 .9cqw #3a2c10,0 0 0 1.5cqw #8a6a1f,inset 0 -1.4cqw 2cqw #0009}.wc-socket-lit{animation:1.4s ease-out wc-socket-lit}.wc-roman{color:#fffaf0;text-shadow:0 1px 2px #000000e6;font-family:Cinzel,serif;font-size:4.4cqw;font-weight:600}.wc-plate{z-index:3;justify-content:center;align-items:center;gap:2cqw;height:8%;display:flex;position:absolute;bottom:3.6%;left:18%;right:18%}.wc-gems{gap:1.3cqw;display:inline-flex}.wc-gem{background:#2b241d;width:2.8cqw;height:2.8cqw;transform:rotate(45deg);box-shadow:0 0 0 .45cqw #8a6a1f}.wc-gem-on{background:linear-gradient(135deg, #fff 0%, var(--wc-gem-hi) 25%, var(--wc-gem-mid) 60%, var(--wc-gem-deep) 100%);box-shadow:0 0 0 .45cqw #f0cd6a, 0 0 2.4cqw var(--wc-gem-hi)}.wc-gem-new{animation:.9s ease-out both wc-gem-lit}.wc-plate-name{color:#2a1a05;text-shadow:0 1px #fff0c88c;letter-spacing:.1em;font-family:Noto Serif TC,serif;font-size:4.2cqw;font-weight:700}.wc-dim .wc-art,.wc-dim .wc-socket{filter:brightness(.55)saturate(.55)}.wc-dim .wc-base{background:linear-gradient(#15110d 0%,#0f0c09 100%)}.wc-dim .wc-frame{filter:brightness(.75)saturate(.7)}.wc-missed .wc-base{filter:brightness(.72)saturate(.75);transition:filter .6s}.wc-glow{z-index:4;mix-blend-mode:screen;pointer-events:none;background:50%/100% 100% no-repeat;animation:4s ease-in-out infinite wc-breathe;position:absolute;inset:-1%}.wc-glow-in{animation:2.6s ease-out backwards wc-glow-in,4s ease-in-out 2.6s infinite wc-breathe}.wc-ribbon{z-index:5;height:9cqw;color:var(--color-gold-hi);text-shadow:0 1px #000;white-space:nowrap;border-style:solid;border-width:0 6cqw;border-image:url(/img/ui_ribbon-640.webp) 0 20% fill/0 6cqw;align-items:center;padding:0 2cqw;font-family:Noto Serif TC,serif;font-size:3.8cqw;font-weight:700;display:inline-flex;position:absolute;top:7%;left:-4%;transform:rotate(-6deg)}.wc-burst{z-index:6;mix-blend-mode:screen;pointer-events:none;width:140%;max-width:none;height:140%;animation:1.1s ease-out forwards wc-burst;position:absolute;top:-20%;left:-20%}.wc-sheen{z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff5dc12 45%,#0000 55%);border-radius:4%/3%;position:absolute;inset:1.6% 2%}.wc-back{background:50%/cover no-repeat;border-radius:4.5%/3.4%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f7d77a66}.wc-silhouette{filter:grayscale()brightness(.3);opacity:.9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wc-flip-out{animation:.2s ease-in forwards wc-flip-out}.wc-flip-in{animation:.24s ease-out backwards wc-flip-in}.wc-fade-in{animation:.35s ease-out backwards ea-fade-up}.wc-stack{aspect-ratio:3/4;position:relative}.wc-stack-card{background:50%/cover no-repeat;border-radius:4.5%/3.4%;position:absolute;inset:0;box-shadow:0 6px 14px #0000008c,inset 0 0 0 1px #f7d77a59}.wc-stack-glow .wc-stack-card:last-child{box-shadow:0 0 18px #f7d77a73,0 6px 14px #0000008c,inset 0 0 0 1px #f7d77a99}.wc-pile{outline-offset:3px;background:linear-gradient(#1c1917eb,#12100ef2);border:1px solid #8a6a1fcc;border-radius:.75rem;outline:1px solid #d4a53a2e;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .45rem .75rem;transition:transform .2s,border-color .2s,filter .2s;display:flex;position:relative;box-shadow:inset 0 1px #f7d77a24,0 10px 22px #00000073}.wc-pile:not(:disabled):hover{border-color:var(--color-gold);transform:translateY(-2px)}.wc-pile:disabled{filter:saturate(.45)brightness(.7);cursor:not-allowed}.wc-pile-main{border-color:var(--color-gold);box-shadow:inset 0 1px #f7d77a33,0 0 0 1px #f7d77a40,0 0 26px #d4a53a40,0 10px 22px #00000073}.wc-option{text-align:left;width:100%;min-height:3rem;color:var(--color-parchment);background:linear-gradient(#292524eb,#12100ef0);border:1px solid #8a6a1fbf;border-radius:.5rem;align-items:center;gap:.75rem;padding:.55rem .85rem;font-size:1rem;transition:border-color .15s,background .15s;display:flex;box-shadow:inset 0 1px #f7d77a1a}.wc-option:not(:disabled):hover{border-color:var(--color-gold)}.wc-option-mark{background:var(--color-gold-dim);flex-shrink:0;width:.6rem;height:.6rem;transform:rotate(45deg);box-shadow:0 0 0 1px #4a3610}.wc-option[data-state=right]{border-color:var(--color-emerald-hi);background:linear-gradient(#1f7a4d59,#12100ef0)}.wc-option[data-state=right] .wc-option-mark{background:var(--color-emerald-hi)}.wc-option[data-state=chosen]{background:linear-gradient(#3c14188c,#12100ef0);border-color:#f3a3aeb3}.wc-option[data-state=chosen] .wc-option-mark{background:var(--color-ruby-hi)}.wc-option[data-state=faded]{opacity:.5}.wc-letters{flex-wrap:wrap;gap:2px;font-family:Cormorant Garamond,serif;font-size:1.6rem;line-height:1;display:inline-flex}.wc-letter{border:1px solid #0000;border-radius:3px;flex-direction:column;align-items:center;min-width:.9em;padding:.15em .12em;display:inline-flex}.wc-letter small{font-family:var(--font-sans);color:var(--color-parchment-dim);margin-top:3px;font-size:.6rem}.wc-letter[data-mark=same]{color:var(--color-parchment)}.wc-letter[data-mark=wrong],.wc-letter[data-mark=swapped]{color:var(--color-sapphire-hi);background:#a9c8f21a;border-color:#a9c8f299}.wc-letter[data-mark=missing]{color:var(--color-sapphire-hi);border-style:dashed;border-color:#a9c8f2b3}.wc-letter[data-mark=extra]{color:var(--color-amethyst-hi);border-style:dashed;border-color:#d2b6f2b3}.wc-tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:.5rem;padding:.25rem .25rem .5rem;display:flex;overflow-x:auto}.wc-tabs::-webkit-scrollbar{display:none}.wc-tab{scroll-snap-align:start;text-align:left;background:#12100ed9;border:1px solid #8a6a1fa6;border-radius:.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;min-height:2.9rem;padding:.35rem .75rem;display:flex}.wc-tab[aria-selected=true]{border-color:var(--color-gold);background:linear-gradient(#d4a53a38,#12100ee6);box-shadow:0 0 14px #d4a53a33}@keyframes wc-flip-out{0%{transform:perspective(1100px)rotateY(0)scale(1)}to{transform:perspective(1100px)rotateY(90deg)scale(.96)}}@keyframes wc-flip-in{0%{filter:brightness(1.6);transform:perspective(1100px)rotateY(-90deg)scale(.96)}to{filter:brightness();transform:perspective(1100px)rotateY(0)scale(1)}}@keyframes wc-breathe{0%,to{opacity:.72}50%{opacity:1}}@keyframes wc-glow-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes wc-burst{0%{opacity:0;transform:scale(.6)}25%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes wc-gem-lit{0%{filter:brightness(3);transform:rotate(45deg)scale(.4)}60%{transform:rotate(45deg)scale(1.5)}to{filter:brightness();transform:rotate(45deg)scale(1)}}@keyframes wc-socket-lit{0%{filter:brightness(2.4)}to{filter:brightness()}}@keyframes wc-spin{to{transform:rotate(360deg)}}.wc-stage-size{width:min(66vw,300px,33dvh)}.wc-socket-l4{box-shadow:none;background:0 0;top:4.4%;transform:translate(-50%)}.wc-socket-l4 .wc-roman{color:#0b3a23;text-shadow:0 0 1.6cqw #fff, 0 0 3cqw var(--wc-gem-hi)}.wc-patrol-tag{z-index:5;border:.5cqw solid var(--color-gold-dim);letter-spacing:.08em;color:var(--color-emerald-hi,#c9f7dd);white-space:nowrap;pointer-events:none;background:#0a0e1ad1;border-radius:999px;align-items:center;padding:.6cqw 2.4cqw;font-family:Noto Serif TC,serif;font-size:4.2cqw;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;top:6%;left:7%}.wc-patrol-sm{border-width:.8cqw;padding:.6cqw 3cqw;font-size:7.5cqw}.wc-patrol-low{top:19%}.wc-advanced-tag{color:var(--color-gold-hi);border-color:var(--color-gold)}