/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Avenir Next", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--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{.portrait{border-radius:var(--radius-lg);width:100px;height:145px;display:block;position:relative;overflow:hidden}.app-shell{background-color:#fffaf5;width:100%;max-width:480px;min-height:100dvh;margin-inline:auto;position:relative}.app-shell.is-playing{place-items:center;height:100dvh;display:grid;overflow:hidden}.app-header{min-height:calc(var(--spacing) * 20);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 5);padding-top:env(safe-area-inset-top);display:flex}.app-header h1{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:#353148;display:flex}.brand-dot{margin-top:var(--spacing);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);background-color:#ed7297;border-radius:2147483647px;display:inline-block}.app-header nav{gap:calc(var(--spacing) * 2);display:flex}.icon-button{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-white);color:#353148;border-width:2px;border-color:#353148;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:disabled{opacity:.4}.button{min-height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border-width:2px;border-color:#353148;display:inline-flex}.button:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.button:disabled{opacity:.4}.primary{color:#353148;background-color:#ed7297;box-shadow:0 3px #353148}.quiet{background-color:var(--color-white);color:#353148}.panel{border-radius:var(--radius-xl);border-style:var(--tw-border-style);background-color:var(--color-white);padding:calc(var(--spacing) * 4);border-width:2px;border-color:#353148}.panel-heading{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.panel h2{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.error-banner{z-index:50;margin-inline:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:#842344;overflow-wrap:anywhere;background-color:#ffe4ea;border-width:2px;border-color:#b6385f;display:flex;position:relative}.is-playing>.error-banner{inset-inline:0;top:calc(var(--spacing) * 2);position:absolute}.startup-error{max-width:var(--container-lg);gap:calc(var(--spacing) * 6);padding:calc(var(--spacing) * 8);margin-inline:auto;display:grid}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.bottom-\[env\(safe-area-inset-bottom\)\]{bottom:env(safe-area-inset-bottom)}.z-20{z-index:20}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.h-\[32cqw\]{height:32cqw}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.scene-star{background:linear-gradient(#ffd8e7 0 58%,#f4b5cc 58%)}.scene-star .card-scenery>span:first-child{background:linear-gradient(90deg,#0000 44%,#a4648d 44% 53%,#0000 53%),linear-gradient(#9ed5ed 46%,#a4648d 46% 54%,#9ed5ed 54%);border:4px solid #a4648d;inset:17% 51% 27% 8%}.scene-star .card-scenery>span:nth-child(2){background:#ffe7bb;inset:76% -10% 10%;transform:rotate(-12deg)}.scene-star>.mascot{width:77%;top:4%;left:38%;transform:rotate(12deg)}.scene-blossom{background:linear-gradient(#ffe8d2 0 57%,#b7cf8f 57%)}.scene-blossom .card-scenery>span:first-child{aspect-ratio:1;background:#ffd7ac;border:14px solid #f095a1;border-radius:45%;width:80%;top:-9%;left:-34%;transform:rotate(20deg)}.scene-blossom .card-scenery>span:nth-child(2){aspect-ratio:1;background:#ffe7ae;border:10px solid #ef9fa4;border-radius:45%;width:75%;top:52%;right:-27%;transform:rotate(-20deg)}.scene-blossom>.mascot{width:85%;top:20%;left:7%;transform:rotate(-16deg)}.scene-sailor{background:linear-gradient(#b9edf0 0 52%,#65b9c9 52% 63%,#3d94b5 63%)}.scene-sailor .card-scenery>span:first-child{clip-path:polygon(92% 0,92% 100%,0 100%);background:#fff6dd;width:55%;height:49%;top:14%;left:-5%}.scene-sailor .card-scenery>span:nth-child(2){background:#4cabbf;border-top:5px solid #cbf4ee;border-radius:50%;width:120%;height:23%;top:66%;left:-10%}.scene-sailor>.mascot{width:74%;top:0;left:36%;transform:rotate(13deg)}.scene-prism{background:linear-gradient(140deg,#d3f2d1 0 38%,#76baac 38% 43%,#c6e8d0 43% 72%,#69b0a3 72%)}.scene-prism .card-scenery>span:first-child{background:repeating-linear-gradient(90deg,#0000 0 30%,#4c928f 30% 34%);border:4px solid #4c928f;inset:-3% 8% 12%;transform:skewY(-15deg)}.scene-prism .card-scenery>span:nth-child(2){background:#67977c;border-radius:50%;width:80%;height:32%;top:75%;left:-10%}.scene-prism>.mascot{width:82%;top:12%;left:-11%;transform:rotate(-8deg)}.scene-snow{background:#acd8f2}.scene-snow .card-scenery>span:first-child{background:#fffdf0;border-radius:50%;width:145%;height:56%;top:49%;left:-55%;transform:rotate(-24deg)}.scene-snow .card-scenery>span:nth-child(2){background:#d5eafa;border-radius:50%;width:120%;height:40%;top:68%;right:-55%;transform:rotate(20deg)}.scene-snow>.mascot{width:76%;top:11%;left:28%;transform:rotate(16deg)}.scene-sunny{background:linear-gradient(#ffe59d 0 52%,#91d4d4 52% 69%,#f5c976 69%)}.scene-sunny .card-scenery>span:first-child{aspect-ratio:1;background:#efb84a;border-radius:50%;width:58%;top:-12%;right:-12%}.scene-sunny .card-scenery>span:nth-child(2){background:#f7f5d7;border-radius:50%;inset:64% -10% 26%;transform:rotate(-8deg)}.scene-sunny>.mascot{width:113%;top:22%;left:-24%;transform:rotate(-10deg)}.scene-march{background:linear-gradient(#c9e3f1 0 48%,#d5c39a 48%)}.scene-march .card-scenery>span:first-child{background:#688f87;border:5px solid #b08065;inset:19% 39% 20% -8%;transform:rotate(-9deg)}.scene-march .card-scenery>span:nth-child(2){background:#f3d49d;inset:76% -4% 10%;transform:rotate(10deg)}.scene-march>.mascot{width:80%;top:0;left:33%;transform:rotate(10deg)}.scene-moon{background:linear-gradient(#3c335e 0 72%,#615075 72%)}.scene-moon .card-scenery>span:first-child{aspect-ratio:1;background:#f6d795;border-radius:50%;width:53%;top:8%;left:-10%}.scene-moon .card-scenery>span:nth-child(2){background:repeating-linear-gradient(90deg,#2c2a4c 0 13%,#b294b4 13% 17%);border-block:4px solid #b294b4;inset:70% -5% 8%}.scene-moon>.mascot{width:108%;top:24%;left:12%;transform:rotate(-10deg)}.scene-encore{background:#ffe0a8}.scene-encore .card-scenery>span:first-child{background:#cb684d;border-radius:0 0 80%;inset:0 66% 15% -8%}.scene-encore .card-scenery>span:nth-child(2){background:#cb684d;border-radius:0 0 0 80%;inset:0 -8% 15% 66%}.scene-encore .card-scenery>span:nth-child(3){background:linear-gradient(#a76347 0 18%,#dd975f 18%);inset:77% -5% 0}.scene-encore>.mascot{width:88%;top:24%;left:6%}.scene-witch{background:#b4abe0}.scene-witch .card-scenery>span:first-child{background:repeating-linear-gradient(0deg,#625985 0 15%,#eee1a9 15% 22%,#625985 22% 30%);inset:43% 47% 0 -8%;transform:rotate(-8deg)}.scene-witch .card-scenery>span:nth-child(2){background:#75608c;inset:62% -4% 0 52%;transform:rotate(8deg)}.scene-witch>.mascot{width:105%;top:10%;left:-24%;transform:rotate(-15deg)}.scene-space{background:#4c587f}.scene-space .card-scenery>span:first-child{aspect-ratio:1;background:#ada1d1;border-radius:50%;width:65%;top:-12%;left:-20%}.scene-space .card-scenery>span:nth-child(2){background:0 0;border:5px solid #dfd3f0;border-radius:50%;width:112%;height:18%;top:18%;left:-36%;transform:rotate(-32deg)}.scene-space>.mascot{width:91%;top:26%;left:25%;transform:rotate(20deg)}.scene-ensemble{background:#efb4c1}.scene-ensemble .card-scenery>span:first-child{background:#ffe0b3;border:10px solid #aa6886;border-radius:50% 50% 0 0;inset:-12% 45% 7% -15%}.scene-ensemble .card-scenery>span:nth-child(2){background:#a86883;inset:72% -5% 0}.scene-ensemble>.mascot{width:133%;top:12%;left:0;transform:rotate(14deg)}.scene-ribbon{background:#efb0b0}.scene-ribbon .card-scenery>span:first-child{background:repeating-linear-gradient(90deg,#f5ce8b 0 14%,#728fa2 14% 27%,#b983a2 27% 43%,#d9a784 43% 56%);border:5px solid #a46d69;inset:15% 8% 24%}.scene-ribbon .card-scenery>span:nth-child(2){background:#a46d69;inset:40% 8% 52%}.scene-ribbon>.mascot{width:101%;top:24%;left:-3%;transform:rotate(-6deg)}.token-artwork{color:#704228}.token-artwork-symbol{fill:#fff5d9;width:88%;height:88%;position:absolute;top:0;left:6%}.token-artwork.token-ensemble{color:#754c94;background:repeating-linear-gradient(-35deg,#d9c6e8 0 16%,#b49ac9 16% 20%)}.token-ensemble .token-artwork-symbol{top:2%;transform:rotate(-18deg)}.token-artwork.token-story{color:#995c52;background:linear-gradient(150deg,#f7dab0 0 58%,#72bfbd 58%)}.token-story .token-artwork-symbol{width:103%;height:103%;top:0;left:-14%;transform:rotate(-12deg)}.token-artwork.token-clock{color:#f6e0a9;background:linear-gradient(145deg,#315b73 0 55%,#497f91 55%)}.token-clock .token-artwork-symbol{fill:#527d88;width:98%;height:98%;top:-10%;left:12%;transform:rotate(18deg)}.token-artwork.token-bookmark{color:#ca5b48;background:linear-gradient(130deg,#b8e5df 0 50%,#65a9b2 50%)}.token-bookmark .token-artwork-symbol{fill:#fff3dc;width:85%;height:85%;top:-2%;left:8%;transform:rotate(12deg)}.token-artwork.token-shadow{color:#5f547d;background:linear-gradient(135deg,#c5bed4,#6f6c99)}.token-shadow .token-artwork-symbol{fill:#e9e2f2;top:2%;left:0;transform:rotate(-12deg)}.card-illustration:is(.card-library-pages,.card-library-invitation,.card-library-ensemble,.card-aurora-ensemble,.card-camera,.card-class) .card-scenery>span{aspect-ratio:auto;background:0 0;border:0;border-radius:0;width:auto;height:auto;inset:auto;transform:none}.card-illustration.card-library-pages{background:linear-gradient(#b9e8ed 0 52%,#65b7c4 52% 75%,#f6d69e 75%)}.card-library-pages .card-scenery>span:first-child{background:#fff4d5;border-radius:50%;inset:53% -12% 19%;transform:rotate(-16deg)}.card-library-pages .card-scenery>span:nth-child(2){background:#77cbd0;border-radius:50%;inset:54% -12% 27%;transform:rotate(-16deg)}.card-illustration.card-library-pages>.mascot{width:76%;top:2%;left:34%;transform:rotate(12deg)}.card-illustration.card-library-invitation{background:linear-gradient(#a6b7da 0 64%,#3d7d98 64%)}.card-library-invitation .card-scenery>span:first-child{clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(#e9f1e9 0 25%,#c75b50 25% 43%,#fff1d7 43% 67%,#c75b50 67% 85%,#fff1d7 85%);inset:28% 53% 11% 8%}.card-library-invitation .card-scenery>span:nth-child(2){clip-path:polygon(50% 0,100% 32%,89% 32%,89% 100%,11% 100%,11% 32%,0 32%);background:linear-gradient(#354861 0 32%,#fbe8a3 32% 75%,#354861 75%);inset:15% 49% 65% 4%}.card-library-invitation .card-scenery>span:nth-child(3){clip-path:polygon(0 43%,100% 0,100% 100%);background:#fff3bb99;inset:10% -10% 49% 38%}.card-illustration.card-library-invitation>.mascot{width:81%;top:35%;left:23%;transform:rotate(-10deg)}.card-illustration.card-library-ensemble{background:linear-gradient(#585881 0 51%,#ba8092 51% 59%,#375a74 59%)}.card-library-ensemble .card-scenery>span:first-child{clip-path:polygon(0 57%,100% 0,100% 43%,0 100%);background:repeating-linear-gradient(0deg,#bd926a 0 18%,#735d56 18% 22%);inset:55% -12% -10%}.card-library-ensemble .card-scenery>span:nth-child(2){background:linear-gradient(90deg,#e0b484 0 65%,#84634f 65%);inset:46% 8% 12% 81%}.card-library-ensemble .card-scenery>span:nth-child(3){background:linear-gradient(90deg,#e0b484 0 65%,#84634f 65%);inset:69% 74% 0 15%}.card-illustration.card-library-ensemble>.mascot{width:98%;top:0;left:-19%;transform:rotate(10deg)}.card-illustration.card-aurora-ensemble{background:linear-gradient(#a3d5ee 0 54%,#467f9d 54% 77%,#cc745f 77%)}.card-aurora-ensemble .card-scenery>span:first-child{clip-path:polygon(86% 0,86% 100%,0 100%);background:#fff6de;inset:8% 38% 30% 3%}.card-aurora-ensemble .card-scenery>span:nth-child(2){background:#6b585a;inset:7% 46% 19% 50%}.card-aurora-ensemble .card-scenery>span:nth-child(3){clip-path:polygon(0 0,100% 0,84% 100%,17% 100%);background:#c26a55;border-top:4px solid #fcebcf;inset:69% -5% 8%}.card-illustration.card-aurora-ensemble>.mascot{width:76%;top:4%;left:35%;transform:rotate(15deg)}.card-illustration.card-camera{background:linear-gradient(#9cd2d7 0 45%,#286e86 45%)}.card-camera .card-scenery>span:first-child{clip-path:polygon(0 0,65% 7%,72% 39%,100% 100%,0 100%);background:#506f6c;inset:39% 51% 0 -5%}.card-camera .card-scenery>span:nth-child(2){background:#d8f0df;border-radius:50%;inset:62% -20% 11% 15%;transform:rotate(-30deg)}.card-camera .card-scenery>span:nth-child(3){background:#4ca7b4;border-radius:50%;inset:65% -20% 6% 11%;transform:rotate(-30deg)}.card-illustration.card-camera>.mascot{width:72%;top:13%;left:-3%;transform:rotate(-13deg)}.card-illustration.card-class{background:linear-gradient(#f2b197 0 45%,#69a3ad 45%)}.card-class .card-scenery>span:first-child{clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#e2b87e 0 19%,#a7775f 19% 23%);inset:43% -15% 0}.card-class .card-scenery>span:nth-child(2){clip-path:polygon(94% 0,100% 0,10% 100%,0 100%);background:#8a5c53;inset:39% 47% 2% 3%}.card-class .card-scenery>span:nth-child(3){clip-path:polygon(0 0,6% 0,100% 100%,90% 100%);background:#8a5c53;inset:39% 3% 2% 47%}.card-illustration.card-class>.mascot{width:113%;top:27%;left:-22%;transform:rotate(-14deg)}.card-illustration{isolation:isolate;background:var(--scene-paper);width:100%;height:100%;display:block;position:relative;overflow:hidden}.card-scenery,.card-scenery>span{pointer-events:none;display:block;position:absolute}.card-scenery{inset:0}.card-scenery>span{background:var(--scene-dark)}.card-illustration>.mascot{z-index:1;aspect-ratio:1;height:auto;position:absolute}:where(.card-illustration)>.mascot{width:92%;top:25%;left:4%}.mascot{width:100%;height:100%;display:block;position:relative}.weather-character{aspect-ratio:1;width:94%;position:absolute;top:50%;left:3%;transform:translateY(-50%)}.weather-body{filter:drop-shadow(0 3px #35314822);width:100%;height:100%;position:absolute;inset:0}.weather-face{width:26%;height:10%;position:absolute;top:45%;left:37%}.weather-lumen .weather-face{top:36%}.weather-tetra .weather-face{top:47%}.weather-face:before,.weather-face:after{content:"";background:#353148;border-radius:50%;width:12%;height:55%;position:absolute;top:0}.weather-face:before{left:9%}.weather-face:after{right:9%}.weather-smile{border:2px solid #353148;border-top:0;border-radius:0 0 50% 50%;width:30%;height:35%;position:absolute;top:44%;left:35%}.portrait{background:#f7f0e8}.concert-backdrop{background:#f7eee7;position:absolute;inset:0;overflow:hidden}.concert-backdrop:before{content:"";background:#eee0e9;border:1.5cqw solid #e6cddc;border-bottom:0;border-radius:45% 45% 0 0;position:absolute;inset:16% 8% 32%}.concert-backdrop:after{content:"";background:#d3bacb;border-bottom:2cqw solid #bda8ba;border-radius:50%;width:110%;height:9%;position:absolute;top:55%;left:-5%}.concert-backdrop>span{opacity:.45;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:#fffaf5;width:13%;height:30%;position:absolute;top:21%}.concert-backdrop>span:first-child{left:18%}.concert-backdrop>span:nth-child(2){left:44%}.concert-backdrop>span:nth-child(3){left:70%}.heart-display-panel label,.heart-display-panel output{font-size:1rem;font-weight:700}.heart-display-panel input{accent-color:#d94e7d;width:100%;height:44px;margin:8px 0 0;display:block}.idol-game{aspect-ratio:9/16;background:#f3dce2;width:100%;max-width:56.25dvh;position:relative;overflow:hidden;container-type:inline-size}.skill-preview,.skill-preview *{pointer-events:none}.skill-preview{z-index:40;color:#fff;text-align:center;background:#000b;border-radius:.6cqw;padding:1.2cqw 3cqw;position:absolute}.skill-description{height:100%;font-size:3cqw;line-height:1.15}.fitted-text{overflow-wrap:anywhere;width:100%;height:100%;display:block;overflow:hidden}.hand-card[aria-pressed=true]{z-index:30;outline-offset:2px;filter:brightness(1.15);outline:3px solid #fffaf5}.live-tool[aria-pressed=true]{background:#ffe4a4}.pause-band{z-index:70;color:#fff;text-align:center;letter-spacing:.2em;pointer-events:none;background:#000b;padding:3cqw 0;font-size:5cqw;font-weight:700;position:absolute;inset:40% 0 auto}.live-tool{z-index:30;color:#353148;background:#fffaf5dc;border:1px solid #fff9;border-radius:1cqw;justify-content:center;align-items:center;gap:1cqw;display:flex;position:absolute}.live-list{white-space:nowrap;min-width:23cqw;min-height:7cqw;padding-inline:1.5cqw;font-size:max(11px,3cqw);font-weight:700}.live-tool:active{transform:translateY(2px)}.hand-card{pointer-events:auto;transform-origin:50%;background:var(--accent);border:2px solid #353148;border-radius:5px;width:15.5556cqw;height:21.1111cqw;padding:0;position:absolute;overflow:hidden}.hand-card>.card-illustration{pointer-events:none;width:100%;height:100%}.hand-card:disabled>.card-illustration{opacity:.5}.hand-card:active,.hand-card:focus-visible{z-index:50}.hand-cost{color:#353148;background:#ffe4a4;border:1px solid #353148;border-radius:4px;justify-content:center;align-items:center;gap:1px;min-width:5.7cqw;height:6cqw;font-size:max(12px,3.5cqw);font-weight:900;display:flex;position:absolute;top:3px;left:3px}.hand-name{color:#353148;white-space:nowrap;text-overflow:ellipsis;background:#fffaf5;padding:3px 1px;font-size:max(9px,2.3cqw);font-weight:700;position:absolute;inset:auto 0 0;overflow:hidden}.live-menu-button{z-index:60;width:10cqw;height:10cqw;top:3%;right:3%}.live-sound-button{z-index:60;width:10cqw;height:10cqw;top:3%;left:3%}.game-menu fieldset{border:none;margin:0;padding:0}.game-menu legend{margin-bottom:12px;font-weight:700}.preset-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preset-options [aria-pressed=true]{background:#fce1e8}.game-menu .heart-display-panel{margin:24px 0}.card-use-layer{z-index:35;pointer-events:none;position:absolute;inset:0}.card-use{pointer-events:none;will-change:transform, opacity}.hand-card.is-unavailable{filter:grayscale();opacity:.45}.hand-card.is-unavailable:after{content:"";z-index:2;pointer-events:none;background:#5555;position:absolute;inset:0}.live-auto-heart{flex-direction:column;font-size:2.2cqw;font-weight:800}.live-header{z-index:10;pointer-events:none;width:100%;position:absolute;top:0;left:0}.score-display{color:#353148;text-align:center;pointer-events:none;background:#fffaf5e8;border:1px solid #ffffffb3;border-top:0;border-radius:0 0 4cqw 4cqw;flex-direction:column;justify-content:center;width:58cqw;min-height:18cqw;margin:0 auto;padding:2cqw 1.5cqw 1cqw;display:flex}.score-display>span{letter-spacing:.12em;font-size:2.7cqw;font-weight:800}.score-value{font-variant-numeric:tabular-nums}.live-track{color:#353148;pointer-events:none;justify-content:space-between;width:90%;margin:2.5cqw auto 0;font-size:2.5cqw;font-weight:700;display:flex}.live-track h1{font-size:inherit}.special-portrait{z-index:15;background:#ffe4a4;border:2px solid #fff;border-radius:2cqw;position:absolute;overflow:hidden}.special-portrait>.special-cost{white-space:nowrap;background:#ffe4a4;justify-content:center;align-items:center;gap:.5cqw;padding:1cqw 0;font-size:2.8cqw;font-weight:800;display:flex;position:absolute;inset:auto 0 0}.special-portrait:disabled{filter:saturate(.4)}.special-portrait:enabled{outline-offset:2px;outline:3px solid #ffe4a4}.collect-number{z-index:12;color:#df4a82;font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:none;grid-template-columns:3.8cqw minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6cqw;padding:0 1cqw 0 0;font-size:max(11px,3.2cqw);line-height:1;display:grid;position:absolute}.heart-count-icon{width:3.8cqw;height:3.8cqw}.heart-count-current{text-align:right;min-width:0}.collect-number>.heart-count-limit{text-align:left;color:#51445e;min-width:0}.voltage-gauge{z-index:10;color:#985a0d;pointer-events:none;background:#fffaf5ed;border:1px solid #fff9;border-radius:50% 50% 15% 15%;flex-direction:column;justify-content:center;align-items:center;gap:.5cqw;display:flex;position:absolute}.voltage-gauge>span{font-size:3.2cqw;font-weight:900}.voltage-gauge>strong{font-size:5.5cqw;line-height:1}.voltage-gauge>div{background:#dfd1b8;border-radius:1cqw;width:75%;height:1.5cqw;overflow:hidden}.voltage-gauge i{background:#edb84e;height:100%;display:block}.resource-gauge{z-index:10;pointer-events:none;background:#fffaf5ed;border:1px solid #fffc;border-radius:4cqw;flex-direction:column;justify-content:center;align-items:center;gap:.4cqw;padding:1cqw;display:flex;position:absolute}.resource-gauge strong{font-size:5cqw;line-height:1}.resource-gauge strong small{font-size:3cqw}.resource-gauge>span{font-size:3cqw;font-weight:800}.mental-gauge{color:#bd3b64}.ap-gauge{color:#276d9f}.vertical-meter{background:#dedce6;border-radius:3cqw;width:5cqw;height:8.5cqw;position:relative;overflow:hidden}.vertical-meter i{background:currentColor;width:100%;position:absolute;bottom:0}.genesis-progress{z-index:13;color:#674375;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:0 0;justify-content:center;align-items:center;gap:.5cqw;padding:0 .5cqw;font-size:3cqw;display:flex;position:absolute}.genesis-progress small{font-size:2.7cqw;font-weight:800}.genesis-gauge{color:#9861d8;background:#ede1fff2;border-color:#d3a6ff}.genesis-gauge .vertical-meter{background:#d5c6e6;height:14cqw}.live-amplification{z-index:10;text-align:center;color:#6d456f;pointer-events:none;width:60%;font-size:3cqw;font-weight:800;position:absolute;top:77.8%;left:20%}.collection-combo,.collection-gain{z-index:10;text-align:center;color:#fff;text-shadow:0 2px #a83467,1px 0 #a83467,-1px 0 #a83467;pointer-events:none;width:100%;font-size:4cqw;font-weight:900;animation:.2s ease-out collection-pop;position:relative}.collection-combo{margin-top:1cqw}.collection-combo strong{font-size:8cqw}.collection-gain{margin-top:.5cqw;font-size:4.5cqw}.is-genesis-active .collect-number{color:#b2770e}@keyframes collection-pop{0%{transform:scale(1.15)}to{transform:scale(1)}}.star-number{letter-spacing:-.025em;flex-direction:column;align-items:end;gap:.25cqw;padding:.8cqw 0 1cqw;font-family:ui-monospace,monospace;font-size:5.6cqw;font-weight:900;line-height:1.2;display:flex}.star-line{white-space:nowrap}.star-leading{color:#a89ba9;font-weight:500}.star-comma{color:#8e7b96}.live-analyzer{z-index:10;pointer-events:none;background:#fffaf5e6;border-radius:2cqw;position:absolute;overflow:hidden}.mood-value{color:#353148;font-size:3cqw;line-height:1;position:absolute;top:3%;left:3%}.mood-graph{contain:size layout paint;width:95.6633%;height:60%;position:absolute;top:20%;left:2.16837%;overflow:hidden}.mood-graph canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mood-position{background:#82c8f3;width:.462963cqw;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 1cqw #82c8f3}.mood-start,.mood-goal{font-size:2.6cqw;font-weight:800;line-height:1;position:absolute;bottom:2%}.mood-start{left:2%}.mood-goal{right:2%}.board-performers{z-index:1;pointer-events:none;justify-content:center;align-items:end;gap:1%;height:29%;display:flex;position:absolute;top:29%;left:13%;right:9%}.board-performer{transform-origin:50% 90%;width:33%;height:100%}.board-performer .portrait{background:0 0;border:none;border-radius:0;width:100%;height:100%}.board-performer:nth-child(2){height:108%}.dancing .board-performer{animation:1.1s ease-in-out infinite board-sway}.dancing .board-performer:nth-child(2){animation-delay:-.4s}.dancing .board-performer:nth-child(3){animation-delay:-.7s}.heart-field{z-index:2;touch-action:none;background:0 0;width:100%;height:53.125%;position:absolute;top:10.4167%;left:0}.heart-field:focus-visible{outline-offset:-4px;outline-color:#ffe4f2}.heart-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.skill-notice,.rest-notice{z-index:4;color:#353148;white-space:nowrap;background:#fffaf5;border:2px solid #353148;border-radius:6px;padding:7px 20px;font-size:3.2cqw;font-weight:700;position:absolute;top:25%;left:50%;transform:translate(-50%)}.rest-notice{background:#ffe4a4;top:35%}@keyframes board-sway{50%{transform:translateY(-5px)rotate(2deg)}}.modal{border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;width:min(600px,100% - 28px);max-height:calc(100dvh - 36px);margin:auto;padding:26px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 4px #353148}.modal::backdrop{background:#35314866}.modal-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.modal-heading h2{font-size:1.2rem}.modal-close{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);border-radius:50%;flex:0 0 36px;place-items:center;padding:0;display:grid}.result-score{overflow-wrap:anywhere;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,7vw,2.7rem);font-weight:800}.result-stats{border-top:1px solid var(--line);gap:14px;margin:24px 0 0;padding-top:20px;font-size:.95rem;display:grid}.result-stats>div{justify-content:space-between;display:flex}.result-stats dd{margin:0;font-weight:800}.special-options{gap:24px;display:grid}.special-selection .modal-heading{z-index:1;background:var(--paper);padding-block:8px;position:sticky;top:-26px}.special-option{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;display:grid}.special-option-art{aspect-ratio:3/4;border:2px solid var(--line);border-radius:6px;overflow:hidden}.special-option h3{align-self:center;font-size:1rem}.special-option>.effect-details,.special-option .button{grid-column:1/-1}.special-option .button{padding-inline:12px}.card-browser .modal-heading{z-index:1;background:var(--paper);padding-block:8px;position:sticky;top:-26px}.card-browser-list{overscroll-behavior:contain;scrollbar-gutter:stable;height:65dvh;position:relative;overflow-y:auto}.card-browser-list>section:last-child{min-height:100%}.card-browser-list section+section{margin-top:24px}.card-browser-list h3{margin:0 0 12px;font-size:1rem}.card-browser-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.card-browser-card{aspect-ratio:3/4;border:2px solid var(--accent);border-radius:6px;padding:0;position:relative;overflow:hidden}.card-browser-card .hand-name{font-size:11px}.card-browser-card .hand-cost{min-width:24px;height:24px;padding-inline:3px;font-size:14px}.card-performance{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.card-browser-back{align-items:center;gap:4px;margin-bottom:20px;display:inline-flex}.card-performance-art{aspect-ratio:3/4;border:2px solid var(--accent);border-radius:6px;overflow:hidden}.card-performance-stats{gap:12px;margin:0;font-size:1rem;display:grid}.card-performance-stats div{justify-content:space-between;gap:8px;display:flex}.card-performance-stats dd{margin:0;font-weight:800}.card-performance-effect{overflow-wrap:anywhere;grid-column:1/-1;font-size:1rem;line-height:1.8}.effect-details,.card-traits{overflow-wrap:anywhere;margin:0;padding-left:1.4em;font-size:1rem;line-height:1.7}.effect-details>li+li,.card-traits>li+li{margin-top:12px}.effect-details p{margin:0}.effect-details .effect-mood{margin-top:6px}.effect-condition{background:#f7eef4;border-left:3px solid #b88eae;padding:10px 12px}.effect-condition h4{margin:0 0 8px;font-size:1rem}.effect-tiers{border-collapse:collapse;table-layout:fixed;width:100%}.effect-tiers caption{text-align:left;margin-bottom:10px}.effect-tiers th,.effect-tiers td{text-align:left;vertical-align:top;border:1px solid #d8cbd5;padding:12px 8px}.effect-tiers th{background:#f7eef4;font-size:.95rem}.effect-tiers th:first-child{width:5rem}.effect-tiers thead span{display:block}.tier-details>section+section,.tier-details>table+section{margin-top:20px}.tier-details h4{margin-bottom:10px}.effect-tiers .effect-details{padding:0;list-style:none}.card-performance-effect>section+section{margin-top:24px}.card-performance-effect h3{margin:0 0 12px;font-size:1.15rem}.result-panel{z-index:75;overscroll-behavior:contain;text-align:center;background:#fffaf5;border-radius:2cqw;padding:5cqw;position:absolute;inset:7cqw 4cqw;overflow-y:auto}.result-panel h2{font-size:max(16px,4cqw)}.result-panel .result-score{overflow-wrap:normal;margin-top:3cqw;font-size:max(24px,7cqw)}.result-graph{aspect-ratio:2;width:100%;margin-top:5cqw;display:block}.result-actions{gap:3cqw;margin-top:5cqw;display:grid}.result-actions a{text-decoration:none}:is(button,a,input,select,textarea):focus-visible:not(:disabled){color:#fffaf5;text-underline-offset:3px;background-color:#171324;outline:none;text-decoration:underline;text-decoration-thickness:2px}:is(.hand-card,.card-browser-card,.special-portrait):focus-visible:not(:disabled)>.card-illustration{filter:brightness(.45)}:is(.hand-card,.card-browser-card,.special-portrait):focus-visible:not(:disabled)>:is(.hand-name,.hand-cost,.special-cost){color:#fffaf5;background:#171324;text-decoration:underline;text-decoration-thickness:2px}button.heart-field:focus-visible{background-color:#17132440}@media (forced-colors:active){:is(button,a,input,select,textarea):focus-visible:not(:disabled){forced-color-adjust:none;color:highlighttext;background-color:highlight}:is(.hand-card,.card-browser-card,.special-portrait):focus-visible:not(:disabled)>:is(.hand-name,.hand-cost,.special-cost){color:highlighttext;background:highlight}}.setup-page{padding:max(24px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));gap:28px;display:grid}.setup-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup-heading h1{font-size:1.6rem;font-weight:900}.setup-page>header{z-index:2;background:var(--paper);padding-block:8px;position:sticky;top:0}.setup-catalog-card{gap:8px;display:grid}.setup-catalog-card>.button{padding-inline:4px}.setup-page h2,.setup-presets legend{font-size:1.1rem;font-weight:800}.setup-presets{border:0;margin:0;padding:0}.setup-presets legend{margin-bottom:12px}.setup-deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.setup-deck-grid [aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.setup-card-check{background:var(--paper);border-radius:50%;padding:2px;position:absolute;top:5px;right:5px}.setup-actions{background:var(--paper);gap:12px;padding-block:16px;display:grid;position:sticky;bottom:0}.setup-selected{gap:12px;margin:0;padding:0;list-style:none;display:grid}.setup-selected li{align-items:center;gap:10px;display:flex}.setup-selected li>.card-browser-card{flex-shrink:0;width:60px}.setup-selected li>span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.setup-order{gap:4px;display:flex}.setup-order .icon-button{width:44px;min-height:44px}.game-menu>.button{margin-bottom:24px}:root{font-family:var(--font-sans);color:#353148;font-synthesis:none;text-rendering:optimizelegibility;--ink:#353148;--muted:#706778;--paper:#fffaf5;--line:#353148;--teal:#d94e7d;--teal-dark:#b83b66;--nova:#f6b83c;--lumen:#79b8e5;--tetra:#a6a6cf;--accent:var(--teal);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f0e8e2}*{box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{background:#f0e8e2;min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}button:disabled{cursor:default}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.color-nova{--accent:var(--nova)}.color-lumen{--accent:var(--lumen)}.color-tetra{--accent:var(--tetra)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
