@font-face{font-family:ShipporiMinchoB1;src:url(data:font/woff2;base64,d09GMgABAAAAAAVoAA8AAAAACdQAAAUVAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cRAZgAEQRCAqIcIcnCwwAATYCJAMUBCAFhGQHIBckGBQb/gfIxIfeLXtDZpJhgtl66itW9SxbE6TmwIrWBFqHniOnmp6a/4lXGDimumhLb6KBzSg7KGzC485H0vW3C7/B8cPYpWUWgQAQKKc3ED04LwQOCqIqFi1uAf1K1LMys8n2vq0jwKtYCagD5EYZEs3SNkvSN5IGBpjSpmVYMhenkDUYQeo70puhmiWuIJGDfmYwpC/FNGg7/pB6iscBepxomqn7IMhPpu8lowaJFpkaMSWxZzgWRFM0mzl4dlhbI+34YzFcL6P4zXXF445OuEs0kmKRYaliZrECAgfI5VryXgU5LRKRLt/MYXc67c/scnyQJ0qqoNozOcjJrLCdJilhSyPp3ZxTM/7Yn9bGAkn5tuRFOgv6D2X1bMrmeguEfZ7NTnkd1f6Hv6xwRUHNfFCTQ9KT9dwIJK99XRfp0qtLjTE3k5T6QB0XSeVFVyZ8EC4z1csifTO54aNoGuBhWP5c2vN+KJv15UnK/1HUn4Kh50Mi7YsmFrwPhNVMGdx+hZrxfoCkx5P1XFk/kXprxl9XKPgLp5gUYUl73p82doA3pGbIh5VNOTVSgGROVUcPL7AIexqIG19m96xKlUkiywhROcDv5xCVSBPhZ7BbnhLZx9JzqkDjA++HotZPCkTq9DZTMqdaj7UYYoUwxPPCea/qjS2yxTXYbWVRu75DMUdteuzZBFPibHxU4RE2Pq6wBE9efCzB5J1sfIQrUTZ+p5z8Xxr8vkWO2vRWwWN2Pcqs7sH46LErnh709nHKW0e7dMa3Lm1WHKerfyMydQ4cdr+fD5GZ74+AGhPnhCHWC0O8Q9ppD7Mc+9Xpt6t8AuvC8teFIVYKQxwhHbSLWY+99naF7TQfTWNYuJonmLJFn7qovv96F0zyI5ccXfWd3+Ee93TQLNtWjRkiy/mkSyfbXYsCC1hwgM3Ue6jWKh0a/sP8+6hbtrucjpNrXPHBg4YxHtY9uiyHtlo+dpxfu/RUKxMv3PC9iHi9JDjPpL58fX+plW7EJ/bJwhCr8Fn2iu9annyMKnMnDApSfuQFxXEJ6aQd1HGjeZHP1jpIpiWkTAhDzBKGIGYrVyOvvlVhP83H0W6ENrtUZce8BSvH5mUmyY9v3nKpSzvC+K3mdU8HzbJt1dghspxPunRS7Th5YPSExylf3uoJyyy01XqVa1HD4SU7gsz84qEbbVPsnYaoFoaYJQxRLQwxCwAActsvlFeXlO1audY+6S9ul36mw/h8dbyAr/vefd/pB859TrPSDwCUF4D9Qv2QHj/3NUBfPf1A8RjN3n4OTmTSz9iH05AJw03Sz6h/rVgV4kzajIr3sKVq4tjy7ojoJ2Z9kkwLqATjCKeaYMP/VAlzcHc7LaYyBNFGlTEKY15uwxgAcWzFVvSgHxPQhCb0YyP6kEAPtkJ0I/qf14FGdKMPMTRhIYKYh6WIQ3FPVnEC85FAFzbSj+nGDAxHA1qwE1vRh/WYgco7sAkRbEZfVwx4fRc0jEQjhmM4mjER2gTKt2A9tmErujsu7sJWaKjGdjS5EePQiJGoabD8QYSgYykmTgW4ZPoYtqED69HXuFNjxBpDS0ufiW70YFd1cWwj0zWMQDNGVB1cCHFshtbxrkXoQzfasBkbG4unbwErm7VZrA1oeUTmGBKF123DBjRiI7rRiSZs2daPvhWbsB792IamTRHX/G1Mrm/xAYyA+vfEAfLnOYv0M321mCmeoNlLyrrWxBHSz1IPsDTUjNNSDw==)format("woff2");font-weight:800;font-style:normal;font-display:block}: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;--logo:"ShipporiMinchoB1", var(--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}button.danger{color:#ff8a5a;border-color:#ff8a5a}@media (hover:hover){button.danger:hover:not(:disabled){border-color:#ff8a5a;box-shadow:0 0 0 1px #ff8a5a4d}}.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,input[type=text]{font:inherit;color:inherit;background:var(--sumi-2);border:1px solid var(--line);border-radius:3px;width:100%;min-height:44px;padding:9px 10px}input[type=text]:read-only{color:var(--dim)}h3{color:var(--kin);letter-spacing:.06em;margin:4px 0 10px;font-size:13px}.panel hr{border:none;border-top:1px solid var(--line-soft);margin:18px 0}h1{font-family:var(--logo);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:800}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{font-family:var(--serif);letter-spacing:.06em;color:#efe4cf;text-shadow:0 1px 6px #000000d9;margin:12px 0 0;font-size:17px;font-weight:700;position:relative}.title-head .genre{letter-spacing:.14em;color:#e2d2b49e;margin:5px 0 0;font-size:11px;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:10px;margin-bottom:10px;display:flex}.round{font-family:var(--serif);letter-spacing:.06em;color:var(--kin);font-size:18px;font-weight:700}.topbar .spacer{flex:1}.phases{color:var(--dim);align-items:center;gap:3px;font-size:10px;display:flex;overflow:hidden}.phases i{white-space:nowrap;border-radius:2px;padding:3px 6px;font-style:normal}.phases i+i:before{content:"›";color:var(--line);margin-right:3px}.phases i.on{color:#201703;background:linear-gradient(180deg, var(--kin-lit), var(--kin));font-weight:700}.phases i.next{color:var(--text);opacity:.6}.menu-wrap{position:relative}.icon{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:16px;line-height:1;display:flex}.menu-pop{z-index:5;background:linear-gradient(180deg, var(--sumi-2), var(--sumi-1));border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:190px;padding:4px;animation:.15s ease-out fxIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0000008c}.menu-pop button{text-align:left;background:0 0;border:none;border-radius:2px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;display:flex}@media (hover:hover){.menu-pop button:hover:not(:disabled){background:#c9a2271f}}.menu-pop em{color:var(--dim);font-size:10px;font-style:normal}.zone{flex-direction:column;gap:5px;display:flex}.opp-hand{color:var(--dim);align-items:center;gap:8px;padding:2px 2px 4px;font-size:10px;display:flex}.backs{height:20px;display:flex}.backs i{border:1px solid var(--line);background:repeating-linear-gradient(45deg, #c9a22759 0 2px, transparent 2px 5px), linear-gradient(160deg, var(--sumi-3), var(--sumi-1));border-radius:1px;width:14px;height:20px;margin-left:-8px;box-shadow:1px 0 2px #0006}.backs i:first-child{margin-left:0}.opp-hand .cnt{white-space:nowrap}.opp-hand b{color:var(--text);font-family:var(--serif)}.player{flex-direction:column;gap:3px;padding:4px 6px;display:flex}.p-main{align-items:center;gap:8px;display:flex}.p-name{font-family:var(--serif);letter-spacing:.1em;color:var(--text);white-space:nowrap;font-size:15px;font-weight:700}.opp .p-name{color:var(--you)}.me .p-name{color:var(--me)}.pile{color:var(--dim);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.pile i{border:1px solid var(--line);background:linear-gradient(160deg, var(--sumi-3), var(--sumi-1));width:13px;height:17px;box-shadow:2px 2px 0 -1px var(--sumi-1), 2px 2px 0 0 var(--line), 4px 4px 0 -1px var(--sumi-1), 4px 4px 0 0 var(--line);border-radius:1px;display:inline-block}.pile.discard i{border-color:#c9a22780}.pile.empty i{border-style:dashed;border-color:var(--line-soft);box-shadow:none;background:0 0}.pile b{color:var(--text);font-family:var(--serif);font-weight:700}.pile.empty b{color:var(--dim)}.p-main .spacer{flex:1}.life{align-items:center;gap:5px;display:inline-flex}.life .hp{gap:2px;display:inline-flex}.life .hp i{border:1px solid var(--kin);background:#c9a2278c;width:8px;height:8px;transform:rotate(45deg)}.life .hp i.x{background:0 0;border-color:#5b3428}.life b{font-family:var(--serif);color:var(--kin-lit);font-size:17px;font-weight:700;line-height:1}.life em{color:var(--dim);font-size:10px;font-style:normal}.life.danger b{color:#ff8a5a;text-shadow:0 0 8px #ff5a2880}.p-badges{flex-wrap:wrap;gap:4px 6px;display:flex}.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:24px;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-left:2px solid #0000;border-radius:3px;align-items:stretch;gap:4px;padding:7px;display:flex;overflow:hidden}.board-row.opp{border-left-color:color-mix(in srgb, var(--you) 55%, transparent)}.board-row.me{border-left-color:color-mix(in srgb, var(--me) 55%, transparent)}.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;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:66px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.slot .mark{font-size:15px}.slot .when{letter-spacing:.02em;opacity:.75;font-size:8px}.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}.mini.placed{animation:.32s cubic-bezier(.2,1.4,.4,1) place}@keyframes place{0%{opacity:0;transform:scale(.82)translateY(3px)}}.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{z-index:4;margin:10px calc(-10px - env(safe-area-inset-right)) 0 calc(-10px - env(safe-area-inset-left));padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));background:linear-gradient(180deg, transparent, var(--sumi-0) 22%);flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.actions button{min-height:44px}.hint{color:var(--dim);font-size:12px}.legal-footer{color:var(--dim);text-align:center;margin:4px 0 0;font-size:11px}.legal-footer a{color:var(--dim)}.hint.wait{color:var(--kin);text-align:center;padding:10px 0;animation:1.6s ease-in-out infinite waitPulse;display:block}@keyframes waitPulse{0%,to{opacity:.55}50%{opacity:1}}details.logbox{background:var(--sumi-1);border:1px solid var(--line-soft);border-radius:4px;margin-top:10px;padding:8px 12px}details.logbox summary{cursor:pointer;color:var(--dim);padding:4px 0;font-size:12px}.log{border-top:1px solid var(--line-soft);max-height:140px;color:var(--dim);white-space:pre-wrap;margin-top:8px;padding:8px 0 0;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)}}.edit-summary{font-family:var(--serif);align-items:baseline;gap:6px;margin:10px 0 4px;display:flex}.edit-summary b{color:var(--kin-lit);font-size:20px}.edit-summary.warn b{color:var(--you)}.edit-errs{color:var(--you);margin:4px 0 14px;padding-left:18px;font-size:12px}.edit-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;margin:10px 0 16px;display:grid}.edit-card{flex-direction:column;align-items:center;gap:4px;display:flex}.edit-card .card-tap{cursor:pointer;width:92px;height:138px}.edit-card .card{width:100%;height:100%}.edit-card.is-unowned .card{filter:grayscale(.75)brightness(.6)}.edit-owned{color:var(--dim);font-size:10px}.edit-count{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.edit-count button{min-width:30px;padding:2px 9px}.deck-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.deck-row:last-of-type{border-bottom:none}.deck-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.deck-row-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-row-actions{flex-shrink:0;gap:8px;display:flex}.login-row{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:10px 0 14px;display:grid}.login-day{border:1px solid var(--line);color:var(--dim);border-radius:3px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11px;display:flex}.login-day-reward{font-family:var(--serif);color:var(--text);font-size:13px}.login-day--done{border-color:var(--line-soft);opacity:.55}.login-day--today{border-color:var(--kin);box-shadow:0 0 0 1px var(--kin) inset}.login-day--today .login-day-reward{color:var(--kin-lit)}.mission-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.mission-row:last-of-type{border-bottom:none}.mission-info{flex:1;min-width:0}.mission-label{margin-bottom:4px;font-size:13px}.mission-bar{background:var(--line-soft);border-radius:3px;height:6px;overflow:hidden}.mission-bar-fill{background:linear-gradient(90deg, var(--kin), var(--kin-lit));height:100%}.mission-row button{flex-shrink:0}.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}