@font-face{font-family:CEHTools;src:url('/templates/lagom2/core/cms/sections/config/ce-games-hub/assets/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
.app-main:has(.ceh-tools){margin-top:0!important;padding-top:0!important}
.ceh-tools{--ct-ink:#10233f;--ct-muted:#536780;--ct-blue:#246bfd;--ct-line:#dce5f1;font:400 16px/1.65 CEHTools,Manrope,Arial,sans-serif;color:var(--ct-ink);background:#f5f8fd;isolation:isolate;color-scheme:light;width:100%;text-align:left}
.ceh-tools *,.ceh-tools *:before,.ceh-tools *:after{box-sizing:border-box}
.ceh-tools [hidden]{display:none!important}
.ceh-tools :where(h1,h2,h3,p,ol){margin:0;font-family:inherit;color:inherit}
.ceh-tools button,.ceh-tools input,.ceh-tools select,.ceh-tools textarea{font:inherit}
.ceh-tools button{cursor:pointer}
.ceh-tools a{color:#1557dc;text-decoration:none}
.ceh-tools a:hover{text-decoration:underline}
.ceh-tools :where(button,input,select,textarea,a,summary):focus-visible{outline:3px solid #246bfd;outline-offset:3px}
.ct-wrap{width:calc(100% - 80px);max-width:1240px;margin:0 auto}
.ct-hero{padding:60px 0 49px;background:radial-gradient(ellipse at 94% 12%,#214b81,transparent 58%),linear-gradient(115deg,#0d1b36,#112e5b);color:white}
.ceh-tools .ct-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;line-height:1.4;text-transform:uppercase;color:#1557dc}
.ceh-tools .ct-hero .ct-eyebrow{color:#aacbff}
.ceh-tools h1{font-size:52px;font-weight:800;line-height:1.13;letter-spacing:-1.7px;margin-top:18px}
.ceh-tools h1 span{color:#9fc3ff}
.ceh-tools .ct-lead{max-width:680px;font-size:18px;line-height:1.8;color:#d2e0f5;margin-top:22px}
.ct-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.ct-pills span{border:1px solid #a0c3f344;border-radius:99px;padding:7px 13px;font-size:12px;color:#d7e5fa}
.ct-main{padding-top:32px;padding-bottom:30px}
.ct-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px}
.ct-picker button{background:#fff;border:1px solid var(--ct-line);border-radius:12px;color:var(--ct-ink);padding:20px;display:grid;grid-template-columns:38px 1fr;gap:2px 12px;text-align:left;min-height:98px;transition:border-color .15s,background .15s}
.ct-picker button:hover{border-color:#719ef8;background:#f9fbff}
.ct-picker button[aria-pressed=true]{border:2px solid var(--ct-blue);padding:19px;background:#ecf3ff;box-shadow:0 4px 16px #246bfd0b}
.ct-picker strong{font-size:15px;line-height:1.5;font-weight:800}
.ct-picker button>span:last-child{font-size:12px;color:var(--ct-muted);grid-column:2;line-height:1.5}
.ct-symbol{grid-row:1/3;align-self:center;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3fc;color:#246bfd;font-size:12px;font-weight:800}
.ct-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:24px;align-items:start}
.ct-editor,.ct-result{border:1px solid var(--ct-line);border-radius:15px;background:#fff;min-width:0;box-shadow:0 10px 35px #0e2d5905}
.ct-editor{padding:30px}
.ceh-tools h2{font-size:28px;line-height:1.3;letter-spacing:-.65px;font-weight:800;margin-top:12px}
.ceh-tools h3{font-size:19px;font-weight:800;line-height:1.4;letter-spacing:-.3px}
.ct-title>p:last-child{margin-top:14px;color:var(--ct-muted);font-size:14px;line-height:1.8}
.ct-form{margin-top:26px;display:flex;flex-direction:column;gap:18px}
.ct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ct-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;margin:0;color:var(--ct-ink);min-width:0}
.ct-form input:not([type=checkbox]),.ct-form select,.ct-form textarea{min-height:46px;width:100%;border:1px solid #bcccdf;border-radius:7px;background:#fff;color:var(--ct-ink);padding:10px 12px;font-size:14px;font-weight:400;box-shadow:none}
.ct-form input[type=file]{font-size:12px;min-width:0;padding:10px}
.ct-form textarea{resize:vertical;line-height:1.6;min-height:100px}
.ct-form select{padding-right:26px}
.ct-form input::placeholder,.ct-form textarea::placeholder{color:#64758a;opacity:1}
.ct-form .ct-check{display:flex;flex-direction:row;align-items:center;align-self:center;gap:9px;line-height:1.6}
.ct-check input{accent-color:#246bfd;width:18px;height:18px;flex:none;margin:0}
.ceh-tools .ct-hint{font-size:12px;color:var(--ct-muted);line-height:1.8}
.ct-primary,.ct-secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:45px;border-radius:7px;font-size:13px!important;line-height:1.5;font-weight:800!important;padding:11px 17px;text-decoration:none!important}
.ceh-tools .ct-primary{background:#246bfd;color:#fff;border:1px solid #246bfd}
.ceh-tools .ct-primary:hover{background:#1557dc;color:white}
.ct-form>.ct-primary{align-self:flex-start;margin-top:3px}
.ceh-tools .ct-secondary{background:#fff;color:#1557dc;border:1px solid #bfd0e8}
.ceh-tools .ct-secondary:hover{background:#edf3fc}
.ct-linkbutton{padding:0;border:0;background:transparent;color:#1557dc;text-align:left;font-size:12px;font-weight:700;align-self:flex-start;text-decoration:underline;text-underline-offset:3px}
.ct-import{border-top:1px solid var(--ct-line);border-bottom:1px solid var(--ct-line);padding:13px 0}
.ct-import summary{font-size:12px;font-weight:700;color:#38557b;cursor:pointer}
.ct-import label{margin-top:14px}
.ct-import p{margin-top:10px}
.ct-import button{margin-top:10px}
.ct-reference{font-size:11px;line-height:1.8;color:#64758a!important;margin-top:24px!important}
.ct-steps{padding:0 0 0 21px;margin-top:22px!important;color:#536780;font-size:14px}
.ct-steps li+li{margin-top:10px}
.ct-notice{padding:17px 18px;border:1px solid #c9dcfa;border-radius:9px;background:#f1f6ff;font-size:13px;margin-top:24px}
.ct-notice p{font-size:12px;color:#536780;margin-top:7px;line-height:1.8}
.ct-textlink{display:inline-block;margin-top:12px;font-weight:700;font-size:12px}
.ct-result{position:sticky;top:120px;overflow:hidden}
.ct-result-top{background:#10233f;color:white;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ceh-tools .ct-result-top .ct-eyebrow{color:#fff;font-size:11px;letter-spacing:1.2px}
.ct-local{color:#c9daef;font-size:10px}
.ct-result-body{padding:24px}
#ct-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#536780}
#ct-empty h3{color:#10233f;margin-top:15px}
#ct-empty p{font-size:13px;max-width:265px;margin-top:12px;line-height:1.8}
.ct-empty-icon{display:grid;place-items:center;width:52px;height:52px;background:#edf3fc;color:#246bfd;border-radius:14px;font-size:28px;font-weight:700}
.ct-output-label{display:block;margin:18px 0 8px;font-size:11px;color:#536780;font-weight:700}
#ct-output{width:100%;border:1px solid #d5e0ed;border-radius:8px;background:#f6f8fc;color:#213b60;padding:14px;font:12px/1.7 Consolas,monospace;resize:vertical;min-height:160px;overflow-wrap:anywhere;white-space:pre-wrap}
#ct-output-note{margin-top:14px}
.ct-output-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.ct-feedback{font-size:12px;color:#16634d;line-height:1.7;margin-top:12px!important;min-height:0}
.ct-feedback:empty{display:none}
.ct-error{background:#fff2f0;border:1px solid #efc1ba;padding:14px;border-radius:7px;color:#913a2d!important;font-size:13px;line-height:1.7}
.ct-safe-note{background:#edf3fc;border-top:1px solid #dce5f1;padding:20px 24px;font-size:12px}
.ct-safe-note p{margin-top:6px;line-height:1.8;color:#536780}
.ct-motd-preview{display:flex;flex-direction:column;gap:4px;background:#252525;border:4px solid #474747;border-radius:5px;padding:17px 13px;margin-top:18px;min-height:85px;font:16px/1.5 Consolas,monospace;text-shadow:1px 2px #000;overflow-wrap:anywhere}
.ct-motd-preview strong{font-size:16px}
#ct-ram-result{font-size:36px;color:#1557dc;font-weight:800;line-height:1.4;margin:16px 0;letter-spacing:-1px}
.ct-footer{margin-top:35px;padding:27px 30px;border:1px solid #dce5f1;border-radius:12px;background:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}
.ct-footer p{margin-top:7px;color:#536780;font-size:13px}
.ct-footer-links{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.ct-smallprint{font-size:10px;color:#60738b!important;margin-top:20px!important;line-height:1.8;text-align:center}
@media(max-width:1000px){.ct-wrap{width:calc(100% - 40px)}.ct-workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.ct-editor{padding:24px}.ct-picker button{padding:16px;gap:2px 9px;grid-template-columns:30px 1fr}.ct-picker button[aria-pressed=true]{padding:15px}.ct-symbol{width:29px;height:32px}.ct-picker strong{font-size:13px}.ct-picker button>span:last-child{font-size:11px}.ct-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.ct-hero{padding:42px 0 35px}.ceh-tools h1{font-size:39px;letter-spacing:-1.2px}.ceh-tools .ct-lead{font-size:16px}.ct-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-workspace{grid-template-columns:1fr}.ct-result{position:static}.ct-fields{gap:15px}.ct-footer{padding:23px}.ct-main{padding-top:22px}.ct-pills{gap:8px}.ct-pills span{font-size:10px}}
@media(max-width:420px){.ct-wrap{width:calc(100% - 28px)}.ceh-tools h1{font-size:34px}.ceh-tools h2{font-size:25px}.ct-picker button{padding:13px;display:flex;flex-direction:column;gap:5px}.ct-picker button[aria-pressed=true]{padding:12px}.ct-symbol{display:none}.ct-picker strong{font-size:12px}.ct-picker button>span:last-child{font-size:10px}.ct-editor{padding:21px}.ct-fields{grid-template-columns:1fr}.ct-result-body{padding:21px}.ct-result-top{padding:17px 21px}.ct-local{font-size:9px}.ct-footer-links{flex-direction:column;width:100%}.ct-form .ct-check{align-self:flex-start}}