@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.css');
:root{color-scheme:dark;--ink:#101010;--panel:#202020;--line:#454545;--text:#f4f4f4;--muted:#b7b7b7;--acid:#ffd600;--violet:#ffd600;--ease:cubic-bezier(.16,1,.3,1);--cut:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
*{box-sizing:border-box}html{background:var(--ink);min-width:300px}body{margin:0;color:var(--text);font:15px/1.5 'Pretendard Variable',Pretendard,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button:active:not(:disabled){translate:0 2px}::selection{background:var(--acid);color:#151515}*{scrollbar-width:thin;scrollbar-color:#717171 #181818}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
#app{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:linear-gradient(125deg,#171717,#0f0f0f 52%,#1c1c1c);max-width:1440px;margin:auto}.app-header{height:80px;max-width:1160px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid #ffffff0c}.wordmark{font-size:23px;font-weight:850;letter-spacing:-1px;display:flex;align-items:center}.wordmark span{color:var(--acid)}.wordmark i{width:5px;height:5px;background:var(--acid);transform:rotate(45deg);margin:3px 0 0 7px}.edition{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.edition b{font-weight:500;color:var(--acid);margin-left:16px}
.stage-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.plane{position:absolute;width:64%;height:95%;background:linear-gradient(145deg,#87878709,#3d3d3d14);border:1px solid #b5b5b512;transform:rotate(-24deg);top:0;left:-43%}.plane-b{left:auto;right:-32%;top:35%;transform:rotate(32deg);background:linear-gradient(70deg,#58585810,#37373726)}.stage-orbit{position:absolute;width:850px;height:850px;border:1px solid #c9c9c90b;border-radius:50%;left:calc(50% - 425px);top:190px;box-shadow:0 0 0 80px #c9c9c903,0 0 0 81px #c9c9c906}
.view{width:100%;max-width:720px;margin:auto;padding:26px 28px 30px;position:relative}.view-heading{display:flex;align-items:center;gap:10px;min-height:67px}.view-heading h1{font-size:30px;font-weight:750;line-height:1.25;margin:3px 0 0;letter-spacing:-.8px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:550;color:var(--muted);margin:0}.step{margin-left:auto;font-family:ui-monospace,monospace;font-size:22px;color:var(--acid);white-space:nowrap}.step span{font-size:12px;color:var(--muted)}.icon-button{width:44px;height:44px;background:transparent;display:grid;place-items:center;flex:none;transition:background .2s,color .2s}.icon-button:hover{background:#b7b7b71c;color:var(--acid)}.next svg{transform:rotate(180deg)}.primary{display:flex;align-items:center;justify-content:center;gap:14px;background:var(--acid);color:#1e1e1e;clip-path:var(--cut);width:100%;height:58px;font-size:16px;font-weight:700;position:relative;transition:filter .25s,transform .25s}.primary>svg:last-child{position:absolute;right:22px;width:21px}.primary:before{content:'';width:4px;height:14px;background:#3a3a3a;position:absolute;left:8px;top:calc(50% - 7px)}.primary:hover:not(:disabled){filter:brightness(1.1)}.primary:disabled{background:#303030;color:#b9b9b9}.fine-print{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin:13px 0 0}.status{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90%;background:#2f2f2f;color:#ffffff;padding:12px 18px;font-size:13px;z-index:30;border-left:2px solid var(--acid);opacity:0;pointer-events:none;transition:opacity .2s}.status.show{opacity:1}
.intro-view{text-align:center;min-height:calc(100svh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.intro-code{font:10px ui-monospace,monospace;color:#adadad;letter-spacing:2px}.portal{width:260px;height:250px;position:relative;display:grid;place-items:center;margin:32px auto}.portal img{width:188px;position:relative;z-index:1;animation:portal-in 1.4s var(--ease) both;mix-blend-mode:screen}.portal-frame{position:absolute;width:220px;height:220px;border:1px solid #adadad44;transform:rotate(45deg);clip-path:polygon(0 0,70% 0,70% 1%,100% 1%,100% 100%,0 100%)}.portal-frame.second{width:258px;height:258px;border-color:#8f8f8f1c;transform:rotate(45deg)}.portal-light{position:absolute;bottom:15px;width:110px;height:1px;background:var(--acid);box-shadow:0 3px 20px #ffd60045}.intro-copy h1{font-size:40px;line-height:1.25;letter-spacing:-1.5px;margin:12px 0}.intro-copy>p:last-child{font-size:14px;color:var(--muted);margin:12px 0 32px}.intro-start{max-width:340px}.intro-foot{font-size:9px;color:#a5a5a5;letter-spacing:2px;margin:34px 0 0;display:flex;align-items:center;gap:12px}.intro-foot i{width:22px;height:1px;background:#787878}.intro-copy{animation:copy-in .9s .15s var(--ease) both}
.selection-note{text-align:center;font-size:13px;color:var(--muted);margin:16px 0 14px}.choose-view{max-width:650px}.deck{position:relative;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.starter-deck{height:clamp(280px,calc(100svh - 430px),470px);margin:0 -28px}.deck-card{position:absolute;left:50%;top:0;height:100%;width:310px;max-width:75vw;transform-origin:center;transform:translateX(-50%) translateX(var(--x,0px)) translateZ(var(--z,0px)) rotateY(var(--ry,0deg)) scale(var(--scale,1));filter:blur(var(--blur,0px));opacity:var(--opacity,1);transition:transform .68s var(--ease),filter .68s var(--ease),opacity .45s;will-change:transform;cursor:pointer}.deck-card[data-front="true"]{z-index:3}.deck-card[data-front="false"]{z-index:1}.starter-card{padding:1px;background:var(--line);clip-path:var(--cut);color:white;text-align:left}.starter-card[data-front="true"]{background:var(--acid)}.starter-card .card-inner{position:absolute;inset:1px;clip-path:var(--cut);background:#262626;overflow:hidden}.starter-card img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 35%);transform:scale(1.1);pointer-events:none}.starter-card .card-inner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0e0e0e1a 45%,#0d0d0dd9 83%,#0d0d0d 100%)}.starter-card .card-id{position:absolute;top:15px;left:16px;font:11px ui-monospace,monospace;z-index:1;letter-spacing:2px;background:#171717b3;padding:5px 8px}.card-corner{position:absolute;right:15px;top:14px;color:var(--acid);z-index:1}.starter-name{position:absolute;left:22px;bottom:21px;right:15px;z-index:1}.starter-name small{display:block;font-size:10px;letter-spacing:2px;color:var(--acid);margin-bottom:3px}.starter-name strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px}.starter-name em{font-size:12px;color:#c6c6c6;font-style:normal;display:block;margin-top:7px}.deck-controls{display:flex;align-items:center;justify-content:center;gap:25px;height:47px}.deck-dots{display:flex;gap:9px}.deck-dots button{background:transparent;padding:12px 5px;position:relative;width:18px;height:30px}.deck-dots button:after{content:'';position:absolute;left:6px;top:12px;width:5px;height:5px;background:#606060;transform:rotate(45deg);transition:background .3s,transform .3s}.deck-dots button[aria-current="true"]:after{background:var(--acid);transform:rotate(45deg) scale(1.45)}.starter-summary{max-width:380px;margin:0 auto 20px;text-align:center;min-height:59px}.starter-summary p{margin:0;color:#cdcdcd;font-size:13px}.starter-summary p:first-child{color:var(--acid);font-size:11px;margin-bottom:6px;letter-spacing:1px}.choose-view>.primary{max-width:400px;margin:auto}
.archive-view{max-width:606px;padding-top:22px}.archive-total{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:ui-monospace,monospace}.archive-total strong{color:var(--acid);font-size:38px;font-weight:400;line-height:1}.archive-total span{font-size:9px;color:var(--muted);line-height:1.8;letter-spacing:1px}.archive-toolbar{margin:20px 0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #505050;padding-bottom:11px;gap:8px}.archive-toolbar>span:first-child{font-size:12px;display:flex;align-items:center;gap:9px}.archive-toolbar i{width:5px;height:5px;background:var(--acid);transform:rotate(45deg)}.archive-toolbar b{font:11px ui-monospace,monospace;color:var(--acid)}.archive-toolbar>span:last-child{font-size:10px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.archive-card{min-width:0;height:clamp(134px,calc((100svh - 314px)/3),218px);position:relative;text-align:left;padding:1px;background:#505050;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:transform .32s var(--ease),background .25s}.archive-card:hover{transform:translateY(-4px);background:#c0c0c0}.archive-card.owned{background:var(--acid)}.archive-card .tile-inner{position:absolute;inset:1px;overflow:hidden;clip-path:inherit;background:#1c1c1c}.archive-card img{width:100%;height:100%;object-fit:cover;object-position:var(--focus);filter:grayscale(1) brightness(.63);transform:scale(1.11);transition:filter .5s,transform .5s;pointer-events:none}.archive-card.owned img{filter:none}.archive-card:hover img{transform:scale(1.17)}.archive-card .tile-inner:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0e0e0e 95%)}.tile-id{position:absolute;top:7px;left:8px;color:#dadada;font:9px ui-monospace,monospace;z-index:1}.tile-mark{position:absolute;top:7px;right:7px;z-index:1}.tile-mark svg{width:15px;height:15px;color:#cdcdcd}.owned .tile-mark svg{color:var(--acid)}.tile-caption{position:absolute;bottom:10px;left:10px;right:7px;z-index:1}.tile-caption small{font-size:8px;letter-spacing:1px;display:block;color:#c2c2c2}.tile-caption strong{font-size:15px;line-height:1.3;font-weight:650;display:block;margin-top:4px}.owned .tile-caption:after{content:'';position:absolute;left:0;right:4px;bottom:-8px;height:2px;background:var(--acid)}.archive-card.unrevealed .tile-caption strong{font-size:12px;color:#c3c3c3}.archive-card.unrevealed img{filter:grayscale(1) brightness(.82)}.archive-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#b8b8b8;margin:16px 0}.archive-hint svg{width:14px;height:14px}.bottom-nav{display:flex;border-top:1px solid #3d3d3d;margin-top:18px;padding-top:8px}.bottom-nav button{flex:1;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;height:46px;font-size:12px;color:#bdbdbd}.bottom-nav button.active{color:var(--acid)}.bottom-nav svg{width:18px;height:18px}
.detail-view{max-width:740px}.detail-view .view-heading{margin-bottom:23px}.detail-deck{height:clamp(470px,calc(100svh - 370px),680px);margin:0 -28px}.profile-card{width:410px;max-width:79vw;cursor:grab}.profile-card:active{cursor:grabbing}.profile-surface{position:absolute;inset:0;background:linear-gradient(140deg,#c2c2c288,#424242 20%,#3a3a3a);padding:1px;clip-path:var(--cut);box-shadow:16px 26px 50px #00000088}.profile-art{position:absolute;inset:1px;clip-path:var(--cut);overflow:hidden;background:#202020}.profile-art>img{width:100%;height:100%;object-fit:cover;object-position:var(--focus);filter:brightness(.82);transform:scale(1.07)}.profile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d0d0d70,transparent 24%,transparent 44%,#0d0d0d44 63%,#0d0d0dcf)}.profile-identity{position:absolute;left:22px;top:24px;right:18px;z-index:1;text-shadow:0 2px 12px #00000066}.profile-identity .eyebrow{color:#eeeeee;font-size:9px}.profile-identity h2{font-size:37px;line-height:1.2;margin:6px 0;letter-spacing:-1px;font-weight:750}.profile-identity .profile-state{display:inline-flex;align-items:center;gap:5px;font-size:10px;margin-top:5px;color:#ffd600}.profile-identity .profile-state svg{width:13px;height:13px}.profile-card.owned .profile-state{color:var(--acid)}.profile-strip{position:absolute;left:0;top:70%;height:1px;width:33%;background:var(--acid);transform:rotate(-25deg);transform-origin:left}.profile-file{position:absolute;left:18px;bottom:25px;font:10px ui-monospace,monospace;color:#cacaca;writing-mode:vertical-rl;letter-spacing:2px}.info-panel{position:absolute;bottom:35px;right:-8px;width:65%;transform:perspective(750px) rotateY(-12deg) rotateZ(-3deg);transform-origin:right center;filter:drop-shadow(8px 14px 16px #00000077);z-index:2;user-select:text}.info-panel .info-band{background:var(--acid);color:#1e1e1e;padding:8px 13px;font-size:11px;letter-spacing:1px;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px)}.info-content{background:linear-gradient(110deg,#2b2b2bf5,#1d1d1df5);border:1px solid #747474;padding:15px 14px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.info-content h3{font-size:16px;margin:0 0 12px;line-height:1.4;color:#f4f4f4}.info-content p{font-size:12px;line-height:1.75;color:#d9d9d9;margin:12px 0 0}.traits{display:flex;flex-wrap:wrap;gap:5px}.traits span{font-size:10px;border:1px solid #7f7f7f66;padding:3px 6px;color:#dfdfdf}.info-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:9px;border-top:1px solid #70707066;font:9px ui-monospace,monospace;color:#b8b8b8}.info-footer svg{width:14px;height:14px;color:var(--acid)}.detail-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0}.detail-controls>span{font-size:11px;color:var(--muted)}.detail-view>.primary{max-width:430px;margin:auto}.detail-lock-note{text-align:center;font-size:11px;color:var(--muted);margin:9px 0 0;min-height:17px}.profile-card.unrevealed .profile-identity h2{font-size:27px}.profile-card.unrevealed .profile-art>img{filter:none}
.reveal-view{text-align:center;min-height:calc(100svh - 80px);padding-top:40px;max-width:650px}.reveal-view>h1{font-size:22px;font-weight:600;margin:9px 0 22px}.reveal-stage{position:relative;height:clamp(320px,calc(100svh - 390px),460px);perspective:900px}.reveal-art{position:absolute;inset:0;max-width:285px;margin:auto;overflow:hidden;clip-path:var(--cut);border-bottom:3px solid var(--acid);animation:reveal-card 1.25s var(--ease) both}.reveal-art>img{width:100%;height:100%;object-fit:cover;object-position:var(--focus);transform:scale(1.08)}.reveal-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#151515aa)}.reveal-frame{position:absolute;inset:-12px;max-width:309px;margin:auto;border:1px solid #ffd60088;clip-path:var(--cut);animation:reveal-frame 1.1s var(--ease) both}.reveal-rays{position:absolute;inset:40% -20px;border-top:1px solid #ffd60090;transform:rotate(-22deg);animation:rays 1.3s var(--ease) both}.reveal-scan{position:absolute;inset:0;background:linear-gradient(transparent 42%,#ffd600bb 49%,transparent 58%);transform:translateY(-100%);animation:scan 1.2s .15s ease-out both}.reveal-caption{margin:24px 0 22px}.reveal-caption h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:5px 0 12px}.available{font-size:11px;color:var(--acid);display:flex;align-items:center;justify-content:center;gap:6px}.available svg{width:16px;height:16px}.reveal-view>.primary{max-width:360px;margin:auto}.quest-vfx{position:absolute;z-index:4;pointer-events:none;mask-image:radial-gradient(ellipse at center,transparent 40%,#000000 68%)}
@keyframes portal-in{from{opacity:.2;transform:translateY(15px) scale(.85)}to{opacity:1;transform:none}}@keyframes copy-in{from{opacity:.2;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes reveal-card{0%{filter:grayscale(1) brightness(.4);transform:rotateY(40deg) scale(.8)}45%{filter:grayscale(1) brightness(1.4)}100%{filter:none;transform:none}}@keyframes reveal-frame{from{opacity:0;transform:scale(1.28) rotate(-6deg)}to{opacity:1;transform:none}}@keyframes scan{to{transform:translateY(100%)}}@keyframes rays{from{opacity:0;scale:.2}35%{opacity:1}to{opacity:0;scale:1.3}}
@media(min-width:1000px){.choose-view,.detail-view{padding-top:24px}.deck-card{max-width:360px}.starter-deck{margin-inline:-90px}.detail-deck{margin-inline:-70px}.intro-view{padding-top:0}.intro-copy h1{font-size:44px}}
@media(max-width:600px){.app-header{height:56px;padding:0 22px}.wordmark{font-size:21px}.edition{font-size:8px;letter-spacing:1.1px}.edition b{margin-left:8px}.view{padding:17px 20px 20px}.view-heading{min-height:53px}.view-heading h1{font-size:25px}.view-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.step{font-size:20px}.view-heading>.icon-button{margin-left:-10px}.primary{height:52px;font-size:15px}.intro-view{min-height:calc(100svh - 56px);padding:30px 25px}.intro-copy h1{font-size:34px}.portal{margin:30px auto 35px;width:230px;height:220px}.portal-frame{width:190px;height:190px}.portal-frame.second{width:225px;height:225px}.portal img{width:172px}.selection-note{margin:11px 0 15px;font-size:12px}.starter-deck{height:clamp(270px,calc(100svh - 408px),450px);margin-inline:-20px}.starter-card{width:72vw;max-width:320px}.starter-name strong{font-size:28px}.starter-name{left:19px;bottom:18px}.starter-summary{margin-bottom:15px;min-height:55px;padding:0 12px}.starter-summary p{font-size:12px}.fine-print{font-size:10px;margin-top:11px}.archive-view{padding-top:17px}.archive-grid{gap:9px}.archive-toolbar{margin:16px 0 12px}.archive-toolbar>span:last-child{font-size:8px}.archive-total strong{font-size:32px}.archive-total span{font-size:8px}.archive-card{height:clamp(134px,calc((100svh - 314px)/3),200px)}.tile-caption{left:8px;bottom:9px}.tile-caption strong{font-size:13px}.tile-caption small{font-size:7px}.archive-card.unrevealed .tile-caption strong{font-size:11px}.archive-hint{font-size:10px;margin:12px 0}.bottom-nav{margin-top:12px;padding-top:5px}.bottom-nav button{height:44px}.detail-view .view-heading{margin-bottom:22px}.detail-deck{height:clamp(440px,calc(100svh - 305px),680px);margin-inline:-20px}.profile-card{width:79vw;max-width:410px}.profile-identity{left:18px;top:20px}.profile-identity h2{font-size:31px}.info-panel{width:66%;right:-7px;bottom:27px}.info-content{padding:13px 11px}.info-content h3{font-size:15px;margin-bottom:9px}.info-content p{font-size:11px;line-height:1.75;margin-top:10px}.traits span{font-size:9px;padding:2px 5px}.info-footer{font-size:8px;margin-top:11px}.detail-controls{margin:4px 0}.detail-controls>span{font-size:10px}.reveal-view{min-height:calc(100svh - 56px);padding-top:28px}.reveal-view>h1{font-size:19px}.reveal-stage{height:clamp(300px,calc(100svh - 360px),480px)}.reveal-art{max-width:260px}.reveal-frame{max-width:284px}.reveal-caption{margin:24px 0}.reveal-caption h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.quest-vfx{display:none}}

h1[tabindex="-1"]:focus{outline:none}
.primary:focus-visible:after,.starter-card:focus-visible:after,.archive-card:focus-visible:after{content:'';position:absolute;inset:6px;border:2px solid #ffffff;box-shadow:0 0 0 2px #1f1f1f;clip-path:var(--cut);z-index:10;pointer-events:none}
.primary:focus-visible:after{border-color:#1e1e1e;box-shadow:none}
.profile-card:focus-visible{outline:2px solid var(--acid);outline-offset:5px}