@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#040e17;color:#eaf5fc;font-family:system,Inter,Arial,sans-serif;font-size:15px;line-height:1.6}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 8%,#07314266,transparent 45%),radial-gradient(ellipse at 0% 50%,#07234c44,transparent 50%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{ -webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(38px,5.4vw,72px);font-weight:800;margin-bottom:22px}h2{font-size:30px}h3{font-size:21px}p{color:#91a8bc}small{color:#91a8bc}svg{width:22px;height:22px;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #51dcf5;outline-offset:4px}.wrap{max-width:1220px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid #163042;background:#040e17dc;backdrop-filter:blur(12px)}.nav{height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{width:188px;display:block}.brand{display:flex;align-items:center;gap:22px}.brand span{border-left:1px solid #284253;padding-left:22px;font-size:11px;color:#8ca2b8;letter-spacing:3px;line-height:1.5}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;color:#b2c5d4}.navlinks a.active{color:#41d8ee}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;border:1px solid #214457;background:#0a202e;color:#ddecf6;padding:11px 19px;font-weight:700;font-size:13px;transition:transform .15s,background .15s;min-height:44px}.btn:hover{background:#113045;transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#5ce7f8,#24b7e2);color:#042333;border-color:#4bd9ed;box-shadow:0 4px 25px #00c6e119}.btn.gold{background:#efc473;color:#272012;border-color:#efc473}.btn.danger{color:#ffb1b1;border-color:#71363f;background:#341922}.btn.flat{background:transparent}.btn.small{padding:7px 12px;font-size:12px;min-height:36px}.kicker{display:flex;gap:10px;align-items:center;color:#43d5ea;font-size:11px;font-weight:700;letter-spacing:2.3px;text-transform:uppercase;margin-bottom:24px}.dot{width:7px;height:7px;background:#4ee2dc;border-radius:50%;box-shadow:0 0 14px #4ee2dc;display:inline-block}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:510px;padding:65px 0 45px;gap:45px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#64ebfb,#10b9ee);background-clip:text;color:transparent}.hero p{font-size:16px;max-width:470px;line-height:1.8}.hero .actions{margin:30px 0 24px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fineprint{display:flex;align-items:center;gap:9px;font-size:11px;color:#7292a7}.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orb{position:absolute;width:340px;height:340px;border:1px solid #2ebddd20;border-radius:50%;box-shadow:0 0 80px #13b1e020,inset 0 0 70px #00b9ff08}.orb:before,.orb:after{content:'';position:absolute;inset:22px;border:1px dashed #41c8e520;border-radius:50%}.orb:after{inset:-32px;border:1px solid #215b7e30}.hero-ticket{width:370px;border:1px solid #38c9ed80;border-radius:23px;background:linear-gradient(140deg,#0c3248,#071521 65%,#11394f);box-shadow:0 28px 90px #000a,0 0 45px #17c4fa18;transform:rotate(-8deg);padding:25px 30px;position:relative}.hero-ticket:before{content:'';position:absolute;inset:8px;border:1px solid #38c9ed24;border-radius:17px}.ticket-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:3px;color:#70daf1}.ticket-top img{width:125px}.ticket-owl{display:block;width:150px;margin:5px auto;filter:drop-shadow(0 0 23px #00b5ff44)}.ticket-copy{text-align:center;font-weight:800;font-size:29px;letter-spacing:3px;margin-bottom:16px;line-height:1.25}.ticket-copy small{font-size:9px;letter-spacing:4px;display:block;color:#69c8de}.stub{border-top:1px dashed #53798b;display:flex;align-items:center;justify-content:space-between;padding-top:14px;font-size:10px;letter-spacing:1px}.barcode{height:30px;width:110px;background:repeating-linear-gradient(90deg,#61cae4 0 2px,transparent 2px 5px,#61cae4 5px 6px,transparent 6px 9px);opacity:.6}.float-tag{position:absolute;right:0;bottom:46px;z-index:2;background:#0a2434;border:1px solid #28526c;border-radius:13px;box-shadow:0 14px 40px #0007;padding:13px 18px;font-size:12px;transform:rotate(4deg)}.float-tag strong{display:block;font-size:16px;color:#f3cf87}.star{position:absolute;font-size:24px;color:#68ddeb;left:10px;top:55px}.star.two{left:auto;right:8px;top:75px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #173344;border-radius:16px;background:#071823;padding:23px 15px;margin-bottom:54px}.metric{display:flex;align-items:center;gap:16px;justify-content:center;border-right:1px solid #1c3445}.metric:last-child{border:0}.metric svg{color:#39cbe4;width:28px;height:28px}.metric b{font-size:24px;line-height:1.3;display:block;letter-spacing:-1px}.metric small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.section{margin:0 0 50px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-head h2{margin:0 0 7px}.section-head p{margin:0;font-size:13px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border-radius:20px;border:1px solid #1e3c51;background:transparent;color:#9cb0c1;padding:7px 14px;font-size:11px;cursor:pointer}.chip.active{background:#0d3344;color:#51ddec;border-color:#236c82}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.campaign-card{border:1px solid #193b52;border-radius:18px;overflow:hidden;background:#071822;transition:border .2s,transform .2s}.campaign-card:hover{border-color:#2d7b94;transform:translateY(-3px)}.campaign-cover{padding:21px;min-height:175px;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 20%,#1785a450,transparent 70%),linear-gradient(110deg,#0b2d42,#061521)}.campaign-cover:after{content:'✦';position:absolute;right:25px;bottom:-26px;font-size:130px;color:#48cde417;transform:rotate(15deg);pointer-events:none}.campaign-cover.gold{background:radial-gradient(circle at 90% 20%,#946c3855,transparent 70%),linear-gradient(110deg,#263028,#101b22)}.campaign-cover.blue{background:radial-gradient(circle at 90% 20%,#1c54bc55,transparent 70%),linear-gradient(110deg,#112742,#061521)}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid #3b81964d;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:1px;color:#86e6f2;background:#05172180}.badge.gold{color:#f2ce85;border-color:#8e7048}.badge.muted{color:#a5b2be;border-color:#40576a}.prize-title{font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-1px;line-height:1.15;position:relative;z-index:1;margin-top:28px;overflow-wrap:anywhere}.prize-title small{display:block;font-weight:500;font-size:10px;letter-spacing:2px;color:#89acbe;margin-top:8px}.campaign-body{padding:21px}.campaign-body h3{margin-bottom:8px;font-size:19px}.campaign-body p{font-size:12px;min-height:38px;margin-bottom:20px;overflow-wrap:anywhere}.card-info{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #173347;color:#84a0b6;font-size:11px;gap:8px}.card-info b{color:#c0dde8}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:10px}.countdown{font-size:11px;color:#c1d6e6}.countdown small{display:block;font-size:9px;color:#6e8c9e;text-transform:uppercase;letter-spacing:1px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{padding:25px;background:linear-gradient(140deg,#0a2030,#07141e);border:1px solid #18384d;border-radius:17px;display:block}.tool-card .icon-box{margin-bottom:20px}.icon-box{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#0b3546;color:#4ce1f4;border:1px solid #1d596d;border-radius:12px}.tool-card h3{font-size:18px}.tool-card p{font-size:12px}.tool-card span:last-child{font-size:12px;color:#4bd4ed}.how{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #193447;border-radius:16px;margin-top:20px}.step{padding:26px;display:flex;gap:18px}.step b{color:#34556e;font-size:34px;font-weight:600;line-height:1}.step h3{font-size:14px;letter-spacing:0;margin-bottom:7px}.step p{font-size:11px;margin:0}.footer{border-top:1px solid #173044;padding:26px 0;margin-top:65px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#658499}.footer img{width:120px;opacity:.8}.footer a{margin-left:20px}.page{padding-top:42px;min-height:65vh}.breadcrumb{color:#81a1b6;font-size:12px;margin-bottom:28px;display:block}.page-title{font-size:39px;margin-bottom:13px}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.panel{background:#081b28;border:1px solid #1a3c50;border-radius:16px;padding:26px;min-width:0}.panel h3{font-size:20px}.panel p{font-size:13px}.form{display:grid;gap:17px}.field{display:flex;flex-direction:column;gap:7px;color:#b9cfde;font-size:12px;font-weight:600}.field input,.field select,.field textarea,input.control,select.control{width:100%;background:#04131e;border:1px solid #234356;color:#e5f3fb;border-radius:9px;padding:12px 13px;outline:none;min-width:0;font-size:16px;line-height:1.35}.field input:focus,.field select:focus,.field textarea:focus,input.control:focus,select.control:focus{border-color:#40cee5;box-shadow:0 0 0 3px #26bdd510}.field textarea{resize:vertical;min-height:100px}.field small{font-size:11px;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:center;gap:10px;font-size:12px;color:#b9cfde}.check input{accent-color:#40cce8;width:18px;height:18px}.notice{padding:13px 17px;border:1px solid #25637b;background:#0a2c3c;color:#a2e2ef;border-radius:10px;font-size:12px;line-height:1.6;margin:15px 0;overflow-wrap:anywhere}.notice.error{border-color:#70414c;background:#331b27;color:#ffbdc7}.notice.success{border-color:#247760;background:#0d332d;color:#9fe9ce}.empty{padding:40px 20px;text-align:center;border:1px dashed #29495c;border-radius:14px;background:#081b254d;grid-column:1/-1}.empty h3{font-size:19px}.empty p{font-size:13px;max-width:430px;margin:10px auto}.empty svg{width:40px;height:40px;color:#35bdd8;margin-bottom:16px}.faq details{border-bottom:1px solid #1a3a4c;padding:17px 0}.faq summary{cursor:pointer;font-size:13px;color:#cce2ed}.faq p{font-size:12px;margin:12px 0 0}.rules{overflow-wrap:anywhere;font-size:14px;color:#b2cbda;white-space:normal}.rules p{color:inherit}.rules h3{margin-top:20px;font-size:20px}.rules ul{padding-left:22px}.rules a{color:#51d7ee;text-decoration:underline}.login-card{max-width:450px;margin:35px auto 70px}.login-card .icon-box{margin-bottom:22px}.admin-shell{display:grid;grid-template-columns:205px 1fr;gap:28px;padding-top:32px;min-height:70vh}.sidebar{align-self:start;position:sticky;top:20px}.sidebar-title{font-size:10px;letter-spacing:2px;color:#5f879f;margin:0 0 15px}.sidebar a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:9px;font-size:12px;color:#9cb8cc;margin-bottom:5px}.sidebar a.active{color:#58e3f2;background:#0c3446;border:1px solid #1d5368}.sidebar a:hover{background:#0a2535}.sidebar svg{width:18px;height:18px}.admin-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.admin-heading h1{font-size:30px;margin:0 0 7px}.admin-heading p{margin:0;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-box{background:#09202e;border:1px solid #193d52;border-radius:12px;padding:19px}.stat-box strong{display:block;font-size:28px;letter-spacing:-1px}.stat-box span{color:#84a8be;font-size:11px}.table-wrap{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;color:#6d94ac;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:13px 10px;border-bottom:1px solid #24475c}td{padding:14px 10px;border-bottom:1px solid #173347;vertical-align:middle}td .actions{gap:6px}td.wrap-cell{white-space:normal;min-width:180px;max-width:300px;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.toolbar select{max-width:330px}.toolbar input{max-width:240px}.editor{margin:24px 0}.editor .form-row{margin-bottom:0}.editor-title{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.rich-toolbar{display:flex;gap:6px;margin-bottom:-6px}.rich-toolbar button{font-size:11px}.admin-content{min-width:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #1d3e50;gap:15px}.result-card{padding:20px;border:1px solid #3e6c68;border-radius:13px;background:linear-gradient(125deg,#153c3b,#0a2335);margin:12px 0}.result-card b{font-size:24px;color:#e5d190}.result-card .badge{margin-bottom:10px}.draw-stage{text-align:center;padding:45px 20px;background:radial-gradient(ellipse at center,#083c52,transparent 75%);border:1px solid #1c536d;border-radius:15px;margin:25px 0}.draw-stage svg{width:65px;height:65px;color:#58d8ed}.draw-stage h2{font-size:30px;margin:18px 0 10px}.ticket-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.user-ticket{border:1px dashed #2c6a80;border-radius:13px;padding:18px;background:#0b2635}.user-ticket b{font-family:monospace;font-size:13px;color:#6fdbea}.user-ticket small{display:block;margin:9px 0;font-size:10px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:22px;font-size:11px}.raw{white-space:pre-wrap;max-height:160px;overflow:auto;font-family:monospace;font-size:11px;color:#9fb8c7}.hash{font-size:10px;overflow-wrap:anywhere;white-space:normal;color:#7193a8}.banner{padding:22px;border:1px solid #1e566b;border-radius:13px;background:linear-gradient(110deg,#0c3041,#0c1b2b);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.banner h3{font-size:18px;margin:0 0 5px}.banner p{margin:0;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0d394b;border:1px solid #428ca3;color:#d2f7ff;padding:13px 22px;border-radius:12px;box-shadow:0 10px 30px #0007;z-index:100;max-width:90%;font-size:13px;display:none}#toast.visible{display:block}.busy-indicator{display:inline-block;width:15px;height:15px;border:2px solid #398da8;border-top-color:#aff2ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.draw-anim{animation:pulse .6s infinite alternate}@keyframes pulse{to{filter:drop-shadow(0 0 24px #5bddff);transform:scale(1.06)}}@media(min-width:1000px){.hero-ticket{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-5deg)}}}@media(max-width:1000px){.navlinks{gap:15px}.brand span{display:none}.hero{gap:25px}.hero-ticket{width:310px}.hero-art{min-height:360px}.orb{width:275px;height:275px}.float-tag{right:-10px}.campaign-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:160px 1fr;gap:16px}.sidebar a{padding:10px;font-size:11px}.admin-stats{grid-template-columns:repeat(2,1fr)}.ticket-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding:0 18px}.nav{height:auto;min-height:78px;flex-wrap:wrap;padding:18px 0;gap:15px}.logo{width:150px}.navlinks{width:100%;order:3;justify-content:space-between;gap:8px;font-size:11px}.navlinks .btn{padding:7px 10px;min-height:36px;font-size:11px}.hero{grid-template-columns:1fr;gap:0;padding:35px 0 25px;text-align:center}.hero .kicker,.hero .fineprint{justify-content:center}.hero h1{font-size:45px}.hero p{font-size:14px;margin-left:auto;margin-right:auto}.hero .actions{justify-content:center;margin-top:22px}.hero-art{min-height:345px;margin-top:15px;max-width:380px;width:100%;justify-self:center}.hero-ticket{width:290px;padding:22px 25px}.ticket-owl{width:126px}.ticket-copy{font-size:25px}.float-tag{right:0;bottom:25px;font-size:10px}.float-tag strong{font-size:13px}.metrics{padding:18px 4px;margin-bottom:35px}.metric{gap:7px;text-align:center;flex-direction:column}.metric b{font-size:20px}.metric small{font-size:8px;letter-spacing:.5px}.metric svg{width:23px;height:23px}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.section-head h2{font-size:25px}.campaign-grid{grid-template-columns:1fr}.campaign-cover{min-height:155px}.prize-title{font-size:32px}.tools-grid{grid-template-columns:1fr}.tool-card{position:relative;padding:22px 22px 22px 87px;min-height:140px}.tool-card .icon-box{position:absolute;left:22px;top:25px}.tool-card h3{font-size:18px}.how{grid-template-columns:1fr}.step{padding:22px}.step+.step{border-top:1px solid #193447}.split{grid-template-columns:1fr}.page-title{font-size:32px}.panel{padding:20px}.form-row{grid-template-columns:1fr;gap:16px}.footer-row{flex-wrap:wrap}.footer{margin-top:40px}.admin-shell{grid-template-columns:1fr;padding-top:20px}.sidebar{position:static;display:flex;gap:5px;overflow-x:auto;padding-bottom:10px}.sidebar-title{display:none}.sidebar a{white-space:nowrap;margin:0;padding:10px 12px;gap:7px}.sidebar a.active{border:0}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:26px}.admin-stats{gap:10px}.stat-box{padding:16px}.stat-box strong{font-size:23px}.ticket-grid{grid-template-columns:1fr}.banner{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch}.toolbar select,.toolbar input{max-width:none}.toolbar .btn{flex:1}.page{padding-top:28px}.login-card{margin:10px auto 40px}.draw-stage h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Member tickets: perforated raffle ticket with a detachable stub. */
.ticket-grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.user-ticket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px;padding:0;border:1px solid #2a6177;border-radius:17px;background:linear-gradient(115deg,#10354a,#092330 75%);box-shadow:0 12px 28px #0003;overflow:hidden;mask-image:radial-gradient(circle at calc(100% - 76px) 0,transparent 9px,#000 10px),radial-gradient(circle at calc(100% - 76px) 100%,transparent 9px,#000 10px);mask-composite:intersect;-webkit-mask-composite:source-in}
.user-ticket-main{min-width:0;padding:22px 24px 20px}
.user-ticket-brand{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid #70c6df20}
.user-ticket-brand img{width:98px;height:auto}.user-ticket-brand span{font-size:8px;color:#81b9cc;letter-spacing:1.8px}
.user-ticket-caption{display:block;font-size:8px;letter-spacing:2px;color:#83aebe;margin-bottom:5px}
.user-ticket .user-ticket-code{display:block;font-size:clamp(14px,1.5vw,19px);letter-spacing:.5px;color:#8fecfa;overflow-wrap:anywhere}
.user-ticket-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:18px}.user-ticket .user-ticket-footer small{margin:0;color:#91afbf;font-size:10px}.user-ticket-footer .badge{font-size:8px;letter-spacing:.3px}
.user-ticket-stub{border-left:1px dashed #64a3b77a;background:#051c2780;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px 12px}
.user-ticket-stub svg{width:28px;height:28px;color:#76dcec}.user-ticket-stub span{writing-mode:vertical-rl;font-size:9px;font-weight:800;letter-spacing:3px;color:#79aaba}
.ticket-bars{height:23px;width:40px;background:repeating-linear-gradient(90deg,#78c5d8 0 1px,transparent 1px 3px,#78c5d8 3px 5px,transparent 5px 7px);opacity:.65}
.ticket-won{border-color:#a28b56;background:linear-gradient(115deg,#2d3e3d,#142832 75%)}.ticket-won .user-ticket-code,.ticket-won .user-ticket-stub svg{color:#f4d286}.ticket-cancelled{opacity:.65}.ticket-lost{border-color:#295064}
/* Rich participation rules: layout is scoped to campaign content. */
.rules{font-size:14px;line-height:1.8;overflow-wrap:anywhere;min-width:0}.rules h1{font-size:30px}.rules h2{font-size:25px}.rules h3{font-size:21px}.rules h4,.rules h5,.rules h6{font-size:17px}.rules h1,.rules h2,.rules h3,.rules h4,.rules h5,.rules h6{margin:20px 0 12px;color:#eaf5fc}.rules p,.rules div{margin-top:0}.rules p{margin-bottom:12px}.rules ol,.rules ul{padding-left:24px;margin:12px 0}.rules li{margin:6px 0}.rules blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid #47d6ed;background:#0d3344;border-radius:0 8px 8px 0}.rules hr{border:0;border-top:1px solid #2b566a;margin:22px 0}.rules pre{white-space:pre-wrap;background:#04131d;border:1px solid #24475b;border-radius:8px;padding:12px;max-width:100%;overflow:auto}.rules code{font-family:Consolas,monospace;color:#8de7f3}.rules table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:normal;margin:16px 0;font-size:13px}.rules th,.rules td{border:1px solid #315568;padding:11px 13px;min-width:85px;letter-spacing:normal;text-transform:none}.rules th{background:#113447;color:#bdeaf2;text-align:inherit}.rules caption{padding:8px;color:#83afc4}.rules a{color:#65dff0;text-decoration:underline;text-underline-offset:3px}.rules a:focus-visible{outline:2px solid #65dff0}
.rule-field{min-width:0}.rule-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.rule-heading label{font-size:13px;color:#c5dce8;font-weight:700}.rule-modes{display:flex;padding:3px;border:1px solid #245268;border-radius:9px;background:#051821;gap:3px}.rule-modes button{border:0;background:transparent;color:#8aaabc;padding:7px 11px;border-radius:6px;font-size:11px;min-height:34px}.rule-modes button[aria-pressed=true]{background:#15445b;color:#a0f0fa}.rule-editor{border:1px solid #28516a;border-radius:12px;overflow:hidden;background:#051822}.rule-editor:focus-within{border-color:#40afca;box-shadow:0 0 0 2px #1fb4d019}.rule-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:#0b2534;border-bottom:1px solid #24485b}.rule-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-right:7px;border-right:1px solid #285064}.rule-group:last-child{border-right:0}.rule-toolbar button,.rule-toolbar select{background:#0d3042;border:1px solid #2a5468;color:#c7e4ee;border-radius:6px;font-size:11px;min-height:34px;padding:5px 9px}.rule-toolbar button:hover{background:#17475d;color:#89eff7}.rule-toolbar button:focus-visible,.rule-toolbar select:focus-visible{outline:2px solid #61d9ee;outline-offset:1px}.rule-toolbar select{max-width:155px;width:auto}.rule-color{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid #2a5468;border-radius:6px;font-size:15px;font-weight:800;background:#0d3042;text-decoration:underline;text-decoration-color:#65dfef;text-decoration-thickness:3px;text-underline-offset:5px}.rule-color.highlight{background:#245665}.rule-color input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.rule-canvas{min-height:280px;max-height:620px;overflow-y:auto;padding:22px;outline:0;color:#d5e9f3}.rule-canvas:empty:before{content:attr(data-placeholder);display:block;color:#66879b;pointer-events:none}.rule-code{display:block;width:100%;min-height:300px;max-height:620px;border:0;border-radius:0;background:#03121c;color:#82e0ee;padding:20px;font:13px/1.7 Consolas,monospace;resize:vertical;outline:none}.rule-preview{min-height:280px;max-height:620px;overflow:auto;padding:22px;background:linear-gradient(135deg,#082333,#071823)}.rule-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #224458;color:#7297ad;font-size:10px}.rule-status #rule-count{white-space:nowrap}.rule-editor.over-limit #rule-count{color:#ff9fb4}.rule-editor [hidden]{display:none!important}
@media(max-width:700px){.ticket-grid{grid-template-columns:minmax(0,1fr);gap:15px}.user-ticket-main{padding:20px 18px}.user-ticket-brand img{width:90px}.user-ticket-brand span{letter-spacing:1px;font-size:7px}.user-ticket .user-ticket-code{font-size:15px}.user-ticket-footer{align-items:flex-start;flex-direction:column;gap:10px}.rule-toolbar{padding:8px;gap:8px}.rule-group{border-right:0;padding-right:0}.rule-toolbar button,.rule-toolbar select{min-height:38px}.rule-color{height:38px;width:38px}.rule-canvas,.rule-preview{padding:16px;min-height:250px}.rule-code{padding:16px}.rule-status{align-items:flex-start}.rule-status #rule-hint{max-width:75%}.rules h1{font-size:26px}.rules h2{font-size:23px}}
