:root{--color-primary: #2163a6;--color-secondary: #636363;--color-accent: #707070;--color-surface: #121212;--color-text: #f0f0f0;--color-border: rgba(240, 240, 240, .12);--color-success: #5d5dae;--color-warning: #636363;--color-danger: #2163a6;--color-info: #707070;--bg-page: #121212;--bg-card: rgba(255, 255, 255, .06);--bg-elevated: rgba(255, 255, 255, .08);--bg-sunken: rgba(0, 0, 0, .3);--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f0f0f0;--text-secondary: rgba(240, 240, 240, .65);--text-disabled: rgba(240, 240, 240, .35);--text-inverse: #121212;--text-onAction: #ffffff;--border-default: rgba(240, 240, 240, .12);--border-strong: rgba(240, 240, 240, .25);--border-focus: rgba(33, 99, 166, .5);--action-primary: #2163a6;--action-primaryHover: rgba(33, 99, 166, .85);--action-secondary: #636363;--action-disabled: rgba(33, 99, 166, .4);--state-success: #5d5dae;--state-warning: #636363;--state-danger: #2163a6;--state-info: #707070;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-0: 4px;--spacing-1: 8px;--spacing-2: 12px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6)}:root{--game-player: var(--color-primary);--game-cpu: #b3453f;--game-hp: #3f9e6a;--game-energy: #c9a227;--game-cpu-soft: rgba(179, 69, 63, .14);--game-player-soft: rgba(33, 99, 166, .16);--page-max: 1760px;--type-display: 800 36px/1.15 var(--font-heading);--type-h1: 700 28px/1.25 var(--font-heading);--type-h2: 600 22px/1.35 var(--font-heading);--type-body: 400 16px/1.65 var(--font-body);--type-small: 400 14px/1.55 var(--font-body);--type-caption: 500 12px/1.4 var(--font-body)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-page);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding-left:var(--spacing-4)}a{color:var(--text-primary);text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.h1{font:var(--type-h1)}.h2{font:var(--type-h2)}.small{font:var(--type-small);color:var(--text-secondary)}.caption{font:var(--type-caption);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--text-secondary)}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:var(--spacing-3)}.row{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.app{display:flex;flex-direction:column;min-height:100%}.site-main{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--spacing-4) var(--spacing-3) var(--spacing-6)}.panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-4)}.panel--sunken{background:var(--bg-sunken)}.site-header{position:sticky;top:0;z-index:20;background:var(--bg-page);border-bottom:1px solid var(--border-default)}.site-header__inner{max-width:var(--page-max);margin:0 auto;padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}@media (max-width: 680px){.site-header__inner{flex-direction:column;align-items:stretch;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1)}.site-nav{gap:var(--spacing-0)}.site-nav__link{flex:1;justify-content:center;padding:var(--spacing-0) var(--spacing-1)}}.brand{display:flex;align-items:center;gap:var(--spacing-1);min-width:0}.brand__mark{width:34px;height:34px;flex:none;border-radius:var(--radius-md);border:2px solid var(--color-primary);background:var(--game-player-soft);position:relative}.brand__mark:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:2px;background:var(--color-primary);transform:rotate(45deg)}.brand__name{font:var(--type-h2);letter-spacing:-.01em;white-space:nowrap}.brand__tag{font:var(--type-caption);color:var(--text-secondary);display:block;text-transform:none;letter-spacing:0}.site-nav{display:flex;gap:var(--spacing-0);overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav__link{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font:var(--type-small);font-weight:600;color:var(--text-secondary);white-space:nowrap;border:1px solid transparent;min-height:40px;display:inline-flex;align-items:center}.site-nav__link:hover{color:var(--text-primary);background:var(--bg-elevated)}.site-nav__link.is-active{color:var(--text-primary);background:var(--game-player-soft);border-color:var(--color-primary)}.site-footer{border-top:1px solid var(--border-default);padding:var(--spacing-4) var(--spacing-3);background:var(--bg-sunken)}.site-footer__inner{max-width:var(--page-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-1)}.site-footer__disclaimer{font:var(--type-small);color:var(--text-secondary);max-width:70ch}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--type-small);font-weight:600;font-family:var(--font-body);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);padding:0 var(--spacing-3);min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:#ffffff24}.btn:disabled{cursor:not-allowed;color:var(--text-disabled);border-color:var(--border-default);background:var(--bg-card)}.btn--primary{background:var(--action-primary);border-color:var(--action-primary);color:var(--text-onAction);font-weight:700}.btn--primary:hover:not(:disabled){background:var(--action-primaryHover)}.btn--primary:disabled{background:var(--action-disabled);border-color:transparent;color:#fff9}.btn--attack{background:var(--game-cpu);border-color:var(--game-cpu);color:var(--text-onAction);font-weight:700}.btn--attack:hover:not(:disabled){background:#c9524b}.btn--attack:disabled{background:#b3453f66;border-color:transparent;color:#fff9}.btn--ghost{background:transparent;border-color:var(--border-default);color:var(--text-secondary)}.btn--lg{min-height:52px;font:var(--type-body);font-weight:700;padding:0 var(--spacing-4)}.btn--sm{min-height:36px;font:var(--type-caption);padding:0 var(--spacing-2)}.btn--block{width:100%}.alert{display:flex;gap:var(--spacing-2);align-items:flex-start;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);font:var(--type-small)}.alert--warning{border-color:#c9a22773;background:#c9a2271f}.alert--info{border-color:var(--border-strong)}.alert--danger{border-color:#b3453f80;background:var(--game-cpu-soft)}.alert__icon{flex:none;font-weight:700}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--spacing-1);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-elevated);font:var(--type-caption);white-space:nowrap}.badge--creature{border-color:#2163a680;background:var(--game-player-soft)}.badge--skill{border-color:#5d5dae80;background:#5d5dae29}.meter{height:8px;border-radius:var(--radius-full);background:var(--bg-sunken);border:1px solid var(--border-default);overflow:hidden}.meter__fill{height:100%;background:var(--game-hp);transition:width .22s ease}.meter__fill--cpu{background:var(--game-cpu)}.card{position:relative;width:100%;display:flex;flex-direction:column;text-align:left;gap:var(--spacing-1);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);transition:border-color .12s ease,background .12s ease,transform .12s ease}button.card{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.card:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-elevated)}button.card:disabled{cursor:not-allowed;opacity:.55}.card.is-selected{border-color:var(--color-primary);background:var(--game-player-soft)}.card.is-playable{border-color:#3f9e6a8c}.card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-0)}.card__cost{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:var(--radius-full);background:#c9a2272e;border:1px solid rgba(201,162,39,.55);color:var(--game-energy);font:var(--type-caption);font-weight:700}.card__art{position:relative;width:100%;aspect-ratio:63 / 88;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-sunken);border:1px solid var(--border-default);isolation:isolate}.card__art img{width:100%;height:100%;object-fit:cover}.card__art--text{display:grid;place-items:center;background:linear-gradient(160deg,#2163a638,#5d5dae1f)}.card__initial{font:var(--type-display);color:#f0f0f080}.card__name{font:var(--type-caption);font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}.card__stats{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-0);font:var(--type-caption);font-weight:700}.card__stat--atk{color:#e08c86}.card__stat--hp{color:#7fd0a4}.card__stat--effect{color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__damage{position:absolute;z-index:3;top:var(--spacing-1);right:var(--spacing-1);padding:2px 6px;border-radius:var(--radius-full);background:var(--game-cpu);color:#fff;font:var(--type-caption);font-weight:700}.card__foil,.card__sparkle{position:absolute;pointer-events:none;z-index:2}.card__foil{top:-25%;bottom:-25%;left:-70%;right:-70%}.card--rare .card__art{border-color:#c9a22773}.card--rare .card__foil,.tile--rare .card__foil{background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.3) 44%,rgba(232,196,90,.45) 50%,rgba(255,255,255,.3) 56%,transparent 68%);mix-blend-mode:overlay;opacity:.5;transform:translate(-22%);transition:transform .7s ease,opacity .3s ease}.card--ultra .card__art{border-color:#a86aff8c}.card--ultra .card__foil,.tile--ultra .card__foil{background:linear-gradient(112deg,#ff006e80,#ffba0080,#3cff9680,#00c8ff80,#aa50ff80,#ff006e80);mix-blend-mode:color-dodge;opacity:.28;animation:foil-drift 7s ease-in-out infinite}.card--ultra .card__sparkle,.tile--ultra .card__sparkle{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.7px),radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.5px);background-size:31px 31px,18px 18px;background-position:0 0,11px 13px;mix-blend-mode:overlay;animation:sparkle-pulse 3.4s ease-in-out infinite}button.card:hover .card__foil,button.card:focus-visible .card__foil,.tile:hover .card__foil,.tile:focus-visible .card__foil{transform:translate(22%);opacity:.85}button.card--ultra:hover,button.card--ultra:focus-visible{border-color:#a86affcc}button.card--rare:hover,button.card--rare:focus-visible{border-color:#c9a227b3}@keyframes foil-drift{0%,to{transform:translate(-26%)}50%{transform:translate(26%)}}@keyframes sparkle-pulse{0%,to{opacity:.16}50%{opacity:.44}}.showcase{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.showcase__stage{--px: 50%;--py: 50%;--rx: 0deg;--ry: 0deg;--lit: 0;width:100%;max-width:300px;perspective:1100px}.showcase__frame{position:relative;aspect-ratio:63 / 88;border-radius:12px;overflow:hidden;isolation:isolate;background:var(--bg-sunken);border:1px solid var(--border-strong);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .32s ease;will-change:transform}.showcase__stage:hover .showcase__frame{transition:transform 80ms linear}.showcase__img{width:100%;height:100%;object-fit:cover}.showcase__text{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-3);text-align:center;background:linear-gradient(160deg,#2163a640,#5d5dae24)}.showcase__initial{font:var(--type-display);font-size:72px;color:#f0f0f08c}.showcase__textname{font:var(--type-h2)}.showcase__glare,.showcase__foil,.showcase__sparkle{position:absolute;pointer-events:none;z-index:2}.showcase__glare{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--px) var(--py),rgba(255,255,255,.4),rgba(255,255,255,0) 48%);mix-blend-mode:soft-light;opacity:var(--lit);transition:opacity .25s ease}.showcase--rare .showcase__foil{top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.35) 44%,rgba(232,196,90,.5) 50%,rgba(255,255,255,.35) 56%,transparent 70%);mix-blend-mode:overlay;opacity:.6;transform:translate(calc((var(--px) - 50%) * .6))}.showcase--ultra .showcase__foil{top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,#ff006e8c,#ffba008c,#3cff968c,#00c8ff8c,#aa50ff8c 72%,#ff006e8c);background-size:280% 280%;background-position:var(--px) var(--py);mix-blend-mode:color-dodge;opacity:.34}.showcase--ultra .showcase__sparkle{top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.95) 1.1px,transparent 1.9px),radial-gradient(rgba(255,255,255,.65) 1px,transparent 1.6px);background-size:38px 38px,22px 22px;background-position:0 0,13px 16px;mix-blend-mode:overlay;animation:sparkle-pulse 3.4s ease-in-out infinite}.showcase__tag{font:var(--type-caption);letter-spacing:.04em;text-transform:uppercase;text-align:center;text-wrap:balance;padding:3px var(--spacing-2);border-radius:var(--radius-full);border:1px solid var(--border-default)}.showcase__tag--rare{color:#e8c45a;border-color:#e8c45a80;background:#e8c45a1f}.showcase__tag--ultra{color:#c9a0ff;border-color:#a86aff80;background:#a86aff24}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--spacing-2)}.card-grid__empty{grid-column:1 / -1;padding:var(--spacing-5) var(--spacing-3);text-align:center;color:var(--text-secondary)}.battle{display:grid;gap:var(--spacing-3)}@media (min-width: 940px){.battle{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.battle__side{position:sticky;top:76px}}.battle__board,.battle__side,.zone,.zone__body,.slot,.bench{min-width:0}.battle__board{display:flex;flex-direction:column;gap:var(--spacing-2)}.zone{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card);padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2)}.zone--cpu{border-color:#b3453f66;background:var(--game-cpu-soft)}.zone--player{border-color:#2163a673;background:var(--game-player-soft)}.zone.is-turn{border-width:2px;padding:calc(var(--spacing-2) - 1px)}.zone__head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}.zone__title{display:flex;align-items:baseline;gap:var(--spacing-1);font:var(--type-h2)}.zone__hp{font-variant-numeric:tabular-nums}.zone__counts{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.zone__body{--slot-w: 92px;display:grid;grid-template-columns:var(--slot-w) minmax(0,1fr);gap:var(--spacing-2);align-items:start}@media (min-width: 560px){.zone__body{--slot-w: 108px}}.slot{display:flex;flex-direction:column;gap:var(--spacing-0)}.slot__label{font:var(--type-caption);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.slot__empty{width:100%;min-height:150px;height:100%;border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--bg-sunken);display:grid;place-items:center;font:var(--type-caption);color:var(--text-disabled);text-align:center;padding:var(--spacing-0)}button.slot__empty{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body)}button.slot__empty:hover:not(:disabled){border-color:var(--color-primary);color:var(--text-secondary)}button.slot__empty:disabled{cursor:default}.bench{display:grid;grid-template-columns:repeat(3,minmax(0,var(--slot-w)));gap:var(--spacing-1)}.turn-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-sunken);flex-wrap:wrap}.turn-strip__state{display:flex;align-items:center;gap:var(--spacing-1);font:var(--type-small);font-weight:600}.dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--game-player);flex:none}.dot--cpu{background:var(--game-cpu)}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-1)}@media (min-width: 560px){.actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.hand{display:flex;gap:var(--spacing-1);overflow-x:auto;padding-bottom:var(--spacing-1);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.hand__card{flex:none;width:122px;scroll-snap-align:start}.hand__empty{padding:var(--spacing-3);color:var(--text-secondary);font:var(--type-small)}.log{display:flex;flex-direction:column;gap:var(--spacing-1);max-height:320px;overflow-y:auto}.log__entry{display:flex;gap:var(--spacing-1);font:var(--type-small);padding:var(--spacing-0) var(--spacing-1);border-left:2px solid var(--border-default);color:var(--text-secondary)}.log__entry--player{border-left-color:var(--game-player);color:var(--text-primary)}.log__entry--cpu{border-left-color:var(--game-cpu);color:var(--text-primary)}.log__turn{flex:none;font-variant-numeric:tabular-nums;color:var(--text-disabled)}.result{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-elevated);text-align:center}.result__headline{font:var(--type-h1)}.result--win .result__headline{color:#7fd0a4}.result--lose .result__headline{color:#e08c86}.hero{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-4);border-radius:var(--radius-xl);border:1px solid var(--border-default);background:linear-gradient(150deg,var(--game-player-soft),rgba(93,93,174,.08))}.hero__title{font:var(--type-display);letter-spacing:-.02em}.hero__subtitle{font:var(--type-body);color:var(--text-secondary);max-width:56ch}.hero__actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.feature-grid{display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card)}.feature__title{font:var(--type-h2);font-size:18px;margin-bottom:var(--spacing-0)}.field{display:flex;flex-direction:column;gap:var(--spacing-0);min-width:0}.field__label{font:var(--type-caption);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.input,.select{min-height:44px;width:100%;padding:0 var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font:var(--type-body);font-family:var(--font-body)}.input::placeholder{color:var(--text-disabled)}.select option{background-color:#1c1c1c;color:var(--text-primary)}.filters{display:grid;gap:var(--spacing-2);grid-template-columns:1fr}@media (min-width: 640px){.filters{grid-template-columns:2fr 1fr 1fr}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}.detail{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;justify-items:center}@media (min-width: 680px){.detail{grid-template-columns:300px minmax(0,1fr);justify-items:stretch;align-items:start}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg-overlay);display:grid;place-items:end center;padding:var(--spacing-3)}@media (min-width: 560px){.modal{place-items:center}}.modal__panel{width:100%;max-width:880px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.modal__panel:focus{outline:none}.rules-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.rules-list dt{font:var(--type-h2);font-size:18px;margin-bottom:var(--spacing-0)}.rules-list dd{margin:0;color:var(--text-secondary);font:var(--type-small)}.deck-layout{display:grid;gap:var(--spacing-3);grid-template-columns:1fr}@media (min-width: 940px){.deck-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.deck-layout__side{position:sticky;top:76px}}.deck-list{display:flex;flex-direction:column;gap:var(--spacing-0);max-height:360px;overflow-y:auto}.deck-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-1);padding:var(--spacing-0) var(--spacing-1);border-radius:var(--radius-sm);background:var(--bg-sunken);font:var(--type-small)}.deck-list__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--color-primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 420px){.site-main{padding:var(--spacing-3) var(--spacing-2) var(--spacing-5)}.hero{padding:var(--spacing-4) var(--spacing-3)}.hero__title{font-size:30px}.zone__body{--slot-w: 84px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.brand__name{font-size:18px}}.landing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;padding:var(--spacing-6) var(--spacing-4);border-radius:var(--radius-xl);border:1px solid var(--border-default);background:linear-gradient(155deg,var(--game-player-soft),rgba(93,93,174,.08))}.landing__title{font:var(--type-display);letter-spacing:-.02em;margin:0}.landing__subtitle{font:var(--type-body);color:var(--text-secondary);max-width:60ch}.landing__search{display:flex;gap:var(--spacing-1);width:100%;max-width:620px;flex-wrap:wrap}.landing__input{flex:1 1 260px;min-width:0}.landing__popular{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--spacing-2);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-elevated);font:var(--type-small);color:var(--text-secondary)}.chip:hover{color:var(--text-primary);border-color:var(--color-primary)}.shortcut-grid{display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.shortcut{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);min-height:76px;justify-content:center}.shortcut:hover{border-color:var(--color-primary);background:var(--bg-elevated)}.shortcut__name{font:var(--type-h2);font-size:18px}.shortcut__note{font:var(--type-caption);color:var(--text-secondary)}.shortcut--all{border-style:dashed}.search-panel{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card)}.search-bar{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--spacing-2);font-size:20px;color:var(--text-secondary);pointer-events:none;line-height:1}.search-bar__input{width:100%;min-height:52px;padding:0 var(--spacing-6) 0 var(--spacing-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font:var(--type-body);font-family:var(--font-body)}.landing__input{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.search-bar__input::placeholder{color:var(--text-disabled)}.search-bar__input::-webkit-search-cancel-button{display:none}.search-bar__clear{position:absolute;right:var(--spacing-1);width:36px;height:36px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.search-bar__clear:hover{background:var(--bg-elevated);color:var(--text-primary)}.filter-row{display:grid;gap:var(--spacing-2);grid-template-columns:1fr;align-items:end}@media (min-width: 720px){.filter-row{grid-template-columns:2fr 1.4fr 1fr 1.2fr auto}}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);min-height:24px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-3);transition:opacity .15s ease}.tile-grid.is-loading{opacity:.45}@media (max-width: 420px){.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-2)}}.tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);transition:border-color .14s ease,background .14s ease,transform .14s ease}.tile:hover{border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-2px)}.tile--rare{border-color:#c9a22766}.tile--ultra{border-color:#a86aff80}.tile--rare:hover{border-color:#c9a227bf}.tile--ultra:hover{border-color:#a86affd9}.tile__art{position:relative;aspect-ratio:63 / 88;overflow:hidden;isolation:isolate;background:var(--bg-sunken);display:grid;place-items:center}.tile__art img{width:100%;height:100%;object-fit:cover}.tile__initial{font:var(--type-display);color:#f0f0f066}.tile__hp{position:absolute;z-index:3;top:var(--spacing-1);right:var(--spacing-1);padding:2px 7px;border-radius:var(--radius-full);background:#000000a8;color:var(--text-primary);font:var(--type-caption);font-weight:700}.tile__body{display:flex;flex-direction:column;gap:3px;padding:var(--spacing-2)}.tile__name{font:var(--type-small);font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.tile__meta{font:var(--type-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-0);margin-top:var(--spacing-0);min-height:24px}.tile__price{flex:none;font:var(--type-small);font-weight:700;color:#7fd0a4;font-variant-numeric:tabular-nums}.tile__price--none{color:var(--text-disabled);font-weight:400}.rarity-chip{padding:2px 7px;border-radius:var(--radius-full);border:1px solid var(--border-default);font:var(--type-caption);color:var(--text-secondary);min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-chip--rare{color:#e8c45a;border-color:#e8c45a73}.rarity-chip--ultra{color:#c9a0ff;border-color:#a86aff73}.pager{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);flex-wrap:wrap;padding:var(--spacing-2) 0 var(--spacing-4)}.modal__panel--wide{max-width:1180px;position:relative}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}.detail-head__text{min-width:0}.detail-head__close{flex:none}.detail-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr;justify-items:center}@media (min-width: 760px){.detail-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;justify-items:stretch}}.detail-grid__art{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);position:sticky;top:0}.detail-setlogo{max-height:46px;max-width:170px;object-fit:contain;opacity:.85}.detail-grid__body{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.detail-loading{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5) 0}.detail-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.detail-section__title{font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:var(--spacing-0);border-bottom:1px solid var(--border-default);margin:0}.detail-foilbar{position:absolute;inset:0 0 auto 0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;pointer-events:none}.detail-foilbar--rare{background:linear-gradient(90deg,transparent,#e8c45a,transparent)}.detail-foilbar--ultra{background:linear-gradient(90deg,#ff006e,#ffba00,#3cff96,#00c8ff,#aa50ff,#ff006e)}.price-block{display:flex;flex-direction:column;gap:var(--spacing-3)}.price-empty{padding:var(--spacing-3);border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--bg-sunken)}.price-market{display:flex;flex-direction:column;gap:var(--spacing-1)}.price-market__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap}.price-market__name{font:var(--type-body);font-weight:700;margin:0}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-sunken)}.price-table{width:100%;border-collapse:collapse;font:var(--type-small);font-variant-numeric:tabular-nums;white-space:nowrap}.price-table th,.price-table td{padding:var(--spacing-1) var(--spacing-2);text-align:right}.price-table thead th{font:var(--type-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.price-table tbody th,.price-table thead th:first-child{text-align:left;font-weight:600}.price-table tbody tr+tr th,.price-table tbody tr+tr td{border-top:1px solid var(--border-default)}.price-table__key{color:#7fd0a4;font-weight:700}.move{padding:var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-sunken)}.move__head{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.move__name{font:var(--type-body);font-weight:600}.move__damage{margin-left:auto;font:var(--type-h2);font-size:18px;color:#e08c86;font-variant-numeric:tabular-nums}.move__effect{margin-top:var(--spacing-1);font:var(--type-small);color:var(--text-secondary)}.energy-cost{display:inline-flex;gap:3px}.energy-cost--free{font:var(--type-caption);color:var(--text-secondary)}.energy{width:20px;height:20px;border-radius:var(--radius-full);display:grid;place-items:center;font:var(--type-caption);font-weight:700;color:#1a1a1a;background:#b9b9b9}.energy--fire{background:#e2683f;color:#fff}.energy--water{background:#4aa3dd;color:#fff}.energy--grass{background:#5fb45f;color:#10240f}.energy--lightning{background:#e9c531}.energy--psychic{background:#a566c4;color:#fff}.energy--fighting{background:#c1683a;color:#fff}.energy--darkness{background:#3c4450;color:#fff}.energy--metal{background:#93a2ad}.energy--fairy{background:#de7bab;color:#fff}.energy--dragon{background:#b99230}.energy--colorless{background:#d8d8d8}.facts{display:grid;gap:0;margin:0}.facts__row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--spacing-2);padding:var(--spacing-1) 0;border-bottom:1px solid var(--border-default)}.facts__row:last-child{border-bottom:none}.facts dt{font:var(--type-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding-top:2px}.facts dd{margin:0;font:var(--type-small)}@media (max-width: 480px){.facts__row{grid-template-columns:1fr;gap:0}}