:root{--sumi-0:#0c0a08;--sumi-1:#14110d;--sumi-2:#1e1913;--sumi-3:#2b241a;--line:#3d3325;--line-soft:#2a2319;--washi:#e9e0cb;--washi-2:#ded2b8;--washi-ink:#241d14;--washi-dim:#6c604a;--text:#e8e0d0;--dim:#94886f;--kin:#c9a227;--kin-lit:#f2d98a;--gin:#b6bcc2;--me:#6ea8dc;--you:#d9705f;--red:#c0392b;--blue:#3a6ea5;--green:#47845f;--black:#6b5a8a;--white:#b9ad8c;--serif:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "Songti SC", serif;--sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.05' numOctaves='3' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23f)' opacity='0.42'/%3E%3C/svg%3E");--crack:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg stroke='%23000' stroke-opacity='0.55' fill='none' stroke-width='1'%3E%3Cpath d='M8 2 L20 22 L14 38 L26 58'/%3E%3Cpath d='M20 22 L38 16 L52 30'/%3E%3Cpath d='M14 38 L2 44'/%3E%3Cpath d='M38 16 L44 2'/%3E%3C/g%3E%3C/svg%3E");--shippo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='0.5' stroke-width='0.8'%3E%3Ccircle cx='0' cy='0' r='20'/%3E%3Ccircle cx='40' cy='0' r='20'/%3E%3Ccircle cx='0' cy='40' r='20'/%3E%3Ccircle cx='40' cy='40' r='20'/%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3C/g%3E%3C/svg%3E");--seigaiha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cg fill='none' stroke='%23c9a227' stroke-opacity='0.45' stroke-width='0.8'%3E%3Ccircle cx='0' cy='20' r='19'/%3E%3Ccircle cx='0' cy='20' r='13'/%3E%3Ccircle cx='0' cy='20' r='7'/%3E%3Ccircle cx='40' cy='20' r='19'/%3E%3Ccircle cx='40' cy='20' r='13'/%3E%3Ccircle cx='40' cy='20' r='7'/%3E%3Ccircle cx='20' cy='0' r='19'/%3E%3Ccircle cx='20' cy='0' r='13'/%3E%3Ccircle cx='20' cy='0' r='7'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}body{color:var(--text);font-family:var(--sans);background:radial-gradient(120% 70% at 50% 42%, #1b1610 0%, var(--sumi-0) 72%), var(--sumi-0);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background-attachment:fixed;margin:0;font-size:14px;line-height:1.5}#app{max-width:680px;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));margin:0 auto}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg, var(--sumi-3), var(--sumi-2));border-radius:3px;padding:8px 14px;transition:border-color .15s,transform 80ms,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}@media (hover:hover){button:hover:not(:disabled){border-color:var(--kin);box-shadow:0 0 0 1px #c9a22740}}button:disabled{cursor:default;opacity:.3}.primary{border-color:var(--kin-lit);color:#201703;font-weight:700;font-family:var(--serif);letter-spacing:.08em;background:linear-gradient(#d9b53f,#a8801b);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 4px 14px #c9a22738}.primary:after{content:"";background:linear-gradient(105deg,#0000 42%,#ffffff8c 50%,#0000 58%);animation:3.4s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes sweep{0%,62%{transform:translate(-120%)}84%,to{transform:translate(120%)}}select{font:inherit;color:inherit;background:var(--sumi-2);border:1px solid var(--line);border-radius:3px;width:100%;min-height:44px;padding:9px 10px}h1{font-family:var(--serif);letter-spacing:.34em;text-indent:.34em;background:linear-gradient(180deg, var(--kin-lit), var(--kin) 55%, #8a6a12);color:#0000;-webkit-background-clip:text;background-clip:text;margin:18px 0 2px;font-size:40px;font-weight:600}h2{color:var(--kin);margin:20px 0 8px;font-size:15px}.sub{color:var(--dim);letter-spacing:.04em;margin:0 0 20px;font-size:13px}.panel{background:linear-gradient(180deg, var(--sumi-2), var(--sumi-1));border:1px solid var(--line);border-radius:4px;padding:14px;box-shadow:0 6px 24px #00000073}.title-top{position:relative;overflow:hidden}.title-top:before{content:"";background-image:var(--key);opacity:.5;pointer-events:none;background-position:50% 30%;background-size:cover;position:absolute;inset:0 -40px;-webkit-mask-image:linear-gradient(#000 0% 44%,#00000080 72%,#0000 97%);mask-image:linear-gradient(#000 0% 44%,#00000080 72%,#0000 97%)}.title-top:after{content:"";pointer-events:none;background:radial-gradient(78% 92% at 50% 22%,#0c0a08db,#0c0a0880 58%,#0000 82%);position:absolute;inset:0 0 52%}.title-head{z-index:1;text-align:center;padding:22px 0 4px;position:relative;overflow:hidden}.title-head:before{content:"";background-image:var(--shippo);opacity:.26;pointer-events:none;position:absolute;inset:-14px -40px -6px;-webkit-mask-image:radial-gradient(78% 86% at 50% 42%,#000,#0000 74%);mask-image:radial-gradient(78% 86% at 50% 42%,#000,#0000 74%)}.logo{display:inline-block;position:relative}.title-head h1{margin:0;font-size:52px;position:relative}.title-head .sub{margin:10px 0 0;position:relative}.seal{color:#f7eee2;width:26px;font-family:var(--serif);letter-spacing:0;background:#9d2b22;border-radius:1px;place-content:center;gap:1px;padding:3px 0;font-size:11px;line-height:1;display:inline-grid;position:absolute;bottom:2px;right:-26px;transform:rotate(-2.5deg);box-shadow:0 1px 6px #9d2b2273}.hero-stage{z-index:1;flex-direction:column;align-items:center;gap:12px;margin:14px 0 22px;display:flex;position:relative}.hero-stage:before{content:"";background:radial-gradient(circle, var(--attr,var(--kin)) 0%, transparent 62%);opacity:.17;pointer-events:none;width:min(300px,100%);height:300px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hero-stage:after{content:"";background-image:var(--seigaiha);opacity:.3;pointer-events:none;width:min(340px,100%);height:96px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(72% 100% at 50% 100%,#000 10%,#0000 76%);mask-image:radial-gradient(72% 100% at 50% 100%,#000 10%,#0000 76%)}.hero-cap{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.hero-crests{color:var(--attr,var(--kin));gap:6px;display:flex}.hero-crests i{color:var(--attr);display:inline-flex}.hero-tag{font-family:var(--serif);color:var(--dim);letter-spacing:.08em;font-size:12.5px}.setup-row{gap:6px;margin-bottom:14px;display:grid}.setup-row label{color:var(--dim);letter-spacing:.08em;font-size:12px}.setup-row .primary,.panel>.primary{width:100%;padding:13px;font-size:16px}details.rules{background:var(--sumi-1);border:1px solid var(--line-soft);border-radius:4px;margin-top:18px;padding:10px 12px}details.rules summary{cursor:pointer;color:var(--kin);font-weight:700;font-family:var(--serif);letter-spacing:.1em;padding:8px 0}details.rules table{border-collapse:collapse;width:100%;margin-top:8px}details.rules td,details.rules th{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;padding:5px 6px}details.rules th{color:var(--dim);white-space:nowrap;width:5.5em;font-weight:400}.topbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.round{font-family:var(--serif);letter-spacing:.06em;color:var(--kin);font-size:20px;font-weight:700}.topbar .spacer{flex:1}.topbar button{min-height:38px;padding:6px 10px;font-size:12px}.topbar .undo{color:var(--dim);background:0 0;border-style:dashed}.who{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:3px 4px;font-size:11px;display:flex}.who>*{white-space:nowrap}.who .name{font-family:var(--serif);letter-spacing:.1em;color:var(--text);font-size:15px;font-weight:700}.who.opp .name{color:var(--you)}.who.me .name{color:var(--me)}.hp{gap:3px;margin-left:auto;display:inline-flex}.hp i{border:1px solid var(--kin);background:#c9a2278c;width:9px;height:9px;transform:rotate(45deg)}.hp i.x{background:0 0;border-color:#5b3428}.standby{color:var(--white);white-space:nowrap;background:#b9ad8c24;border:1px solid #b9ad8c99;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:700}.pinch{border:1px solid var(--attr,var(--dim));min-height:26px;color:var(--attr,var(--dim));white-space:nowrap;cursor:pointer;background:#00000059;border-radius:2px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pinch.hidden{border-color:var(--dim);color:var(--dim);cursor:default;background:repeating-linear-gradient(45deg,#c9a22724 0 3px,#0000 3px 6px)}.pinch.used,.pinch.none{opacity:.4;cursor:default;border-style:dotted}.board-row{background:linear-gradient(90deg, transparent, #c9a2270e 62%, transparent), linear-gradient(180deg, #ffffff05, transparent), var(--sumi-1);border:1px solid var(--line-soft);border-radius:3px;align-items:stretch;gap:4px;padding:7px;display:flex;overflow:hidden}.cells{flex:1;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.spacer{flex:1}.slot{border:1px solid var(--line-soft);color:#c9a2278c;background:#00000047;border-radius:2px;justify-content:center;align-items:center;min-height:66px;font-size:15px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.slot.broken{color:#6b4232;background:var(--crack), radial-gradient(70% 70% at 50% 45%, #000 0%, #1a0f0a 100%);border-color:#4a2b20;box-shadow:inset 0 3px 10px #000000b3}.slot.now{background:#c9a2270d;border-color:#c9a2278c;flex:0 0 82px;box-shadow:0 0 0 1px #c9a2272e,inset 0 0 22px #c9a2271a}.slot.pick{cursor:pointer;border:1px solid var(--kin-lit);color:var(--kin-lit);background:#c9a22724;animation:1.2s ease-in-out infinite pickPulse}@keyframes pickPulse{50%{box-shadow:0 0 0 3px #c9a22738,0 0 18px #c9a2274d}}.divider{background:linear-gradient(180deg, transparent, var(--kin) 18%, var(--kin) 82%, transparent);flex:none;width:3px;position:relative;box-shadow:0 0 8px #c9a22780}.divider:before,.divider:after{content:"";border:4px solid #0000;position:absolute;left:50%;translate:-50%}.divider:before{border-top-color:var(--kin);top:-3px}.divider:after{border-bottom-color:var(--kin);bottom:-3px}.mini{background-image:var(--grain), linear-gradient(170deg, var(--washi), var(--washi-2));background-blend-mode:multiply, normal;width:100%;height:100%;color:var(--washi-ink);border-top:3px solid var(--attr,var(--line));border-radius:1px;flex-direction:column;justify-content:space-between;align-items:center;padding:3px 2px 2px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000008c}.mini .crest{color:var(--attr);opacity:.9}.mini-name{font-family:var(--serif);text-align:center;word-break:break-all;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.pinch .crest{vertical-align:-1px}.mini-power{font-family:var(--serif);letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1}.mini .fx{background:var(--red);width:5px;height:5px;box-shadow:0 0 5px var(--red);border-radius:50%;position:absolute;top:3px;right:3px}.mini.transit{filter:grayscale(.55)brightness(.72);outline-offset:-3px;outline:1px dashed #d68a6ab3;padding-bottom:12px;transform:translateY(-3px);box-shadow:0 7px 9px #0009}.mini.transit:after{content:"通過";text-align:center;letter-spacing:.14em;color:#f0c0ac;background:#5a281ad9;font-size:8px;position:absolute;bottom:0;left:0;right:0}.landed{animation:.5s cubic-bezier(.2,1.6,.4,1) land}@keyframes land{0%{opacity:0;transform:translate(46px)scale(.7)rotate(6deg)}70%{opacity:1;transform:translate(0)scale(1.09)rotate(0)}}.slot.now.shock:before{content:"";border:2px solid var(--kin-lit);pointer-events:none;border-radius:3px;animation:.55s ease-out forwards shock;position:absolute;inset:-2px}@keyframes shock{to{opacity:0;border-width:.5px;inset:-7px}}.damaged{z-index:2;animation:.75s ease-out burn}@keyframes burn{0%{filter:brightness(2.1)saturate(1.6);box-shadow:inset 0 0 0 2px #ff8a3d,0 0 26px #ff6e28d9}45%{filter:brightness(1.2);box-shadow:inset 0 0 0 2px #c73c14,0 0 14px #ff5a1e80}to{filter:none}}.quake{animation:.42s ease-out quake}@keyframes quake{0%,to{transform:translate(0)}15%{transform:translate(-4px,2px)}32%{transform:translate(4px,-2px)}52%{transform:translate(-3px,-1px)}74%{transform:translate(2px,1px)}}.slot.fx-hit{animation:.9s ease-out fxHit}@keyframes fxHit{0%{box-shadow:0 0 0 3px var(--kin-lit) inset, 0 0 20px #f2d98a99;transform:scale(1.07)}60%{box-shadow:0 0 0 1px var(--kin) inset}to{box-shadow:none;transform:scale(1)}}.fx-banner{flex-wrap:wrap;gap:5px;margin:6px 0 0;display:flex}.fx-item{background:linear-gradient(180deg, var(--sumi-3), var(--sumi-2));border:1px solid var(--line);border-left:3px solid var(--attr,var(--kin));border-radius:2px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;animation:.4s cubic-bezier(.2,1.4,.4,1) fxIn;display:inline-flex}.fx-item .crest{color:var(--attr);flex:none}.fx-item.me .fx-kw{color:var(--me)}.fx-item.opp .fx-kw{color:var(--you)}.fx-kw{font-family:var(--serif);white-space:nowrap;font-weight:700}@keyframes fxIn{0%{opacity:0;transform:translateY(-6px)scale(.94)}}.clashbar{background:linear-gradient(180deg, var(--sumi-2), var(--sumi-1));border:1px solid var(--line-soft);text-align:center;border-radius:3px;justify-content:center;align-items:center;gap:10px;min-height:46px;margin:7px 0;padding:8px 12px;display:flex;position:relative;overflow:hidden}.clashbar.active{border-color:#c9a227a6;box-shadow:0 0 24px #c9a2271f}.clashbar.active:before{content:"";pointer-events:none;background:radial-gradient(60% 160%,#ffecbe80,#0000 70%);animation:.5s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:1;transform:scaleX(.15)}to{opacity:0;transform:scaleX(1.4)}}.pw{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1}.pw.win{text-shadow:0 0 14px;animation:.6s cubic-bezier(.2,1.5,.4,1) pwWin}.pw.lose{opacity:.45;animation:.6s ease-out pwLose}@keyframes pwWin{0%{transform:scale(.6)}55%{transform:scale(1.35)}}@keyframes pwLose{0%{opacity:1;transform:scale(1.1)}}.pw.opp{color:var(--you)}.pw.me{color:var(--me)}.side{white-space:nowrap;letter-spacing:.08em;font-size:10px}.side.opp{color:var(--you)}.side.me{color:var(--me)}.vs{font-family:var(--serif);color:var(--dim);letter-spacing:.12em;white-space:nowrap;font-size:12px}.result{font-size:12px}.badge{white-space:nowrap;border-radius:2px;padding:2px 8px;font-size:10px;font-weight:700;animation:.4s cubic-bezier(.2,1.4,.4,1) .15s backwards fxIn}.badge.big{color:var(--kin-lit);border:1px solid var(--kin);background:linear-gradient(#f2d98a47,#c9a2271f)}.badge.attr{color:#7fd0a0;border:1px solid var(--green);background:#47845f33}.hand{scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:6px;padding:14px 2px 8px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%)}.hand::-webkit-scrollbar{height:5px}.hand::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.hand-slot{cursor:pointer;flex:0 0 92px;height:138px;transition:filter .2s}.tilt .atropos-inner{overflow:visible}.hand-slot.is-disabled{filter:grayscale(.55)brightness(.78)}.hand-slot.selected{filter:drop-shadow(0 0 7px #f2d98a80);transform:translateY(-10px)}.hand-slot.selected .card{box-shadow:0 0 0 2px var(--kin-lit) inset, 0 14px 22px #0009}.card{background-image:var(--grain), linear-gradient(168deg, var(--washi), var(--washi-2) 70%, #d2c5a8);background-blend-mode:multiply, normal;width:100%;height:100%;color:var(--washi-ink);text-align:left;cursor:pointer;border:1px solid #0000008c;border-radius:2px;flex-direction:column;padding:0;transition:transform .16s cubic-bezier(.2,1.4,.4,1),box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000008c}@media (hover:hover){.hand-slot:hover .card{box-shadow:0 12px 20px #0009}}.hand-slot:active .card{filter:brightness(1.05)}.card-top{color:#fff;background:var(--attr,#555);align-items:center;gap:3px;padding:3px 4px;font-size:9px;display:flex;box-shadow:0 1px 3px #0000004d}.card-top .crest{flex:none}.card-top .wait{font-family:var(--serif);letter-spacing:.02em;font-weight:700}.card-top .rar{font-family:var(--sans);letter-spacing:.01em;border:1px solid #ffffff8c;border-radius:1px;margin-left:auto;padding:0 3px;font-size:8.5px;font-weight:700}.card-name{font-family:var(--serif);letter-spacing:.02em;padding:4px 5px 0;font-size:12.5px;font-weight:700;line-height:1.2}.card-art{z-index:0;background-image:var(--art);mix-blend-mode:multiply;opacity:.78;pointer-events:none;--art-mask:linear-gradient(180deg, #00000047 0%, #0000004d 20%, #000 38%, #000 82%, #00000080 93%, #00000038 100%);-webkit-mask-image:var(--art-mask);-webkit-mask-image:var(--art-mask);mask-image:var(--art-mask);background-position:50%;background-size:cover;position:absolute;inset:0}.card.has-art .card-name,.card.has-art .card-kw,.card.has-art .card-foot,.card.has-art .card-power{text-shadow:0 0 3px var(--washi), 0 0 6px var(--washi)}.card-top,.card-name,.card-kw,.card-foot,.card-power{z-index:1;position:relative}.card.big .card-art{opacity:.82}.card-ghost{font-family:var(--serif);color:var(--attr,#000);opacity:.085;pointer-events:none;z-index:1;font-size:78px;font-weight:700;line-height:1;position:absolute;bottom:-22px;right:-10px}.card.has-art .card-ghost{opacity:.045}.card-power{font-family:var(--serif);text-align:right;margin-top:auto;padding:0 6px;font-size:25px;font-weight:700;line-height:1}.card-kw{font-family:var(--serif);color:var(--attr,#6c604a);letter-spacing:.02em;opacity:.85;white-space:nowrap;flex:none;padding:3px 5px 0;font-size:9px;font-weight:700;line-height:1}.card-foot{align-items:baseline;gap:4px;min-height:12px;padding:2px 5px 0;font-size:8.5px;display:flex}.card-more{color:#96631f;white-space:nowrap;margin-left:auto;font-size:8px}.card-slots{color:#8a5a2a;letter-spacing:.02em;white-space:nowrap;font-weight:700}.card-power{padding-bottom:3px}.card.r-r{box-shadow:inset 0 0 0 1px #c9a227bf,0 4px 10px #0000008c}.card.r-sr{border-color:var(--kin);box-shadow:inset 0 0 0 1px #f2d98ae6,0 4px 14px #0009,0 0 14px #c9a22747}.card.r-sr:before{content:"";pointer-events:none;background:linear-gradient(108deg,#0000 40%,#fff6d6bf 50%,#0000 60%);animation:4.6s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-130%)}.card.r-ur{border-color:var(--kin-lit);box-shadow:0 0 0 1.5px var(--kin-lit) inset, 0 4px 18px #000000a6, 0 0 22px #c9a22766}.card.r-ur:before{content:"";mix-blend-mode:overlay;pointer-events:none;background:conic-gradient(#ff96aa8c,#ffeb968c,#96ffcd8c,#96c8ff8c,#dca0ff8c,#ff96aa8c);animation:7s linear infinite kira;position:absolute;inset:0;-webkit-mask-image:linear-gradient(158deg,#000 0 18%,#00000059 46%,#0000 72%);mask-image:linear-gradient(158deg,#000 0 18%,#00000059 46%,#0000 72%)}@keyframes kira{to{transform:rotate(360deg)scale(1.6)}}.mini.r-sr{box-shadow:inset 0 0 0 1px #f2d98acc,0 2px 6px #0000008c}.mini.r-ur{box-shadow:0 0 0 1.5px var(--kin-lit) inset, 0 2px 10px #0009, 0 0 12px #c9a22759}.foil{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:overlay;background-image:repeating-linear-gradient(100deg,#ff78968c 0%,#ffe4828c 7%,#8cffc88c 14%,#82c3ff8c 21%,#d796ff8c 28%,#ff78968c 35%),radial-gradient(circle,#fffcebe6,#fffae140 42%,#0000 68%);background-size:260% 260%,190% 190%;background-position:calc(50% + var(--tx,0) * 48%) calc(50% + var(--ty,0) * 48%), calc(50% - var(--tx,0) * 55%) calc(50% - var(--ty,0) * 55%);transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 13%,#00000024 26%,#0000002b 72%,#000 100%);mask-image:linear-gradient(#000 0 13%,#00000024 26%,#0000002b 72%,#000 100%)}.card.r-r .foil{background-image:radial-gradient(circle,#fff6d6d9,#fff0c833 45%,#0000 70%);background-size:190% 190%;background-position:calc(50% - var(--tx,0) * 55%) calc(50% - var(--ty,0) * 55%);--foil-a:.34}.card.r-sr .foil{--foil-a:.6}.card.r-ur .foil{--foil-a:.92}.atropos-active .foil{opacity:var(--foil-a,.4)}.atropos-shadow{opacity:0;background:#050301}.hero-card{width:178px;height:264px}.card.big .card-top{gap:5px;padding:5px 7px;font-size:11px}.card.big .card-top .rar{padding:0 5px;font-size:10px}.card.big .card-name{padding:8px 8px 0;font-size:18px}.card.big .card-kw{padding:6px 8px 0;font-size:12px}.card.big .card-foot{padding:4px 8px 0;font-size:10px}.card.big .card-more{font-size:9.5px}.card.big .card-power{padding:0 9px 6px;font-size:40px}.card.big .card-ghost{opacity:.1;font-size:148px;bottom:-40px;right:-18px}.detail{background:linear-gradient(180deg, var(--sumi-2), var(--sumi-1));border:1px solid var(--line);border-left:3px solid var(--attr,var(--kin));border-radius:3px;margin:8px 0 0;padding:12px 14px;animation:.22s ease-out fxIn}.d-head{align-items:center;gap:8px;display:flex}.d-head .crest{color:var(--attr)}.d-name{font-family:var(--serif);letter-spacing:.06em;font-size:18px;font-weight:700}.d-rar{font-family:var(--sans);color:var(--kin);border:1px solid var(--kin);border-radius:2px;padding:1px 6px;font-size:10px;font-weight:700}.d-head .spacer{flex:1}.d-stats{color:var(--dim);gap:14px;margin-top:8px;font-size:12px;display:flex}.d-stats b{color:var(--text);font-family:var(--serif);font-size:17px}.d-where{color:var(--kin);margin-top:7px;font-size:12px}.d-text{margin-top:9px;font-size:13px;line-height:1.65}.d-text .kw{font-family:var(--serif);color:var(--kin-lit);margin-right:2px;font-weight:700}.detail .dim{color:var(--dim)}.detail .hint{margin-top:8px;display:block}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.actions button{min-height:44px}.hint{color:var(--dim);font-size:12px}.log{border:1px solid var(--line-soft);max-height:140px;color:var(--dim);white-space:pre-wrap;background:#08070500;border-radius:3px;margin-top:14px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow-y:auto}.log .r{color:var(--kin);margin-top:6px;display:block}.over{text-align:center;border:1px solid var(--kin);background:radial-gradient(80% 100% at 50% 0%, #c9a2272e, transparent), var(--sumi-1);border-radius:3px;margin-top:12px;padding:20px 14px;animation:.45s cubic-bezier(.2,1.4,.4,1) fxIn}.over .big{font-family:var(--serif);letter-spacing:.16em;background:linear-gradient(180deg, var(--kin-lit), var(--kin) 60%, #8a6a12);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:34px;font-weight:700;display:block}.over.lose,.over.draw{background:radial-gradient(80% 100% at 50% 0%, #b4b0a817, transparent), var(--sumi-1);border-color:#4f453a}.over.lose .big,.over.draw .big{background:linear-gradient(#d3ccbe,#8e8579 62%,#4b453c);-webkit-background-clip:text;background-clip:text}.over.win{position:relative;overflow:hidden}.over.win:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 50% 40%,#f2d98a73,#0000 70%);animation:1.1s ease-out forwards halo;position:absolute;inset:0}@keyframes halo{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}@media (width<=400px){.hand-slot{flex:0 0 82px;height:128px}.card-name{font-size:11.5px}.card-power{font-size:22px}.slot{min-height:58px}.slot.now{flex:0 0 72px}h1,.title-head h1{font-size:40px}.hero-card{width:158px;height:234px}.card.big .card-ghost{font-size:132px}.hero-stage:before{width:250px;height:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.foil{opacity:calc(var(--foil-a,.4) * .5)}}.atropos{perspective:1200px;display:block;position:relative;transform:translate(0,0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{pointer-events:none;opacity:0;transition-property:transform,opacity;display:block;position:absolute}.atropos-shadow{z-index:-1;filter:blur(30px);background:#000;width:100%;height:100%;top:0;left:0}.atropos-highlight{z-index:0;background-image:radial-gradient(circle,#ffffff40,#0000 50%);width:200%;height:200%;top:-50%;left:-50%}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative;overflow:hidden;transform:translate(0,0)}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}