:root{--green-tint:#0a3d30;--pad-x:40px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--green);color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:100dvh;font-family:Poppins,Helvetica Neue,Arial,sans-serif;display:flex;position:relative;overflow-x:hidden}.deco{background:var(--green-tint);z-index:0;pointer-events:none;border-radius:50%;position:fixed}.deco.one{width:520px;height:520px;top:-220px;right:-180px}.deco.two{width:420px;height:420px;bottom:-200px;left:-160px}header{z-index:1;padding:calc(28px + var(--safe-t)) calc(var(--pad-x) + var(--safe-r)) 8px calc(var(--pad-x) + var(--safe-l));flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:relative}header img.globe{width:52px;height:52px}.wordmark{line-height:1.1}.wordmark .l1{letter-spacing:.18em;color:#fff;font-size:22px;font-weight:700}.wordmark .l1 span{color:var(--lime);font-weight:400}.wordmark .l2{letter-spacing:.32em;color:var(--pale);text-transform:uppercase;margin-top:3px;font-size:10px}.intro{z-index:1;padding:26px calc(var(--pad-x) + var(--safe-r)) 8px calc(var(--pad-x) + var(--safe-l));max-width:1040px;position:relative}.intro h1{font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.15}.intro h1 em{color:var(--lime);font-style:normal}.intro-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}#visionBtn{color:var(--green);background:var(--lime);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:none;border-radius:30px;min-height:44px;padding:10px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 18px #0000004d}@media (hover:hover){#visionBtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0006}}#visionBtn[aria-expanded=true]{color:var(--lime);box-shadow:none;border:1px solid var(--lime);background:0 0}.vision-panel{border:1px solid #9cef5f40;border-left:3px solid var(--lime);background:#9cef5f0f;border-radius:8px;max-width:760px;margin-top:14px;padding:18px 22px}.vision-panel p{color:var(--pale);margin-top:10px;font-size:15px;font-weight:300;line-height:1.55}.vision-panel p:first-child{margin-top:0}.vision-panel .sixi{color:var(--lime);font-weight:700}main{z-index:1;padding:34px calc(var(--pad-x) + var(--safe-r)) 20px calc(var(--pad-x) + var(--safe-l));flex:1;position:relative}.table{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;max-width:960px;display:grid}.element{--cat:#9cef5f;--cat-rgb:156,239,95;aspect-ratio:1;border:1px solid rgba(var(--cat-rgb),.4);background:rgba(var(--cat-rgb),.07);color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:8px;flex-direction:column;padding:14px 16px;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s,translate .25s;display:flex;position:relative}.element[data-cat=learning]{--cat:#9cef5f;--cat-rgb:156,239,95}.element[data-cat=students]{--cat:#7fb8f0;--cat-rgb:127,184,240}.element[data-cat=staff]{--cat:#f0c36a;--cat-rgb:240,195,106}.element[data-cat=ops]{--cat:#5ed3c0;--cat-rgb:94,211,192}.element .cat-dot{background:var(--cat);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;left:16px}.element .num{color:var(--cat);font-size:12px;font-weight:700;position:absolute;top:12px;right:14px}.element .sym{color:var(--cat);margin-top:auto;font-size:46px;font-weight:700;line-height:1}.element .name{letter-spacing:.02em;color:#fff;margin-top:8px;font-size:14.5px;font-weight:600}.element .desc{color:var(--pale);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-top:3px;font-size:11px;font-weight:300;line-height:1.35;display:-webkit-box;overflow:hidden}a.element:hover,a.element:focus-visible{background:var(--cat);border-color:var(--cat);outline:none;transform:translateY(-4px);box-shadow:0 14px 30px #00000059}a.element:hover .cat-dot,a.element:focus-visible .cat-dot{background:var(--green)}a.element:hover .sym,a.element:focus-visible .sym,a.element:hover .name,a.element:focus-visible .name{color:var(--green)}a.element:hover .desc,a.element:focus-visible .desc,a.element:hover .num,a.element:focus-visible .num{color:var(--green-tint)}@media (hover:none){a.element:hover{background:rgba(var(--cat-rgb),.07);border-color:rgba(var(--cat-rgb),.4);box-shadow:none;transform:none}a.element:hover .cat-dot{background:var(--cat)}a.element:hover .sym{color:var(--cat)}a.element:hover .name{color:#fff}a.element:hover .desc{color:var(--pale)}a.element:hover .num{color:var(--cat)}a.element:active{background:rgba(var(--cat-rgb),.16);border-color:var(--cat);transform:scale(.97)}body.editing a.element:active{transform:none}}.element.soon{cursor:default;background:#ffffff08;border:1px dashed #bfd6ce47}.element.soon .sym{color:#bfd6ce73}.element.soon .name{color:#ffffff8c}.element.soon .num,.element.soon .desc{color:#bfd6ce66}.element.soon .tag{letter-spacing:.14em;text-transform:uppercase;color:var(--pale);border:1px solid #bfd6ce59;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:400;position:absolute;top:12px;left:14px}@keyframes wobble{0%{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}to{transform:rotate(-1.1deg)}}body.editing .element{cursor:grab;touch-action:none;animation:.32s ease-in-out infinite wobble}body.editing{overscroll-behavior-y:contain}body.editing .element:nth-child(2n){animation-delay:-.16s}body.editing a.element:hover,body.editing a.element:focus-visible{background:rgba(var(--cat-rgb),.07);border-color:rgba(var(--cat-rgb),.4);box-shadow:none;transform:none}body.editing a.element:hover .sym{color:var(--cat)}body.editing a.element:hover .cat-dot{background:var(--cat)}body.editing a.element:hover .name{color:#fff}body.editing a.element:hover .desc,body.editing a.element:hover .num{color:var(--pale)}.element.dragging{z-index:20;cursor:grabbing;background:rgba(var(--cat-rgb),.16);border-color:var(--cat);transform:scale(1.06);box-shadow:0 22px 44px #00000080;animation:none!important}.filters{flex-wrap:wrap;gap:10px;max-width:960px;margin-bottom:20px;display:flex}.filter{--fc:#bfd6ce;--fc-rgb:191,214,206;color:var(--pale);cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff26;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.filter .dot{background:var(--fc);border-radius:50%;flex:none;width:9px;height:9px}.filter[data-cat=learning]{--fc:#9cef5f;--fc-rgb:156,239,95}.filter[data-cat=students]{--fc:#7fb8f0;--fc-rgb:127,184,240}.filter[data-cat=staff]{--fc:#f0c36a;--fc-rgb:240,195,106}.filter[data-cat=ops]{--fc:#5ed3c0;--fc-rgb:94,211,192}@media (hover:hover){.filter:hover{border-color:var(--fc);color:#fff}}.filter.active{background:var(--fc);border-color:var(--fc);color:var(--green)}.filter.active .dot{background:var(--green)}.element.filtered-out{display:none}#doneBtn{z-index:30;top:calc(24px + var(--safe-t));right:calc(28px + var(--safe-r));color:var(--green);background:var(--lime);cursor:pointer;touch-action:manipulation;border:none;border-radius:30px;min-height:44px;padding:9px 22px;font-family:inherit;font-size:13px;font-weight:700;display:none;position:fixed;box-shadow:0 8px 22px #0006}body.editing #doneBtn{display:block}.hint{color:var(--muted);margin-top:8px;font-size:12px;font-weight:300}@media (prefers-reduced-motion:reduce){body.editing .element{animation:none}}#gate{z-index:100;background:var(--green);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(24px + var(--safe-t)) calc(16px + var(--safe-r)) calc(24px + var(--safe-b)) calc(16px + var(--safe-l));justify-content:center;transition:opacity .45s;display:flex;position:fixed;inset:0;overflow-y:auto}#gate .g-deco{background:var(--green-tint);border-radius:50%;position:absolute}#gate .g-deco.a{width:460px;height:460px;top:-200px;right:-160px}#gate .g-deco.b{width:380px;height:380px;bottom:-180px;left:-140px}.gate-card{text-align:center;width:340px;max-width:100%;margin:auto;position:relative}.gate-card .g-globe{width:64px;height:64px;margin:0 auto 14px;display:block}.gate-card .g-word{letter-spacing:.18em;color:#fff;font-size:20px;font-weight:700}.gate-card .g-word span{color:var(--lime);font-weight:400}.gate-card .g-tag{letter-spacing:.32em;color:var(--pale);text-transform:uppercase;margin-top:4px;font-size:9px}.gate-card .g-prompt{color:var(--pale);margin-top:22px;font-size:14px;font-weight:300}.gate-card input{text-align:center;color:#fff;-webkit-text-security:disc;text-security:disc;background:#ffffff0f;border:1px solid #9cef5f59;border-radius:8px;outline:none;width:100%;margin-top:14px;padding:12px 16px;font-family:inherit;font-size:16px}.gate-card input:focus{border-color:var(--lime)}.gate-card button[type=submit]{width:100%;min-height:48px;color:var(--green);background:var(--lime);cursor:pointer;touch-action:manipulation;border:none;border-radius:8px;margin-top:12px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s}@media (hover:hover){.gate-card button[type=submit]:hover{transform:translateY(-1px)}}.gate-card .g-err{color:#f0a0a0;min-height:20px;margin-top:10px;font-size:12.5px}.gate-card .g-err:empty{min-height:0;margin-top:0}.g-install{width:44px;height:44px;color:var(--pale);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #9cef5f4d;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:20px auto;transition:border-color .15s,color .15s,background .15s;display:flex}.g-install svg{width:22px;height:22px}@media (hover:hover){.g-install:hover{border-color:var(--lime);color:var(--lime);background:#9cef5f1a}}.g-install[hidden]{display:none}.g-install-note{max-width:280px;color:var(--pale);background:#9cef5f0f;border:1px solid #9cef5f40;border-radius:8px;margin:-6px auto 14px;padding:10px 12px;font-size:11.5px;font-weight:300;line-height:1.5}.g-install-note b{color:var(--lime);font-weight:600}.gate-card .g-badge{margin-top:16px}.gate-card .g-foot{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:20px;font-size:9.5px}body.locked{overflow:hidden}body.locked header,body.locked .intro,body.locked main,body.locked footer{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{z-index:1;padding:22px calc(var(--pad-x) + var(--safe-r)) calc(28px + var(--safe-b)) calc(var(--pad-x) + var(--safe-l));color:var(--muted);border-top:1px solid #9cef5f26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:12px;display:flex;position:relative}footer .school{color:var(--pale);font-weight:300}.palawan-badge{color:#dbe8e1;white-space:nowrap;background:#9cef5f1a;border:1px solid #9cef5f4d;border-radius:30px;align-items:center;gap:8px;padding:7px 14px;font-family:Poppins,Helvetica Neue,Arial,sans-serif;font-size:12.5px;display:inline-flex}.palawan-badge b{color:#fff;font-weight:700}.palawan-badge .pal-ai{color:var(--lime);font-weight:800}.palawan-badge .pal-ver{color:var(--lime);font-weight:700}.palawan-badge .pal-ico{border-radius:50%;width:22px;height:22px;animation:2.2s ease-in-out infinite palIconPulse}@keyframes palIconPulse{0%,to{box-shadow:0 0 6px #9cef5f80}50%{box-shadow:0 0 18px #9cef5f}}@media (prefers-reduced-motion:reduce){.palawan-badge .pal-ico{animation:none;box-shadow:0 0 10px #9cef5fb3}.element{transition:none}}@media (max-width:900px){:root{--pad-x:28px}}@media (max-width:700px){.table{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}}@media (max-width:560px){:root{--pad-x:20px}header{padding-top:calc(20px + var(--safe-t));gap:12px}header img.globe{width:44px;height:44px}.wordmark .l1{letter-spacing:.14em;font-size:19px}.wordmark .l2{letter-spacing:.26em;font-size:9px}.intro{padding-top:20px}.intro-row{gap:12px}main{padding-top:24px}.filters{gap:8px;margin-bottom:16px}.element{padding:12px 13px}.element .cat-dot{top:13px;left:13px}.element .num{top:10px;right:12px}.element .sym{font-size:36px}.element .name{font-size:13.5px}#doneBtn{top:auto;left:50%;right:auto;bottom:calc(18px + var(--safe-b));padding:13px 34px;font-size:14px;translate:-50%}.deco.one{width:320px;height:320px;top:-150px;right:-120px}.deco.two{width:260px;height:260px;bottom:-120px;left:-100px}#gate .g-deco.a{width:300px;height:300px;top:-140px;right:-110px}#gate .g-deco.b{width:250px;height:250px;bottom:-120px;left:-95px}footer{text-align:center;justify-content:center}}@media (max-width:420px){.table{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.element .sym{font-size:32px}.element .desc{font-size:10.5px}}@media (max-height:520px) and (orientation:landscape){header{padding-top:calc(16px + var(--safe-t));padding-bottom:4px}.intro{padding-top:16px}main{padding-top:20px}}