.clash-app{isolation:isolate;z-index:45;color:#fff6df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(at 22% 15%,#35365a,#0000 52%),repeating-linear-gradient(155deg,#0000 0 20px,#fff1 20.5px,#0000 21px 42px),#17192e;flex-direction:column;height:100dvh;font:600 15px/1.35 system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.clash-app *{box-sizing:border-box}.cx-bar,.cx-home,.cx-panel,.cx-dialog,.cx-error{--cx-ink:#17192b;--cx-paper:#fff9e9;--cx-lime:#d4fa65}.cx-bar{padding:max(5px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 5px max(12px,env(safe-area-inset-left));border-bottom:1px solid #ffffff25;flex:none;justify-content:space-between;align-items:center;min-height:49px;display:flex}.cx-bar span{letter-spacing:.16em;font-size:11px}.cx-bar b{color:#ffad7d}:is(.cx-bar,.cx-home,.cx-panel,.cx-dialog,.cx-error) :is(button,a){font:inherit;cursor:pointer;color:#fff9ed;background:#30314d;border:1px solid #62657f;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;text-decoration:none;display:inline-flex}.cx-bar svg{width:18px;height:18px}.clash-app :focus-visible{outline-offset:2px;outline:3px solid #fcdd68}.clash-app button:disabled{opacity:.5;cursor:default}.cx-home{width:min(100%,940px);min-height:0;padding:12px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);align-content:safe center;gap:clamp(10px,2vh,22px);margin:auto;display:grid;overflow:auto}.cx-hero{text-align:center;max-width:420px;margin:auto;position:relative}.cx-hero>svg{width:min(78vw,340px);height:auto;margin:6px auto;display:block}.cx-kicker{letter-spacing:.2em;color:#dbf594;font-size:10px;font-weight:900}.cx-hero p,.cx-panel p,.cx-dialog p{color:#dcdeee;margin:6px 0 10px}.cx-hero p{font-size:14px}.cx-demo{isolation:isolate;justify-content:center;align-items:center;height:180px;display:none}.cx-demo>*{width:91px;max-width:91px;margin-right:-17px;transform:rotate(-15deg)}.cx-demo>:nth-child(2){transform:rotate(2deg)translateY(-10px)}.cx-demo>:last-child{transform:rotate(17deg)}.cx-launch{gap:8px;width:min(100%,440px);margin:auto;display:grid}.cx-launch>button{text-align:left;border:2px solid #5d607d;grid-template-columns:32px 1fr 20px;padding:12px 15px;display:grid;box-shadow:0 3px #101223}.cx-launch>button strong,.cx-launch>button small{display:block}.cx-launch strong{font-size:clamp(17px,3.7vw,22px);line-height:1.15}.cx-launch small{opacity:.86;font-size:12px;font-weight:550}.clash-app .cx-main{color:#172319;background:#d4fa65;border-color:#e4fea5;font-weight:850}.cx-twins{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cx-resume{justify-content:center;gap:6px;display:flex}.cx-resume button{background:0 0;border:0;font-size:12px;text-decoration:underline}.cx-panel,.cx-dialog{background:#22243cef;border:1px solid #62647b;border-radius:20px;width:min(100% - 24px,510px);min-height:0;margin:auto;padding:clamp(15px,3vw,28px);overflow:auto;box-shadow:0 12px 38px #0e0e2050}.cx-panel{max-height:calc(100% - 62px - env(safe-area-inset-bottom));margin-block:auto}.cx-panel h1,.cx-dialog h2{letter-spacing:-.045em;color:#fff9e9;margin:6px 0 14px;font-size:clamp(25px,6vw,40px);line-height:1.06}.cx-panel h2{font-size:16px}.cx-panel form,.cx-dialog{gap:12px;display:grid}.cx-panel label,.cx-dialog label{gap:4px;font-size:13px;font-weight:750;display:grid}.cx-panel input:not([type=checkbox]),.cx-dialog input:not([type=checkbox]),.cx-panel select,.cx-dialog select{width:100%;font:inherit;color:#fff6df;background:#181a2e;border:1px solid #6f7291;border-radius:8px;min-height:44px;padding:7px 9px;font-size:16px}.cx-fields{grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr));gap:8px;display:grid}.cx-rules{border:1px solid #60627e;border-radius:11px;margin:2px 0;padding:5px 11px}.cx-rules legend{color:#e9fab3;padding:0 4px;font-weight:700}.cx-rules label{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 0;display:flex}.cx-rules label+label{border-top:1px solid #ffffff1c}.cx-rules b,.cx-rules small{display:block}.cx-rules small{color:#c1c7db;font-size:11px;font-weight:500}.cx-rules input,.cx-dialog input[type=checkbox]{accent-color:#d4fa65;flex:none;width:22px;height:22px}.cx-seats{flex-wrap:wrap;gap:6px;display:flex}.cx-seats span{background:#393e5b;border-radius:15px;padding:5px 10px}.cx-share{justify-content:space-between;align-items:center;display:flex}.cx-share small,.cx-share b{display:block}.cx-share b,.cx-bigcode{letter-spacing:.17em;font-size:32px;font-weight:900}.cx-lobby .cx-qr{background:#fff;padding:3px}.cx-qr img{width:85px;display:block}.cx-inviteqr{width:min(160px,40vw);margin:auto}.cx-rule-summary{padding:12px 0}.cx-rule-summary p{font-size:12px}.cx-error{z-index:15;color:#382b12;background:#ffe4a2;border-radius:12px;justify-content:space-between;align-items:center;width:min(450px,95%);padding:8px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cx-shade{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:max(10px,env(safe-area-inset-top)) 8px max(10px,env(safe-area-inset-bottom));background:#111225be;place-items:center;display:grid;position:absolute;inset:0}.cx-dialog{background:#25283f;max-height:100%;position:relative}.cx-dialog .cx-x{background:0 0;border:0;font-size:23px;position:absolute;top:5px;right:5px}.cx-dialog h2{padding-right:16px}.cx-dialog label:has(svg){grid-template-columns:20px 1fr auto;align-items:center}.cx-dialog label:has(svg) select{grid-column:3}@media (min-width:680px){.cx-home{grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding:24px}.cx-demo{display:flex}.cx-panel{width:min(530px,92%)}}@media (max-height:540px) and (orientation:landscape){.cx-home{grid-template-columns:1fr 1fr;align-items:center;gap:16px}.cx-demo{display:none}.cx-launch{gap:4px}.cx-launch>button{padding:6px 10px}.cx-bar{min-height:38px}.cx-bar button,.cx-bar a{min-height:32px}.cx-hero>svg{width:min(32vw,230px)}.cx-panel{max-height:calc(100% - 42px)}}.clash-app .cx-home{isolation:isolate;padding:clamp(10px,3vw,30px);position:relative;overflow-x:hidden}.clash-app .cx-hero{isolation:isolate;width:100%;min-width:0;overflow:hidden}.clash-app .cx-hero>.clash-art-logo{width:min(85%,330px);height:auto;max-height:110px;margin:8px auto}.clash-app .cx-demo{isolation:isolate;max-width:100%;height:168px;position:relative;overflow:hidden}.clash-app .cx-demo>svg.clash-art-card{flex:0 0 78px;width:78px;max-width:78px;height:112px;overflow:hidden}.clash-app .cx-launch{z-index:1;background:#173e40;border:2px solid #79cdb3;border-radius:23px;align-content:center;padding:clamp(10px,2vw,19px);position:relative;box-shadow:0 5px #101d2b}.clash-app .cx-launch>button{color:#1c2838;background:#fff6dc;border-color:#ffedbd;min-width:0}.clash-app .cx-launch>button.cx-main{color:#242137;background:#ffd56c;border-color:#ffe3a0}.clash-app .cx-launch>button span{min-width:0}.clash-app .cx-launch>button small{color:#364453;opacity:1}.clash-app .cx-home .cx-hero p{color:#fff5df}.clash-app{color:#fff6df;background:radial-gradient(at 45% 30%,#3f706c,#17394f 78%)}.cx-bar{background:#17394f;border-bottom:3px solid #dd815f}.cx-kicker{color:#f7cd8b}.clash-app .cx-hero p{font-family:Trebuchet MS,system-ui,sans-serif}.clash-app .cx-launch{background:linear-gradient(140deg,#35655d,#204b48);border:5px solid #b88b58;border-radius:24px;box-shadow:inset 0 0 0 2px #e6c492,0 5px #102e3c}.clash-app .cx-launch>button{background:linear-gradient(#fffae9,#f3e2bc);border-color:#c5a671;border-bottom-width:3px;border-radius:12px;box-shadow:0 2px #17394f55}.clash-app .cx-launch>button.cx-main{background:linear-gradient(#ffc49a,#ec9475);border-color:#f6c18f}.clash-app .cx-launch .cx-twins button{color:#fff5d8;background:#17394f;border-color:#bba37a}.clash-app .cx-demo{height:132px;display:flex}.clash-app .cx-demo>svg.clash-art-card{flex-basis:76px;width:76px;max-width:76px;height:109px}.cx-panel,.cx-dialog{color:#17394f;background:linear-gradient(140deg,#fff9e9,#f1e2bf);border:3px solid #c3a16c;box-shadow:0 5px #102e3c66}.cx-panel h1,.cx-panel h2,.cx-dialog h2{color:#17394f;font-family:Trebuchet MS,system-ui,sans-serif}.cx-panel p,.cx-dialog p,.cx-rules small{color:#52656c}.cx-panel .cx-kicker,.cx-dialog .cx-kicker,.cx-rules legend{color:#9b4b38}.cx-panel input:not([type=checkbox]),.cx-dialog input:not([type=checkbox]),.cx-panel select,.cx-dialog select{color:#17394f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffdf4;border-color:#baa477}.cx-panel button,.cx-dialog button,.cx-dialog a{color:#fff8df;background:#17394f;border-color:#45677a}.clash-app .cx-panel .cx-main,.clash-app .cx-dialog .cx-main{color:#17394f;background:#e89970;border-color:#a26548}.cx-rules{border-color:#c2ad81}.cx-rules label+label{border-color:#d4c49f}.cx-rules input,.cx-dialog input[type=checkbox]{accent-color:#b85c43}.cx-seats span{color:#17394f;background:#e3cda2}.cx-dialog .cx-x{color:#17394f}.cx-share button.cx-qr{background:#fff}.cx-resume{flex-wrap:wrap}.clash-app .cx-launch .cx-resume button{color:#fff2d0}.cx-home{gap:10px}@media (max-height:700px){.clash-app .cx-demo{display:none}}@media (min-width:680px) and (min-height:540px){.clash-app .cx-demo{height:180px;display:flex}.clash-app .cx-demo>svg.clash-art-card{flex-basis:104px;width:104px;max-width:104px;height:149px}}