.mirage{--ink:#f2e9e0;--muted:#b1a6be;--accent:#d9b8e9;color:var(--ink);background:#171421 radial-gradient(at 80% 8%,#4b32522e,#0000 45%);min-height:100vh;padding:0 max(24px,50vw - 720px);font-family:Arial,Helvetica,sans-serif}.mirage *{box-sizing:border-box}.mirage a{color:inherit;text-decoration:none}.mirage button,.mirage input,.mirage select{font:inherit}.mirage button{min-height:44px;color:var(--ink);cursor:pointer;background:#272132;border:1px solid #655972;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:12px 19px;transition:transform .18s,background .18s;display:inline-flex}.mirage button:hover:not(:disabled){background:#403348;transform:translateY(-2px)}.mirage button:disabled{opacity:.4;cursor:default}:is(.mirage button:focus-visible,.mirage a:focus-visible){outline-offset:4px;outline:3px solid #d5e294}.mirage .mi-primary{color:#22251a;background:#d8e59b;border-color:#d8e59b;font-weight:700}.mirage .mi-primary:hover:not(:disabled){background:#e9efc2}.mi-header{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;display:flex}.mi-header>a{align-items:center;gap:8px;font-size:13px;display:flex}.mi-header .mi-brand{letter-spacing:5px;font-size:22px;font-weight:700}.mi-header nav{gap:7px;display:flex}.mi-header button{padding:10px}.mi-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:80px 0 70px;display:grid}.mi-eyebrow{letter-spacing:2.5px;color:#c6b6d5;font-size:10px;font-weight:700}.mi-hero h1{letter-spacing:-6px;margin:27px 0;font-size:clamp(54px,7.5vw,104px);font-weight:400;line-height:.96}.mi-hero h1 em{color:#0000;background:linear-gradient(110deg,#d9b8e9,#a7b9df,#e5b4bb);-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-weight:400}.mi-hero h2{margin-top:30px;font-size:18px;font-weight:400}.mi-hero p{color:var(--muted);max-width:430px;font-size:15px;line-height:1.8}.mi-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mi-hero .mi-actions{margin-top:30px}.mirage .mi-link{color:var(--accent);background:0 0;border:0;margin-top:15px;padding-left:0;font-size:12px}.mi-optical{aspect-ratio:1;background:#dcb8cc;border-radius:50% 50% 8px 8px;position:relative;overflow:hidden;box-shadow:0 20px 90px #07050c60}.mi-orbits{background:repeating-radial-gradient(#26223a 0 14px,#dcb8cc 15px 28px);position:absolute;inset:-30%;transform:rotate(-20deg)}.mi-eye{background:#d8e59b;border-radius:90% 10%;place-items:center;display:grid;position:absolute;inset:30% 15%;transform:rotate(45deg);box-shadow:0 0 0 12px #26223a}.mi-eye i{aspect-ratio:1;background:#7163a2;border-radius:50%;width:50%;display:block;position:relative;box-shadow:inset 0 0 0 18px #a594c4}.mi-eye i:after{content:"";background:#26223a;border-radius:50%;position:absolute;inset:34%}.mi-optical>span,.mi-optical>b{color:#f2e9e0;letter-spacing:2px;background:#26223a;padding:10px;font:11px monospace;position:absolute;bottom:22px}.mi-optical>span{left:22px}.mi-optical>b{right:22px}.mi-intro{color:var(--muted);border-top:1px solid #ffffff20;justify-content:space-between;gap:20px;padding:25px 0 45px;font-size:12px;display:flex}.mi-heading{justify-content:space-between;align-items:center;gap:15px;margin:35px 0 25px;display:flex}.mi-heading h1{margin:10px 0;font-family:Georgia,serif;font-size:36px;font-weight:400}.mi-layout{grid-template-columns:170px minmax(0,1fr) 240px;align-items:start;gap:22px;display:grid}.mi-layout.mi-solo{grid-template-columns:1fr}.mi-players,.mi-chat{background:#211c2b;border:1px solid #ffffff16;border-radius:12px;padding:18px}.mi-players h2,.mi-chat h3{margin:0 0 16px;font-size:14px}.mi-player{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:9px;padding:13px 0;font-size:13px;display:flex}.mi-player small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.mi-player.active{color:#d8e59b}.mi-player b{font-size:22px}.mi-player button{min-height:30px;padding:2px 7px}.mi-table{background:#211c2b;border:1px solid #ffffff16;border-radius:14px;min-width:0;padding:24px}.mi-color{align-items:center;gap:11px;margin-bottom:22px;display:flex}.mi-color h2{margin:0;font-size:15px;font-weight:400}.mi-color strong{text-transform:uppercase;letter-spacing:2px}.mi-color>span:last-child{color:var(--muted);margin-left:auto;font-size:12px}.mi-color-dot{background:var(--round-color);border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 0 5px #ffffff09}.mi-direction{letter-spacing:1px;text-transform:uppercase;color:var(--muted);justify-content:space-between;padding-bottom:12px;font-size:10px;display:flex}.mi-row{scrollbar-color:#8e749f #211c2b;scroll-snap-type:x proximity;align-items:center;min-height:220px;padding:15px 4px 25px;display:flex;overflow-x:auto}.mi-card{color:#292338;scroll-snap-align:center;background:#eae3d9;border-radius:6px;flex:0 0 140px;width:140px;margin:0;padding:8px;transition:transform .25s;animation:.35s both mi-enter;box-shadow:0 7px 15px #0004}.mi-card img{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;display:block}.mi-card figcaption{min-height:29px;padding-top:9px;font-size:9px}.mi-card figcaption>span{justify-content:space-between;align-items:center;display:flex}.mi-card strong{font-size:21px}.mi-card[draggable=true]{cursor:grab;transform:rotate(-3deg)}.mi-card[draggable=true]:hover{transform:rotate(0)translateY(-4px)}.mi-reveal figcaption{animation:mi-reveal .6s var(--delay) both}.mi-meter{background:#c4bdb4;border-radius:2px;height:4px;margin-top:7px;overflow:hidden}.mi-meter i{height:100%;transition:width .5s;display:block}.mi-wrong{outline-offset:3px;outline:3px solid #ef8b88}.mi-wrong small{color:#9e283a;margin-top:5px;display:block}.mirage .mi-slot{color:#b3a4c0;background:0 0;border:1px dashed #655972;flex-direction:column;flex:0 0 40px;min-height:130px;margin:0 7px;padding:0;font-size:10px}.mirage .mi-slot.selected{color:#d8e59b;background:#d8e59b25;border:2px solid #d8e59b}.mi-row>.mi-card+.mi-card{margin-left:15px}.mi-controls{border-top:1px solid #ffffff14;padding-top:22px}.mi-controls>p{color:var(--muted);font-size:13px;line-height:1.6}.mi-pending{justify-content:center;align-items:center;gap:28px;display:flex}.mi-pending>div{max-width:300px}.mi-pending p{color:var(--muted);font-size:13px;line-height:1.6}.mi-result{text-align:center;background:#d9b8e90a;border-radius:10px;margin-bottom:22px;padding:20px;animation:.4s both mi-enter}.mi-result h2{margin:10px 0;font-family:Georgia,serif;font-size:29px;font-weight:400}.mi-result p{color:var(--muted);font-size:13px}.mi-result.good{color:#d8e59b}.mi-result.bad{color:#edb9d6}.mi-after{text-align:center;margin-top:25px}.mi-summary{grid-template-columns:repeat(3,1fr);gap:15px;max-width:620px;margin:20px auto;display:grid}.mi-summary small{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.mi-summary strong{font-size:24px}.mi-stats{background:#272132;border-radius:10px;gap:30px;margin-bottom:24px;padding:20px;display:flex}.mi-stats>span{align-items:center;gap:8px;font-size:21px;display:flex}.mi-stats small{color:var(--muted);font-size:11px}.mi-lobby{text-align:center;padding:50px 15px}.mi-lobby>svg{color:#d9b8e9}.mi-lobby h2{font:26px/1.5 Georgia,serif}.mi-lobby .mi-actions{justify-content:center;margin-top:20px}.mi-settings{justify-content:center;gap:20px;margin-top:30px;display:flex}.mi-settings label{gap:8px;font-size:12px;display:grid}.mirage select,.mirage input{width:100%;color:var(--ink);background:#171421;border:1px solid #655972;border-radius:7px;padding:12px}.mi-chat .bl-tabs{display:none}.mi-chat .party-messages{height:300px;overflow:auto}.mi-chat article{padding:10px 0;font-size:12px}.mi-chat time{float:right;color:var(--muted);font-size:9px}.mi-chat article p{overflow-wrap:anywhere;color:#d6cbdc;line-height:1.5}.mi-chat form{gap:5px;margin-top:12px;display:flex}.mi-chat input{min-width:0;padding:9px;font-size:12px}.mi-chat form button{padding:8px;font-size:11px}.mi-footer{color:#9d8da9;letter-spacing:2px;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;margin-top:60px;padding:25px 0;font-size:9px;display:flex}.mi-tabs{display:none}.mi-overlay{z-index:150;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08060dc9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mi-dialog{background:#272132;border:1px solid #655972;border-radius:17px;width:min(600px,100%);max-height:90vh;padding:35px;position:relative;overflow:auto}.mi-dialog h2{margin:12px 0 25px;font:32px Georgia,serif}.mi-dialog label{margin:20px 0;font-size:13px;display:block}.mi-dialog input,.mi-dialog select{margin-top:8px}.mi-dialog li{color:#c9bfd2;margin:17px 0;padding-left:7px;font-size:14px;line-height:1.65}.mi-dialog ol{padding-left:20px}.mirage .mi-close{background:0 0;border:0;min-width:35px;padding:8px;position:absolute;top:12px;right:12px}.mi-dialog .mi-check{align-items:center;gap:10px;display:flex}.mi-check input{width:auto;margin:0}.mi-toast{z-index:180;color:#272132;background:#e5d8ed;border-radius:10px;align-items:center;gap:20px;max-width:90%;padding:14px 20px;font-size:13px;display:flex;position:fixed;bottom:65px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #0007}.mi-toast button{color:#272132;background:0 0;border:0;min-height:25px;padding:0}.mi-alert{color:#fff;background:#6e3445;padding:12px}.mi-reduced *,.mi-reduced :before{transition:none!important;animation:none!important}@keyframes mi-enter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes mi-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1100px){.mi-layout{grid-template-columns:145px minmax(0,1fr)}.mi-chat{grid-column:1/-1}.mi-chat .party-messages{height:150px}.mi-hero{gap:35px}.mi-table{padding:18px}}@media (max-width:700px){.mirage{padding:0 16px}.mi-header{gap:10px;padding:17px 0}.mi-header>a:first-child{gap:0;font-size:0}.mi-header .mi-brand{letter-spacing:3px;font-size:17px}.mi-header .mi-brand svg{width:20px}.mi-header nav{gap:4px}.mi-header button{padding:8px}.mi-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.mi-hero h1{letter-spacing:-4px;font-size:65px}.mi-hero h2{font-size:17px}.mi-optical{aspect-ratio:1.25;justify-self:center;width:90%;max-width:360px}.mi-intro{flex-direction:column;padding-bottom:25px}.mi-heading{align-items:flex-start;margin-top:25px}.mi-heading h1{font-size:25px}.mi-heading .mi-actions{justify-content:flex-end;gap:5px}.mi-heading button{padding:8px;font-size:11px}.mi-layout{display:block}.mi-players,.mi-chat,.mi-table{display:none}.mi-visible,.mi-solo .mi-table{display:block}.mi-table{padding:17px 12px}.mi-tabs{gap:6px;margin-bottom:15px;display:flex}.mi-tabs button{flex:1;padding:8px;font-size:11px}.mi-tabs button[aria-pressed=true]{color:#d8e59b;border-color:#d8e59b}.mi-stats{grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.mi-stats>span{font-size:19px}.mi-stats small{font-size:10px}.mi-card{flex-basis:128px;width:128px}.mirage .mi-slot{flex-basis:38px;min-height:120px;margin:0 6px}.mi-color{flex-wrap:wrap;gap:9px}.mi-color h2{font-size:13px}.mi-color>span:last-child{font-size:10px}.mi-pending{align-items:flex-start;gap:17px}.mi-pending .mi-card{flex-basis:115px;width:115px}.mi-pending .mi-eyebrow{letter-spacing:1px;font-size:9px}.mi-pending p{font-size:12px}.mi-pending button{gap:6px;padding:10px;font-size:12px}.mi-controls .mi-actions>button{width:100%;font-size:13px}.mi-dialog{padding:27px 22px}.mi-summary{gap:20px 10px}.mi-summary small{font-size:10px}.mi-summary strong{font-size:22px}.mi-footer{letter-spacing:1px;margin-top:35px;font-size:8px}.mi-lobby{padding:25px 5px}.mi-settings{flex-direction:column}.mi-chat .party-messages{height:350px}}@media (prefers-reduced-motion:reduce){.mirage *{transition:none!important;animation:none!important}}@media (min-width:1000px){.mirage{padding-left:clamp(20px,2vw,48px);padding-right:clamp(20px,2vw,48px)}.mi-layout{grid-template-columns:clamp(150px,11vw,220px) minmax(0,1fr) clamp(210px,16vw,290px);gap:clamp(16px,1.5vw,28px)}.mi-layout.mi-solo{grid-template-columns:1fr}.mi-table{min-height:calc(100dvh - 285px)}.mi-card{flex-basis:clamp(210px,17vw,340px);width:clamp(210px,17vw,340px);padding:10px}.mi-card figcaption{min-height:36px;font-size:12px}.mi-row{min-height:290px;padding-top:20px;padding-bottom:30px}.mirage .mi-slot{flex-basis:44px;min-height:clamp(200px,16vw,325px)}.mi-pending .mi-card{flex-basis:clamp(190px,15vw,280px);width:clamp(190px,15vw,280px)}.mi-pending p{max-width:460px;font-size:16px;line-height:1.65}.mi-color h2{font-size:18px}.mi-players,.mi-chat{position:sticky;top:16px}.mi-chat .party-messages{height:clamp(240px,45dvh,650px)}}