@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.m-2{margin:calc(var(--spacing) * 2)}.m-26{margin:calc(var(--spacing) * 26)}.m-32{margin:calc(var(--spacing) * 32)}.m-40{margin:calc(var(--spacing) * 40)}.m-178{margin:calc(var(--spacing) * 178)}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-\[clamp\(2rem\,7vw\,3rem\)\]{margin-top:clamp(2rem,7vw,3rem)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[16rem\]{max-width:16rem}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-\[clamp\(1\.75rem\,5vw\,2\.5rem\)\]{gap:clamp(1.75rem,5vw,2.5rem)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-\[clamp\(1\.25rem\,6vw\,2\.5rem\)\]{padding-inline:clamp(1.25rem,6vw,2.5rem)}.py-1{padding-block:var(--spacing)}.py-\[clamp\(2\.5rem\,8vw\,4rem\)\]{padding-block:clamp(2.5rem,8vw,4rem)}.py-\[clamp\(3rem\,12vw\,5rem\)\]{padding-block:clamp(3rem,12vw,5rem)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[clamp\(0\.7rem\,2\.8vw\,0\.82rem\)\]{font-size:clamp(.7rem,2.8vw,.82rem)}.text-\[clamp\(0\.58rem\,2\.4vw\,0\.66rem\)\]{font-size:clamp(.58rem,2.4vw,.66rem)}.text-\[clamp\(0\.62rem\,2\.4vw\,0\.7rem\)\]{font-size:clamp(.62rem,2.4vw,.7rem)}.text-\[clamp\(0\.78rem\,3vw\,0\.9rem\)\]{font-size:clamp(.78rem,3vw,.9rem)}.text-\[clamp\(1\.4rem\,6vw\,1\.9rem\)\]{font-size:clamp(1.4rem,6vw,1.9rem)}.text-\[clamp\(1\.6rem\,7vw\,2\.1rem\)\]{font-size:clamp(1.6rem,7vw,2.1rem)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}}:root{--ui-scale:1;--paper:#f6f2ff;--ink:#1c0b00;--muted:#8d857f;--accent:#eb6101;--weight-basic:300;--weight-bold:700;--weight-black:900;--font-body:var(--font-poppins), var(--font-noto-jp), sans-serif}:root:lang(ja){--font-body:var(--font-noto-jp), var(--font-poppins), sans-serif;--weight-basic:400}@media (min-width:768px){:root{--ui-scale:1.15}}@media (min-width:1280px){:root{--ui-scale:1.25}}html{scroll-behavior:smooth;background-color:var(--paper)}body{zoom:var(--ui-scale);min-height:calc(100dvh / var(--ui-scale));background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:var(--weight-basic);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}::selection{color:#fff;background-color:var(--ink)}button,a{transition:all .2s}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1765f7}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-shell{isolation:isolate;position:relative}.page-shell:before{content:"";width:calc(100vw / var(--ui-scale));height:calc(100dvh / var(--ui-scale));z-index:-3;opacity:.16;pointer-events:none;background-image:url(/images/site/common_bg_sp.webp);background-position:50%;background-size:cover;position:fixed;top:0;left:0}.auth-screen{flex:auto;justify-content:center;align-items:center;padding:clamp(1.25rem,5vw,3rem) clamp(.9rem,4vw,2.5rem);display:flex}.auth-card{--cut:clamp(14px, 3.5vw, 20px);width:100%;max-width:27rem;padding:clamp(1.25rem,5vw,2rem);animation:.5s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}.auth-card:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background-color:#ffffffd1;position:absolute;inset:0;box-shadow:0 20px 48px #1c0b0024}.auth-kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-size:clamp(.55rem,2.2vw,.62rem);font-weight:700;display:block}.auth-title{text-transform:uppercase;letter-spacing:-.01em;margin-top:.35rem;font-size:clamp(1.35rem,5.5vw,1.75rem);font-weight:900;line-height:1.1}.auth-intro{color:var(--muted);margin-top:.6rem;font-size:clamp(.72rem,2.8vw,.8rem);line-height:1.55}.auth-body{margin-top:clamp(1rem,4vw,1.5rem)}.auth-form{flex-direction:column;gap:clamp(.7rem,2.5vw,.95rem);display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:clamp(.58rem,2.2vw,.65rem);font-weight:700}.field-input{width:100%;color:var(--ink);background-color:#ffffffe6;border:1px solid #1c0b002e;padding:.68rem .8rem;font-family:inherit;font-size:max(16px,.88rem);transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #eb610129}.field-input:disabled{opacity:.6}.field-hint{color:var(--muted);font-size:clamp(.6rem,2.2vw,.68rem)}.auth-error,.auth-notice{padding:.6rem .7rem;font-size:clamp(.7rem,2.6vw,.78rem);line-height:1.5}.auth-error{color:#b3300a;background-color:#eb61011a}.auth-notice{color:var(--ink);background-color:#1c0b000d}.auth-divider{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.75rem;margin:clamp(.9rem,3vw,1.25rem) 0;font-size:clamp(.58rem,2.2vw,.64rem);display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:#1c0b001f;flex:1;height:1px}.collection-screen{flex:auto;padding-inline:clamp(.9rem,4vw,2.5rem);overflow-y:auto}.collection-inner{width:100%;max-width:74rem;margin-inline:auto;padding-block:clamp(1.25rem,4vw,2.5rem)}.collection-heading{flex-direction:column;gap:.3rem;display:flex}.collection-title{text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(1.5rem,6vw,2.1rem);font-weight:900;line-height:1.05}.collection-bar{--cut:clamp(11px, 3vw, 16px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background-color:#ffffffb3;margin-top:clamp(1rem,3.5vw,1.75rem);padding:clamp(.8rem,3vw,1.1rem);position:relative}.collection-search{max-width:22rem}.collection-filters{flex-wrap:wrap;gap:clamp(.6rem,2.5vw,1.25rem);margin-top:clamp(.7rem,2.5vw,1rem);display:flex}.filter-group{flex-direction:column;gap:.35rem;min-width:0;display:flex}.filter-group-label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:clamp(.52rem,2vw,.58rem);font-weight:700}.filter-group-items{flex-wrap:wrap;gap:.3rem;display:flex}.filter-chip{--chip:var(--ink);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background-color:#1c0b000d;padding:.34rem .7rem;font-family:inherit;font-size:clamp(.6rem,2.2vw,.68rem);font-weight:500;transition:background-color .22s,color .22s,transform .22s}.filter-chip.is-red{--chip:#d81f5a}.filter-chip.is-blue{--chip:#1c9fd8}.filter-chip.is-green{--chip:#0a9a88}.filter-chip.is-active{color:#fff;background-color:var(--chip)}@media (hover:hover){.filter-chip:not(.is-active):hover{background-color:#1c0b001c;transform:translateY(-1px)}}.collection-select{color:var(--ink);background-color:#fff;border:1px solid #1c0b002e;max-width:14rem;padding:.34rem .5rem;font-family:inherit;font-size:max(16px,.7rem)}.collection-count{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:clamp(.7rem,2.5vw,1rem);font-size:clamp(.62rem,2.2vw,.7rem);display:flex}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(128px,40vw,176px),1fr));gap:clamp(.6rem,2.5vw,1.1rem);margin-top:clamp(1rem,3.5vw,1.75rem);display:grid}.collection-empty{color:var(--muted);margin-top:2rem;font-size:clamp(.74rem,2.8vw,.84rem)}.card-tile{--tile:var(--ink);text-align:left;opacity:0;background-color:#ffffffb8;flex-direction:column;width:100%;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;animation:.5s cubic-bezier(.22,1,.36,1) forwards rise-in;display:flex;box-shadow:0 8px 22px #1c0b001a}.card-tile.is-red{--tile:#d81f5a}.card-tile.is-blue{--tile:#1c9fd8}.card-tile.is-green{--tile:#0a9a88}@media (hover:hover){.card-tile:hover{transform:translateY(-5px);box-shadow:0 16px 34px #1c0b002e}.card-tile:hover .card-tile-sheen{opacity:1;transform:translate(38%)rotate(2deg)}}.card-tile-art{aspect-ratio:600/837;background-color:#1c0b000f;width:100%;display:block;position:relative;overflow:hidden}.card-tile-sheen{mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff80 48%,#0000 58%);transition:transform .7s,opacity .4s;position:absolute;inset:-40%;transform:translate(-38%)rotate(2deg)}.card-tile-missing{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;padding:.5rem;font-size:clamp(.55rem,2vw,.64rem);display:flex;position:absolute;inset:0}.card-tile-body{box-shadow:inset 0 3px 0 var(--tile);flex-direction:column;gap:.2rem;padding:.55rem .6rem .65rem;display:flex}.card-tile-name{color:var(--ink);font-size:clamp(.66rem,2.4vw,.74rem);font-weight:700;line-height:1.25}.card-tile-meta{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-size:clamp(.54rem,2vw,.6rem);display:flex}.card-tile-rarity{color:#fff;background-color:var(--tile);padding:.05rem .3rem;font-weight:700}.card-detail-overlay{z-index:60;background-color:#1c0b009e;justify-content:center;align-items:center;padding:clamp(.9rem,4vw,2rem);animation:.2s both fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.card-detail{width:100%;max-width:46rem;max-height:calc(100dvh / var(--ui-scale) - 2rem);background-color:var(--paper);flex-direction:column;gap:clamp(.9rem,3vw,1.5rem);padding:clamp(1.1rem,4vw,1.75rem);animation:.35s cubic-bezier(.22,1,.36,1) both rise-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px #1c0b0052}@media (min-width:720px){.card-detail{flex-direction:row;align-items:flex-start}}.card-detail-close{color:var(--muted);font-family:inherit;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:.4rem;right:.6rem}@media (hover:hover){.card-detail-close:hover{color:var(--accent)}}.card-detail-art{aspect-ratio:600/837;flex-shrink:0;align-self:center;width:min(62vw,260px);position:relative}.card-detail-info{flex-direction:column;gap:.55rem;min-width:0;display:flex}.card-detail-name{font-size:clamp(1.15rem,4.5vw,1.5rem);font-weight:900;line-height:1.1}.card-detail-stats{gap:clamp(.6rem,3vw,1.25rem);display:flex}.card-detail-stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:clamp(.5rem,2vw,.56rem);font-weight:700;display:block}.card-detail-stat-value{color:var(--ink);font-size:clamp(1.1rem,4vw,1.4rem);font-weight:900}.card-detail-traits{letter-spacing:.06em;color:var(--accent);font-size:clamp(.66rem,2.4vw,.74rem)}.card-detail-skill{color:var(--ink);font-size:clamp(.7rem,2.6vw,.8rem);line-height:1.6}.card-detail-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff;background-color:#e2003c;margin-right:.4rem;padding:.08rem .36rem;font-size:clamp(.55rem,2vw,.62rem);font-weight:700;display:inline-block}.card-detail-tag.is-once{color:#2a1400;background-color:#fcc400}.card-detail-tag.is-recovery{background-color:#f08000}.card-detail-tag.is-requirement{background-color:#2b2b2b}.card-detail-tag.is-keyword{background-color:#1c9fd8}.card-detail-keyword{color:#fff;white-space:nowrap;background-color:#1c9fd8;border-radius:4px;padding:0 .3rem;font-size:.94em;font-weight:700;display:inline-block}.card-detail-support{background-color:#1c0b000d;flex-direction:column;gap:.3rem;padding:.7rem .8rem;display:flex}.card-detail-support-head{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:clamp(.52rem,2vw,.58rem);font-weight:700}.card-detail-support-name{color:#fff;background-color:#f08000;align-self:flex-start;padding:.14rem .5rem;font-size:clamp(.8rem,3vw,.92rem);font-weight:700}.card-detail-note{color:var(--muted);font-size:clamp(.6rem,2.2vw,.68rem)}.site-footer{flex-shrink:0;width:100%;margin-top:auto;padding:clamp(.5rem,1.6vh,.9rem) clamp(.9rem,4vw,2.5rem);box-shadow:inset 0 1px #1c0b0014}.site-footer-grid{width:100%;max-width:64rem;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(.5rem,2vw,1.25rem);margin-inline:auto;font-size:clamp(.6rem,2vw,.68rem);display:grid}.site-footer-side{align-items:center;gap:clamp(.5rem,2vw,1rem);min-width:0;display:flex}.site-footer-side--start{justify-content:flex-start}.site-footer-side--end{text-align:right;justify-content:flex-end}.site-footer-center{justify-content:center;display:flex}.site-footer-logo{flex-shrink:0;width:clamp(64px,11vw,96px);height:auto}.site-footer-legal{color:var(--accent);white-space:nowrap}@media (max-width:620px){.site-footer-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.5rem}.site-footer-side,.site-footer-side--end{text-align:center;flex-wrap:wrap;justify-content:center}}.footer-discord{color:#5865f2;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s,filter .25s;display:inline-flex}.footer-discord.is-idle{opacity:.4;cursor:default}@media (hover:hover){.footer-discord:not(.is-idle):hover{filter:drop-shadow(0 0 10px #5865f280);transform:translateY(-2px)scale(1.08)}}.discord-button{--cut:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;width:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background-color:#5865f2;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;font-family:inherit;font-size:clamp(.68rem,2.6vw,.76rem);font-weight:700;transition:background-color .25s;display:inline-flex}@media (hover:hover){.discord-button:hover:not(:disabled){background-color:#4752c4}}.discord-button:disabled{opacity:.65}.auth-links{flex-direction:column;gap:.45rem;margin-top:clamp(.9rem,3vw,1.2rem);font-size:clamp(.68rem,2.6vw,.75rem);display:flex}.auth-links a{color:var(--accent)}.auth-link-button{color:var(--accent);text-underline-offset:3px;align-self:flex-start;font-family:inherit;font-size:clamp(.68rem,2.6vw,.75rem);text-decoration:underline}.auth-link-button:disabled{opacity:.5}.flag-picker{width:100%;position:relative}.flag-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.flag-picker-current{align-items:center;gap:.55rem;min-width:0;display:flex}.flag-picker-current>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flag-picker-empty{color:var(--muted)}.flag-picker-caret{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);opacity:.55;flex:none;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.flag-picker-panel{z-index:30;background-color:#fff;border:1px solid #1c0b0029;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 18px 40px #1c0b002e}.flag-picker-search{width:100%;color:var(--ink);border:none;border-bottom:1px solid #1c0b001a;padding:.6rem .7rem;font-family:inherit;font-size:max(16px,.82rem)}.flag-picker-search:focus{outline:none}.flag-picker-list{max-height:max(9rem, min(calc(46dvh / var(--ui-scale)), 15rem));overscroll-behavior:contain;overflow-y:auto}.flag-picker-row{text-align:left;width:100%;color:var(--ink);align-items:center;gap:.6rem;padding:.5rem .7rem;font-family:inherit;font-size:.82rem;transition:background-color .15s;display:flex}@media (hover:hover){.flag-picker-row:hover{background-color:#eb61011a}}.flag-picker-none{color:var(--muted);padding:.7rem;font-size:.78rem}.site-bar{flex:none;justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,1rem);width:100%;max-width:100%;padding:clamp(.5rem,1.6vh,.85rem) clamp(.9rem,4vw,2.5rem);display:flex;overflow:hidden;box-shadow:inset 0 -1px #1c0b0014}.site-bar-name{letter-spacing:clamp(.08em,.6vw,.2em);text-transform:uppercase;min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.55rem;font-size:clamp(.6rem,2.4vw,.76rem);font-weight:900;display:inline-flex;overflow:hidden}.site-bar-tick{background-color:var(--accent);flex:none;width:clamp(13px,3.4vw,17px);height:clamp(13px,3.4vw,17px);transition:transform .45s cubic-bezier(.22,1,.36,1);-webkit-mask-image:url(/images/brand/shuriken-mask.png);mask-image:url(/images/brand/shuriken-mask.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (hover:hover){.site-bar-name:hover .site-bar-tick{transform:rotate(-135deg)}}.home-screen{flex-direction:column;flex:auto;min-height:0;padding-inline:clamp(.9rem,4vw,2.5rem);display:flex;overflow:hidden}.home-body{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:clamp(.9rem,3vh,2rem);width:100%;max-width:64rem;min-height:0;margin-inline:auto;padding-block:clamp(.5rem,2vh,1.5rem);display:flex}.home-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.35rem,1.1vh,.6rem);width:100%;max-width:26rem;display:grid}.home-menu>.is-primary{grid-column:1/-1}.home-account{grid-column:1/-1;gap:clamp(.4rem,2vw,.7rem);margin-top:clamp(.2rem,1vh,.5rem);display:flex}.holo-stage{perspective:900px;perspective-origin:50%;height:clamp(140px, min(calc(40dvh / var(--ui-scale)), calc(58vw / var(--ui-scale) * 1.395)), 430px);flex:none}@media (orientation:portrait) and (max-height:700px){.holo-stage{height:clamp(120px, min(calc(32dvh / var(--ui-scale)), calc(52vw / var(--ui-scale) * 1.395)), 300px)}}@media (min-width:560px) and (max-height:560px){.home-body{flex-direction:row;justify-content:center;gap:clamp(1rem,4vw,2.5rem)}.holo-stage{height:clamp(120px, min(calc(64dvh / var(--ui-scale)), calc(28vw / var(--ui-scale) * 1.395)), 300px)}}@media (min-width:1024px){.home-body{flex-direction:row;justify-content:space-between;gap:clamp(1.5rem,5vw,4.5rem)}.home-menu{grid-template-columns:minmax(0,1fr);max-width:20rem}.holo-stage{height:clamp(200px, min(calc(62dvh / var(--ui-scale)), calc(34vw / var(--ui-scale) * 1.395)), 500px)}}@media (min-width:1024px) and (max-height:820px){.home-menu{grid-template-columns:repeat(2,minmax(0,1fr));max-width:26rem}}@media (max-height:500px){.menu-button{letter-spacing:.12em;padding-block:.45rem}.account-button{padding-block:.35rem}.site-footer-logo{width:clamp(52px,8vw,68px)}}.holo-frame{--card-mx:50%;--card-my:50%;--card-rx:0deg;--card-ry:0deg;--card-hyp:0;--card-o:0;--cut:clamp(14px, 4vw, 22px);aspect-ratio:600/837;height:100%;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));transform:rotateX(var(--card-rx)) rotateY(var(--card-ry)) scale(calc(1 + var(--card-o) * .03));transform-style:preserve-3d;touch-action:pan-y;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s,opacity .7s;position:relative;overflow:hidden;box-shadow:0 22px 50px #1c0b0038}.holo-frame.is-tracking{transition:transform 80ms linear,box-shadow .4s,opacity .7s;box-shadow:0 26px 60px #1c0b0047,0 0 34px #eb610147}.holo-art{pointer-events:none;-webkit-user-select:none;user-select:none}.holo-glare{pointer-events:none;opacity:calc(var(--card-o) * .92);background:radial-gradient(circle at var(--card-mx) var(--card-my), #ffffff8c 4%, #ffffff29 26%, #eb61011a 44%, transparent 68%);mix-blend-mode:soft-light;transition:opacity .35s;position:absolute;inset:0}.menu-button{--cut:clamp(10px, 2.6vw, 15px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));opacity:0;background-color:#1c0b000d;padding:clamp(.75rem,2.4vw,.95rem) clamp(1.1rem,4vw,1.6rem);font-size:clamp(.72rem,2.6vw,.82rem);font-weight:500;animation:.55s cubic-bezier(.22,1,.36,1) forwards rise-in;display:block;position:relative;overflow:hidden}.menu-button.is-primary{color:#fff;background-color:var(--accent);font-weight:700;box-shadow:0 10px 26px #eb61013d}.menu-button-fill{background-color:var(--accent);transform-origin:0;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-101%)skew(-8deg)}.menu-button.is-primary .menu-button-fill{background-color:var(--ink)}.menu-button-label{z-index:1;transition:color .28s;position:relative}.menu-button-mark{z-index:1;opacity:0;pointer-events:none;background-color:currentColor;width:13px;height:13px;transition:opacity .28s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:clamp(.7rem,3vw,1.1rem);transform:translate(-6px,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.menu-button-mark.is-shuriken{-webkit-mask-image:url(/images/brand/shuriken-mask.png);mask-image:url(/images/brand/shuriken-mask.png)}.menu-button-mark.is-kunai{width:15px;height:15px;-webkit-mask-image:url(/images/brand/kunai-mask.png);mask-image:url(/images/brand/kunai-mask.png)}@media (hover:hover){.menu-button:hover .menu-button-fill{transform:translate(0)skew(-8deg)}.menu-button:hover .menu-button-label{color:#fff}.menu-button.is-primary:hover .menu-button-label{color:var(--paper)}.menu-button:hover .menu-button-mark{opacity:1;transform:translateY(-50%)}.menu-button:hover .menu-button-mark.is-shuriken{transform:translateY(-50%)rotate(135deg)}}.menu-button:active{transform:translateY(1px)}.account-button{--cut:9px;--account-fill:var(--ink);--account-glow:#1c0b0038;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:clamp(.62rem,2.2vw,.7rem);transition:color .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1c0b0033}.account-button:before{content:"";z-index:-1;background-color:var(--account-fill);transform-origin:0;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-101%)skew(-8deg)}.account-button>*{z-index:1;position:relative}.account-button--discord{--account-fill:#5865f2;--account-glow:#5865f24d;color:#5865f2;box-shadow:inset 0 0 0 1px #5865f266}@media (hover:hover){.account-button:hover:not(:disabled){color:#fff;box-shadow:inset 0 0 0 1px transparent, 0 0 18px var(--account-glow)}.account-button:hover:not(:disabled):before{transform:translate(0)skew(-8deg)}}.account-button:disabled{opacity:.55}.site-bar-end{align-items:center;gap:clamp(.4rem,1.6vw,.9rem);min-width:0;display:flex}.site-bar-account{letter-spacing:.14em;text-transform:uppercase;max-width:clamp(4rem,22vw,11rem);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.56rem,2.2vw,.68rem);font-weight:700;overflow:hidden}.player-link{color:inherit;text-decoration:none}@media (hover:hover){.player-link:hover,.site-bar-account:hover{color:var(--accent)}}.league-emblem{border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.league-emblem img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 6px var(--league))}@supports (color:color-mix(in lab, red, red)){.league-emblem img{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--league) 35%, transparent))}}.league-emblem.is-dimmed img{filter:grayscale(.9)opacity(.5)}.league-emblem.is-empty{background-color:#1c0b000d;border-radius:50%;position:relative}.league-chip{align-items:center;gap:.34rem;display:inline-flex}.leaderboard-note{color:var(--muted)}.leaderboard-list{flex-direction:column;gap:.3rem;margin-top:clamp(1rem,3.5vw,1.75rem);display:flex}.leaderboard-row{--cut:10px;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));opacity:0;background-color:#ffffffb8;grid-template-columns:2rem auto minmax(0,1fr) auto;grid-template-areas:"rank league player elo""rank league meta elo";align-items:center;column-gap:clamp(.5rem,2vw,.9rem);padding:.45rem clamp(.5rem,2.5vw,.9rem);transition:background-color .22s;animation:.4s cubic-bezier(.22,1,.36,1) forwards rise-in;display:grid}.leaderboard-row.is-self{background-color:#eb61011a}@media (hover:hover){.leaderboard-row:not(.is-self):hover{background-color:#fffffff2}}.leaderboard-rank{font-variant-numeric:tabular-nums;text-align:center;color:var(--muted);grid-area:rank;font-size:clamp(.62rem,2.4vw,.74rem);font-weight:700}.leaderboard-row.is-self .leaderboard-rank{color:var(--accent)}.leaderboard-league{grid-area:league;align-items:center;display:inline-flex}.leaderboard-player{grid-area:player;align-items:center;gap:.4rem;min-width:0;display:flex}.leaderboard-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.76rem,3vw,.9rem);font-weight:700;overflow:hidden}.leaderboard-meta{font-variant-numeric:tabular-nums;color:var(--muted);grid-area:meta;align-items:center;gap:.55rem;font-size:clamp(.56rem,2.2vw,.66rem);display:flex}.leaderboard-record{gap:.35rem;display:inline-flex}.leaderboard-wins{color:#2b6130}.leaderboard-losses{color:#a33636}.leaderboard-elo{font-variant-numeric:tabular-nums;text-align:right;grid-area:elo;min-width:2.6rem;font-size:clamp(.86rem,3.4vw,1.05rem);font-weight:900}@media (min-width:620px){.leaderboard-row{grid-template-columns:2.25rem auto minmax(0,1fr) auto auto;grid-template-areas:"rank league player meta elo";column-gap:clamp(.7rem,2vw,1.4rem);padding-block:.5rem}.leaderboard-meta{gap:.9rem}}.leaderboard-skeleton{opacity:0;background-color:#1c0b000d;height:3rem;animation:.4s cubic-bezier(.22,1,.36,1) forwards rise-in}.leaderboard-failure{flex-wrap:wrap;align-items:center;gap:clamp(.6rem,2.5vw,1rem);margin-top:clamp(1rem,3.5vw,1.5rem);display:flex}.leaderboard-failure .collection-empty{margin-top:0}.leaderboard-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-top:clamp(1rem,3.5vw,1.5rem);display:flex}.leaderboard-pager-state{font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:clamp(.6rem,2.4vw,.7rem)}.profile-inner{flex-direction:column;gap:clamp(.8rem,3vw,1.4rem);display:flex}.profile-top{justify-content:flex-start;display:flex}.profile-hero{--cut:clamp(12px, 3.2vw, 18px);opacity:0;flex-wrap:wrap;align-items:center;gap:clamp(.9rem,3.5vw,1.75rem);padding:clamp(1rem,4vw,1.75rem);animation:.5s cubic-bezier(.22,1,.36,1) forwards rise-in;display:flex;position:relative}.profile-hero:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background-color:#ffffffd1;position:absolute;inset:0;box-shadow:0 18px 42px #1c0b001f}.profile-emblem{flex:none;justify-content:center;align-items:center;display:flex}.profile-identity{flex-direction:column;flex:14rem;gap:.35rem;min-width:0;display:flex}.profile-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:clamp(1.25rem,5.5vw,1.85rem);font-weight:900;line-height:1.1;display:flex}.profile-role{letter-spacing:.16em;text-transform:uppercase;color:#fff;background-color:var(--accent);padding:.1rem .4rem;font-size:clamp(.5rem,2vw,.58rem);font-weight:700}.profile-lines{color:var(--muted);flex-wrap:wrap;gap:.25rem .9rem;font-size:clamp(.62rem,2.4vw,.72rem);display:flex}.profile-elo{flex-direction:column;flex:none;align-items:flex-end;gap:.1rem;margin-left:auto;display:flex}.profile-elo-label,.profile-elo-rank{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:clamp(.52rem,2.1vw,.6rem);font-weight:700}.profile-elo-value{font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,8vw,2.9rem);font-weight:900;line-height:1}.profile-section-title{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:clamp(.6rem,2.4vw,.7rem);font-weight:700}.profile-stats{grid-template-columns:repeat(auto-fill,minmax(clamp(6.5rem,26vw,9rem),1fr));gap:clamp(.4rem,2vw,.7rem);display:grid}.profile-stat{background-color:#ffffffb3;flex-direction:column;gap:.2rem;padding:clamp(.55rem,2.4vw,.85rem);display:flex;box-shadow:inset 0 3px #1c0b0014}.profile-stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:clamp(.5rem,2vw,.58rem);font-weight:700}.profile-stat-value{font-variant-numeric:tabular-nums;font-size:clamp(.95rem,4vw,1.25rem);font-weight:900}.profile-stat-value.is-win{color:#2b6130}.profile-stat-value.is-loss{color:#a33636}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.menu-button{opacity:1}.holo-frame,.holo-frame.is-tracking{transition:opacity .01ms;transform:none}.leaderboard-row,.leaderboard-skeleton,.profile-hero{opacity:1}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
