:root{font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;font-size:16px;color:#102a43;background:#f4fafc;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--brand-navy: #102a43;--brand-navy-soft: #1f4565;--brand-turquoise: #08bdb5;--brand-turquoise-dark: #078f89;--brand-turquoise-soft: #ddf8f6;--brand-orange: #ff951c;--brand-orange-dark: #d86f00;--brand-orange-soft: #fff0dd;--brand-background: #f4fafc;--brand-surface: #ffffff;--brand-border: #d7e7ed;--brand-muted: #5f7383;--brand-focus: rgba(8, 189, 181, .28);--brand-shadow: 0 10px 28px rgba(16, 42, 67, .1);--brand-radius-sm: 10px;--brand-radius-md: 16px;--brand-radius-lg: 24px;--ink: var(--brand-navy);--muted: var(--brand-muted);--line: var(--brand-border);--paper: var(--brand-surface);--navy: var(--brand-navy);--orange: var(--brand-orange);--orange-dark: var(--brand-orange-dark);--mint: var(--brand-turquoise);--yellow: var(--brand-orange);--purple: var(--brand-turquoise)}.route-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#493b73;background:#f4f1fb;font:600 18px Kanit,sans-serif}.live-host,.live-scanner,.print-kit-app{min-height:100vh;font-family:Kanit,Noto Sans Thai,sans-serif}.live-host{color:#fff;background:#120d2e}.live-host__header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 28px;background:#21174b;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000038}.live-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.live-brand>span{width:47px;height:47px;display:grid;place-items:center;color:#26164d;background:#74e1bd;border-radius:15px 15px 15px 5px;box-shadow:0 5px #40a98a}.live-brand>div{display:flex;flex-direction:column}.live-brand strong{font-size:14px;letter-spacing:.08em}.live-brand small{color:#a99acb;font-size:9px;letter-spacing:.19em}.live-room-code{min-width:190px;height:63px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 23px;color:#2a1a58;background:#fff;border-radius:16px;box-shadow:0 6px #b8acd5}.live-room-code small{color:#766a92;font-size:11px;font-weight:700}.live-room-code strong{font-size:31px;letter-spacing:.09em}.live-header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.live-header-actions>a,.live-status{height:39px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#eee9ff;background:#ffffff14;border:1px solid rgba(255,255,255,.11);border-radius:10px;font-size:11px;font-weight:700;text-decoration:none}.live-header-actions svg,.live-status svg{width:16px}.live-status--connected{color:#8ff0ce}.live-host__content{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(235px,.72fr) minmax(450px,1.4fr) minmax(255px,.78fr);gap:18px;padding:22px;background:radial-gradient(circle at 52% 38%,rgba(107,77,208,.25),transparent 38rem),#120d2e}.live-lobby-card,.live-program-panel{min-width:0;padding:23px;background:#21194a;border:1px solid rgba(255,255,255,.09);border-radius:23px;box-shadow:0 18px 38px #0000003d}.live-lobby-card{display:flex;flex-direction:column;align-items:center;text-align:center}.live-lobby-card__icon{width:78px;height:78px;display:grid;place-items:center;margin:3px 0 16px;color:#271651;background:#ffca64;border-radius:24px;transform:rotate(-4deg);box-shadow:0 8px #b5782f}.live-lobby-card__icon svg{width:39px;height:39px}.eyebrow{color:#a898cc;font-size:9px;font-weight:800;letter-spacing:.2em}.live-lobby-card h1{margin:7px 0 8px;font-size:clamp(25px,2.5vw,35px);line-height:1.13}.live-lobby-card>p{margin:0;color:#b6acd0;font-size:11px;line-height:1.5}.live-pin-panel{width:100%;margin:19px 0 10px;padding:15px 10px;color:#251851;background:#fff;border-radius:15px}.live-pin-panel small{display:block;color:#7c7095;font-size:9px;font-weight:800;letter-spacing:.16em}.live-pin-panel b{display:block;margin-top:1px;font-size:33px;letter-spacing:.1em}.live-client-link{width:100%;overflow:hidden;display:flex;align-items:center;gap:6px;padding:8px 10px;color:#94e9ce;background:#74e1bd17;border-radius:9px;font-size:8px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.live-client-link svg{width:14px;flex:0 0 14px}.live-lobby-card ol{width:100%;display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:0;list-style:none;text-align:left}.live-lobby-card li{display:flex;align-items:center;gap:9px;color:#c6bddb;font-size:10px;line-height:1.4}.live-lobby-card li>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;color:#2d2054;background:#a99ae0;border-radius:8px;font-size:10px;font-weight:900}.live-player-count{width:100%;display:grid;grid-template-columns:30px auto 1fr;align-items:center;gap:7px;margin-top:auto;padding:11px 13px;text-align:left;background:#ffffff12;border-radius:12px}.live-player-count svg{color:#74e1bd}.live-player-count b{font-size:22px}.live-player-count span{color:#aaa0c5;font-size:9px}.live-game-stage{min-width:0;display:flex;flex-direction:column;align-items:center}.live-stage-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 10px 14px}.live-stage-heading span{color:#ffcf6e;font-size:9px;font-weight:800;letter-spacing:.12em}.live-stage-heading h2{margin:2px 0 0;font-size:clamp(20px,2.2vw,30px)}.live-stage-heading p{margin:1px 0 0;color:#aba2c1;font-size:10px}.live-stage-heading .compass{color:#2a1a58;background:#fff}.live-board-shell{position:relative;width:min(100%,615px,calc(100vh - 315px));display:grid;place-items:center;padding:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:27px}.live-board-shell .board-wrap{width:min(100%,545px)}.live-complete-burst{position:absolute;z-index:10;inset:50% auto auto 50%;min-width:230px;display:flex;flex-direction:column;align-items:center;padding:22px;color:#2c1d51;background:#fff;border:6px solid #78e0be;border-radius:22px;box-shadow:0 18px 50px #00000061;transform:translate(-50%,-50%) rotate(-2deg);animation:reward-pop .35s ease-out}.live-complete-burst svg{width:45px;height:45px;color:#21ae7f}.live-complete-burst strong{margin-top:5px;font-size:20px}.live-complete-burst span{color:#7c5ad9;font-size:14px;font-weight:900}.live-feedback{width:100%;min-height:66px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:15px;padding:11px 15px;background:#21194a;border:1px solid rgba(255,255,255,.09);border-radius:15px}.live-feedback>svg{color:#ab9ad9}.live-feedback>div{min-width:0;display:flex;flex-direction:column}.live-feedback strong{font-size:12px}.live-feedback span{overflow:hidden;color:#afa5c7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.live-feedback time{color:#84799e;font-size:8px}.live-feedback--complete{border-color:#74e1bd73}.live-feedback--complete>svg{color:#74e1bd}.live-feedback--error{border-color:#ff667e73}.live-feedback--error>svg{color:#ff667e}.live-program-panel{display:flex;flex-direction:column}.live-program-panel>header{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.09)}.live-program-panel header small{color:#9c8dbf;font-size:8px;font-weight:800;letter-spacing:.15em}.live-program-panel h2{margin:2px 0 0;font-size:17px}.live-program-panel header>b{align-self:center;padding:6px 9px;color:#bdb0db;background:#ffffff14;border-radius:8px;font-size:10px}.live-program-list{min-height:0;max-height:calc(100vh - 300px);flex:1;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:15px 2px}.live-program-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#756a94;text-align:center}.live-program-empty svg{width:42px;height:42px}.live-program-empty strong{color:#aea3c6;font-size:12px}.live-program-empty span{font-size:9px}.live-program-block{min-height:68px;display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:1px 8px;padding:6px 8px;color:#fff;background:#181132;border:2px solid rgba(255,255,255,.08);border-left:6px solid var(--physical-color);border-radius:10px 16px 16px 10px;box-shadow:0 4px #03010e80;transition:.2s ease}.live-program-block>span{grid-row:1 / 3;width:25px;height:25px;display:grid;place-items:center;background:color-mix(in srgb,var(--physical-color) 76%,#21194a);border-radius:7px;font-size:9px;font-weight:900}.live-program-block__face{min-width:0;align-self:end}.live-program-block small{display:flex;align-items:center;gap:4px;color:#ffffff9e;font-size:7px}.live-program-block small i{width:7px;height:7px;display:inline-block;border:1px solid rgba(255,255,255,.72);border-radius:2px}.live-program-block.is-active{border-color:#ffe080;transform:translate(-5px) scale(1.03);box-shadow:0 0 0 4px #ffe0802e,0 6px #03010e8c}.live-program-panel>footer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.live-program-panel button{height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;font-size:11px;font-weight:900;cursor:pointer}.live-program-panel button svg{width:17px}.live-run-button{color:#281b52;background:#74e1bd;box-shadow:0 5px #3ca386}.live-run-button:disabled{opacity:.45;cursor:default}.live-reset-button{width:48px;padding:0;color:#ddd5ef;background:#3a3060;font-size:0!important}.live-scanner{color:#27204b;background:#f0ecfa}.scanner-header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;color:#fff;background:#24184f}.scanner-header>a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.scanner-header>a>span{width:37px;height:37px;display:grid;place-items:center;color:#291a53;background:#73e0bc;border-radius:11px 11px 11px 4px}.scanner-header a>div{display:flex;flex-direction:column}.scanner-header strong{font-size:10px;letter-spacing:.08em}.scanner-header small{color:#afa3cb;font-size:7px;letter-spacing:.15em}.scanner-connection{display:flex;align-items:center;gap:5px;padding:7px 9px;color:#b8aacd;background:#ffffff14;border-radius:999px;font-size:8px}.scanner-connection svg{width:13px;height:13px}.scanner-connection--connected{color:#8beacb}.scanner-content{width:min(100%,610px);margin:0 auto;padding:15px 13px 32px}.scanner-room-card,.scanner-camera-card,.scanner-program-card{background:#fff;border:1px solid #e4deee;border-radius:18px;box-shadow:0 8px 24px #35226012}.scanner-room-card{padding:13px}.scanner-room-card>label{display:block;margin-bottom:6px;color:#74688c;font-size:9px;font-weight:800}.scanner-room-card>div{display:grid;grid-template-columns:1fr 90px;gap:7px}.scanner-room-card input{min-width:0;height:47px;padding:0 14px;color:#2d2254;background:#f3f0f8;border:2px solid #ded7ec;border-radius:11px;font-size:21px;font-weight:900;letter-spacing:.18em}.scanner-room-card button{color:#fff;background:#6f4bd8;border:0;border-radius:11px;font-size:11px;font-weight:800}.scanner-room-card>small{display:block;margin-top:7px;color:#8b829d;font-size:8px}.scanner-camera-card{overflow:hidden;margin-top:11px}.scanner-viewport{position:relative;min-height:305px;display:grid;place-items:center;overflow:hidden;background:#17132a}.scanner-viewport video,.scanner-viewport canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.scanner-viewport--photo canvas{position:relative}.scanner-viewport--empty video,.scanner-viewport--empty canvas,.scanner-viewport--demo video,.scanner-viewport--demo canvas{display:none}.scanner-placeholder,.scanner-demo-visual{display:flex;flex-direction:column;align-items:center;gap:7px;color:#8b80a4;text-align:center}.scanner-placeholder svg,.scanner-demo-visual svg{width:56px;height:56px}.scanner-placeholder strong,.scanner-demo-visual strong{color:#e9e4f6;font-size:17px}.scanner-placeholder span,.scanner-demo-visual span{font-size:9px}.scanner-demo-visual{color:#ffd96f}.scanner-corner-status{position:absolute;z-index:3;top:10px;left:10px;display:grid;grid-template-columns:repeat(2,34px);gap:5px}.scanner-corner-status span{width:34px;height:29px;display:flex;align-items:center;justify-content:center;gap:2px;color:#918a9d;background:#0f0c1bc7;border:1px solid rgba(255,255,255,.2);border-radius:6px;font:800 9px ui-monospace,monospace}.scanner-corner-status span.is-found{color:#122c23;background:#76e3bd;border-color:#b9ffe8}.scanner-corner-status svg{width:11px}.scanner-auto-status{position:absolute;z-index:3;left:50%;bottom:12px;width:min(72%,330px);padding:8px 11px;color:#fff;background:#191230db;border:1px solid rgba(255,255,255,.24);border-radius:11px;transform:translate(-50%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.scanner-auto-status>div{display:grid;grid-template-columns:17px 1fr auto;align-items:center;gap:6px}.scanner-auto-status svg{width:15px;color:#77e7c1}.scanner-auto-status b{font-size:9px;letter-spacing:.1em}.scanner-auto-status div>span{color:#baf5e1;font-size:8px;font-weight:800}.scanner-auto-status>i{height:4px;display:block;overflow:hidden;margin-top:5px;background:#ffffff2e;border-radius:999px}.scanner-auto-status>i>span{height:100%;display:block;background:linear-gradient(90deg,#70dfba,#ffda69);border-radius:inherit;transition:width .15s ease}.scanner-camera-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.scanner-camera-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;color:#5c4e78;background:#f3eff9;border:1px solid #e2daef;border-radius:10px;font-size:9px;font-weight:800}.scanner-camera-actions button:first-child{color:#fff;background:#6e4bd6;border-color:#6e4bd6}.scanner-camera-actions svg{width:16px}.scanner-camera-note{margin:-2px 12px 11px;padding:8px 10px;color:#66577e;background:#f4f0fa;border-radius:9px;font-size:8px;line-height:1.5;text-align:center}.scanner-program-card{margin-top:11px;padding:13px}.scanner-program-card>header{display:flex;align-items:center;justify-content:space-between}.scanner-program-card header small{color:#8e82a4;font-size:7px;font-weight:800;letter-spacing:.14em}.scanner-program-card h1{margin:1px 0 0;font-size:16px}.scanner-program-card header>b{padding:6px 9px;color:#6848c8;background:#eee8fb;border-radius:8px;font-size:9px}.scanner-block-list{display:flex;flex-direction:column;gap:8px;margin-top:11px}.scanner-block-list>p{width:100%;margin:14px 0;color:#a097b0;font-size:10px;text-align:center}.scanner-block-list>div{width:100%;min-height:65px;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:1px 8px;align-items:center;padding:6px 8px;color:#43365d;background:#f7f4fc;border:1px solid #e2d9f0;border-left:5px solid var(--physical-color);border-radius:10px 16px 16px 10px;box-shadow:0 3px #d7cce7}.scanner-block-list>div>span{grid-row:1 / 3;width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--physical-color);border-radius:7px;font-size:9px;font-weight:900}.scanner-block-list__face{min-width:0;align-self:end}.scanner-block-list small{display:flex;align-items:center;gap:4px;color:#7c708f;font-size:8px}.scanner-block-list small i{width:7px;height:7px;display:inline-block;border:1px solid #fff;outline:1px solid #b9afc8;border-radius:2px}.scanner-feedback{min-height:47px;display:flex;align-items:center;gap:9px;margin:11px 0;padding:9px 12px;color:#64597a;background:#fff;border:1px solid #e2dcec;border-radius:12px;font-size:9px;line-height:1.45}.scanner-feedback svg{width:17px;flex:0 0 17px;color:#7e6ab2}.scanner-feedback--success{color:#236650;background:#eafaf4;border-color:#b5ebd8}.scanner-feedback--success svg{color:#2cac82}.scanner-feedback--error{color:#9c3d51;background:#fff0f3;border-color:#ffc4d0}.scanner-feedback--error svg{color:#e75d78}.scanner-submit-actions{display:grid;grid-template-columns:.72fr 1.28fr;gap:9px}.scanner-submit-actions button{height:56px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;font-size:12px;font-weight:900}.scanner-send-button{color:#25194e;background:#75dfbc;box-shadow:0 6px #3da488}.scanner-send-only-button{color:#64587c;background:#fff;border:2px solid #dcd3e9!important;box-shadow:0 5px #c8bfd6}.scanner-submit-actions button:disabled{opacity:.42;box-shadow:0 4px #869f97}.print-kit-app{padding:92px 24px 45px;color:#21183e;background:#ded9e8}.print-kit-toolbar{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 26px;color:#fff;background:#21174b;box-shadow:0 8px 25px #0003}.print-kit-toolbar>a{color:#d7cfeb;font-size:11px;text-decoration:none}.print-kit-toolbar>div{display:flex;flex-direction:column;align-items:center}.print-kit-toolbar strong{font-size:13px}.print-kit-toolbar small{color:#aa9dc5;font-size:8px}.print-kit-toolbar button{justify-self:end;height:42px;display:flex;align-items:center;gap:7px;padding:0 16px;color:#26194e;background:#75dfbc;border:0;border-radius:11px;font-size:11px;font-weight:900;box-shadow:0 4px #3b9b7e}.print-page{position:relative;width:min(100%,840px);aspect-ratio:297 / 420;overflow:hidden;margin:0 auto 28px;background:#fff;box-shadow:0 18px 50px #261a4533}.print-page--portrait{aspect-ratio:297 / 420}.coding-mat-page{background:radial-gradient(circle at 50% 45%,#fff 0 42%,#f2eff8 82%);border:7px solid #2a1d55}.coding-mat-heading{position:absolute;z-index:3;top:2.1%;left:16%;right:16%;text-align:center}.coding-mat-heading>span{color:#755bc3;font-size:clamp(7px,.68vw,10px);font-weight:900;letter-spacing:.13em}.coding-mat-heading h1{margin:.1% 0;font-size:clamp(20px,2.3vw,32px);line-height:1.08}.coding-mat-heading p{margin:0;color:#706783;font-size:clamp(6px,.7vw,10px)}.mat-corner{position:absolute;z-index:4;width:7.4%;display:flex;flex-direction:column;align-items:center;gap:2px}.mat-corner b{font-size:clamp(5px,.52vw,8px);white-space:nowrap}.mat-corner--tl{top:1.2%;left:1.8%}.mat-corner--tr{top:1.2%;right:1.8%}.mat-corner--br{right:1.8%;bottom:1.2%}.mat-corner--bl{left:1.8%;bottom:1.2%}.aruco-marker{display:flex;flex-direction:column;align-items:center;gap:3px;color:#191919}.aruco-marker__code{width:100%;line-height:0;background:#fff}.aruco-marker__code svg{width:100%;height:auto;display:block}.aruco-marker>span{font:800 8px ui-monospace,monospace}.coding-mat-workspace{position:absolute;inset:12.8% 7% 6.5%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.coding-mat-column{min-width:0;min-height:0;display:grid;grid-template-rows:repeat(10,minmax(0,1fr))}.coding-mat-slot{min-height:0;display:grid;grid-template-columns:18% 1fr;align-items:center;gap:6%;padding:0 7%;color:#9188a0;background:transparent;border:0}.coding-mat-slot>span{width:1.8em;height:1.8em;display:grid;place-items:center;color:#6d59a8;border:1px solid #c9c0d8;border-radius:50%;font-size:clamp(5px,.5vw,8px);font-weight:900}.coding-mat-slot i{height:1px;background:repeating-linear-gradient(90deg,#cfc8da 0 7px,transparent 7px 13px)}.block-sheet-page{padding:4.5%}.block-sheet-heading{height:9%;display:flex;align-items:end;gap:2%;padding-bottom:1%;border-bottom:3px solid #2b1d55}.block-sheet-heading>span{color:#725bb4;font-size:clamp(6px,.7vw,10px);font-weight:900;letter-spacing:.12em}.block-sheet-heading h2{margin:0;font-size:clamp(13px,1.65vw,23px)}.block-sheet-heading p{margin:0 0 .5% auto;color:#776e85;font-size:clamp(6px,.65vw,9px)}.physical-block-grid{height:89%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));grid-auto-flow:row;gap:.65% 3%;padding-top:1.1%}.physical-block-grid--core{grid-template-rows:repeat(4,minmax(0,1fr));gap:2.2% 2.4%}.physical-block-card{position:relative;min-width:0;min-height:0;height:86%;align-self:center;overflow:hidden;display:grid;grid-template-columns:25% minmax(0,1fr) 20%;grid-template-rows:1fr;gap:1% 2.5%;align-items:center;padding:1.2% 2.5%;background:color-mix(in srgb,var(--block-display-color) 10%,white);border:1.5px dashed color-mix(in srgb,var(--block-display-color) 70%,#32264d);border-radius:8px 15px 15px 5px}.physical-block-grid--core .physical-block-card{height:auto;aspect-ratio:3.05 / 1}.physical-block-card__tab{position:absolute;top:18%;left:-2px;width:2.4%;height:48%;background:var(--block-display-color);border-radius:0 8px 8px 0}.physical-block-card header{min-width:0;grid-column:2;display:flex;align-items:center;color:var(--block-print-color)}.physical-block-card header>div{min-width:0;display:flex;flex-direction:column}.physical-block-card header strong{color:#302448;font-size:clamp(10px,.95vw,14px);line-height:1.05}.physical-block-card header small{color:#776c86;font-size:clamp(5px,.48vw,7px);font-weight:700}.physical-block-grid--core .physical-block-card header strong{font-size:clamp(12px,1.22vw,18px);line-height:1.05}.physical-block-card--emphasized header strong{font-size:clamp(13px,1.25vw,18px)}.physical-block-aruco{width:100%;grid-column:1;grid-row:1;padding:5%;background:#fff;border:1px solid #d8d3df;border-radius:5%}.color-command-marker{width:100%;aspect-ratio:1;grid-column:3;grid-row:1;display:grid;place-items:center;color:#fff;background:var(--block-print-color);border:clamp(2px,.25vw,4px) solid #fff;outline:2px solid color-mix(in srgb,var(--block-print-color) 75%,#21183e);border-radius:12%;box-shadow:inset 0 0 0 1px #ffffff40}.color-command-marker svg{width:58%;height:58%;stroke-width:3}.physical-block-card--extension .color-command-marker{color:var(--block-print-color);background:#fff;border-color:#fff;outline-color:var(--block-print-color);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--block-print-color) 22%,white)}.extension-sheet-note{height:3.8%;display:flex;align-items:center;justify-content:center;color:#644fa3;background:#f1ecff;border-radius:8px;font-size:clamp(6px,.55vw,9px);font-weight:800}.physical-block-grid--extension{height:85.2%;padding-top:.8%}.loop-block-note{height:6%;display:flex;align-items:center;justify-content:center;gap:1.5%;margin-top:1%;padding:0 3%;color:#5f4b83;background:#f5f1fc;border-radius:10px;font-size:clamp(7px,.7vw,10px)}.loop-block-note svg{width:2.2em;color:#a527a5}.loop-pair-grid{height:34%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;padding:1.5% 1% 0}.loop-pair{min-width:0;min-height:0;padding:2.5%;background:#fbf9fd;border:1.5px dashed #9f8caf;border-radius:10px}.loop-pair>header{height:15%;display:flex;align-items:baseline;gap:2%;color:#513b74}.loop-pair>header strong{font-size:clamp(8px,.85vw,12px)}.loop-pair>header span{color:#887a95;font-size:clamp(5px,.5vw,7px)}.loop-pair__blocks{height:85%;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:7%}.loop-pair__blocks .physical-block-card{width:100%;height:auto;aspect-ratio:3.05 / 1;align-self:center}.loop-pair__blocks .physical-block-card header strong{font-size:clamp(12px,1.15vw,17px)}.loop-order-guide{height:8%;display:grid;grid-template-columns:1fr auto 1.35fr auto 1fr;align-items:center;gap:1.5%;margin:1% 1% 0;padding:0 3%;color:#4d3c6a;background:#eee8f8;border-radius:10px;font-size:clamp(6px,.62vw,9px);font-weight:800}.loop-order-guide span{display:flex;align-items:center;justify-content:center;gap:5%;text-align:center}.loop-order-guide b{width:1.8em;height:1.8em;flex:0 0 1.8em;display:grid;place-items:center;color:#fff;background:#8f57c9;border-radius:50%}.loop-order-guide i{color:#8b79a0;font-size:clamp(12px,1.3vw,18px);font-style:normal}.loop-parameter-tray{height:31%;margin-top:1%;padding:1.2% 2%;background:#f7f3fb;border:1.5px dashed #b9a8c9;border-radius:10px}.loop-parameter-tray>header{height:27%;display:flex;align-items:baseline;gap:2%;color:#513b74}.loop-parameter-tray>header b{font-size:clamp(8px,.8vw,12px)}.loop-parameter-tray>header span{color:#786a88;font-size:clamp(5px,.5vw,7px)}.loop-parameter-tray>div{height:73%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5% 2%}.repeat-count-token{width:38mm;height:23mm;max-width:92%;align-self:center;justify-self:center;display:grid;grid-template-columns:46% 1fr;align-items:center;gap:5%;padding:2.5%;color:#6c276f;background:#fff;border:1.5px dashed #a527a5;border-radius:7px 12px 12px 7px}.repeat-count-token .aruco-marker{width:100%;padding:3%;background:#fff}.repeat-count-token>div{display:flex;align-items:end;gap:5%}.repeat-count-token b{font-size:clamp(18px,2vw,28px);line-height:.9}.repeat-count-token span{font-size:clamp(6px,.6vw,9px);font-weight:900}@media(max-width:1120px){.live-host__content{grid-template-columns:220px minmax(400px,1fr) 240px;gap:12px;padding:14px}.live-lobby-card,.live-program-panel{padding:16px}.live-lobby-card ol{margin:12px 0}}@media(max-width:880px){.live-host__header{grid-template-columns:1fr auto;padding:0 15px}.live-room-code{grid-column:2;grid-row:1;min-width:150px}.live-header-actions{display:none}.live-host__content{grid-template-columns:1fr}.live-lobby-card{display:grid;grid-template-columns:74px 1fr;text-align:left}.live-lobby-card__icon{grid-row:1 / 4;width:60px;height:60px;margin:0}.live-lobby-card .eyebrow,.live-lobby-card h1,.live-lobby-card>p{grid-column:2}.live-lobby-card h1{margin:2px 0;font-size:24px}.live-pin-panel,.live-client-link,.live-lobby-card ol,.live-player-count{grid-column:1 / 3}.live-game-stage{grid-row:2}.live-program-list{max-height:420px}}@media(max-width:540px){.live-host__header{height:72px}.live-brand strong{font-size:10px}.live-brand small{font-size:7px}.live-brand>span{width:38px;height:38px}.live-room-code{min-width:128px;height:52px;padding:0 12px;gap:7px}.live-room-code strong{font-size:23px}.live-room-code small{font-size:8px}.live-host__content{min-height:calc(100vh - 72px);padding:10px}.scanner-camera-actions{grid-template-columns:1fr 1fr}.scanner-camera-actions button:last-of-type{grid-column:1 / 3}}@media print{@page{size:A3 portrait;margin:0}body{background:#fff!important}.no-print{display:none!important}.print-kit-app{padding:0;background:#fff}.print-page{width:297mm;height:420mm;margin:0;box-shadow:none;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;margin:0;min-width:320px;min-height:100vh;background:var(--brand-background)}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;flex:0 0 76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:0 34px;color:#fff;background:#14243e;box-shadow:0 7px 24px #14223a33;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff4d1;background:linear-gradient(145deg,#ff8c67,#ff684b);border-radius:13px 13px 13px 5px;box-shadow:0 6px 16px #ff694b4d}.brand>div{display:flex;flex-direction:column}.brand-name{font-size:14px;font-weight:800;letter-spacing:.115em}.brand-tagline{margin-top:2px;font-size:10px;color:#aebbd0;letter-spacing:.17em}.mission-progress{display:grid;grid-template-columns:auto 160px auto;align-items:center;gap:11px}.mission-progress-label,.progress-count{font-size:10px;font-weight:800;letter-spacing:.12em;color:#aebbd0}.progress-track{height:5px;overflow:hidden;background:#33435d;border-radius:99px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#ff7758,#ffbf65);border-radius:inherit;transition:width .5s ease}.player-stats{justify-self:end;display:flex;align-items:center;gap:9px}.xp-chip{height:34px;display:flex;align-items:center;gap:5px;padding:0 11px;color:#ffc862;background:#213452;border:1px solid #334966;border-radius:10px}.xp-chip strong{font-size:14px}.xp-chip span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#aebbd0}.badge-chip{width:34px;height:34px;display:grid;place-items:center;color:#6f809c;background:#213452;border:1px solid #334966;border-radius:10px;transition:.25s ease}.badge-chip.is-earned{color:#ffc862;border-color:#ffc8628c;box-shadow:inset 0 0 12px #ffc86226}.studio-link{width:34px;height:34px;display:grid;place-items:center;color:#aebbd0;background:#213452;border:1px solid #334966;border-radius:10px;transition:.18s ease}.studio-link:hover{color:#fff;border-color:#647794;transform:rotate(12deg)}.avatar{width:35px;height:35px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(145deg,#61d5ba,#3caa9a);border:2px solid #65748b;border-radius:50%}.adventure-layout{flex:1;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(540px,.92fr) minmax(540px,1.08fr)}.builder-panel{min-width:0;display:flex;flex-direction:column;padding:29px 27px 22px 32px;background:#fffefad4;border-right:1px solid #dcd8cf}.editor-columns{flex:1;min-height:0;display:grid;grid-template-columns:210px minmax(290px,1fr);gap:24px}.toolbox,.workspace-section{min-width:0;display:flex;flex-direction:column}.toolbox{padding-right:23px;border-right:1px dashed #d6d1c7}.section-heading{min-height:47px}.section-heading--row{display:flex;align-items:start;justify-content:space-between;gap:14px}.eyebrow{display:block;margin-bottom:3px;color:#9b8f80;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-heading h2{margin:0;color:var(--ink);font-size:21px;line-height:1.1;letter-spacing:-.025em}.section-help{min-height:30px;margin:5px 0 13px;color:#858281;font-size:11px;line-height:1.4}.block-count{margin-top:3px;padding:5px 8px;color:#81786b;background:#eeeae1;border-radius:6px;font-size:10px;font-weight:700}.toolbox-list{min-height:0;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cfc9be transparent}.toolbox-block,.drag-preview{position:relative;min-height:61px;display:flex;align-items:center;gap:10px;padding:9px 39px 9px 10px;background:#fff;border:1px solid #d9d5cb;border-left-width:4px;border-radius:9px;box-shadow:0 4px 10px #282d370d;cursor:grab;touch-action:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.block-shape{--shape-accent: #8591a4;isolation:isolate}.tone-start{--shape-accent: #4ac8a8}.tone-move{--shape-accent: #5b92ee}.tone-turn{--shape-accent: #977edd}.tone-action{--shape-accent: #ec7d37}.tone-stop{--shape-accent: #f27469}.tone-loop{--shape-accent: #e0a73e}.tone-condition{--shape-accent: #3aa998}.block-shape-start{border-radius:30px 10px 10px 30px;background:linear-gradient(90deg,color-mix(in srgb,var(--shape-accent) 13%,white),#fff 48%)}.block-shape-move-forward{padding-left:12px;padding-right:39px;clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%,7% 50%);background:linear-gradient(90deg,color-mix(in srgb,var(--shape-accent) 11%,white),#fff 52%)}.block-shape-move-forward .add-block-button{right:10px}.block-shape-turn-left{padding-left:12px;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 24%);border-radius:0 11px 11px 6px;background:linear-gradient(135deg,color-mix(in srgb,var(--shape-accent) 14%,white),#fff 48%)}.block-shape-turn-right{padding-right:39px;clip-path:polygon(0 0,89% 0,100% 24%,100% 100%,0 100%);border-radius:11px 0 6px 11px;background:linear-gradient(225deg,color-mix(in srgb,var(--shape-accent) 14%,white),#fff 48%)}.block-shape-turn-right .add-block-button{right:10px}.block-shape-stop{padding-left:12px;padding-right:39px;clip-path:polygon(10% 0,90% 0,100% 24%,100% 76%,90% 100%,10% 100%,0 76%,0 24%);background:linear-gradient(90deg,color-mix(in srgb,var(--shape-accent) 13%,white),#fff 50%)}.block-shape-stop .add-block-button{right:10px}.block-shape-repeat{border-left-width:9px;border-radius:10px 27px 27px 10px;background:linear-gradient(90deg,color-mix(in srgb,var(--shape-accent) 16%,white),#fff 56%)}.program-block.block-shape-repeat{z-index:1;border-bottom-left-radius:0}.program-block.block-shape-repeat:before{content:"";position:absolute;z-index:-1;width:9px;height:calc(var(--loop-span) * 57px + 5px);left:-9px;top:32px;background:var(--shape-accent);border-radius:0 0 0 8px;box-shadow:2px 0 color-mix(in srgb,var(--shape-accent) 35%,transparent)}.block-shape-end-repeat{padding-left:12px;border-right:9px solid var(--shape-accent);border-left-width:1px;border-radius:27px 10px 10px 27px;background:linear-gradient(270deg,color-mix(in srgb,var(--shape-accent) 16%,white),#fff 56%)}.program-block.block-shape-end-repeat{min-height:34px;margin-top:-2px;border:0;border-bottom:9px solid var(--shape-accent);border-left:9px solid var(--shape-accent);border-radius:0 0 0 13px;background:transparent;box-shadow:none}.program-block.block-shape-end-repeat .block-icon{display:none}.program-block.block-shape-end-repeat .block-copy strong{color:#9b6b18;font-size:8px}.program-block.block-shape-end-repeat .drag-handle{opacity:.45}.block-shape-if-path-ahead{padding-left:12px;padding-right:41px;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);background:linear-gradient(90deg,color-mix(in srgb,var(--shape-accent) 14%,white),#fff 50%)}.block-shape-if-path-ahead .add-block-button{right:10px}.block-shape-else{padding-left:12px;padding-right:39px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);background:linear-gradient(105deg,color-mix(in srgb,var(--shape-accent) 15%,white),#fff 52%)}.block-shape-else .add-block-button{right:13px}.block-shape-end-if{padding-left:12px;padding-right:39px;clip-path:polygon(0 0,100% 0,100% 72%,91% 72%,91% 100%,9% 100%,9% 72%,0 72%);border-radius:9px 9px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--shape-accent) 13%,white),#fff 58%)}.block-shape-end-if .add-block-button{right:10px}.toolbox-block:hover{border-color:#bfb8ab;box-shadow:0 7px 17px #282d3717;transform:translateY(-1px)}.toolbox-block.is-dragging{opacity:.28}.tone-start{border-left-color:#4ac8a8}.tone-move{border-left-color:#5b92ee}.tone-turn{border-left-color:#977edd}.tone-action{border-left-color:#ec7d37}.tone-stop{border-left-color:#f27469}.tone-loop{border-left-color:#e0a73e}.tone-condition{border-left-color:#3aa998}.block-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px}.block-icon--start{color:#087a66;background:#def7ef}.block-icon--move{color:#346fc5;background:#e5efff}.block-icon--turn{color:#745ac0;background:#eee9ff}.block-icon--action{color:#a94d20;background:#fff0df}.block-icon--stop{color:#c84840;background:#ffebe8}.block-icon--loop{color:#a66b0d;background:#fff0c8}.block-icon--condition{color:#197c70;background:#dff6f0}.block-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.block-copy strong{color:#25324a;font-size:11px;line-height:1.15;letter-spacing:.025em;white-space:nowrap}.block-copy small{overflow:hidden;color:#8b8f98;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.add-block-button{position:absolute;right:8px;width:26px;height:26px;display:grid;place-items:center;padding:0;color:#687185;background:#f4f3f0;border:0;border-radius:7px;cursor:pointer}.add-block-button:hover{color:#fff;background:var(--navy)}.workspace{flex:1;min-height:400px;max-height:calc(100vh - 232px);overflow-y:auto;padding:11px;background-color:#f4f1ea;background-image:radial-gradient(#d2cfc7 1px,transparent 1px);background-size:16px 16px;border:1px solid #ddd8ce;border-radius:12px;transition:.18s ease}.workspace.is-over{border-color:#5b92ee;box-shadow:inset 0 0 0 2px #5b92ee24}.workspace.is-locked{background-color:#eeece6}.workspace-empty{height:100%;min-height:376px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#96928a;text-align:center}.workspace-empty strong{margin:13px 0 4px;color:#737069;font-size:13px}.workspace-empty span:last-child{max-width:170px;font-size:10px;line-height:1.5}.empty-orbit{width:48px;height:48px;display:grid;place-items:center;color:#9d998f;border:1px dashed #aaa69c;border-radius:50%}.program-list{display:flex;flex-direction:column;gap:7px}.program-block{position:relative;min-height:50px;display:grid;grid-template-columns:27px 25px minmax(70px,1fr) auto auto;align-items:center;background:#fff;border:1px solid #d8d5cc;border-left-width:4px;border-radius:8px;box-shadow:0 3px 9px #232b390b;touch-action:none;transition:border .15s ease,box-shadow .15s ease,opacity .15s ease,margin .2s ease}.program-block.is-dragging{opacity:.3;z-index:3}.program-block.is-active{border-color:#f3ac44;box-shadow:0 0 0 3px #f3ac4430,0 5px 13px #232b391a}.program-block.is-active:after{content:"กำลังทำงาน";position:absolute;right:8px;top:-7px;padding:2px 6px;color:#7a4b00;background:#ffd778;border-radius:4px;font-size:7px;font-weight:900;letter-spacing:.04em}.program-block.has-error{border-color:#e75f52;box-shadow:0 0 0 3px #e75f5221}.step-number{color:#a29f97;font:700 9px ui-monospace,monospace;text-align:center}.drag-handle{width:25px;height:34px;display:grid;place-items:center;padding:0;color:#aaa79f;background:transparent;border:0;cursor:grab}.drag-handle:disabled{cursor:default}.program-block-face{min-width:0;display:flex;align-items:center;gap:8px}.program-block-face .block-icon{width:29px;height:29px;flex-basis:29px}.program-block-face .block-copy strong{font-size:10px}.block-actions{display:flex;align-items:center;gap:2px;padding:0 6px;opacity:0;transition:opacity .15s ease}.program-block:hover .block-actions,.program-block:focus-within .block-actions{opacity:1}.block-actions button{width:24px;height:26px;display:grid;place-items:center;padding:0;color:#8b8b8b;background:transparent;border:0;border-radius:5px;cursor:pointer}.block-actions button:hover:not(:disabled){color:#d45248;background:#f8ece9}.block-actions button:disabled{opacity:.25;cursor:default}.repeat-count{height:27px;padding:0 5px;color:#89611a;background:#fff4d6;border:1px solid #ead6a1;border-radius:6px;font-size:8px;font-weight:850}.drag-preview{width:200px;min-height:49px;padding:8px 13px;opacity:.96;box-shadow:0 15px 35px #18223338;transform:rotate(2deg);cursor:grabbing}.builder-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px}.secondary-controls{display:flex;align-items:center;gap:8px}.control-button{height:42px;display:flex;align-items:center;gap:7px;padding:0 13px;color:#5f6672;background:transparent;border:1px solid #d5d1c7;border-radius:9px;font-size:11px;font-weight:750;cursor:pointer}.control-button:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#bbb5a9}.control-button:disabled{opacity:.35;cursor:default}.run-button{min-width:176px;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;color:#fff;background:linear-gradient(135deg,#ff815f,#f25f43);border:0;border-radius:10px;box-shadow:0 8px 18px #ef5b3e45,inset 0 1px #ffffff40;font-size:11px;font-weight:850;letter-spacing:.06em;cursor:pointer;transition:.16s ease}.run-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 22px #ef5b3e54}.run-button:disabled{cursor:wait;opacity:.76}.run-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mission-panel{min-width:0;display:flex;flex-direction:column;padding:28px 42px 24px;overflow:hidden}.mission-header{flex:0 0 auto;display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:13px}.mission-kicker{display:block;margin-bottom:2px;color:var(--orange-dark);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.mission-header h1{margin:0;color:var(--ink);font-size:clamp(23px,2.2vw,32px);line-height:1.15;letter-spacing:-.035em}.mission-header p{margin:5px 0 0;color:#7d7b78;font-size:12px}.mission-selector{max-width:310px;height:27px;margin-bottom:7px;padding:0 26px 0 9px;color:#566174;background:#ebe8e0;border:1px solid #dbd6cc;border-radius:7px;font-size:8px;font-weight:750;outline:0}.mission-selector:focus{border-color:#7397d6;box-shadow:0 0 0 3px #507cca1a}.mission-reward{height:39px;display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:5px 10px;color:#a16b0e;background:#fff6da;border:1px solid #eddba9;border-radius:9px}.mission-reward svg{grid-row:1 / 3}.mission-reward span{align-self:end;color:#9d8a62;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mission-reward strong{align-self:start;font-size:10px}.lesson-brief{min-height:58px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:10px;padding:9px 11px;background:#ffffff9e;border:1px solid #ddd9cf;border-radius:10px}.lesson-icon{width:34px;height:34px;display:grid;place-items:center;color:#6e5bb3;background:#ede9fb;border-radius:9px}.lesson-brief>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 7px}.lesson-brief small{color:#9a8d7d;font-size:7px;font-weight:800;letter-spacing:.08em}.lesson-brief strong{color:#435069;font-size:10px}.lesson-brief p{grid-column:1 / 3;overflow:hidden;margin:2px 0 0;color:#7f8490;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.lesson-brief button{height:29px;padding:0 10px;color:#7a5d19;background:#fff2c9;border:1px solid #ead7a0;border-radius:7px;font-size:8px;font-weight:800;cursor:pointer}.lesson-brief button:disabled{color:#9c998f;background:#efede8;border-color:#dfdbd3;cursor:default}.lesson-actions{display:flex;gap:6px}.lesson-actions button:first-child{color:#5d5290;background:#f0ecfb;border-color:#dcd4f2}.hint-card{display:flex;align-items:center;gap:8px;margin:-3px 0 10px;padding:8px 11px;color:#785f24;background:#fff8e1;border:1px solid #eadcae;border-radius:9px;font-size:8px}.hint-card span{display:flex;gap:6px}.game-stage{position:relative;flex:1;min-height:390px;display:grid;place-items:center;overflow:hidden;padding:19px 24px 20px;background:linear-gradient(145deg,#152944,#1b3655 68%,#17334d);border:1px solid #263c59;border-radius:17px;box-shadow:inset 0 1px #ffffff0f,0 15px 32px #19283d26}.game-stage:before{content:"";position:absolute;inset:0;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:24px 24px}.stage-glow{position:absolute;width:240px;height:240px;filter:blur(65px);border-radius:50%;opacity:.15}.stage-glow--one{left:-90px;bottom:-100px;background:#5cd8bd}.stage-glow--two{right:-90px;top:-100px;background:#ff936a}.board-wrap{position:relative;z-index:1;width:min(100%,445px);aspect-ratio:1;padding:17px 0 0 17px}.game-board{position:relative;width:100%;height:100%;display:grid;overflow:hidden;background:#e7e4d4;border:6px solid #a5794e;border-radius:9px;box-shadow:0 17px 30px #0000004a,0 0 0 2px #704e31}.board-cell{position:relative;overflow:hidden;background:color-mix(in srgb,var(--world-secondary) 10%,#f2eedb);border-right:1px solid rgba(64,77,75,.14);border-bottom:1px solid rgba(64,77,75,.14)}.board-cell:nth-child(2n){background:#e8e4cf}.board-cell:nth-child(3n) .cell-terrain:after{content:"";position:absolute;width:4px;height:4px;left:21%;top:23%;background:#4c79642e;border-radius:50%;box-shadow:13px 34px #4c79641c,34px 10px #4c79641a}.board-cell:nth-child(5n+2) .cell-terrain:before{content:"";position:absolute;width:22px;height:7px;right:9%;bottom:9%;border-top:2px solid rgba(102,133,112,.13);border-radius:50%;transform:rotate(-24deg)}.board-cell.is-goal{background:radial-gradient(circle,#f9e8ae,#efe4c4 58%,#e4ddc4)}.goal-marker{position:absolute;inset:0;display:grid;place-items:center;color:#df5948;filter:drop-shadow(0 4px 2px rgba(69,40,25,.2))}.goal-marker svg{z-index:2;transform:translateY(-4px)}.board-cell.is-obstacle{background:color-mix(in srgb,var(--world-primary) 20%,#c9c4b5)}.board-cell.obstacle-cell--rock{background:color-mix(in srgb,#8f765f 24%,#e3dcc9)}.board-cell.obstacle-cell--enemy{background:radial-gradient(circle,#ead9f2,#d1c3d8)}.board-cell.obstacle-cell--door{background:radial-gradient(circle,#f2dfb9,#d4bd91)}.obstacle-marker{position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;place-items:center;translate:-50% -50%;filter:drop-shadow(0 5px 3px rgba(40,34,31,.27))}.rock-marker{width:78%;height:78%;font-size:clamp(25px,4vw,45px);transform:rotate(-5deg)}.enemy-marker{width:72%;height:72%;color:#fff;background:linear-gradient(145deg,#8e5cb5,#593477);border:3px solid rgba(255,255,255,.72);border-radius:45% 45% 38% 38%;box-shadow:0 5px 12px #42225559}.enemy-marker b{font-size:clamp(20px,3.4vw,37px);line-height:1}.enemy-marker i{position:absolute;width:12%;height:12%;right:9%;top:7%;background:#ffdf72;border-radius:50%;box-shadow:0 0 8px #ffdf72}.door-marker{width:68%;height:82%;overflow:hidden;background:linear-gradient(90deg,#81502d,#b87942 48%,#754324);border:4px solid #f0c979;border-bottom-width:7px;border-radius:40% 40% 7px 7px;box-shadow:0 7px 12px #43281459}.door-marker:before{content:"";position:absolute;inset:9% 14% 0;border:2px solid rgba(255,255,255,.22);border-bottom:0;border-radius:40% 40% 0 0}.door-marker i{position:absolute;width:9px;height:9px;right:18%;top:52%;background:#ffdb72;border:2px solid #77461f;border-radius:50%}.door-marker b{position:absolute;left:50%;top:58%;width:17px;height:20px;translate:-50% -50%;background:#f4bd3e;border:2px solid #85531f;border-radius:5px}.door-marker b:before{content:"";position:absolute;width:9px;height:9px;left:2px;top:-9px;border:2px solid #85531f;border-bottom:0;border-radius:8px 8px 0 0}.collectible-marker{position:absolute;z-index:4;inset:50% auto auto 50%;width:58%;height:58%;display:grid;place-items:center;translate:-50% -50%;border:3px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 6px 13px #2d211245;animation:collectibleFloat 1.8s ease-in-out infinite alternate}.collectible-marker svg{width:68%;height:68%}.key-marker{color:#7b4e00;background:radial-gradient(circle at 35% 30%,#ffe988,#f4b52f)}.wood-marker{background:radial-gradient(circle at 35% 30%,#f8d49b,#bc7842)}@keyframes collectibleFloat{to{transform:translateY(-4px) rotate(3deg)}}.wall-marker{position:absolute;z-index:3;inset:14%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:8%;background:linear-gradient(145deg,#596479,#343e52);border:3px solid rgba(255,255,255,.62);border-radius:10px;box-shadow:0 5px 12px #1f273452}.wall-marker i{width:28%;height:54%;background:#8893a7;border-radius:3px 3px 1px 1px;box-shadow:inset 0 1px #ffffff47}.wall-marker i:nth-child(2){height:78%}.goal-pulse{position:absolute;width:61%;height:61%;background:#ffbb473b;border:2px solid rgba(255,188,71,.42);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.16);opacity:.5}}.hero{position:absolute;z-index:5;width:15.5%;height:15.5%;display:grid;place-items:center;transition:left .52s cubic-bezier(.25,.7,.25,1),top .52s cubic-bezier(.25,.7,.25,1),transform .4s cubic-bezier(.25,.7,.25,1)}.hero-body{position:relative;z-index:2;width:66%;height:66%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--hero-color) 76%,white),var(--hero-color));border:3px solid #fff4df;border-radius:50% 50% 48% 48%;box-shadow:0 4px 10px #50271d59}.hero-body svg{transform:translateY(-1px)}.hero-symbol{display:block;font-size:clamp(16px,2.1vw,25px);line-height:1;transform:rotate(-90deg)}.hero-shadow{position:absolute;bottom:7%;width:58%;height:19%;background:#24312b47;border-radius:50%;filter:blur(2px)}.hero.is-running .hero-body{animation:heroBob .7s ease-in-out infinite alternate}@keyframes heroBob{to{translate:0 -3px}}.board-coordinate{position:absolute;display:flex;color:#8ea0b5;font:700 9px ui-monospace,monospace}.board-coordinate--top{top:0;left:17px;right:0;justify-content:space-around}.board-coordinate--left{top:17px;bottom:0;left:0;flex-direction:column;justify-content:space-around}.telemetry{flex:0 0 auto;display:flex;align-items:stretch;justify-content:center;min-height:57px;margin-top:11px;padding:8px 16px;background:#ffffffa3;border:1px solid #dedacf;border-radius:11px}.telemetry-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.telemetry-item>span{color:#969189;font-size:8px;font-weight:750;letter-spacing:.07em}.telemetry-item>strong{color:#334059;font-size:12px}.telemetry-inventory strong{display:flex;align-items:center;gap:8px}.telemetry-inventory i{padding:2px 6px;background:#fff;border:1px solid #e1ddd4;border-radius:6px;font-style:normal;font-size:10px}.telemetry-divider{width:1px;margin:4px 7px;background:#ddd9d0}.direction-value{display:flex;align-items:center;gap:6px}.compass{width:25px;height:25px;position:relative;display:grid;place-items:center;color:#ef6950;background:#fff;border:1px solid #dedad1;border-radius:50%}.compass span{position:absolute;top:-4px;color:#8d8c89;background:#f8f6f1;font-size:6px;font-weight:900;line-height:7px}.compass svg{transition:transform .35s ease}.feedback{flex:0 0 auto;min-height:61px;display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px 13px;background:#fffefa;border:1px solid #ddd9cf;border-radius:11px;box-shadow:0 4px 11px #2b2c2e09}.feedback-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#9b6d1a;background:#fff3c8;border-radius:9px}.feedback>div{display:flex;flex-direction:column;gap:2px}.feedback strong{color:#354158;font-size:11px}.feedback span:last-child{color:#818181;font-size:10px;line-height:1.4}.feedback--error{background:#fff9f7;border-color:#efc8c1}.feedback--error .feedback-icon{color:#c3483d;background:#fee6e1}.feedback--success{background:#f7fdf9;border-color:#bce3d3}.feedback--success .feedback-icon{color:#13856d;background:#dff6ed}.reward-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0c1729a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}}.reward-card{position:relative;width:min(440px,100%);overflow:hidden;padding:39px 36px 32px;color:var(--ink);text-align:center;background:#fffdf7;border:1px solid rgba(255,255,255,.8);border-radius:21px;box-shadow:0 30px 80px #05112159;animation:rewardIn .4s cubic-bezier(.2,.9,.25,1.2)}@keyframes rewardIn{0%{transform:translateY(18px) scale(.95);opacity:0}}.reward-close{position:absolute;z-index:3;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;color:#858078;background:transparent;border:0;border-radius:8px;cursor:pointer}.reward-close:hover{background:#f2eee5}.reward-rays{position:absolute;width:300px;height:300px;left:50%;top:-180px;translate:-50% 0;background:repeating-conic-gradient(rgba(255,188,76,.18) 0 12deg,transparent 12deg 25deg);border-radius:50%}.reward-badge{position:relative;display:grid;place-items:center;width:86px;height:86px;margin:0 auto 17px;color:#fff6d3;background:linear-gradient(145deg,#ffc85f,#f0952f);border:5px solid #fff2c0;border-radius:50%;box-shadow:0 9px 21px #dd8b2352}.reward-overline{color:#de6047;font-size:9px;font-weight:900;letter-spacing:.2em}.reward-card h2{margin:6px 0 8px;font-size:25px;letter-spacing:-.035em}.reward-card p{max-width:330px;margin:0 auto;color:#76736f;font-size:12px;line-height:1.6}.reward-earned{display:flex;justify-content:center;gap:9px;margin:20px 0}.reward-earned span{display:flex;align-items:center;gap:6px;padding:8px 11px;color:#856019;background:#fff4cf;border:1px solid #eedba7;border-radius:8px;font-size:10px;font-weight:800}.reward-continue{height:42px;padding:0 21px;color:#fff;background:var(--navy);border:0;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.reward-continue:hover{background:#203656}.tutorial-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:#081222c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .22s ease-out}.tutorial-card{width:min(860px,100%);min-height:485px;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(390px,1.18fr);overflow:hidden;background:#fffaf0;border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 32px 90px #040c1c80;animation:rewardIn .4s cubic-bezier(.2,.9,.25,1.08)}.tutorial-scene{position:relative;min-height:485px;overflow:hidden;background:linear-gradient(155deg,color-mix(in srgb,var(--tutorial-primary) 82%,#14233c),color-mix(in srgb,var(--tutorial-secondary) 60%,#1c304c))}.tutorial-scene:before{content:"";position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle at 20% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 28%,#fff 0 1px,transparent 2px),radial-gradient(circle at 50% 9%,#fff 0 1px,transparent 2px);background-size:92px 92px,113px 113px,71px 71px}.tutorial-scene:after{content:"";position:absolute;left:-15%;right:-15%;bottom:-18%;height:48%;background:color-mix(in srgb,var(--tutorial-primary) 80%,#0e1929);border-radius:50% 50% 0 0}.tutorial-moon{position:absolute;width:105px;height:105px;right:24px;top:28px;background:color-mix(in srgb,var(--tutorial-secondary) 36%,#fff6cc);border-radius:50%;box-shadow:0 0 55px color-mix(in srgb,var(--tutorial-secondary) 50%,transparent)}.tutorial-mountain{position:absolute;z-index:1;bottom:15%;width:72%;aspect-ratio:1;rotate:45deg;background:color-mix(in srgb,var(--tutorial-primary) 75%,#28334c);border-radius:18px}.tutorial-mountain--one{left:-35%}.tutorial-mountain--two{right:-37%;bottom:5%;opacity:.75}.tutorial-character{position:absolute;z-index:3;left:50%;bottom:82px;width:142px;height:142px;display:grid;place-items:center;translate:-50% 0;color:#fff;background:radial-gradient(circle at 40% 32%,color-mix(in srgb,var(--tutorial-character) 58%,white),var(--tutorial-character));border:8px solid rgba(255,248,222,.86);border-radius:50% 50% 46% 46%;box-shadow:0 18px 30px #050f1f59,0 0 0 5px #ffffff21}.tutorial-character b{font-size:64px;line-height:1;transform:rotate(-90deg)}.tutorial-character>svg,.tutorial-character>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.tutorial-character>.sprite-sheet-frame{border-radius:inherit}.tutorial-character .hero-symbol{transform:none}.tutorial-character-name{position:absolute;z-index:4;left:50%;bottom:27px;min-width:150px;display:flex;flex-direction:column;align-items:center;translate:-50% 0;color:#fff;font-size:16px;font-weight:900;text-shadow:0 2px 7px rgba(0,0,0,.3)}.tutorial-character-name small{margin-top:2px;color:#ffffffb3;font-size:9px;letter-spacing:.13em}.tutorial-dialogue{min-width:0;display:flex;flex-direction:column;padding:38px 42px 31px}.tutorial-dialogue header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #e6ddcd}.tutorial-step-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;color:#fff7dc;background:linear-gradient(145deg,#e78a47,#c75c3c);border-radius:12px 12px 12px 4px;box-shadow:0 7px 14px #b74c2d33}.tutorial-dialogue header small{color:#bd6a43;font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.tutorial-dialogue h2{margin:2px 0 0;color:#192944;font-size:24px;line-height:1.2;letter-spacing:-.03em}.tutorial-copy{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:270px;padding:22px 0}.speaker-name{align-self:flex-start;padding:5px 9px;color:#71552d;background:#f7e7bd;border-radius:6px;font-size:9px;font-weight:850}.tutorial-copy p{margin:14px 0;color:#5d6370;font-size:14px;line-height:1.75}.tutorial-copy>strong{padding-left:15px;color:#2d3c55;border-left:3px solid var(--tutorial-secondary);font-size:13px;line-height:1.6}.tutorial-scroll{display:flex;align-items:flex-start;gap:10px;padding:14px;color:#6f4f1e;background:#fff2cc;border:1px solid #ead7a1;border-radius:10px;font-size:12px;line-height:1.6}.tutorial-scroll svg{flex:0 0 auto;margin-top:1px;color:#d89024}.tutorial-command-list{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 4px}.tutorial-command{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#34425a;background:#fff;border:1px solid #ddd8cc;border-left:4px solid var(--shape-accent);border-radius:8px;box-shadow:0 3px 8px #222d3d0f;font-size:9px}.tutorial-ready{margin-bottom:0!important;font-size:11px!important}.tutorial-dialogue footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #e6ddcd}.tutorial-dots{display:flex;gap:6px}.tutorial-dots span{width:7px;height:7px;background:#d6cdbd;border-radius:50%;transition:.2s ease}.tutorial-dots span.is-active{width:24px;background:#df754b;border-radius:10px}.tutorial-buttons{display:flex;gap:8px}.tutorial-buttons button{height:40px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 15px;border-radius:9px;font-size:10px;font-weight:850;cursor:pointer}.tutorial-back{color:#677084;background:transparent;border:1px solid #d8d3c9}.tutorial-next{color:#fff;background:#1c3151;border:1px solid #1c3151;box-shadow:0 7px 15px #162b4b2e}.tutorial-start{background:linear-gradient(135deg,#f07a50,#d8583c);border:0;box-shadow:0 8px 18px #d252343d}@media(max-width:1100px){.topbar{padding:0 22px}.adventure-layout{grid-template-columns:minmax(480px,.95fr) minmax(480px,1.05fr)}.builder-panel{padding-left:22px;padding-right:20px}.editor-columns{grid-template-columns:175px minmax(270px,1fr);gap:17px}.toolbox{padding-right:16px}.mission-panel{padding-left:27px;padding-right:27px}.mission-progress{display:none}.topbar{grid-template-columns:1fr auto}}@media(max-width:900px){.topbar{position:sticky;top:0}.adventure-layout{display:flex;flex-direction:column}.builder-panel{min-height:670px;border-right:0;border-bottom:1px solid #dcd8cf}.workspace{max-height:480px}.mission-panel{min-height:760px}.game-stage{min-height:500px}}@media(max-width:580px){.topbar{height:66px;flex-basis:66px;padding:0 14px}.brand-mark{width:38px;height:38px}.brand-name{font-size:11px}.brand-tagline{display:none}.xp-chip{padding:0 8px}.avatar{display:none}.builder-panel{padding:20px 15px 16px}.editor-columns{display:flex;flex-direction:column}.toolbox{padding-right:0;border-right:0}.toolbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-right:0}.toolbox-block{min-height:55px}.toolbox-block .block-copy small{display:none}.workspace{min-height:360px;max-height:none}.workspace-empty{min-height:330px}.builder-footer{align-items:stretch;flex-direction:column-reverse}.run-button{width:100%}.secondary-controls{justify-content:stretch}.control-button{flex:1;justify-content:center}.mission-panel{min-height:auto;padding:23px 15px}.mission-header{flex-direction:column}.game-stage{min-height:345px;padding:14px}.board-wrap{width:min(100%,385px)}.telemetry{padding-left:4px;padding-right:4px}.feedback{align-items:flex-start}.reward-card{padding-left:22px;padding-right:22px}.reward-earned{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ink: var(--brand-navy);--muted: var(--brand-muted);--line: var(--brand-border);--paper: var(--brand-surface);--navy: var(--brand-navy);--orange: var(--brand-orange);--orange-dark: var(--brand-orange-dark);--mint: var(--brand-turquoise);--yellow: var(--brand-orange);--purple: var(--brand-turquoise);color:var(--ink);background:var(--brand-background)}body{background:var(--brand-background)}.topbar{height:76px;flex-basis:76px;grid-template-columns:minmax(275px,.8fr) minmax(330px,1.2fr) minmax(260px,.8fr);gap:22px;padding:0 24px;color:#fff;background:#6d3fe0;box-shadow:0 6px #4e2db8,0 12px 30px #4e2db82e}.brand-mark{color:#fff;background:#ffffff2b;border:1px solid rgba(255,255,255,.24);border-radius:14px;box-shadow:none}.brand-name{font-size:16px;letter-spacing:.07em}.brand-tagline{color:#e8dfff;font-size:12px}.mission-progress{grid-template-columns:auto minmax(180px,1fr) auto;gap:12px}.mission-progress-label,.progress-count{color:#eadfff;font-size:12px}.progress-track{height:9px;display:flex;gap:5px;overflow:visible;background:transparent}.progress-track>span{flex:1;width:auto!important;height:8px;background:#ffffff42;border-radius:999px;transition:flex .25s ease,background .25s ease}.progress-track>span.is-complete{background:#ffc53d}.progress-track>span.is-current{flex:1.6;background:#fff}.progress-track>span.is-current.is-complete{background:#ffc53d}.xp-chip{height:38px;color:#5a3400;background:#ffc53d;border:0;border-radius:999px;box-shadow:0 4px #e09a00}.xp-chip span{color:#75500b}.badge-chip,.studio-link{width:38px;height:38px;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.2);border-radius:12px}.badge-chip.is-earned{color:#ffc53d;border-color:#ffe28f99}.badge-chip img{width:34px;height:34px;object-fit:contain}.studio-link:hover{color:#fff;border-color:#ffffffa6}.avatar{width:39px;height:39px;color:#4e2db8;background:#9ee6d2;border:3px solid #fff}.adventure-layout{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(390px,.82fr) minmax(520px,1.18fr);grid-template-areas:"mission mission" "builder board";grid-template-rows:auto minmax(650px,1fr);gap:22px;padding:24px;background:transparent}.lesson-panel,.mission-panel,.builder-panel{min-width:0;min-height:0;padding:22px;background:#fff;border:0;border-radius:26px}.lesson-panel{grid-area:mission;display:grid;grid-template-columns:minmax(270px,1.15fr) minmax(270px,1fr) minmax(230px,.85fr);grid-template-rows:auto auto;align-items:stretch;gap:13px 18px;padding-top:18px;padding-bottom:18px}.mission-panel{grid-area:board;display:flex;flex-direction:column;overflow:visible;box-shadow:0 8px #e3dcf7}.builder-panel{grid-area:builder;display:flex;flex-direction:column}.mission-header{grid-column:1;grid-row:1 / 3;display:block;margin:0}.mission-kicker{margin:11px 0 4px;color:#6d3fe0;font-size:10px}.mission-header h1{color:#2a1a5e;font-size:clamp(25px,2vw,31px);line-height:1.2}.mission-header p{margin-top:8px;color:#4a4468;font-size:15px;line-height:1.65}.mission-selector{width:100%;max-width:none;height:38px;margin:0;padding:0 34px 0 12px;color:#4e2db8;background:#f0ebff;border:1px solid #d8cdf8;border-radius:12px;font-size:13px}.mission-selector:focus{border-color:#8f6bff;box-shadow:0 0 0 3px #6d3fe01f}.lesson-brief{grid-column:2;grid-row:1;min-height:0;grid-template-columns:43px 1fr;align-items:center;gap:10px;margin:0;padding:15px;background:#f4f1fc;border:0;border-radius:17px}.lesson-icon{width:43px;height:43px;color:#fff;background:#8f6bff;border-radius:13px}.lesson-brief>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.lesson-brief small{color:#6d3fe0;font-size:11px}.lesson-brief strong{color:#2a1a5e;font-size:16px}.lesson-brief p{overflow:visible;margin-top:3px;color:#5f5a7a;font-size:13px;line-height:1.55;white-space:normal}.lesson-actions{grid-column:1 / -1;display:grid!important;grid-template-columns:1fr 1fr;width:100%;margin-top:4px}.lesson-brief button{width:100%;height:38px;color:#4e2db8;background:#fff;border:1px solid #d8cdf8;border-radius:11px;font-size:12px}.lesson-actions button:first-child{color:#4e2db8;background:#fff;border-color:#d8cdf8}.lesson-actions button:last-child{color:#5a3400;background:#fff2c5;border-color:#f0d37a}.hint-card{grid-column:2;grid-row:2;margin:0;padding:12px;color:#4a2a00;background:#fff6dc;border:0;border-radius:14px;font-size:12px;line-height:1.55}.hint-card span{display:block}.hint-card b{display:block;margin-bottom:2px;color:#7a4a00}.lesson-goal{grid-column:3;grid-row:1;padding:14px;color:#4a4468;background:#f4f1fc;border-radius:16px}.lesson-goal span,.lesson-reward>span{color:#6d3fe0;font-size:12px;font-weight:800;letter-spacing:.05em}.lesson-goal p{margin:5px 0 0;font-size:14px;line-height:1.65}.lesson-reward{grid-column:3;grid-row:2;margin-top:0;padding:12px 14px;background:#fffaf0;border:1px solid #f1e4bc;border-radius:16px}.lesson-reward>span{display:block;margin-bottom:9px;color:#5f5a7a}.mission-reward,.badge-reward{width:max-content;min-height:34px;display:inline-flex;align-items:center;gap:6px;margin:0 5px 5px 0;padding:7px 11px;border:0;border-radius:999px;font-size:12px}.mission-reward{color:#0e7a4e;background:#e3f6ec}.badge-reward{color:#4e2db8;background:#ede7ff}.badge-reward img{width:28px;height:28px;margin:-5px 0;object-fit:contain}.board-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.board-card-header>div{display:flex;flex-direction:column}.board-card-header small{color:#6d3fe0;font-size:11px;font-weight:800;letter-spacing:.08em}.board-card-header strong{color:#2a1a5e;font-size:20px}.board-card-header>span{padding:7px 11px;color:#4e2db8;background:#ede7ff;border-radius:999px;font-size:13px;font-weight:700}.game-stage{flex:1;min-height:410px;overflow:visible;padding:12px;background:#fbfaf7;border:0;border-radius:20px;box-shadow:none}.game-stage:before{display:none}.stage-glow{display:none}.board-wrap{width:min(100%,520px);max-height:560px;padding:17px 0 0 17px}.game-board{gap:6px;overflow:visible;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.board-cell{overflow:hidden;background:#ddf2e6;border:0;border-radius:clamp(8px,1vw,16px);box-shadow:inset 0 -2px #1965430f}.board-cell:nth-child(2n){background:#e9f8ef}.board-cell.is-goal{background:#ede7ff;box-shadow:inset 0 -3px #d5c8fa}.board-cell.is-obstacle{background:#d8d3e7}.board-cell.obstacle-cell--rock{background:#e6e1eb}.board-cell.obstacle-cell--enemy{background:#fde6ee}.goal-marker{color:#6d3fe0;filter:drop-shadow(0 4px 0 #cdbef5)}.goal-pulse{background:#8f6bff2b;border-color:#6d3fe059}.wall-marker{background:#6a6391;border:0;box-shadow:0 5px #4b4470}.wall-marker i{background:#8b84aa}.enemy-marker{background:#e0457b;border-color:#fff;box-shadow:0 5px #ac2857}.hero-body{width:74%;height:74%;background:#9ee6d2;border:4px solid #fff;box-shadow:0 5px #4e2db8,0 8px 14px #4e2db833}.hero{transform:translate(-50%,-50%)}.hero-body{overflow:hidden}.hero-body>svg,.hero-body>img{width:100%;height:100%;display:block;object-fit:cover}.sprite-sheet-frame{width:100%;height:100%;display:block;background-repeat:no-repeat}.sprite-sheet-frame.is-pixelated{image-rendering:pixelated}.mapped-sprite-frame{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.mapped-sprite-frame>svg{width:100%;height:100%;display:block;overflow:hidden}.hero-body--sprite{width:96%;height:96%;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.hero-body--sprite>.sprite-sheet-frame,.hero-body--sprite>.mapped-sprite-frame{filter:drop-shadow(0 5px 3px rgba(42,26,94,.26))}.hero-symbol{color:#2a1a5e;transform:none}.hero-direction{position:absolute;z-index:4;top:-5%;right:-5%;width:30%;aspect-ratio:1;display:grid;place-items:center;color:#5a3400;background:#ffc53d;border:2px solid #fff;border-radius:50%;box-shadow:0 2px #e09a00;transform:rotate(var(--hero-direction));transition:transform .4s ease}.hero-direction svg{width:62%;height:62%}.obstacle-image{position:absolute;z-index:4;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 5px 2px rgba(42,26,94,.2))}.obstacle-sprite{overflow:hidden;filter:drop-shadow(0 5px 2px rgba(42,26,94,.2))}.obstacle-sprite>.sprite-sheet-frame{width:100%;height:100%}.rock-marker svg,.enemy-marker svg{width:100%;height:100%;display:block}.enemy-marker{color:inherit;background:transparent;border:0;box-shadow:none}.board-coordinate{color:#817a9e}.telemetry{min-height:60px;margin-top:14px;padding:8px 12px;background:#f4f1fc;border:0;border-radius:16px}.telemetry-item>span{color:#77718f;font-size:11px}.telemetry-item>strong{color:#2a1a5e;font-size:15px}.telemetry-divider{background:#ded7ee}.compass{color:#6d3fe0;border-color:#dcd3f2}.feedback{min-height:62px;margin-top:10px;padding:11px 13px;background:#fff6dc;border:0;border-radius:15px;box-shadow:none}.feedback-icon{color:#7a4a00;background:#ffc53d;border-radius:50%}.feedback strong{color:#4a2a00;font-size:14px}.feedback span:last-child{color:#705936;font-size:12px}.feedback--error{background:#fde8ea}.feedback--error .feedback-icon{color:#fff;background:#d1344a}.feedback--error strong,.feedback--error span:last-child{color:#8f2435}.feedback--success{background:#e3f6ec}.feedback--success .feedback-icon{color:#fff;background:#0e8a57}.feedback--success strong,.feedback--success span:last-child{color:#0a6b43}.editor-columns{flex:1;display:flex;flex-direction:column;gap:15px}.workspace-section{order:1;flex:1;min-height:0}.toolbox{order:2;flex:0 0 auto;padding:0;border:0}.section-heading{min-height:0}.section-heading h2{color:#2a1a5e;font-size:21px}.eyebrow{margin-bottom:2px;color:#7e70a8;font-size:10px}.section-help{min-height:0;margin:5px 0 9px;color:#77718f;font-size:11px}.block-count{color:#5f5a7a;background:#f0edf6;border-radius:999px;font-size:11px}.workspace{min-height:290px;max-height:calc(100vh - 405px);padding:12px;background-color:#f4f1fc;background-image:radial-gradient(#cfc3ee 1px,transparent 1px);border:0;border-radius:18px}.workspace.is-over{box-shadow:inset 0 0 0 3px #6d3fe040}.workspace-empty{min-height:260px;color:#8a80a6}.empty-orbit{color:#6d3fe0;border-color:#a994e7}.toolbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:196px;padding:0 3px 4px 0}.toolbox-block,.drag-preview{min-height:47px;padding:7px 35px 7px 8px;border:0;border-left:0;border-radius:12px;box-shadow:0 4px 0 var(--block-shadow, #4e2db8)}.toolbox-block:hover{border:0;box-shadow:0 5px 0 var(--block-shadow, #4e2db8);transform:translateY(-1px)}.toolbox-block.tone-start,.program-block.tone-start{--block-shadow: #0a6b43;background:#0e8a57}.toolbox-block.tone-move,.program-block.tone-move{--block-shadow: #3f31c2;background:#5b4bea}.toolbox-block.tone-turn,.program-block.tone-turn{--block-shadow: #e08e1a;background:#ffb547}.toolbox-block.tone-action,.program-block.tone-action{--block-shadow: #a94d20;background:#ec7d37}.toolbox-block.tone-stop,.program-block.tone-stop{--block-shadow: #a5233a;background:#d1344a}.toolbox-block.tone-loop,.program-block.tone-loop{--block-shadow: #d8701d;background:#f78b35}.toolbox-block.tone-condition,.program-block.tone-condition{--block-shadow: #08705f;background:#10a286}.toolbox-block .block-copy strong,.program-block .block-copy strong{color:#fff}.toolbox-block .block-copy strong{font-size:13px}.program-block .block-copy strong{font-size:12px}.toolbox-block.tone-turn .block-copy strong,.program-block.tone-turn .block-copy strong{color:#4a2a00}.toolbox-block .block-copy small{color:#ffffffbf}.toolbox-block.tone-turn .block-copy small{color:#765010}.toolbox-block .block-icon{width:29px;height:29px;flex-basis:29px;color:#fff;background:#ffffff2e}.toolbox-block.tone-turn .block-icon{color:#4a2a00;background:#ffffff47}.add-block-button{right:7px;width:25px;height:25px;color:#fff;background:#fff3;border-radius:8px}.tone-turn .add-block-button{color:#4a2a00;background:#ffffff4d}.add-block-button:hover{color:#4e2db8;background:#fff}.program-list{gap:7px}.program-block{min-height:43px;grid-template-columns:23px 22px minmax(62px,1fr) auto auto;border:0;border-left:0;border-radius:12px;box-shadow:0 3px 0 var(--block-shadow, #4e2db8)}.program-block.is-active{border:0;box-shadow:0 0 0 4px #ffc53d66,0 4px 0 var(--block-shadow, #4e2db8)}.program-block.has-error{border:0;box-shadow:0 0 0 4px #d1344a38,0 3px 0 var(--block-shadow, #4e2db8)}.step-number{color:#ffffffb3}.tone-turn .step-number{color:#7a540e}.drag-handle{color:#ffffffb8}.tone-turn .drag-handle{color:#7a540e}.program-block-face .block-icon{width:26px;height:26px;flex-basis:26px;color:#fff;background:#ffffff2e}.program-block.tone-turn .block-icon{color:#4a2a00;background:#ffffff4d}.block-actions button{color:#ffffffd1}.tone-turn .block-actions button{color:#74500d}.block-actions button:hover:not(:disabled){color:#4e2db8;background:#fff}.repeat-count{color:#793e08;background:#fff1d7;border:0}.program-block.block-shape-repeat:before{background:#f78b35;box-shadow:3px 0 #d8701d}.program-block.block-shape-end-repeat{background:transparent;border-bottom-color:#f78b35;border-left-color:#f78b35;box-shadow:none}.program-block.block-shape-end-repeat .block-copy strong{color:#a34b0b}.builder-footer{gap:10px;padding-top:16px}.secondary-controls{gap:8px}.control-button{width:48px;height:54px;justify-content:center;padding:0;color:#6d3fe0;background:#fff;border:2px solid #d5cbf5;border-radius:17px}.control-button span{display:none}.control-button:hover:not(:disabled){color:#4e2db8;background:#f4f1fc;border-color:#a994e7}.run-button{flex:1;min-width:0;height:55px;color:#fff;background:#6d3fe0;border-radius:17px;box-shadow:0 5px #4e2db8;font-size:15px;letter-spacing:0}.run-button:hover:not(:disabled){box-shadow:0 6px #4e2db8;transform:translateY(-1px)}.reward-backdrop,.tutorial-backdrop{background:#2a1a5eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reward-card{background:#fff;border:0;border-radius:28px;box-shadow:0 10px #4e2db8,0 30px 80px #2a1a5e52}.reward-badge{color:#5a3400;background:#ffc53d;border-color:#fff2bd;box-shadow:0 7px #e09a00}.reward-badge:has(img){width:124px;height:124px;margin-bottom:8px;background:transparent;border:0;box-shadow:none}.reward-badge img{width:100%;height:100%;object-fit:contain}.reward-overline{color:#6d3fe0}.reward-card h2{color:#2a1a5e}.reward-earned span{color:#4e2db8;background:#ede7ff;border:0;border-radius:999px}.reward-earned img{width:27px;height:27px;margin:-6px 0;object-fit:contain}.reward-continue{height:48px;background:#6d3fe0;border-radius:15px;box-shadow:0 4px #4e2db8}.reward-continue:hover{background:#7145dc}.tutorial-card{background:#fff;border:0;border-radius:28px;box-shadow:0 10px #4e2db8,0 30px 90px #2a1a5e66}.tutorial-scene{background:linear-gradient(155deg,#8f6bff,#4e2db8)}.tutorial-step-icon{background:#6d3fe0;border-radius:13px;box-shadow:0 5px #4e2db8}.tutorial-dialogue header small{color:#6d3fe0}.tutorial-dialogue h2{color:#2a1a5e}.speaker-name{color:#4e2db8;background:#ede7ff;border-radius:999px}.tutorial-scroll{color:#4a2a00;background:#fff6dc;border:0;border-radius:14px}.tutorial-dots span.is-active{background:#6d3fe0}.tutorial-next{background:#6d3fe0;border-color:#6d3fe0;box-shadow:0 4px #4e2db8}.tutorial-start{background:#0e8a57;border-color:#0e8a57;box-shadow:0 4px #0a6b43}@media(max-width:1240px){.adventure-layout{grid-template-columns:minmax(360px,.85fr) minmax(470px,1.15fr);gap:16px;padding:18px}.lesson-panel{grid-template-columns:minmax(250px,1.1fr) minmax(250px,1fr) minmax(220px,.9fr)}.lesson-panel,.mission-panel,.builder-panel{padding:18px;border-radius:22px}.topbar{grid-template-columns:minmax(240px,.7fr) minmax(260px,1fr) auto}.toolbox-block .block-copy small{display:none}}@media(max-width:1030px){.topbar{grid-template-columns:1fr auto}.mission-progress{display:none}.adventure-layout{grid-template-columns:minmax(330px,.82fr) minmax(390px,1.18fr)}.lesson-panel{grid-template-columns:1fr 1fr}.mission-header{grid-column:1;grid-row:1 / 3}.lesson-brief{grid-column:2;grid-row:1}.hint-card{grid-column:2;grid-row:2}.lesson-goal{grid-column:1;grid-row:3}.lesson-reward{grid-column:2;grid-row:3}}@media(max-width:760px){.topbar{height:68px;flex-basis:68px}.adventure-layout{display:flex;flex-direction:column;padding:14px}.lesson-panel{order:1;display:flex;flex-direction:column}.builder-panel{order:2}.mission-panel{order:3}.lesson-panel,.mission-panel,.builder-panel{padding:17px;border-radius:20px}.lesson-panel{min-height:540px}.mission-panel{min-height:640px}.builder-panel{min-height:700px}.editor-columns{display:flex}.workspace-section{order:1}.toolbox{order:2}.toolbox-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:230px}.workspace{max-height:420px}.board-card-header{align-items:flex-start;flex-direction:column}.game-stage{min-height:390px}}@media(max-width:480px){.player-stats{gap:5px}.badge-chip{display:none}.lesson-actions,.toolbox-list{grid-template-columns:1fr}.builder-panel{min-height:820px}.builder-footer{align-items:stretch;flex-direction:row}.secondary-controls{flex:0 0 auto}.run-button{width:auto}}.admin-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;color:#18243a;background:#f3f4f6}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px 17px;color:#fff;background:radial-gradient(circle at 10% 0%,rgba(255,119,88,.16),transparent 12rem),#111f35;box-shadow:8px 0 28px #14213414;z-index:20}.admin-brand{display:flex;align-items:center;gap:11px;margin:0 7px 29px;color:inherit;text-decoration:none}.admin-brand>span{width:39px;height:39px;display:grid;place-items:center;color:#fff7da;background:linear-gradient(145deg,#ff8762,#f15d43);border-radius:12px 12px 12px 5px}.admin-brand div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:4px}.admin-brand strong,.admin-brand b{font-size:11px;letter-spacing:.08em}.admin-brand b{color:#ff8263}.admin-brand small{grid-column:1 / 3;margin-top:2px;color:#8492a9;font-size:7px;font-weight:800;letter-spacing:.2em}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav button{min-height:48px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:7px;padding:7px 10px;color:#8998af;text-align:left;background:transparent;border:0;border-radius:9px;cursor:pointer;transition:.15s ease}.admin-sidebar nav button:hover{color:#d9e0ea;background:#ffffff0b}.admin-sidebar nav button.is-active{color:#fff;background:#22334f;box-shadow:inset 3px 0 #ff7657}.admin-sidebar nav button>span{display:flex;flex-direction:column}.admin-sidebar nav button strong{font-size:11px;font-weight:700}.admin-sidebar nav button small{margin-top:1px;color:#738199;font-size:8px}.admin-sidebar nav button em{min-width:22px;padding:3px 6px;color:#ffb7a4;background:#ff77581f;border-radius:9px;font-size:8px;font-style:normal;text-align:center}.admin-sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:9px;padding:13px 10px;background:#ffffff09;border:1px solid rgba(255,255,255,.05);border-radius:10px}.admin-sidebar-footer>div{display:flex;flex-direction:column}.admin-sidebar-footer strong{font-size:9px}.admin-sidebar-footer small{color:#77869e;font-size:7px}.system-dot{width:8px;height:8px;background:#58d1af;border-radius:50%;box-shadow:0 0 0 4px #58d1af1c}.admin-workspace{min-width:0}.admin-topbar{position:sticky;top:0;z-index:15;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:#ffffffeb;border-bottom:1px solid #e1e3e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-breadcrumb{display:flex;align-items:center;gap:7px;color:#9a9fa9;font-size:9px;font-weight:700}.admin-breadcrumb strong{color:#465066}.admin-top-actions{display:flex;align-items:center;gap:10px}.save-state{color:#9398a3;font-size:8px}.save-state:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;background:#58cdb2;border-radius:50%}.save-state.is-dirty:before{background:#f2ad46}.admin-save,.admin-primary,.admin-secondary,.open-game-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:8px;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none;transition:.15s ease}.admin-save,.admin-primary{color:#fff;background:#152742;border:0;box-shadow:0 5px 11px #15274224}.admin-primary:hover,.admin-save:hover:not(:disabled){background:#203959;transform:translateY(-1px)}.admin-save:disabled{opacity:.35;cursor:default}.admin-secondary{color:#525e71;background:#fff;border:1px solid #d9dce1}.admin-secondary:hover{border-color:#aeb4bf}.admin-avatar{width:32px;height:32px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5fd0b5,#3aa38f);border-radius:50%;font-size:10px;font-weight:800}.admin-content{width:min(1380px,100%);margin:0 auto;padding:30px 34px 50px}.admin-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-overline{display:block;margin-bottom:4px;color:#e76148;font-size:7px;font-weight:900;letter-spacing:.18em}.admin-page-heading h1{margin:0;color:#16243a;font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.035em}.admin-page-heading p{margin:5px 0 0;color:#858b96;font-size:11px}.open-game-button{height:40px;color:#fff;background:linear-gradient(135deg,#ff805f,#ee5d43);box-shadow:0 7px 16px #ee5d4333}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric-card{min-height:111px;display:flex;align-items:center;gap:13px;padding:17px;background:#fff;border:1px solid #e0e2e6;border-radius:12px;box-shadow:0 4px 12px #1f283709}.metric-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px}.metric-icon--orange{color:#df654b;background:#feece6}.metric-icon--purple{color:#735fbd;background:#eeeafe}.metric-icon--yellow{color:#a87816;background:#fff3ce}.metric-icon--mint{color:#218875;background:#ddf6ef}.metric-card>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px}.metric-card span{grid-column:1 / 3;color:#8b9099;font-size:8px;font-weight:700}.metric-card strong{color:#1b2940;font-size:26px;line-height:1.2}.metric-card small{color:#9ca0a8;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:17px;margin-bottom:17px}.admin-card,.editor-card{background:#fff;border:1px solid #e0e2e6;border-radius:13px;box-shadow:0 4px 14px #1f283709}.admin-card{padding:19px}.admin-card-heading,.editor-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px}.admin-card-heading h2,.editor-card-head h2{margin:0;color:#243148;font-size:15px;letter-spacing:-.02em}.admin-card-heading button{display:inline-flex;align-items:center;color:#727b89;background:transparent;border:0;font-size:8px;font-weight:700;cursor:pointer}.mission-summary-list{display:flex;flex-direction:column}.mission-summary{min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 2px;text-align:left;background:transparent;border:0;border-top:1px solid #eff0f2;cursor:pointer}.mission-order{width:30px;height:30px;display:grid;place-items:center;color:#69758a;background:#eff1f5;border-radius:8px;font:750 8px ui-monospace,monospace}.mission-summary div,.content-list button div,.asset-gallery button>div{min-width:0;display:flex;flex-direction:column;gap:2px}.mission-summary strong,.content-list button strong,.asset-gallery button strong{color:#364258;font-size:10px}.mission-summary small,.content-list button small,.asset-gallery button small{overflow:hidden;color:#9297a0;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:8px;font-size:7px;font-weight:800;white-space:nowrap}.status-pill--published{color:#1e846e;background:#e1f6ef}.status-pill--draft{color:#8c7755;background:#f2eee6}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-actions button{min-height:63px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 10px;text-align:left;background:#f8f9fa;border:1px solid #eff0f2;border-radius:9px;cursor:pointer}.quick-actions button:hover{border-color:#cad0d9;background:#fff}.quick-actions button>span{width:32px;height:32px;display:grid;place-items:center;color:#e26c52;background:#feebe6;border-radius:8px}.quick-actions button>div{display:flex;flex-direction:column}.quick-actions strong{color:#354157;font-size:9px}.quick-actions small{color:#9298a3;font-size:7px}.activity-card{padding-bottom:15px}.principle-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.principle-row>span{min-height:60px;display:flex;align-items:center;gap:10px;padding:10px;color:#71809a;background:#f8f9fa;border-radius:9px}.principle-row div{display:flex;flex-direction:column}.principle-row strong{color:#3b485e;font-size:9px}.principle-row small{color:#989da6;font-size:7px}.content-editor-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.content-list{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:#b9adcf transparent}.content-list button{flex:0 0 225px;min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:11px;cursor:pointer}.content-list button .status-pill{grid-column:auto}.content-list button.is-selected{border-color:#f48b72;box-shadow:0 0 0 2px #f48b721f}.editor-card{min-width:0;padding:22px}.editor-card-head{margin-bottom:5px;border-bottom:1px solid #eceef1}.editor-card-head>div:first-child{min-width:0;display:flex;flex-direction:column}.editor-card-head>div:last-child{display:flex;gap:7px}.editor-card-head span{overflow:hidden;color:#a0a4ac;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.form-section{padding:18px 0 6px;border-bottom:1px solid #eef0f2}.form-section:last-child{border-bottom:0}.form-section h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#495469;font-size:10px}.form-section h3>span{width:22px;height:22px;display:grid;place-items:center;color:#d65e45;background:#feebe6;border-radius:6px;font-size:8px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-field{min-width:0;display:flex;flex-direction:column;gap:5px;color:#656e7e;font-size:8px;font-weight:750}.admin-field--wide{grid-column:1 / -1}.admin-field input,.admin-field textarea,.admin-field select,.badge-admin-list input,.badge-admin-list textarea,.badge-admin-list select{width:100%;color:#303c50;background:#fafafa;border:1px solid #dfe2e6;border-radius:8px;font:500 10px inherit;outline:0}.admin-field input,.admin-field select{height:36px;padding:0 10px}.admin-field textarea{padding:9px 10px;line-height:1.55;resize:vertical}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{background:#fff;border-color:#749be1;box-shadow:0 0 0 3px #4f7ed61a}.admin-field input[type=color]{padding:4px}.admin-field input[type=range]{padding:0;border:0}.admin-field small{color:#a0a5ae;font-size:7px;font-weight:500}.admin-field output{align-self:flex-end;margin-top:-24px;padding-right:7px;color:#6d7583;font-size:8px;pointer-events:none}.command-unlocks{display:flex;flex-wrap:wrap;gap:7px;padding:10px;background:#f7f8fa;border:1px solid #e2e5e9;border-radius:9px}.command-unlocks label{display:flex;align-items:center;gap:6px;padding:7px 9px;color:#586477;background:#fff;border:1px solid #dde1e6;border-radius:7px;cursor:pointer;font-size:8px;font-weight:700}.command-unlocks label:has(input:checked){color:#176f61;background:#e8f7f2;border-color:#9fd7c8}.command-unlocks input{width:13px;height:13px;accent-color:#39a78e}.admin-empty{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;color:#9ba1ab;background:#fff;border:1px dashed #d4d7dd;border-radius:12px;font-size:10px}.asset-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(390px,1.28fr);align-items:start;gap:18px}.asset-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-gallery button{min-height:148px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:11px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:11px;cursor:pointer}.asset-gallery button.is-selected{border-color:#f48b72;box-shadow:0 0 0 2px #f48b721f}.character-preview,.world-preview{height:67px;display:grid;place-items:center;color:#fff;border-radius:9px;font-size:28px;font-weight:900}.character-preview img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.character-preview .sprite-sheet-frame,.character-preview .mapped-sprite-frame{border-radius:inherit}.world-preview{background:linear-gradient(145deg,var(--world-a),var(--world-b))}.asset-gallery .status-pill{margin-top:auto}.asset-editor{min-height:490px}.character-hero-preview,.world-hero-preview{height:144px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin:8px 0 20px;color:#fff;border-radius:12px}.character-hero-preview{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--character-color) 66%,white),var(--character-color))}.character-hero-preview>span{width:70px;height:70px;display:grid;place-items:center;color:#fff;background:#ffffff2b;border:3px solid rgba(255,255,255,.6);border-radius:50%;font-size:33px}.character-hero-preview>span:has(img){overflow:hidden;background:#fff}.character-hero-preview>span:has(.sprite-sheet-frame),.character-hero-preview>span:has(.mapped-sprite-frame){overflow:visible;background:transparent;border-color:#ffffff4d}.character-hero-preview img{width:100%;height:100%;object-fit:cover}.character-hero-preview strong,.world-hero-preview span{font-size:11px}.world-obstacle-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-8px 0 20px}.world-obstacle-preview>span{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden;color:#2a1a5e;background:#f4f1fc;border-radius:10px;font-size:28px}.world-obstacle-preview img{width:54px;height:54px;object-fit:contain}.world-obstacle-preview .sprite-sheet-frame{width:54px;height:54px}.world-obstacle-preview small{color:#77718f;font-size:8px;font-weight:700}.admin-image-field{padding:10px;background:#f7f5fc;border:1px solid #e4dff4;border-radius:10px}.admin-sprite-editor{padding:12px;background:#f8fbff;border:1px solid #dce8f8;border-radius:12px}.admin-sprite-editor>.admin-toggle{margin:0;background:#eef5ff}.admin-sprite-settings{display:grid;grid-template-columns:150px minmax(0,1fr);gap:15px;margin-top:13px}.admin-sprite-preview{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:13px;color:#77718f;background:#20283c;border-radius:11px;text-align:center}.admin-sprite-preview>.sprite-sheet-frame{width:112px;height:112px}.admin-sprite-preview>span:not(.sprite-sheet-frame){max-width:110px;color:#d8e2f2;font-size:10px;line-height:1.45}.admin-sprite-preview small{color:#aebbd0;font-size:8px}.admin-sprite-grid{align-content:start}.admin-toggle--pixel-art{align-self:end}.admin-atlas-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;color:#24558f;background:#eaf5ff;border:1px solid #c7e2fa;border-radius:11px}.admin-atlas-notice svg{flex:0 0 auto;margin-top:2px}.admin-atlas-notice>div{display:flex;flex-direction:column;gap:2px}.admin-atlas-notice strong{color:#153d78;font-size:11px}.admin-atlas-notice small{color:#66809e;font-size:9px;line-height:1.5}.admin-hero-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-hero-profile>span{display:flex;flex-direction:column;gap:2px;padding:11px;color:#4f6786;background:#f4f7fc;border-radius:10px}.admin-hero-profile strong{color:#243f67;font-size:10px}.admin-hero-profile small{font-size:8px;line-height:1.45}.admin-image-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.admin-upload-button,.admin-clear-image{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;color:#fff;background:#6d3fe0;border:0;border-radius:8px;font-size:9px;font-weight:750;cursor:pointer;white-space:nowrap}.admin-upload-button input{display:none}.admin-clear-image{width:36px;padding:0;color:#a5233a;background:#fde9ed}.admin-image-field>small{margin-top:2px}.admin-page-heading p,.admin-card p{font-size:11px}.admin-field{font-size:10px}.admin-field input,.admin-field textarea,.admin-field select,.badge-admin-list input,.badge-admin-list textarea,.badge-admin-list select{font-size:12px}.story-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.story-timeline{position:relative;display:flex;flex-direction:column;gap:8px}.story-timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:20px;width:1px;background:#d5d8dd}.story-timeline button{position:relative;min-height:61px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:8px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:10px;cursor:pointer}.story-timeline button>span{z-index:1;width:27px;height:27px;display:grid;place-items:center;color:#7f8897;background:#edf0f3;border:3px solid #f3f4f6;border-radius:50%;font-size:8px;font-weight:800}.story-timeline button.is-selected{border-color:#f48b72}.story-timeline button.is-selected>span{color:#fff;background:#ee7155}.story-timeline button div{min-width:0;display:flex;flex-direction:column}.story-timeline strong{overflow:hidden;color:#404b5e;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.story-timeline small{color:#999fa8;font-size:7px}.story-editor{padding-left:28px}.lesson-fields{margin:10px 0 17px;padding:14px;background:#f7f5fc;border:1px solid #e4dff4;border-radius:10px}.story-chapter{display:grid;grid-template-columns:29px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid #eceef1}.story-chapter>span{width:27px;height:27px;display:grid;place-items:center;color:#e26b51;background:#feebe6;border-radius:7px;font:800 8px ui-monospace,monospace}.teacher-solution{display:flex;flex-direction:column;gap:6px;margin-top:16px;padding:12px;color:#5c566a;background:#f2effa;border:1px solid #ddd5f0;border-radius:9px}.teacher-solution strong{font-size:8px;letter-spacing:.08em}.teacher-solution code{overflow-x:auto;color:#674da7;font-size:9px;white-space:nowrap}.gamification-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:start}.xp-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-toggle{grid-column:1 / -1;min-height:55px;display:flex;align-items:center;gap:10px;padding:10px;background:#f7f8fa;border-radius:9px;cursor:pointer}.admin-toggle input{display:none}.admin-toggle>span{width:34px;height:19px;position:relative;background:#c7cbd1;border-radius:12px;transition:.2s}.admin-toggle>span:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.2s}.admin-toggle input:checked+span{background:#56bea5}.admin-toggle input:checked+span:after{transform:translate(15px)}.admin-toggle div{display:flex;flex-direction:column}.admin-toggle strong{font-size:9px}.admin-toggle small{color:#9298a2;font-size:7px}.badge-admin-list{display:flex;flex-direction:column;gap:8px}.badge-admin-list article{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px;background:#f8f9fa;border-radius:10px}.badge-admin-list article>span:first-child{width:66px;height:66px;display:grid;place-items:center;overflow:hidden;background:#fff0c5;border-radius:14px;font-size:24px}.badge-admin-list article>span:first-child img{width:100%;height:100%;object-fit:contain}.badge-admin-list article>div{display:flex;flex-direction:column;gap:4px}.badge-admin-list input,.badge-admin-list textarea,.badge-admin-list select{padding:6px 8px}.badge-admin-list input{font-weight:750}.badge-admin-list textarea{min-height:46px;resize:vertical}.leaderboard-card{padding:0;overflow:hidden}.leaderboard-note{display:flex;align-items:center;gap:10px;padding:15px 18px;color:#7f641a;background:#fff7dc;border-bottom:1px solid #efe0ad}.leaderboard-note>div{display:flex;flex-direction:column}.leaderboard-note strong{font-size:9px}.leaderboard-note span{color:#99865c;font-size:7px}.leaderboard-table{overflow-x:auto}.leaderboard-row{min-width:770px;min-height:59px;display:grid;grid-template-columns:55px 1.1fr 1.6fr 70px 80px 130px;align-items:center;gap:10px;padding:8px 18px;color:#656f7f;border-top:1px solid #eceef1;font-size:9px}.leaderboard-head{min-height:39px;color:#999fa8;background:#fafafa;border-top:0;font-size:7px;font-weight:800;text-transform:uppercase}.leaderboard-row>span{min-width:0}.leaderboard-row>span:nth-child(2){display:flex;flex-direction:column}.leaderboard-row strong{color:#344157}.leaderboard-row small{color:#a0a5ad;font-size:7px}.rank{font-size:17px}.score{color:#e2684d;font-weight:850}.audio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.audio-library{display:flex;flex-direction:column;gap:8px}.audio-library button{min-height:66px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px;padding:9px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:10px;cursor:pointer}.audio-library button.is-selected{border-color:#7c8edc;box-shadow:0 0 0 2px #7c8edc1f}.audio-library button>div{display:flex;flex-direction:column}.audio-library button strong{color:#3d485c;font-size:9px}.audio-library button small{color:#969ca6;font-size:7px}.audio-library .status-pill{grid-column:2}.audio-wave{height:39px;display:flex;align-items:center;justify-content:center;gap:2px;color:#6f7ec6;background:#ebedfb;border-radius:8px}.audio-wave i{width:2px;height:9px;background:currentColor;border-radius:2px}.audio-wave i:nth-child(2),.audio-wave i:nth-child(4){height:19px}.audio-wave i:nth-child(3){height:27px}.audio-play{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;color:#fff;background:#6b7bc7;border:0;border-radius:8px;font-size:8px;font-weight:800;cursor:pointer}.audio-play.is-playing{background:#4fa98f}.audio-visualizer{height:112px;display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 20px;color:#7a8bd5;background:linear-gradient(145deg,#182744,#22385c);border-radius:11px}.audio-visualizer span{width:4px;height:19px;background:currentColor;border-radius:3px;animation:audioBars .8s ease-in-out infinite alternate}.audio-visualizer span:nth-child(3n){height:52px;animation-delay:-.4s}.audio-visualizer span:nth-child(2n){height:35px;animation-delay:-.2s}@keyframes audioBars{to{transform:scaleY(.35);opacity:.55}}.admin-toast{position:fixed;z-index:100;right:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:12px 15px;color:#fff;background:#1d806c;border-radius:9px;box-shadow:0 12px 30px #16373140;font-size:9px;font-weight:750;animation:rewardIn .3s ease-out}.is-spinning{animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-sign-out{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:#657084;background:#fff;border:1px solid #daddE3;border-radius:8px;font-size:8px;font-weight:750;cursor:pointer}.admin-sign-out:hover{color:#a73549;border-color:#e7b4bd;background:#fff8f9}.admin-password-button:hover{color:var(--brand-turquoise-dark);border-color:var(--brand-turquoise);background:var(--brand-turquoise-soft)}.admin-password-backdrop{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px;background:#091a2a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-password-dialog{width:min(440px,100%);padding:25px;background:#fff;border:1px solid var(--brand-border);border-radius:18px;box-shadow:0 28px 80px #081d2d47}.admin-password-heading{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-bottom:20px}.admin-password-heading>span{width:42px;height:42px;display:grid;place-items:center;color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft);border-radius:12px}.admin-password-heading h2{margin:0;color:var(--brand-navy);font-size:21px}.admin-password-heading p{margin:2px 0 0;color:var(--brand-muted);font-size:12px}.admin-password-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:5px}.admin-password-actions .admin-secondary,.admin-password-actions .admin-access-submit{width:100%;margin:0}.admin-operation-error{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-bottom:16px;padding:11px 13px;color:#9c3145;background:#fff1f3;border:1px solid #f0c7ce;border-radius:10px;font-size:10px}.admin-operation-error button{color:inherit;background:transparent;border:0;font-size:18px;cursor:pointer}.mission-validation-errors{align-items:start}.mission-validation-errors strong{display:block;margin-bottom:4px}.mission-validation-errors ul{margin:0;padding-left:17px;line-height:1.55}.admin-data-state{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667287;text-align:center;background:#fff;border:1px solid #e0e2e6;border-radius:13px}.admin-data-state h1{margin:5px 0 0;color:#243148;font-size:22px}.admin-data-state p{max-width:520px;margin:0;color:#8d94a0;font-size:11px}.admin-data-state--error>svg{color:#c44c60}.admin-data-state .admin-primary{margin-top:8px}.admin-field-error{display:flex;align-items:center;gap:5px;color:#a73549;font-size:8px;font-weight:650}.admin-upload-button.is-loading{opacity:.72;cursor:wait}.admin-access-page{min-height:100vh;display:grid;place-items:center;padding:24px;font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(255,124,91,.2),transparent 28rem),radial-gradient(circle at 90% 80%,rgba(88,209,175,.16),transparent 30rem),#111f35}.admin-access-card{width:min(470px,100%);padding:31px;color:#29364c;background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 28px 70px #040d1d4d}.admin-access-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px;color:#172742;text-decoration:none}.admin-access-brand>span{width:46px;height:46px;display:grid;place-items:center;color:#fff7da;background:linear-gradient(145deg,#ff8762,#f15d43);border-radius:14px 14px 14px 6px}.admin-access-brand>div{display:flex;flex-direction:column}.admin-access-brand strong{font-size:13px;letter-spacing:.07em}.admin-access-brand small{color:#8b95a5;font-size:8px;font-weight:800;letter-spacing:.18em}.admin-access-heading{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-bottom:21px}.admin-access-heading>span{width:42px;height:42px;display:grid;place-items:center;color:#5e4bb0;background:#eeeafe;border-radius:12px}.admin-access-heading h1{margin:0;color:#17253b;font-size:23px;line-height:1.2}.admin-access-heading p{margin:4px 0 0;color:#7f8794;font-size:10px;line-height:1.55}.admin-access-error{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 11px;color:#9c3145;background:#fff1f3;border:1px solid #f0c7ce;border-radius:9px;font-size:9px;line-height:1.5}.admin-access-error svg{flex:0 0 auto;margin-top:1px}.admin-access-form{display:flex;flex-direction:column;gap:13px}.admin-access-form label{display:flex;flex-direction:column;gap:5px;color:#5f6878;font-size:9px;font-weight:750}.admin-access-form input{width:100%;height:43px;padding:0 12px;color:#26354b;background:#fafafa;border:1px solid #dce0e5;border-radius:9px;font:500 12px inherit;outline:0}.admin-access-form input:focus{background:#fff;border-color:#735fbd;box-shadow:0 0 0 3px #735fbd1f}.admin-access-submit{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;color:#fff;background:#172a47;border:0;border-radius:9px;font:800 10px Kanit,sans-serif;cursor:pointer;box-shadow:0 8px 18px #172a472e}.admin-access-submit:hover:not(:disabled){background:#243d63}.admin-access-submit:disabled{opacity:.5;cursor:default}.admin-access-loading{min-height:100px;display:flex;align-items:center;justify-content:center;gap:9px;color:#6f7888;font-size:10px}.admin-access-loading svg{animation:adminSpin .8s linear infinite}.admin-access-help{margin:15px 0 0;color:#9299a5;font-size:8px;line-height:1.55;text-align:center}@media(max-width:1050px){.admin-shell{grid-template-columns:74px minmax(0,1fr)}.admin-sidebar{padding-left:10px;padding-right:10px}.admin-brand{margin-left:7px}.admin-brand div,.admin-sidebar nav button>span,.admin-sidebar nav button em,.admin-sidebar-footer>div{display:none}.admin-sidebar nav button{display:grid;grid-template-columns:1fr;place-items:center}.admin-sidebar-footer{justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-form-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-shell{display:block}.admin-sidebar{position:static;width:100%;height:auto;padding:10px 12px}.admin-brand{margin:0 0 10px}.admin-brand div{display:grid}.admin-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:3px}.admin-sidebar nav button{min-width:47px}.admin-sidebar-footer{display:none}.admin-topbar{top:0;padding:0 15px}.admin-breadcrumb,.save-state{display:none}.admin-top-actions{margin-left:auto}.admin-content{padding:23px 15px 40px}.admin-page-heading{flex-direction:column}.metric-grid,.dashboard-grid,.content-editor-layout,.asset-layout,.story-layout,.gamification-grid,.audio-layout,.admin-sprite-settings{grid-template-columns:1fr}.admin-sprite-preview{min-height:135px}.principle-row{grid-template-columns:repeat(2,1fr)}.content-list{display:flex}.tutorial-card{grid-template-columns:1fr;max-height:calc(100vh - 30px);overflow-y:auto}.tutorial-scene{min-height:205px}.tutorial-character{width:100px;height:100px;bottom:46px;border-width:6px}.tutorial-character b{font-size:44px}.tutorial-character-name{bottom:10px}.tutorial-dialogue{padding:25px 25px 22px}.tutorial-copy{min-height:220px}}@media(max-width:480px){.metric-grid,.asset-gallery,.admin-form-grid,.admin-form-grid--four,.xp-rules,.principle-row{grid-template-columns:1fr}.admin-field--wide,.admin-toggle{grid-column:auto}.admin-page-heading h1{font-size:25px}.editor-card{padding:16px}.editor-card-head{align-items:flex-start;flex-direction:column}.tutorial-backdrop{padding:10px}.tutorial-dialogue{padding:20px 18px}.tutorial-dialogue h2{font-size:20px}.tutorial-dialogue footer{align-items:stretch;flex-direction:column}.tutorial-buttons{justify-content:flex-end}}.block-accessible-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.coding-block-artwork{position:relative;width:100%;min-width:0;display:block;line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none}.coding-block-artwork>span:first-child{width:100%;display:block}.coding-block-artwork img,.coding-block-artwork svg{width:100%;height:auto;display:block;overflow:visible}.coding-block-custom-icon{position:absolute;z-index:2;left:2%;top:19%;width:14.4%;aspect-ratio:1;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--custom-block-base) 78%,white);border:1px solid color-mix(in srgb,var(--custom-block-edge) 68%,transparent);border-radius:50%}.coding-block-custom-icon>svg{width:52%;height:52%}.toolbox-block.coding-block-card,.drag-preview.coding-block-card{min-height:0;padding:0;overflow:visible;clip-path:none;background:transparent;border:0;border-radius:0;box-shadow:none}.toolbox-block.coding-block-card:hover{border:0;box-shadow:none;filter:drop-shadow(0 6px 5px rgba(55,38,104,.2));transform:translateY(-2px)}.toolbox-block.coding-block-card .add-block-button{z-index:2;right:7px;top:50%;translate:0 -50%;color:#4e2db8;background:#fffffff0;border:1px solid rgba(78,45,184,.16);box-shadow:0 2px 6px #2a1a5e33}.toolbox-block.coding-block-card .add-block-button:hover{color:#fff;background:#4e2db8}.program-block.coding-block-card{min-height:0;grid-template-columns:22px 22px minmax(0,1fr);gap:0;padding:0;clip-path:none;background:transparent;border:0;border-radius:11px;box-shadow:none}.program-block.coding-block-card.is-active{box-shadow:0 0 0 4px #ffc53d7a,0 8px 15px #4e2db82e}.program-block.coding-block-card.has-error{box-shadow:0 0 0 4px #d1344a47,0 8px 15px #d1344a24}.program-block.coding-block-card .step-number{color:#84779f;font-size:8px}.program-block.coding-block-card .drag-handle{z-index:2;color:#6f6092}.program-block.coding-block-card .program-block-face{min-width:0;width:100%}.program-block.coding-block-card .coding-block-artwork--control{aspect-ratio:4 / 1;overflow:hidden}.program-block.coding-block-card .coding-block-artwork--control>img,.program-block.coding-block-card .coding-block-artwork--control>svg{width:100%;height:auto;max-width:none}.coding-block-artwork--structural{height:clamp(48px,5.4vw,60px);overflow:hidden}.coding-block-artwork--structural img{width:100%;height:100%;object-fit:fill}.program-block.coding-block-card .repeat-count{position:absolute;z-index:4;right:10px;top:50%;height:25px;translate:0 -50%;color:#5a2988;background:#fffffff2;border:1px solid rgba(90,41,136,.18);box-shadow:0 2px 5px #3b1e6729}.program-block.coding-block-card .block-actions{position:absolute;z-index:5;right:5px;top:-31px;padding:2px;color:#4e2db8;background:#fff;border:1px solid #e1daf5;border-radius:9px;box-shadow:0 5px 13px #2a1a5e2b}.program-block.coding-block-card .block-actions button,.program-block.coding-block-card.tone-turn .block-actions button{color:#6d3fe0}.program-block.coding-block-card.block-shape-repeat:before{left:37px;top:31px;width:9px;background:var(--custom-block-base, #3189d9);box-shadow:3px 0 0 var(--custom-block-edge, #2163aa)}.program-block.coding-block-card.block-shape-end-repeat{min-height:20px;margin-top:-7px;margin-left:37px!important;border:0;border-bottom:9px solid var(--custom-block-base, #3189d9);border-left:9px solid var(--custom-block-base, #3189d9);border-radius:0 0 0 13px;box-shadow:-3px 3px 0 var(--custom-block-edge, #2163aa)}.program-block.block-shape-end-repeat .step-number,.program-block.block-shape-end-repeat .drag-handle,.program-block.block-shape-end-repeat .program-block-face,.program-block.block-shape-end-repeat .block-actions{display:none}.drag-preview.coding-block-card{width:230px;opacity:.96;filter:drop-shadow(0 15px 15px rgba(24,34,51,.25))}@media(max-width:480px){.toolbox-list{grid-template-columns:1fr}.program-block.coding-block-card{grid-template-columns:20px 20px minmax(0,1fr)}.program-block.coding-block-card.block-shape-repeat:before{left:33px}}.block-style-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}.block-style-list{display:flex;flex-direction:column;gap:7px}.block-style-list>button{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) 9px;align-items:center;gap:10px;padding:8px 10px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:11px;cursor:pointer;transition:.16s ease}.block-style-list>button:hover,.block-style-list>button.is-selected{border-color:#8772d5;box-shadow:0 0 0 2px #6d3fe01a;transform:translate(2px)}.block-style-list-icon{width:36px;height:36px;display:grid;place-items:center;color:#fff;border:2px solid;border-radius:10px}.block-style-list>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.block-style-list strong{color:#344157;font-size:10px}.block-style-list small{overflow:hidden;color:#9aa0aa;font-size:7px;text-overflow:ellipsis}.block-style-list i{width:8px;height:32px;border-radius:8px}.block-style-editor{min-height:620px}.block-style-current-icon{width:41px;height:41px;display:grid;place-items:center;color:#6d3fe0;background:#eee8ff;border-radius:12px}.admin-block-preview{min-height:190px;display:grid;place-items:center;margin:8px 0 22px;padding:30px;overflow:hidden;background-color:#f5f2fc;background-image:radial-gradient(#d4c9ed 1px,transparent 1px);background-size:16px 16px;border-radius:15px}.admin-block-preview .coding-block-artwork{width:min(100%,600px)}.block-color-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-color-control{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px}.admin-color-control input[type=color]{width:55px;height:39px;padding:3px;cursor:pointer}.admin-color-control code{display:flex;align-items:center;padding:0 9px;color:#515c70;background:#f7f7f9;border:1px solid #dfe1e5;border-radius:7px;font-size:9px}.block-icon-section{margin-top:23px;padding-top:20px;border-top:1px solid #ececf0}.block-icon-section>div:first-child{display:flex;flex-direction:column;margin-bottom:12px}.block-icon-section>div:first-child strong{color:#344157;font-size:11px}.block-icon-section>div:first-child small{color:#9198a5;font-size:8px}.block-icon-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.block-icon-picker button{min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 4px;color:#687287;background:#fafafd;border:1px solid #e1e2e7;border-radius:10px;cursor:pointer}.block-icon-picker button span{font-size:7px}.block-icon-picker button:hover{color:#6d3fe0;border-color:#b8a8ee}.block-icon-picker button.is-selected{color:#fff;background:#6d3fe0;border-color:#6d3fe0;box-shadow:0 4px #4e2db8}@media(max-width:900px){.block-style-layout{grid-template-columns:1fr}.block-style-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.block-style-list,.block-color-fields{grid-template-columns:1fr}.block-icon-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-block-preview{min-height:135px;padding:16px}}.hero-select-page{--hero-select-navy: #082d73;min-height:100vh;overflow-x:hidden;color:#17315d;font-family:Kanit,Noto Sans Thai,system-ui,sans-serif;background:radial-gradient(circle at 12% 18%,rgba(70,196,255,.22),transparent 25rem),radial-gradient(circle at 88% 72%,rgba(255,206,70,.18),transparent 28rem),linear-gradient(155deg,#072d72 0 32%,#155fbc 32% 55%,#eaf6ff 55% 100%)}.hero-select-header{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 clamp(20px,5vw,70px);color:#fff;background:#05235bb8;border-bottom:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-select-header .brand-logo--home{width:220px;height:auto;justify-self:start}.hero-select-back,.hero-select-member{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:#e4f3ff;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:12px;font:750 12px inherit;cursor:pointer}.hero-select-member{justify-self:end}.hero-select-member>span{width:28px;height:28px;display:grid;place-items:center;color:#194a94;background:#ffdc4c;border-radius:9px;font-weight:900}.hero-select-intro{max-width:790px;margin:0 auto;padding:42px 24px 28px;color:#fff;text-align:center}.hero-select-intro>span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:#07337d;background:#ffdc4c;border:2px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 4px #c89413;font-size:10px;font-weight:900;letter-spacing:.12em}.hero-select-intro h1{margin:17px 0 7px;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.12;text-shadow:0 5px 0 rgba(3,34,92,.28)}.hero-select-intro p{max-width:680px;margin:0 auto;color:#d9efff;font-size:14px;line-height:1.7}.hero-select-layout{width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,.98fr) minmax(390px,1.02fr);align-items:stretch;gap:22px;margin:0 auto;padding-bottom:55px}.hero-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-class-card{position:relative;min-height:285px;display:grid;grid-template-rows:185px auto;overflow:hidden;padding:0;text-align:left;background:linear-gradient(155deg,color-mix(in srgb,var(--hero-accent) 16%,#fff),#fff 62%);border:4px solid rgba(255,255,255,.92);border-radius:22px;box-shadow:0 9px #052b662e,0 19px 35px #05255b29;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hero-class-card:hover{transform:translateY(-4px);box-shadow:0 13px #052b6629,0 24px 40px #05255b33}.hero-class-card.is-selected{border-color:#ffdf50;box-shadow:0 0 0 4px color-mix(in srgb,var(--hero-accent) 54%,transparent),0 11px #052b662e,0 25px 44px #05255b3d}.hero-card-check{position:absolute;z-index:5;top:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;opacity:0;color:#163873;background:#ffdf50;border:2px solid #fff;border-radius:50%;transform:scale(.65);transition:.2s}.hero-class-card.is-selected .hero-card-check{opacity:1;transform:scale(1)}.hero-card-portrait{position:relative;display:grid;place-items:center;padding:7px 15px 0;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--hero-accent) 30%,white),transparent 56%)}.hero-card-portrait:after{content:"";position:absolute;width:55%;height:14px;left:22.5%;bottom:14px;background:#11294829;border-radius:50%;filter:blur(5px)}.hero-card-portrait>.mapped-sprite-frame{position:relative;z-index:2;width:94%;height:178px;overflow:visible;filter:drop-shadow(0 8px 5px rgba(15,36,67,.24))}.hero-card-portrait>img{max-width:100%;max-height:175px;object-fit:contain}.hero-card-copy{display:flex;flex-direction:column;padding:13px 15px 15px;border-top:1px solid color-mix(in srgb,var(--hero-accent) 16%,#e4eaf3)}.hero-card-copy small{color:var(--hero-accent);font-size:9px;font-weight:900;letter-spacing:.08em}.hero-card-copy strong{margin-top:2px;color:#16315e;font-size:16px}.hero-card-copy em{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 8px;color:color-mix(in srgb,var(--hero-accent) 82%,#17315d);background:color-mix(in srgb,var(--hero-accent) 10%,#fff);border-radius:8px;font-size:9px;font-style:normal;font-weight:750}.hero-selected-panel{min-height:585px;display:grid;grid-template-columns:minmax(190px,.82fr) minmax(220px,1.18fr);overflow:hidden;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--hero-accent) 78%,#12336e),#0b2d65 75%);border:5px solid rgba(255,255,255,.88);border-radius:28px;box-shadow:0 12px #052b6633,0 27px 52px #03205245}.hero-selected-art{position:relative;min-height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.24),transparent 53%)}.hero-selected-art:before{content:"";position:absolute;width:260px;height:260px;border:2px dashed rgba(255,255,255,.22);border-radius:50%;animation:heroSelectOrbit 15s linear infinite}.hero-selected-art>.mapped-sprite-frame{position:relative;z-index:2;width:115%;height:330px;overflow:visible;filter:drop-shadow(0 16px 8px rgba(2,20,52,.38))}.hero-selected-art>img{max-width:100%;max-height:340px;object-fit:contain}.hero-selected-art>i{position:absolute;z-index:1;width:64%;height:20px;bottom:18%;background:#00123357;border-radius:50%;filter:blur(7px)}.hero-selected-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:32px 28px 30px 8px}.hero-selected-kicker{color:#ffdf58;font-size:9px;font-weight:950;letter-spacing:.16em}.hero-selected-copy h2{margin:5px 0 0;color:#fff;font-size:28px;line-height:1.15}.hero-selected-copy>small{color:#cde7ff;font-size:11px;font-weight:800}.hero-selected-copy>p{margin:14px 0;color:#e1f1ff;font-size:12px;line-height:1.65}.hero-ability-card{display:grid;grid-template-columns:42px 1fr;align-items:start;gap:10px;padding:12px;background:#ffffff1c;border:1px solid rgba(255,255,255,.16);border-radius:14px}.hero-ability-card>span{width:42px;height:42px;display:grid;place-items:center;color:#153d80;background:#ffdf58;border-radius:12px;box-shadow:0 4px #8456004d}.hero-ability-card div{display:flex;flex-direction:column}.hero-ability-card small{color:#bfddf7;font-size:8px}.hero-ability-card strong{color:#fff;font-size:14px}.hero-ability-card p{margin:2px 0 0;color:#d8eafa;font-size:9px;line-height:1.5}.hero-personality{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:#dceeff;font-size:10px;line-height:1.45}.hero-personality b{flex:0 0 auto;color:#ffdf58}.hero-start-adventure{min-height:51px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:19px;color:#123870;background:#ffdc4c;border:2px solid #fff4aa;border-radius:15px;box-shadow:0 6px #c88e0e;font:900 14px inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.hero-start-adventure:hover{transform:translateY(-2px);box-shadow:0 8px #c88e0e}@keyframes heroSelectOrbit{to{transform:rotate(360deg)}}@media(max-width:980px){.hero-select-layout{grid-template-columns:1fr}.hero-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-class-card{min-height:245px;grid-template-rows:155px auto}.hero-card-portrait>.mapped-sprite-frame{height:150px}.hero-card-copy strong{font-size:13px}.hero-card-copy em{font-size:8px}.hero-selected-panel{min-height:430px;grid-template-columns:.8fr 1.2fr}.hero-selected-art>.mapped-sprite-frame{height:300px}}@media(max-width:720px){.hero-select-header{grid-template-columns:1fr auto;min-height:70px;padding:9px 15px}.hero-select-header .brand-logo--home{width:145px}.hero-select-back{grid-row:2;grid-column:1 / -1;min-height:34px}.hero-select-member strong{display:none}.hero-select-intro{padding-top:30px}.hero-select-intro h1{font-size:35px}.hero-select-layout{width:calc(100% - 26px)}.hero-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-selected-panel{grid-template-columns:1fr}.hero-selected-art{min-height:285px}.hero-selected-art>.mapped-sprite-frame{width:86%;height:280px}.hero-selected-art>i{bottom:9%}.hero-selected-copy{padding:22px}}@media(max-width:430px){.hero-card-grid{gap:9px}.hero-class-card{min-height:225px;grid-template-rows:142px auto;border-width:3px;border-radius:17px}.hero-card-portrait>.mapped-sprite-frame{height:138px}.hero-card-copy{padding:10px}.hero-card-copy small{font-size:7px}.hero-card-copy strong{font-size:12px}.hero-card-copy em{white-space:normal}}.story-heading-actions{display:flex;align-items:center;gap:8px}.story-slide-editor{min-width:0;padding-left:22px}.slide-builder{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;margin-top:18px}.slide-list{display:flex;flex-direction:column;gap:7px}.slide-list article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 25px;gap:3px;overflow:hidden;background:#fafafd;border:1px solid #e1e2e7;border-radius:10px;transition:.16s ease}.slide-list article:hover,.slide-list article.is-selected{background:#fff;border-color:#8b76d7;box-shadow:0 0 0 2px #6d3fe014}.slide-select{min-width:0;min-height:64px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 4px 8px 8px;color:#4d5870;text-align:left;background:transparent;border:0;cursor:pointer}.slide-select>span{width:29px;height:29px;display:grid;place-items:center;color:#6d3fe0;background:#eee8ff;border-radius:8px;font:800 8px ui-monospace,monospace}.slide-select>div{min-width:0;display:flex;flex-direction:column}.slide-select strong,.slide-select small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slide-select strong{color:#39465c;font-size:9px}.slide-select small{color:#999fab;font-size:7px}.slide-select>svg{color:#e26c52}.slide-order-actions{display:flex;flex-direction:column;align-self:stretch;border-left:1px solid #ececf0}.slide-order-actions button,.slide-form-toolbar button{display:grid;place-items:center;color:#747d8d;background:transparent;border:0;cursor:pointer}.slide-order-actions button{flex:1;width:25px}.slide-order-actions button+button{border-top:1px solid #ececf0}.slide-order-actions button:hover:not(:disabled),.slide-form-toolbar button:hover:not(:disabled){color:#6d3fe0;background:#f1edfc}.slide-order-actions button:disabled,.slide-form-toolbar button:disabled{opacity:.28;cursor:default}.slide-add-inline{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;color:#6d3fe0;background:#f5f2fc;border:1px dashed #b9a9eb;border-radius:9px;font-size:8px;font-weight:800;cursor:pointer}.slide-form{min-width:0;padding:15px;background:#fbfbfd;border:1px solid #e7e8ec;border-radius:12px}.slide-form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding-bottom:11px;border-bottom:1px solid #e8e9ed}.slide-form-toolbar>strong{color:#48546a;font-size:10px}.slide-form-toolbar>div{display:flex;gap:4px}.slide-form-toolbar button{width:29px;height:29px;border-radius:7px}.slide-form-toolbar button:last-child{color:#b94457}.admin-toggle--slide{margin-top:2px}.admin-video-preview{aspect-ratio:16 / 9;margin-top:15px;overflow:hidden;background:#10182a;border:1px solid #d9dce2;border-radius:11px}.admin-video-preview iframe,.admin-video-preview video,.tutorial-video-frame iframe,.tutorial-video-frame video{width:100%;height:100%;display:block;object-fit:contain;border:0}.slide-video-empty{width:100%;height:100%;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#e9e2ff;background:radial-gradient(circle at 50% 35%,#30345e,#141a2d 72%);text-align:center}.slide-video-empty strong{font-size:11px}.slide-video-empty span{color:#a8afc5;font-size:8px}.story-source-details{margin-top:17px;padding:12px 14px 2px;background:#fafafa;border:1px solid #e4e6ea;border-radius:10px}.story-source-details summary{color:#626d80;font-size:9px;font-weight:800;cursor:pointer}.tutorial-copy--video{justify-content:flex-start;min-height:270px;padding-top:16px}.tutorial-video-frame{aspect-ratio:16 / 9;margin-top:9px;overflow:hidden;background:#111a2b;border:1px solid #d5cdbf;border-radius:11px;box-shadow:0 8px 18px #19243721}.tutorial-video-frame .slide-video-empty{min-height:0}.tutorial-video-caption{margin:10px 0 3px!important;font-size:11px!important;line-height:1.55!important}@media(max-width:1080px){.slide-builder{grid-template-columns:1fr}.slide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.slide-add-inline{min-height:64px}}@media(max-width:760px){.story-heading-actions{width:100%}.story-heading-actions button{flex:1}.story-slide-editor{padding-left:16px}.slide-list{grid-template-columns:1fr}}@media(max-width:480px){.story-heading-actions{flex-direction:column;align-items:stretch}.slide-form{padding:11px}.tutorial-copy--video{min-height:200px}}.member-gate{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(430px,.9fr);color:#fff;background:#f7f3e8}.member-gate-story{position:relative;min-height:640px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px 58px 66px;background:radial-gradient(circle at 75% 17%,rgba(255,212,81,.8) 0 7%,transparent 7.4%),linear-gradient(145deg,#7245e5,#4a2cac 74%)}.member-gate-story:after{content:"";position:absolute;right:-14%;bottom:-30%;width:82%;aspect-ratio:1;background:#22165f57;border-radius:49% 51% 0 0;rotate:-14deg}.member-gate-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.1em}.member-gate-brand>span{width:42px;height:42px;display:grid;place-items:center;background:#ff7758;border-radius:13px 13px 13px 5px;box-shadow:0 5px #d54b32}.member-gate-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.member-gate-orbit--one{width:420px;height:420px;top:12%;right:-14%}.member-gate-orbit--two{width:680px;height:680px;top:-8%;right:-27%}.member-block-stack{position:absolute;z-index:2;top:29%;right:9%;width:230px;display:flex;flex-direction:column;align-items:flex-start;filter:drop-shadow(0 18px 18px rgba(25,12,81,.25));rotate:-7deg}.member-block-stack span{min-width:170px;margin-top:-3px;padding:13px 21px;font-size:12px;font-weight:850;border-radius:10px 14px 14px 10px;box-shadow:inset 0 -4px #00000021}.member-block-stack span:nth-child(1){color:#053c29;background:#77e1bd}.member-block-stack span:nth-child(2){min-width:205px;margin-left:12px;background:#5d9aff}.member-block-stack span:nth-child(3){min-width:190px;margin-left:3px;color:#5a3400;background:#ffc53d}.member-gate-copy{position:relative;z-index:3;max-width:540px}.member-gate-copy small{color:#d9ceff;font-size:10px;font-weight:900;letter-spacing:.2em}.member-gate-copy h1{margin:9px 0 15px;font-size:clamp(39px,5vw,67px);line-height:1.04;letter-spacing:-.045em}.member-gate-copy p{max-width:475px;margin:0;color:#ddd6f8;font-size:16px;line-height:1.75}.member-gate-panel{display:grid;place-items:center;padding:45px;color:#2a1a5e}.member-key-card{width:min(480px,100%);padding:42px;background:#fff;border:1px solid #e4ddf5;border-radius:28px;box-shadow:0 12px #e3dcf7,0 30px 70px #432d8221}.member-key-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:21px;color:#fff;background:#6d3fe0;border-radius:19px;box-shadow:0 6px #4e2db8}.member-gate-overline{color:#e76148;font-size:9px;font-weight:900;letter-spacing:.18em}.member-key-card h2{margin:5px 0 8px;font-size:30px;letter-spacing:-.035em}.member-key-card>p{margin:0 0 25px;color:#77718f;font-size:13px;line-height:1.6}.member-key-card form{display:flex;flex-direction:column}.member-key-card form>label{margin-bottom:6px;color:#756a93;font-size:9px;font-weight:850;letter-spacing:.1em}.member-key-input{height:54px;display:flex;align-items:center;gap:9px;padding:0 15px;color:#6d3fe0;background:#f6f3fd;border:2px solid #ddd4f4;border-radius:14px;transition:.18s ease}.member-key-input:focus-within{background:#fff;border-color:#8f6bff;box-shadow:0 0 0 4px #6d3fe01a}.member-key-input.has-error{color:#b62e45;background:#fff6f7;border-color:#e78292}.member-key-input input{min-width:0;flex:1;color:#352567;background:transparent;border:0;outline:0;font:750 16px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase}.member-key-input input::placeholder{color:#aba2c1}.member-key-error{margin:8px 2px 0;color:#b52b43;font-size:11px}.member-key-card form>button{height:51px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;color:#fff;background:#6d3fe0;border:0;border-radius:15px;box-shadow:0 5px #4e2db8;font-size:14px;font-weight:850;cursor:pointer}.member-key-card form>button:disabled{opacity:.48;cursor:default}.member-demo-key{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding:10px 12px;color:#786b9a;background:#f7f5fc;border-radius:10px;font-size:9px}.member-demo-key button{padding:3px 7px;color:#6d3fe0;background:#fff;border:1px solid #ddd4f4;border-radius:6px;font:750 9px ui-monospace,monospace;cursor:pointer}.member-gate-benefits{display:flex;gap:9px;margin-top:18px;padding-top:17px;border-top:1px solid #ede9f5}.member-gate-benefits span{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;color:#69617c;font-size:9px}.member-gate-benefits svg{color:#0e8a57}.member-profile{min-width:0;height:43px;display:flex;align-items:center;gap:8px;padding:2px 9px 2px 3px;color:#fff;background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:23px 10px 10px 23px;cursor:pointer}.member-profile .avatar{flex:0 0 37px}.member-profile-copy{max-width:125px;display:flex;flex-direction:column;text-align:left}.member-profile-copy strong,.member-profile-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-profile-copy strong{font-size:10px}.member-profile-copy small{color:#e6ddff;font-size:7px}.member-profile>svg{color:#ded2ff}.member-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.member-metric-grid article{min-height:82px;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e0e2e6;border-radius:12px}.member-metric-grid article>span{width:39px;height:39px;display:grid;place-items:center;color:#6d3fe0;background:#eee8ff;border-radius:11px}.member-metric-grid article:nth-child(2)>span{color:#16735f;background:#e1f6ef}.member-metric-grid article:nth-child(3)>span{color:#a73549;background:#fde9ed}.member-metric-grid article:nth-child(4)>span{color:#9b6811;background:#fff2cc}.member-metric-grid article>div{display:flex;flex-direction:column}.member-metric-grid strong{color:#263249;font-size:20px;line-height:1}.member-metric-grid small{margin-top:4px;color:#8a909b;font-size:8px}.issued-key-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:15px 46px 15px 15px;color:#fff;background:linear-gradient(135deg,#6d3fe0,#4e2db8);border-radius:14px;box-shadow:0 8px 19px #4e2db82e}.issued-key-icon{width:46px;height:46px;display:grid;place-items:center;color:#5a3400;background:#ffc53d;border-radius:12px}.issued-key-card>div{min-width:0;display:flex;flex-direction:column}.issued-key-card small{color:#ddd2ff;font-size:8px}.issued-key-card strong{margin:2px 0;font:800 17px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.issued-key-card p{margin:0;color:#d8ceef;font-size:8px}.issued-key-card>button:not(.issued-key-close){height:37px;display:flex;align-items:center;gap:6px;padding:0 12px;color:#4e2db8;background:#fff;border:0;border-radius:9px;font-size:9px;font-weight:800;cursor:pointer}.issued-key-close{position:absolute;top:7px;right:8px;width:25px;height:25px;color:#e5ddfa;background:transparent;border:0;font-size:18px;cursor:pointer}.member-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px}.member-create-form{display:flex;flex-direction:column;gap:12px}.member-create-submit{width:100%;margin-top:3px}.member-create-submit:disabled{opacity:.45;cursor:default}.member-list-card{min-width:0;padding-bottom:10px}.member-list-heading{align-items:flex-end}.member-search{min-width:250px;display:flex;flex-direction:column;gap:4px;color:#7c8492;font-size:7px;font-weight:750}.member-search input{height:34px;padding:0 10px;color:#344057;background:#f8f9fa;border:1px solid #dde0e5;border-radius:8px;font:500 10px inherit;outline:0}.member-search input:focus{background:#fff;border-color:#8772d5}.member-table{overflow-x:auto}.member-list-loading{min-height:150px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f8794;border-top:1px solid #eceef1;font-size:9px}.member-table-row{min-width:760px;display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(135px,1fr) 90px 82px minmax(110px,.9fr) 96px;align-items:center;gap:10px;padding:11px 5px;border-top:1px solid #eceef1;color:#6f7786;font-size:8px}.member-table-head{min-height:32px;padding-top:5px;color:#9ba0a9;border-top:0;font-size:7px;font-weight:800;letter-spacing:.05em}.member-table-row>span{min-width:0}.member-table-row>span:not(.member-identity,.member-row-actions,.membership-status){display:flex;flex-direction:column}.member-table-row strong{overflow:hidden;color:#38445a;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.member-table-row small{overflow:hidden;color:#9a9faa;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.member-identity{display:flex;align-items:center;gap:8px}.member-identity>b{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;color:#fff;background:#6d3fe0;border-radius:50%;font-size:10px}.member-identity>span{min-width:0;display:flex;flex-direction:column}.member-table-row code{color:#6d3fe0;font-size:8px}.membership-status{width:max-content;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:850;white-space:nowrap}.membership-status--active{color:#16735f;background:#e1f6ef}.membership-status--suspended{color:#a73549;background:#fde9ed}.membership-status--expired{color:#8c6a2c;background:#f4eddf}.member-row-actions{display:flex;align-items:center;gap:4px}.member-row-actions button{height:28px;padding:0 8px;color:#656f80;background:#f5f6f8;border:1px solid #e0e2e6;border-radius:7px;font-size:7px;font-weight:800;cursor:pointer}.member-row-actions button:first-child{width:28px;display:grid;place-items:center;padding:0}.member-row-actions button.is-danger{color:#a73549;background:#fdecef;border-color:#f6d5dc}.member-row-actions button.is-success{color:#16735f;background:#e5f6f1;border-color:#cae9e0}.member-list-empty{min-height:130px;display:grid;place-items:center;color:#a1a6af;border-top:1px solid #eceef1;font-size:9px}@media(max-width:1050px){.member-gate{grid-template-columns:.9fr 1.1fr}.member-gate-story{padding-left:38px;padding-right:38px}.member-block-stack{right:2%;scale:.85}.member-admin-layout{grid-template-columns:1fr}.member-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.member-create-submit{grid-column:1 / -1}}@media(max-width:760px){.member-gate{display:flex;flex-direction:column}.member-gate-story{min-height:330px;padding:27px 26px 34px}.member-gate-copy h1{font-size:39px}.member-gate-copy p{max-width:440px;font-size:13px}.member-block-stack{top:24%;right:0;scale:.62;transform-origin:top right}.member-gate-panel{padding:31px 17px 45px}.member-key-card{padding:29px 24px}.member-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issued-key-card{grid-template-columns:43px minmax(0,1fr)}.issued-key-card>button:not(.issued-key-close){grid-column:1 / -1;justify-content:center}.member-profile-copy{display:none}}@media(max-width:480px){.member-gate-story{min-height:290px}.member-gate-copy h1{font-size:32px}.member-gate-copy p{display:none}.member-block-stack{top:31%;scale:.52}.member-key-card h2{font-size:25px}.member-key-input input{font-size:13px}.member-demo-key{align-items:stretch;flex-direction:column}.member-gate-benefits{flex-direction:column}.member-create-form{display:flex}.member-metric-grid{gap:8px}}.map-select-page{min-height:100vh;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--map-secondary) 24%,transparent),transparent 25rem),radial-gradient(circle at 90% 78%,color-mix(in srgb,var(--map-primary) 32%,transparent),transparent 32rem),#17102d;transition:background .35s ease}.map-select-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5vw,72px);background:#0f09238c;border-bottom:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.map-select-brand{display:flex;align-items:center;gap:11px}.map-select-brand>span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--map-primary);border-radius:13px 13px 13px 5px;box-shadow:0 5px color-mix(in srgb,var(--map-primary) 72%,#000)}.map-select-brand>div{display:flex;flex-direction:column}.map-select-brand strong{font-size:13px;letter-spacing:.09em}.map-select-brand small{color:#a9a1be;font-size:8px}.map-member-actions{display:flex;align-items:center;gap:8px}.map-member-actions>a{width:39px;height:39px;display:grid;place-items:center;color:#d4cce7;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:11px}.map-member-actions>button{height:44px;display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:24px 11px 11px 24px;cursor:pointer}.map-member-actions>button>span{width:36px;height:36px;display:grid;place-items:center;color:#2a1a5e;background:var(--map-secondary);border-radius:50%;font-size:11px;font-weight:850}.map-member-actions>button>div{max-width:130px;display:flex;flex-direction:column;text-align:left}.map-member-actions strong,.map-member-actions small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.map-member-actions strong{font-size:9px}.map-member-actions small{color:#b5aec5;font-size:7px}.map-select-intro{max-width:820px;margin:0 auto;padding:38px 22px 24px;text-align:center}.map-select-intro>span{display:inline-flex;align-items:center;gap:6px;color:var(--map-secondary);font-size:9px;font-weight:900;letter-spacing:.18em}.map-select-intro h1{margin:7px 0 8px;font-size:clamp(30px,4vw,49px);line-height:1.15;letter-spacing:-.04em}.map-select-intro p{max-width:690px;margin:0 auto;color:#afa8c0;font-size:13px;line-height:1.65}.map-slider{position:relative;width:min(1050px,calc(100% - 120px));margin:0 auto}.map-slider-window{overflow:hidden;border-radius:27px;box-shadow:0 28px 70px #00000057}.map-slider-track{display:flex;transition:transform .48s cubic-bezier(.22,.78,.25,1)}.adventure-map-slide{min-width:0;min-height:395px;flex-grow:0;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:27px}.adventure-map-cover{position:relative;min-height:395px;overflow:hidden;background:color-mix(in srgb,var(--map-primary) 80%,#18223a)}.adventure-map-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 67%,rgba(0,0,0,.22));pointer-events:none}.adventure-map-cover>img{width:100%;height:100%;display:block;object-fit:cover}.adventure-map-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#fffc;background:linear-gradient(145deg,var(--map-primary),color-mix(in srgb,var(--map-secondary) 50%,var(--map-primary)))}.adventure-map-placeholder span{font-size:10px}.map-part-label{position:absolute;z-index:2;left:20px;top:19px;padding:7px 10px;color:#fff;background:#0f0923b3;border:1px solid rgba(255,255,255,.2);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:.13em}.map-complete-ribbon{position:absolute;z-index:2;right:18px;top:18px;display:flex;align-items:center;gap:5px;padding:7px 10px;color:#164e3f;background:#9ff0ce;border-radius:999px;font-size:9px;font-weight:850}.adventure-map-info{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:34px;color:#2a1a5e}.adventure-map-info>small{color:var(--map-primary);font-size:9px;font-weight:900;letter-spacing:.08em}.adventure-map-info h2{margin:6px 0 10px;font-size:30px;line-height:1.2;letter-spacing:-.035em}.adventure-map-info>p{margin:0;color:#716a82;font-size:12px;line-height:1.7}.map-course-meta{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 24px}.map-course-meta span{display:flex;align-items:center;gap:5px;padding:7px 9px;color:#5e5673;background:#f3f0f8;border-radius:999px;font-size:9px}.map-course-meta svg{color:var(--map-primary)}.map-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8d8799;font-size:8px}.map-progress-copy strong{color:#504862;font-size:9px}.map-progress-bar{height:8px;margin-top:7px;overflow:hidden;background:#e9e5ef;border-radius:99px}.map-progress-bar i{height:100%;display:block;background:linear-gradient(90deg,var(--map-primary),var(--map-secondary));border-radius:inherit;transition:width .35s ease}.map-slider-arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;display:grid;place-items:center;translate:0 -50%;color:#2a1a5e;background:#fff;border:0;border-radius:50%;box-shadow:0 10px 24px #00000040;cursor:pointer}.map-slider-arrow--left{left:-67px}.map-slider-arrow--right{right:-67px}.map-slider-arrow:hover{color:#fff;background:var(--map-primary);transform:scale(1.05)}.map-select-footer{width:min(1050px,calc(100% - 44px));display:flex;align-items:center;justify-content:space-between;gap:22px;margin:20px auto 0;padding-bottom:38px}.map-slider-dots{display:flex;gap:7px}.map-slider-dots button{width:8px;height:8px;padding:0;background:#ffffff4d;border:0;border-radius:99px;cursor:pointer;transition:.2s ease}.map-slider-dots button.is-active{width:31px;background:var(--map-secondary)}.map-start-button{height:49px;display:flex;align-items:center;gap:7px;padding:0 25px;color:#2a1a5e;background:var(--map-secondary);border:0;border-radius:15px;box-shadow:0 5px color-mix(in srgb,var(--map-secondary) 68%,#000);font-size:13px;font-weight:900;cursor:pointer}.map-start-button:disabled{opacity:.45;cursor:default}.map-select-empty{min-height:100vh;display:grid;place-items:center;align-content:center;gap:9px;color:#625878;background:#f7f3e8;text-align:center}.map-select-empty h1,.map-select-empty p{margin:0}.map-select-empty a{margin-top:9px;padding:10px 15px;color:#fff;background:#6d3fe0;border-radius:10px;text-decoration:none}.map-select-empty .map-start-button{margin-top:10px;color:#fff;background:#6d3fe0;box-shadow:0 5px #4e2db8}.loading-screen-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.player-content-alert{position:fixed;z-index:120;top:12px;left:50%;max-width:min(720px,calc(100% - 24px));display:flex;align-items:center;gap:9px;padding:10px 12px;color:#7c3240;background:#fff3f5;border:1px solid #efb9c3;border-radius:12px;box-shadow:0 8px 26px #50182a29;transform:translate(-50%);font-size:10px;font-weight:700}.player-content-alert span{min-width:0}.player-content-alert button{padding:5px 8px;color:#fff;background:#b63e54;border:0;border-radius:7px;font:inherit;white-space:nowrap;cursor:pointer}.brand-area{min-width:0;display:flex;align-items:center;gap:13px}.map-back-button{height:34px;display:flex;align-items:center;gap:5px;padding:0 10px;color:#eee8ff;background:#ffffff21;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.map-back-button:hover{background:#ffffff38}.course-map-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px;align-items:start}.course-map-list{display:flex;flex-direction:column;gap:8px}.course-map-list>button{min-height:77px;display:grid;grid-template-columns:60px minmax(0,1fr);gap:9px;align-items:center;padding:8px;text-align:left;background:#fff;border:1px solid #e0e2e6;border-radius:11px;cursor:pointer}.course-map-list>button.is-selected{border-color:#8772d5;box-shadow:0 0 0 2px #6d3fe01a}.course-map-list>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.course-map-list strong,.course-map-list small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-map-list strong{color:#3c485d;font-size:9px}.course-map-list small{color:#999fa8;font-size:7px}.course-map-list .status-pill{grid-column:2;width:max-content;margin-top:-18px}.course-map-thumb{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--map-a),var(--map-b));border-radius:9px}.course-map-thumb img{width:100%;height:100%;object-fit:cover}.course-map-editor{min-width:0;padding:22px}.course-map-preview{position:relative;min-height:290px;display:flex;align-items:flex-end;overflow:hidden;margin:10px 0 6px;color:#fff;background:linear-gradient(145deg,var(--map-a),var(--map-b));border-radius:16px}.course-map-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(19,12,48,.86),transparent 66%)}.course-map-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-map-preview>span{position:absolute;z-index:2;top:15px;left:15px;padding:6px 9px;background:#120b2ca6;border-radius:999px;font-size:8px;font-weight:850}.course-map-preview>div{position:relative;z-index:2;display:flex;flex-direction:column;padding:23px}.course-map-preview>div:has(svg){width:100%;min-height:290px;align-items:center;justify-content:center;gap:8px;padding-bottom:65px}.course-map-preview>div>small{color:#ded6f2;font-size:9px}.course-map-preview>div>strong{font-size:25px}.course-map-preview>div>p{max-width:630px;margin:5px 0 0;color:#ded8ea;font-size:10px}.course-map-help{margin:-4px 0 12px;color:#858b96;font-size:9px}.map-mission-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-mission-picker label{min-width:0;min-height:59px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;background:#fafafa;border:1px solid #e2e4e8;border-radius:9px;cursor:pointer}.map-mission-picker label.is-selected{background:#f3effe;border-color:#a796df}.map-mission-picker input{display:none}.map-mission-picker label>span{width:28px;height:28px;display:grid;place-items:center;color:#7c8494;background:#eceef1;border-radius:7px;font:800 7px ui-monospace,monospace}.map-mission-picker label.is-selected>span{color:#fff;background:#6d3fe0}.map-mission-picker label>div{min-width:0;display:flex;flex-direction:column}.map-mission-picker strong,.map-mission-picker small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.map-mission-picker strong{color:#3d495e;font-size:9px}.map-mission-picker small{color:#9a9fa8;font-size:7px}@media(max-width:1120px){.adventure-map-slide{grid-template-columns:1.15fr .85fr}.course-map-layout{grid-template-columns:1fr}.course-map-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.map-slider{width:calc(100% - 42px)}.map-slider-arrow{width:40px;height:40px}.map-slider-arrow--left{left:-14px}.map-slider-arrow--right{right:-14px}.adventure-map-slide{display:flex;flex-direction:column}.adventure-map-cover{min-height:285px}.adventure-map-info{padding:24px 27px 28px}.map-mission-picker{grid-template-columns:1fr}.map-back-button{width:36px;padding:0;justify-content:center}.map-back-button{font-size:0}}@media(max-width:560px){.map-select-header{height:68px;padding:0 14px}.map-select-brand small,.map-member-actions>button>div,.map-member-actions>button>svg{display:none}.map-member-actions>button{padding-right:3px}.map-select-intro{padding-top:26px}.map-select-intro p{font-size:11px}.map-slider{width:calc(100% - 24px)}.adventure-map-cover{min-height:215px}.adventure-map-info h2{font-size:24px}.map-course-meta{margin:13px 0 18px}.map-select-footer{width:calc(100% - 28px)}.map-start-button{padding:0 17px}.course-map-list{grid-template-columns:1fr}}.app-shell{--play-blue: #2468e8;--play-blue-dark: #123b91;--play-ink: #17244a;--play-sky: #edf5ff;--play-yellow: #ffd052;--play-mint: #7ce1c1;background:radial-gradient(circle at 8% 10%,rgba(69,144,255,.14),transparent 25rem),radial-gradient(circle at 92% 74%,rgba(124,225,193,.18),transparent 31rem),var(--play-sky)}.app-shell .topbar{color:#fff;background:radial-gradient(circle at 82% -45%,rgba(111,192,255,.72),transparent 25rem),linear-gradient(115deg,#153f99,#2369e8 58%,#388bf4);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 6px #102f78,0 14px 34px #16419733}.app-shell .brand-mark{color:#163b87;background:linear-gradient(145deg,#ffe47d,var(--play-yellow));border:2px solid rgba(255,255,255,.72);border-radius:14px 14px 14px 6px;box-shadow:0 4px #d59d1d}.app-shell .brand-tagline,.app-shell .mission-progress-label,.app-shell .progress-count{color:#dceaff}.app-shell .map-back-button{color:#fff;background:#0727703d;border-color:#ffffff3d}.app-shell .map-back-button:hover{background:#07277066}.app-shell .progress-track>span{background:#ffffff4d}.app-shell .progress-track>span.is-current{background:#fff}.app-shell .progress-track>span.is-complete,.app-shell .progress-track>span.is-current.is-complete{background:var(--play-yellow)}.app-shell .xp-chip{background:var(--play-yellow);box-shadow:0 4px #d99c16}.app-shell .badge-chip,.app-shell .studio-link{background:#092b743d;border-color:#ffffff3d}.app-shell .adventure-layout{width:min(1680px,100%);margin:0 auto;background:transparent}.app-shell .lesson-panel,.app-shell .mission-panel,.app-shell .builder-panel{border:1px solid rgba(59,97,169,.11);box-shadow:0 13px 34px #2d4f8e1a,0 3px #466cb514}.app-shell .mission-panel{background:#f9fbff;box-shadow:0 8px #cfddf5,0 18px 38px #2d4f8e1f}.app-shell .mission-header h1,.app-shell .board-card-header strong,.app-shell .section-heading h2{color:var(--play-ink)}.app-shell .mission-kicker,.app-shell .lesson-goal>span,.app-shell .lesson-reward>span,.app-shell .board-card-header small{color:var(--play-blue)}.app-shell .mission-selector{color:#194baf;background:#edf4ff;border-color:#cbdcff}.app-shell .lesson-brief,.app-shell .lesson-goal{background:#eef4ff}.app-shell .lesson-icon{background:linear-gradient(145deg,#4d94ff,#2468e8);box-shadow:0 4px #174baa}.app-shell .lesson-brief small,.app-shell .lesson-brief strong{color:#194baf}.app-shell .board-card-header>span{color:#194baf;background:#e6efff}.app-shell .game-stage{position:relative;isolation:isolate;min-height:430px;overflow:hidden;padding:22px;background:radial-gradient(circle at 18% 17%,rgba(112,215,255,.34),transparent 17rem),radial-gradient(circle at 86% 86%,color-mix(in srgb,var(--world-secondary, #7ce1c1) 32%,transparent),transparent 19rem),linear-gradient(145deg,#173f8e,#226bd2 62%,#2f83d9);border:1px solid rgba(255,255,255,.35);border-radius:24px;box-shadow:inset 0 1px #ffffff57,inset 0 -8px #0828662e,0 12px 25px #1c418533}.app-shell .game-stage:before{content:"";position:absolute;z-index:-1;inset:0;display:block;opacity:.35;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1.5px,transparent 1.8px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px,27px 27px,27px 27px}.app-shell .game-stage:after{content:"";position:absolute;z-index:-1;width:65%;aspect-ratio:1;right:-30%;bottom:-72%;border:70px solid rgba(255,255,255,.08);border-radius:50%}.app-shell .board-wrap{z-index:2;width:min(100%,540px);max-height:580px}.app-shell .game-board{gap:8px;filter:drop-shadow(0 16px 18px rgba(4,29,78,.24))}.app-shell .board-cell{background:linear-gradient(145deg,#f7fbff,#dceaff);border:1px solid rgba(255,255,255,.82);border-radius:clamp(9px,1.1vw,17px);box-shadow:inset 0 -5px #326bc01a,0 3px #072f7021;transition:filter .2s ease,transform .2s ease}.app-shell .board-cell:nth-child(2n){background:linear-gradient(145deg,#f1fbff,#d8f0f4)}.app-shell .board-cell.is-goal{background:radial-gradient(circle at 50% 42%,#fff7bc,#ffe36f 58%,#f5bd31);box-shadow:inset 0 -5px #ad6e002b,0 3px #6442002b}.app-shell .board-cell.is-obstacle{background:linear-gradient(145deg,#e9edf6,#c9d2e5)}.app-shell .board-cell.obstacle-cell--rock{background:linear-gradient(145deg,#eef1f7,#d4d9e4)}.app-shell .board-cell.obstacle-cell--enemy{background:linear-gradient(145deg,#fff0f5,#f7cad9)}.app-shell .board-cell.obstacle-cell--door{background:linear-gradient(145deg,#fff1cb,#e8c57f)}.app-shell .goal-marker{color:#1a55c5;filter:drop-shadow(0 4px 0 rgba(255,255,255,.65));animation:goalFloat 1.35s ease-in-out infinite alternate}.app-shell .goal-pulse{background:#ffffff61;border-color:#ffffffbf;animation:goalPulse 1.45s ease-out infinite}.app-shell .board-coordinate{color:#ffffffc7;text-shadow:0 1px 2px rgba(8,42,98,.45)}.app-shell .telemetry{background:#eaf2ff;border:1px solid #d5e3fb}.app-shell .telemetry-item>strong{color:#17479f}.app-shell .compass{color:#2468e8;background:#fff;border-color:#bed2f8}.app-shell .feedback{background:#fff7d9;border:1px solid #f6dc83}.app-shell .feedback--success{background:#dff8ef;border-color:#ade6d2}.app-shell .feedback--error{background:#ffeaee;border-color:#f3bcc6}.app-shell .workspace{background-color:#f2f6ff;background-image:radial-gradient(#b8ccf2 1px,transparent 1px)}.app-shell .run-button{background:linear-gradient(135deg,#347ff1,#215fda);box-shadow:0 5px #123f9f}.app-shell .run-button:hover:not(:disabled){box-shadow:0 6px #123f9f}.app-shell .control-button{color:#215fda;border-color:#c6d7f6}.hero{z-index:12;will-change:left,top;transition:left .48s cubic-bezier(.2,.78,.25,1),top .48s cubic-bezier(.2,.78,.25,1),transform .35s ease}.hero-body{transform-origin:50% 88%;will-change:transform,translate}.hero-motion-trail,.hero-action-sparkles{position:absolute;z-index:1;inset:0;pointer-events:none}.hero-motion-trail i{position:absolute;left:16%;bottom:18%;width:12%;aspect-ratio:1;opacity:0;background:#ffffffd6;border-radius:50%;filter:blur(.2px)}.hero-motion-trail i:nth-child(2){left:2%;bottom:28%;width:9%}.hero-motion-trail i:nth-child(3){left:20%;bottom:4%;width:7%}.hero-action-sparkles{z-index:6}.hero-action-sparkles i{position:absolute;opacity:0;color:#ffd052;font-size:clamp(9px,1.25vw,17px);font-style:normal;text-shadow:0 2px 0 #b77700}.hero-action-sparkles i:nth-child(1){left:1%;top:5%}.hero-action-sparkles i:nth-child(2){right:0;top:12%}.hero-action-sparkles i:nth-child(3){right:10%;bottom:3%}.hero.hero-motion-ready .hero-body{animation:heroReady .52s cubic-bezier(.2,.8,.2,1)}.hero.hero-motion-walk .hero-body{animation:heroStep .54s cubic-bezier(.22,.72,.22,1)}.hero.hero-motion-walk .hero-shadow{animation:heroShadowStep .54s ease-out}.hero.hero-motion-walk .hero-motion-trail i{animation:heroTrail .5s ease-out both}.hero.hero-motion-walk .hero-motion-trail i:nth-child(2){animation-delay:.06s}.hero.hero-motion-walk .hero-motion-trail i:nth-child(3){animation-delay:.12s}.hero.hero-motion-turn-left .hero-body{animation:heroTurnLeft .39s ease-in-out}.hero.hero-motion-turn-right .hero-body{animation:heroTurnRight .39s ease-in-out}.hero.hero-motion-collect .hero-body{animation:heroCollect .46s cubic-bezier(.2,.8,.2,1)}.hero.hero-motion-use-item .hero-body{animation:heroUseItem .46s cubic-bezier(.2,.78,.2,1)}.hero.hero-motion-collect .hero-action-sparkles i,.hero.hero-motion-use-item .hero-action-sparkles i,.hero.hero-motion-celebrate .hero-action-sparkles i{animation:heroSparkle .68s ease-out both}.hero.hero-motion-collect .hero-action-sparkles i:nth-child(2),.hero.hero-motion-use-item .hero-action-sparkles i:nth-child(2),.hero.hero-motion-celebrate .hero-action-sparkles i:nth-child(2){animation-delay:.1s}.hero.hero-motion-collect .hero-action-sparkles i:nth-child(3),.hero.hero-motion-use-item .hero-action-sparkles i:nth-child(3),.hero.hero-motion-celebrate .hero-action-sparkles i:nth-child(3){animation-delay:.2s}.hero.hero-motion-impact .hero-body{animation:heroImpact .36s ease-in-out;filter:saturate(.72)}.hero.hero-motion-impact .hero-direction{animation:heroDirectionImpact .36s ease-in-out}.hero.hero-motion-celebrate .hero-body{animation:heroCelebrate .72s cubic-bezier(.2,.8,.2,1) both}.hero.hero-motion-celebrate .hero-shadow{animation:heroCelebrateShadow .72s ease-out}@keyframes heroReady{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-9%) scale(1.07)}70%{transform:translateY(1%) scale(.97,1.03)}}@keyframes heroStep{0%{transform:translateY(1%) scale(1.04,.96) rotate(-2deg)}38%{transform:translateY(-18%) scale(.96,1.07) rotate(2deg)}75%{transform:translateY(-5%) scale(1.02,.98)}to{transform:translateY(0) scale(1)}}@keyframes heroShadowStep{0%,to{transform:scale(1);opacity:1}42%{transform:scale(.62);opacity:.5}}@keyframes heroTrail{0%{opacity:0;transform:translate(15%,-4%) scale(.35)}35%{opacity:.9}to{opacity:0;transform:translate(-65%,15%) scale(1.25)}}@keyframes heroTurnLeft{0%,to{transform:rotate(0) scale(1)}48%{transform:rotate(-17deg) scale(1.08)}}@keyframes heroTurnRight{0%,to{transform:rotate(0) scale(1)}48%{transform:rotate(17deg) scale(1.08)}}@keyframes heroCollect{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(13%) scale(1.08,.9)}68%{transform:translateY(-9%) scale(.97,1.06)}}@keyframes heroUseItem{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(13%) rotate(9deg) scale(1.08)}64%{transform:translate(-4%) rotate(-3deg)}}@keyframes heroSparkle{0%{opacity:0;transform:translateY(10%) scale(.25) rotate(0)}35%{opacity:1}to{opacity:0;transform:translateY(-85%) scale(1.35) rotate(65deg)}}@keyframes heroImpact{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-11%) rotate(-7deg) scale(.96)}42%{transform:translate(10%) rotate(6deg)}62%{transform:translate(-7%) rotate(-4deg)}82%{transform:translate(4%) rotate(2deg)}}@keyframes heroDirectionImpact{0%,to{scale:1}45%{scale:1.28}}@keyframes heroCelebrate{0%{transform:translateY(0) rotate(0) scale(1)}32%{transform:translateY(-26%) rotate(-8deg) scale(1.08)}62%{transform:translateY(-18%) rotate(8deg) scale(1.12)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes heroCelebrateShadow{0%,to{transform:scale(1);opacity:1}48%{transform:scale(.48);opacity:.38}}@keyframes goalFloat{to{transform:translateY(-7%)}}@keyframes goalPulse{0%{opacity:.75;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@media(max-width:760px){.app-shell .game-stage{min-height:400px;padding:15px;border-radius:19px}.app-shell .game-board{gap:5px}}.map-select-page{--home-blue: #1459d9;--home-blue-deep: #083a9d;--home-sky: #39b9f5;--home-yellow: #ffd83d;min-height:100vh;overflow-x:hidden;color:#16315f;background:#eef7ff}.map-select-header{position:relative;z-index:20;height:76px;padding:0 clamp(20px,5vw,72px);color:#fff;background:linear-gradient(100deg,#0a3d9f,#115bd7 56%,#087ccb);border:0;box-shadow:0 4px #05296f2e;-webkit-backdrop-filter:none;backdrop-filter:none}.map-select-brand{flex:0 0 auto}.map-select-brand>span{width:45px;height:45px;color:#123e91;background:var(--home-yellow);border:3px solid rgba(255,255,255,.8);border-radius:15px 15px 15px 6px;box-shadow:0 5px #d79c13;transform:rotate(-3deg)}.map-select-brand strong{font-size:14px;font-weight:950;letter-spacing:.07em}.map-select-brand small{color:#cfe6ff;font-size:9px}.map-main-nav{display:flex;align-items:center;gap:7px}.map-main-nav a{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;color:#d7e9ff;border-radius:11px;font-size:11px;font-weight:800;text-decoration:none}.map-main-nav a:hover,.map-main-nav a.is-active{color:#fff;background:#ffffff24}.map-member-actions>a{color:#fff;background:#ffffff21;border-color:#fff3}.map-member-actions>button{color:#fff;background:#ffffff21;border-color:#fff3}.map-member-actions>button>span{color:#154393;background:var(--home-yellow)}.map-member-actions small{color:#c8e2ff}.map-home-hero{position:relative;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);align-items:center;gap:clamp(30px,6vw,84px);padding:52px max(6vw,calc((100vw - 1180px)/2)) 82px;color:#fff;background:radial-gradient(circle at 10% 20%,rgba(109,220,255,.22),transparent 21rem),linear-gradient(145deg,#0b47bd,#1476df 58%,#28b8eb);isolation:isolate}.map-home-hero:before{content:"";position:absolute;z-index:-1;inset:auto -5% -2px;height:78px;background:#eef7ff;clip-path:ellipse(56% 42% at 50% 100%)}.map-home-hero:after{content:"";position:absolute;z-index:-1;width:300px;aspect-ratio:1;left:-110px;bottom:18px;border:55px solid rgba(255,255,255,.055);border-radius:50%}.map-home-copy{position:relative;z-index:2;max-width:650px;padding-bottom:22px}.map-hero-kicker{width:max-content;display:flex;align-items:center;gap:8px;padding:8px 13px;color:#073889;background:var(--home-yellow);border:2px solid rgba(255,255,255,.72);border-radius:999px;box-shadow:0 4px #d49b13;font-size:11px;font-weight:900}.map-home-copy h1{margin:22px 0 13px;color:#fff;font-size:clamp(40px,5vw,66px);font-weight:950;line-height:1.06;letter-spacing:-.045em;text-shadow:0 5px 0 rgba(5,48,130,.28)}.map-home-copy h1 em{color:#ffdf4e;font-style:normal}.map-home-copy>p{max-width:580px;margin:0;color:#dff3ff;font-size:16px;font-weight:600;line-height:1.7}.map-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px}.map-hero-actions button,.map-hero-actions a{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:0;border-radius:15px;font:900 13px inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.map-hero-actions button{color:#143a84;background:var(--home-yellow);box-shadow:0 6px #d79e13}.map-hero-actions a{color:#fff;background:#ffffff24;border:2px solid rgba(255,255,255,.28);box-shadow:0 5px #0431793d}.map-hero-actions button:hover,.map-hero-actions a:hover{transform:translateY(-2px)}.map-player-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.map-player-summary>div{min-width:132px;display:grid;grid-template-columns:35px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 13px;background:#052e7a3d;border:1px solid rgba(255,255,255,.17);border-radius:14px}.map-player-summary span{grid-row:1 / 3;width:35px;height:35px;display:grid;place-items:center;color:#16489d;background:#fff;border-radius:11px}.map-player-summary strong{color:#fff;font-size:15px;line-height:1}.map-player-summary small{color:#cce9ff;font-size:8px;font-weight:700}.map-quest-visual{position:relative;min-height:395px;border:5px solid rgba(255,255,255,.75);border-radius:44% 44% 40% 42%/36% 40% 43%;background:radial-gradient(circle at 68% 22%,rgba(255,255,255,.85) 0 4px,transparent 5px),radial-gradient(circle at 28% 16%,rgba(255,255,255,.65) 0 3px,transparent 4px),linear-gradient(160deg,#9be9ff,#54ccf5 62%,#36aee7);box-shadow:0 22px #04398829,0 34px 55px #022a6940;transform:rotate(1.5deg)}.map-quest-visual:before{content:"";position:absolute;inset:22% 5% 6%;background:linear-gradient(160deg,#8fe476,#3fbd71);border:5px solid rgba(255,255,255,.65);border-radius:48% 40% 44% 38%;box-shadow:inset 0 -15px #0c6f4726}.map-visual-cloud{position:absolute;z-index:1;width:70px;height:24px;background:#ffffffdb;border-radius:99px;filter:drop-shadow(0 5px 0 rgba(19,101,160,.08))}.map-visual-cloud:before,.map-visual-cloud:after{content:"";position:absolute;bottom:0;background:inherit;border-radius:50%}.map-visual-cloud:before{width:30px;height:30px;left:12px}.map-visual-cloud:after{width:40px;height:40px;right:8px}.map-visual-cloud--one{left:-24px;top:63px;animation:mapCloudDrift 4.6s ease-in-out infinite alternate}.map-visual-cloud--two{right:-20px;top:94px;scale:.72;animation:mapCloudDrift 5.2s ease-in-out .7s infinite alternate-reverse}.map-quest-path{position:absolute;z-index:2;width:64%;height:45%;left:19%;top:40%;border:9px dashed rgba(255,255,255,.72);border-top-color:transparent;border-radius:50%;transform:rotate(-8deg)}.map-quest-node{position:absolute;z-index:4;display:grid;place-items:center;color:#113c88;font-weight:900}.map-quest-node>span,.map-quest-node>svg{width:48px;height:48px;display:grid;place-items:center;padding:11px;color:#164697;background:#fff;border:4px solid #d9f6ff;border-radius:50%;box-shadow:0 7px #0a5c5a33}.map-quest-node small{margin-top:7px;color:#083d6d;font-size:9px}.map-quest-node--one{left:12%;top:48%}.map-quest-node--two{left:44%;top:68%}.map-quest-node--three{right:10%;top:39%;color:#f13f59}.map-quest-node--three>svg{color:#f13f59;background:#fff4c6;border-color:#fff}.map-quest-hero{position:absolute;z-index:7;left:28%;top:47%;width:74px;height:74px;display:grid;place-items:center;color:#fff;background:#214fb4;border:6px solid #fff;border-radius:47% 47% 42% 42%;box-shadow:0 9px #074b5238;animation:mapHeroHop 1.8s ease-in-out infinite}.map-quest-hero i{position:absolute;width:30px;height:9px;bottom:-17px;background:#043d5540;border-radius:50%;filter:blur(2px)}.map-code-card{position:absolute;z-index:9;min-width:132px;height:45px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#fff;border:3px solid rgba(255,255,255,.82);border-radius:12px 12px 12px 5px;box-shadow:0 6px #092f6b4d;font-size:10px;transform:rotate(-3deg)}.map-code-card span{width:27px;height:27px;display:grid;place-items:center;background:#0000001f;border-radius:8px}.map-code-card--start{left:-18px;top:18px;background:#27bd7b}.map-code-card--move{right:-16px;bottom:78px;background:#347ff1;transform:rotate(3deg)}.map-code-card--loop{right:24px;top:18px;background:#865bd8;transform:rotate(2deg)}.map-visual-stars{position:absolute;z-index:7;right:23%;top:33%;display:flex;gap:12px;color:#ffdf4e;filter:drop-shadow(0 3px 0 rgba(138,89,0,.2));animation:mapStarsTwinkle 1.3s ease-in-out infinite alternate}.map-course-heading{width:min(1120px,calc(100% - 44px));display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto;padding:28px 0 20px;scroll-margin-top:20px}.map-course-heading>div:first-child>span{color:var(--home-blue);font-size:9px;font-weight:950;letter-spacing:.17em}.map-course-heading h2{margin:4px 0 3px;color:#143164;font-size:clamp(27px,3vw,38px);line-height:1.15}.map-course-heading p{margin:0;color:#7285a4;font-size:12px}.map-course-count{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#fff;border:1px solid #d8e8f8;border-radius:14px;box-shadow:0 6px #d7e6f5}.map-course-count strong{color:var(--home-blue);font-size:30px;line-height:1}.map-course-count span{color:#7183a0;font-size:9px;font-weight:800;line-height:1.35}.map-slider{width:min(1120px,calc(100% - 120px))}.map-slider-window{border:5px solid #fff;border-radius:27px;box-shadow:0 14px #d5e7f6,0 24px 48px #2a5b912e}.adventure-map-slide{min-height:400px;border:0;border-radius:21px}.adventure-map-cover{min-height:400px}.adventure-map-cover:after{background:linear-gradient(90deg,transparent 55%,rgba(7,37,91,.22))}.map-part-label{color:#153f8b;background:var(--home-yellow);border:3px solid #fff;box-shadow:0 4px #454b413d;font-size:9px}.map-complete-ribbon{border:3px solid #fff;box-shadow:0 4px #1c594733}.adventure-map-info{padding:36px;color:#143164;background:linear-gradient(160deg,#fff,#f7fbff)}.adventure-map-info>small{display:flex;align-items:center;gap:6px;color:var(--map-primary);font-size:10px}.adventure-map-info h2{margin:7px 0 11px;color:#17346c;font-size:32px}.adventure-map-info>p{color:#6a7d9a;font-size:12px}.map-course-meta span{color:#527099;background:#eaf3ff;font-size:10px;font-weight:700}.map-progress-copy{color:#7589a8;font-size:9px}.map-progress-copy strong{color:#405b85;font-size:10px}.map-progress-bar{height:10px;background:#dfeafa;border:2px solid #fff;box-shadow:0 0 0 1px #d3e2f3}.map-progress-bar i{background:linear-gradient(90deg,var(--map-primary),var(--map-secondary))}.map-slider-arrow{color:#174b9d;border:3px solid #fff;box-shadow:0 7px #c6d9eb,0 12px 25px #294e7f2e}.map-slider-arrow:hover{color:#fff;background:var(--home-blue)}.map-select-footer{width:min(1120px,calc(100% - 44px));margin-top:22px;padding-bottom:32px}.map-slider-dots button{width:10px;height:10px;background:#b7cae2}.map-slider-dots button.is-active{width:36px;background:var(--home-blue)}.map-start-button{min-width:190px;height:54px;justify-content:center;color:#123b86;background:var(--home-yellow);border:2px solid #fff;box-shadow:0 6px #d6a215;font-size:13px}.map-start-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #d6a215}.map-how-it-works{width:min(1120px,calc(100% - 44px));display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin:0 auto 54px;padding:24px;color:#143164;background:#fff;border:1px solid #dceaf8;border-radius:22px;box-shadow:0 8px #dae9f6}.map-how-it-works>div{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:11px}.map-how-it-works>div>span{grid-row:1 / 3;width:43px;height:43px;display:grid;place-items:center;color:#fff;background:var(--home-blue);border-radius:13px;box-shadow:0 4px #0b3e9b;font-size:16px;font-weight:950}.map-how-it-works strong{font-size:11px}.map-how-it-works small{color:#7c8eaa;font-size:8px}.map-how-it-works>svg{color:#a9bad0}@keyframes mapHeroHop{0%,to{transform:translateY(0) rotate(-3deg)}48%{transform:translateY(-12px) rotate(4deg)}}@keyframes mapCloudDrift{to{transform:translate(14px)}}@keyframes mapStarsTwinkle{to{transform:scale(1.18) rotate(6deg);opacity:.72}}@media(max-width:980px){.map-main-nav{display:none}.map-home-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);padding-inline:36px}.map-home-copy h1{font-size:clamp(36px,5.2vw,52px)}.map-quest-visual{min-height:350px}.map-code-card{min-width:116px;font-size:9px}}@media(max-width:760px){.map-select-page{overflow-x:clip}.map-home-hero{display:flex;flex-direction:column;gap:22px;padding:38px 22px 82px;text-align:center}.map-home-copy{max-width:620px}.map-hero-kicker{margin-inline:auto}.map-home-copy h1{font-size:clamp(37px,10vw,52px)}.map-home-copy>p{font-size:14px}.map-hero-actions,.map-player-summary{justify-content:center}.map-quest-visual{width:min(490px,92%);min-height:360px}.map-course-heading{align-items:center}.map-slider{width:calc(100% - 34px)}.map-slider-window{border-width:4px}.adventure-map-slide{display:flex;flex-direction:column}.adventure-map-cover{min-height:285px}.map-how-it-works{grid-template-columns:1fr}.map-how-it-works>svg{justify-self:center;transform:rotate(90deg)}}@media(max-width:560px){.map-select-header{height:70px;padding:0 13px}.map-select-brand>span{width:40px;height:40px}.map-select-brand strong{font-size:11px}.map-home-hero{padding-top:31px}.map-home-copy h1{margin-top:19px}.map-hero-actions{align-items:stretch;flex-direction:column}.map-player-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.map-player-summary>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px 5px}.map-player-summary span{width:31px;height:31px}.map-player-summary strong{font-size:13px}.map-quest-visual{width:100%;min-height:300px}.map-quest-node>span,.map-quest-node>svg{width:42px;height:42px}.map-quest-hero{width:62px;height:62px}.map-code-card{min-width:104px;height:39px;padding-inline:8px;font-size:8px}.map-code-card span{width:23px;height:23px}.map-code-card--start{left:-9px}.map-code-card--move{right:-9px}.map-code-card--loop{right:8px}.map-course-heading{width:calc(100% - 28px)}.map-course-heading p{display:none}.map-course-count{padding:7px 10px}.map-course-count strong{font-size:25px}.map-slider{width:calc(100% - 22px)}.adventure-map-cover{min-height:220px}.adventure-map-info{padding:25px 22px 28px}.adventure-map-info h2{font-size:27px}.map-slider-arrow{width:38px;height:38px}.map-slider-arrow--left{left:-9px}.map-slider-arrow--right{right:-9px}.map-select-footer{width:calc(100% - 28px)}.map-start-button{min-width:170px}.map-how-it-works{width:calc(100% - 28px);padding:18px}}.member-gate{color:#fff;background:#eef7ff}.member-gate-story{background:radial-gradient(circle at 75% 17%,rgba(255,218,62,.92) 0 7%,transparent 7.4%),radial-gradient(circle at 12% 12%,rgba(105,221,255,.2),transparent 24rem),linear-gradient(145deg,#0b48bd,#166ddd 60%,#27b2e8)}.member-gate-story:after{background:#04378b38}.member-gate-brand>span{color:#174695;background:#ffda3e;border:3px solid rgba(255,255,255,.78);box-shadow:0 5px #d59c12}.member-gate-copy small{color:#ffdf58}.member-gate-copy h1{text-shadow:0 5px 0 rgba(5,48,130,.25)}.member-gate-copy p{color:#def2ff}.member-block-stack{filter:drop-shadow(0 18px 18px rgba(4,44,113,.25));animation:memberBlocksFloat 2.6s ease-in-out infinite alternate}.member-block-stack span{border:3px solid rgba(255,255,255,.72);box-shadow:inset 0 -4px #00000021,0 5px #073d7f2e}.member-block-stack span:nth-child(1){color:#064631;background:#53d89f}.member-block-stack span:nth-child(2){background:#438cf4}.member-block-stack span:nth-child(3){background:#ffcf3f}.member-gate-panel{color:#17356a;background:#eef7ff}.member-key-card{border-color:#d8e6f6;box-shadow:0 12px #d6e7f5,0 30px 70px #25558b24}.member-key-icon{color:#fff;background:#2673e7;box-shadow:0 6px #104ba7}.member-gate-overline{color:#1970df}.member-key-card h2{color:#17346c}.member-key-card>p{color:#6f809b}.member-key-card form>label{color:#58739a}.member-key-input{color:#1768d6;background:#f2f7ff;border-color:#ccdef5}.member-key-input:focus-within{border-color:#3b82ee;box-shadow:0 0 0 4px #2f7bed1f}.member-key-input input{color:#173a72}.member-key-card form>button{color:#143d85;background:#ffda3e;box-shadow:0 5px #d5a016}.member-demo-key{color:#597294;background:#eff6ff}.member-demo-key button{color:#1765cf;border-color:#cbdcf2}.member-gate-benefits{border-top-color:#dfebf6}.member-gate-benefits span{color:#617693}.member-gate-benefits svg{color:#168a61}@keyframes memberBlocksFloat{to{translate:0 -12px;rotate:-4deg}}.route-loading{color:var(--brand-navy);background:var(--brand-background)}.app-shell,.admin-shell,.admin-access-page,.live-host,.live-scanner,.print-kit-app{font-family:Kanit,Noto Sans Thai,system-ui,sans-serif}.app-shell{color:var(--brand-navy);background:var(--brand-background)}.app-shell .topbar{color:#fff;background:var(--brand-navy);box-shadow:0 4px #08bdb547,0 10px 24px #102a4324}.app-shell .brand-mark{color:#fff;background:var(--brand-turquoise);border-color:#ffffff73}.app-shell .brand-tagline,.app-shell .mission-progress-label,.app-shell .progress-count{color:#c9dbe6}.app-shell .progress-track>span.is-complete{background:var(--brand-orange)}.app-shell .progress-track>span.is-current{background:var(--brand-turquoise)}.app-shell .progress-track>span.is-current.is-complete{background:var(--brand-orange)}.app-shell .xp-chip{color:#fff;background:var(--brand-orange)}.app-shell .xp-chip span{color:#fff8ef}.app-shell .badge-chip,.app-shell .studio-link{color:#d7e7ed;background:#ffffff14;border-color:#ffffff29}.app-shell .avatar{background:var(--brand-turquoise);border-color:#ffffff73}.app-shell .lesson-panel,.app-shell .builder-panel{background:var(--brand-surface)}.app-shell .game-stage{background:var(--brand-turquoise-dark)}.app-shell .run-button{background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.app-shell .run-button:hover:not(:disabled){background:#0acbc2;box-shadow:0 6px 0 var(--brand-turquoise-dark)}.app-shell .control-button{color:var(--brand-navy);border-color:var(--brand-border)}.app-shell .feedback{background:var(--brand-orange-soft);border-color:#ffd2a3}.app-shell .feedback--success{background:var(--brand-turquoise-soft);border-color:#9fe5df}.app-shell .workspace{background-color:var(--brand-background);background-image:radial-gradient(#b9d9df 1px,transparent 1px)}.map-back-button{color:#fff;background:#ffffff14;border-color:#fff3}.reward-backdrop,.tutorial-backdrop{background:#102a43c2}.reward-card,.tutorial-card{box-shadow:0 8px 0 var(--brand-turquoise-dark),0 30px 80px #102a434d}.reward-badge{background:var(--brand-orange);border-color:#fff0db;box-shadow:0 7px 0 var(--brand-orange-dark)}.reward-overline,.tutorial-dialogue header small{color:var(--brand-orange-dark)}.reward-card h2,.tutorial-dialogue h2{color:var(--brand-navy)}.reward-earned span,.speaker-name{color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft)}.reward-continue,.tutorial-next{background:var(--brand-turquoise);border-color:var(--brand-turquoise);box-shadow:0 4px 0 var(--brand-turquoise-dark)}.reward-continue:hover{background:var(--brand-turquoise-dark)}.tutorial-step-icon{background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.tutorial-dots span.is-active{background:var(--brand-turquoise)}.tutorial-start{background:var(--brand-orange);border-color:var(--brand-orange);box-shadow:0 4px 0 var(--brand-orange-dark)}.map-select-page{--home-blue: var(--brand-turquoise);--home-blue-deep: var(--brand-navy);--home-sky: var(--brand-turquoise);--home-yellow: var(--brand-orange);color:var(--brand-navy);background:var(--brand-background)}.map-select-header{color:#fff;background:var(--brand-navy);box-shadow:0 4px #08bdb538}.map-select-brand>span{color:#fff;background:var(--brand-turquoise);border-color:#ffffff80;box-shadow:0 4px 0 var(--brand-turquoise-dark)}.map-select-brand small,.map-member-actions small{color:#c8dce7}.map-main-nav a:hover,.map-main-nav a.is-active{background:#08bdb533}.map-member-actions>button>span{color:#fff;background:var(--brand-orange)}.map-home-hero{color:#fff;background:var(--brand-navy)}.map-home-hero:before{background:var(--brand-background)}.map-home-hero:after{border-color:#08bdb51a}.map-hero-kicker{color:var(--brand-navy);background:#fff;border-color:#ffffffa6;box-shadow:0 4px #08bdb594}.map-home-copy h1{text-shadow:none}.map-home-copy h1 em{color:var(--brand-orange)}.map-home-copy>p{color:#d8e7ee}.map-hero-actions button{color:#fff;background:var(--brand-turquoise);box-shadow:0 6px 0 var(--brand-turquoise-dark)}.map-hero-actions a{background:#ffffff14;border-color:#ffffff42}.map-player-summary>div{background:#ffffff12;border-color:#ffffff26}.map-player-summary span{color:var(--brand-turquoise-dark)}.map-player-summary small{color:#cbdde6}.map-quest-visual{background:#c7f3f0;border-color:#fff;box-shadow:0 18px #08bdb52e,var(--brand-shadow)}.map-quest-visual:before{background:#83d8a2}.map-quest-hero{background:var(--brand-navy)}.map-course-heading>div:first-child>span,.map-course-count strong{color:var(--brand-turquoise-dark)}.map-course-heading h2{color:var(--brand-navy)}.map-course-heading p{color:var(--brand-muted)}.map-course-count,.map-how-it-works{border-color:var(--brand-border);box-shadow:0 6px #dcebf0}.map-slider-window{box-shadow:0 10px #dcebf0,var(--brand-shadow)}.map-part-label{color:#fff;background:var(--brand-orange)}.adventure-map-info{color:var(--brand-navy);background:#fff}.adventure-map-info h2{color:var(--brand-navy)}.map-course-meta span{color:var(--brand-navy-soft);background:var(--brand-turquoise-soft)}.map-slider-arrow{color:var(--brand-turquoise-dark);box-shadow:0 6px #d4e7eb,var(--brand-shadow)}.map-slider-arrow:hover,.map-slider-dots button.is-active{background:var(--brand-turquoise)}.map-start-button{color:#fff;background:var(--brand-turquoise);box-shadow:0 6px 0 var(--brand-turquoise-dark)}.map-start-button:hover:not(:disabled){box-shadow:0 8px 0 var(--brand-turquoise-dark)}.map-how-it-works>div>span{background:var(--brand-turquoise);box-shadow:0 4px 0 var(--brand-turquoise-dark)}.map-select-empty{color:var(--brand-navy);background:var(--brand-background)}.map-select-empty a,.map-select-empty .map-start-button{background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.member-gate{background:var(--brand-background)}.member-gate-story{background:var(--brand-navy)}.member-gate-story:after{background:#08bdb521}.member-gate-brand{align-items:center}.member-gate-brand>span{color:#fff;background:var(--brand-turquoise);border-color:#ffffff8c;box-shadow:0 5px 0 var(--brand-turquoise-dark)}.member-gate-brand>div{display:flex;flex-direction:column}.member-gate-brand small{color:#bcd4df;font-size:8px;font-weight:600;letter-spacing:.1em}.member-gate-copy small{color:var(--brand-orange)}.member-gate-copy h1{text-shadow:none}.member-gate-copy p{color:#d7e6ed}.member-gate-copy p strong{color:#fff;font-weight:700}.member-gate-panel{color:var(--brand-navy);background:var(--brand-background)}.member-key-card{border-color:var(--brand-border);box-shadow:0 10px #deebef,var(--brand-shadow)}.member-key-icon{background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.member-gate-overline{color:var(--brand-orange-dark)}.member-key-card h2{color:var(--brand-navy)}.member-key-card>p{color:var(--brand-muted)}.member-key-input{color:var(--brand-turquoise-dark);background:var(--brand-background);border-color:var(--brand-border)}.member-key-input:focus-within{border-color:var(--brand-turquoise);box-shadow:0 0 0 4px var(--brand-focus)}.member-key-input input{color:var(--brand-navy)}.member-key-card form>button{color:#fff;background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.member-demo-key{color:var(--brand-muted);background:var(--brand-turquoise-soft)}.member-demo-key button{color:var(--brand-turquoise-dark);border-color:#9cded9}.member-gate-benefits svg{color:var(--brand-turquoise-dark)}.admin-shell{color:var(--brand-navy);background:var(--brand-background)}.admin-sidebar{background:var(--brand-navy);box-shadow:8px 0 28px #102a4314}.admin-brand>span{color:#fff;background:var(--brand-turquoise)}.admin-brand div{display:flex;flex-direction:column;align-items:flex-start;gap:0}.admin-brand strong{color:#fff;font-size:13px}.admin-brand b{color:var(--brand-orange);font-size:7px;font-weight:600;letter-spacing:.08em}.admin-brand small{margin-top:2px;color:#a9c1cd}.admin-sidebar nav button{color:#9eb5c1}.admin-sidebar nav button:hover{color:#fff;background:#ffffff0f}.admin-sidebar nav button.is-active{color:#fff;background:#08bdb52e;box-shadow:inset 3px 0 var(--brand-turquoise)}.admin-sidebar nav button em{color:#fff;background:#ff951c33}.system-dot{background:var(--brand-turquoise);box-shadow:0 0 0 4px #08bdb524}.admin-topbar{border-color:var(--brand-border)}.save-state:before{background:var(--brand-turquoise)}.save-state.is-dirty:before{background:var(--brand-orange)}.admin-save,.admin-primary{background:var(--brand-turquoise);box-shadow:0 5px 11px #08bdb52b}.admin-primary:hover,.admin-save:hover:not(:disabled){background:var(--brand-turquoise-dark)}.admin-avatar{background:var(--brand-turquoise)}.admin-overline{color:var(--brand-orange-dark)}.admin-page-heading h1{color:var(--brand-navy)}.open-game-button{color:#fff;background:var(--brand-orange);box-shadow:0 7px 16px #ff951c2e}.metric-card,.admin-card,.editor-card,.admin-data-state{border-color:var(--brand-border);box-shadow:0 4px 14px #102a430a}.metric-icon--orange{color:var(--brand-orange-dark);background:var(--brand-orange-soft)}.metric-icon--purple,.metric-icon--mint{color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft)}.content-list button.is-selected,.asset-gallery button.is-selected,.story-timeline button.is-selected{border-color:var(--brand-turquoise);box-shadow:0 0 0 2px var(--brand-focus)}.quick-actions button>span,.form-section h3>span,.story-chapter>span{color:var(--brand-orange-dark);background:var(--brand-orange-soft)}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--brand-turquoise);box-shadow:0 0 0 3px var(--brand-focus)}.admin-upload-button{background:var(--brand-turquoise)}.status-pill--published{color:#066e69;background:var(--brand-turquoise-soft)}.score{color:var(--brand-orange-dark)}.admin-toast{background:var(--brand-turquoise-dark)}.admin-access-page{background:var(--brand-background)}.admin-access-card{border-color:var(--brand-border);box-shadow:var(--brand-shadow)}.admin-access-brand{color:var(--brand-navy)}.admin-access-brand>span{color:#fff;background:var(--brand-turquoise)}.admin-access-brand small{color:var(--brand-muted)}.admin-access-heading>span{color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft)}.admin-access-heading h1{color:var(--brand-navy)}.admin-access-form input:focus{border-color:var(--brand-turquoise);box-shadow:0 0 0 3px var(--brand-focus)}.admin-access-submit{background:var(--brand-turquoise);box-shadow:0 8px 18px #08bdb529}.admin-access-submit:hover:not(:disabled){background:var(--brand-turquoise-dark)}.live-host{background:var(--brand-navy)}.live-host__header{background:var(--brand-navy);border-bottom-color:#ffffff1f}.live-brand>span{color:#fff;background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.live-brand small{color:#aac3cf}.live-host__content{background:var(--brand-navy)}.live-lobby-card,.live-program-panel,.live-feedback{background:var(--brand-navy-soft);border-color:#ffffff1a}.live-lobby-card__icon{color:#fff;background:var(--brand-orange);box-shadow:0 7px 0 var(--brand-orange-dark)}.live-client-link,.live-status--connected{color:#7be0db}.live-player-count svg,.live-feedback--complete>svg{color:var(--brand-turquoise)}.live-run-button{color:#fff;background:var(--brand-turquoise);box-shadow:0 5px 0 var(--brand-turquoise-dark)}.live-complete-burst{color:var(--brand-navy);border-color:var(--brand-turquoise)}.live-complete-burst span{color:var(--brand-orange-dark)}.live-scanner{color:var(--brand-navy);background:var(--brand-background)}.scanner-header{background:var(--brand-navy)}.scanner-header>a>span{color:#fff;background:var(--brand-turquoise)}.scanner-header small{color:#adc5d0}.scanner-room-card,.scanner-camera-card,.scanner-program-card{border-color:var(--brand-border);box-shadow:var(--brand-shadow)}.scanner-room-card button,.scanner-camera-actions button:first-child{background:var(--brand-turquoise);border-color:var(--brand-turquoise)}.scanner-room-card input{color:var(--brand-navy);background:var(--brand-background);border-color:var(--brand-border)}.scanner-corner-status span.is-found{color:var(--brand-navy);background:var(--brand-turquoise)}.scanner-auto-status svg{color:var(--brand-turquoise)}.scanner-auto-status>i>span{background:var(--brand-orange)}.scanner-send-button{color:#fff;background:var(--brand-turquoise);box-shadow:0 6px 0 var(--brand-turquoise-dark)}.scanner-program-card header>b{color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft)}.print-kit-app{color:var(--brand-navy);background:#dce8ec}.print-kit-toolbar{background:var(--brand-navy)}.print-kit-toolbar small{color:#adc5d0}.print-kit-toolbar button{color:#fff;background:var(--brand-turquoise);box-shadow:0 4px 0 var(--brand-turquoise-dark)}.coding-mat-page{border-color:var(--brand-navy)}.coding-mat-heading>span,.block-sheet-heading>span{color:var(--brand-turquoise-dark)}.block-sheet-heading{border-color:var(--brand-navy)}@media(max-width:760px){.admin-brand div{display:flex}}.brand-logo{display:block;flex:0 0 auto;overflow:hidden;aspect-ratio:2.978 / 1;background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:10px}.brand-logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none}.brand-logo__mark{display:none}.brand>.brand-logo,.map-select-brand>.brand-logo,.member-gate-brand>.brand-logo,.admin-access-brand>.brand-logo,.admin-brand>.brand-logo,.live-brand>.brand-logo,.scanner-header>a>.brand-logo{color:inherit;background:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:none;border-radius:10px;transform:none}.brand>.brand-logo--player{width:174px;height:auto}.map-select-brand>.brand-logo--home{width:180px;height:auto}.member-gate-brand>.brand-logo--access{width:min(250px,58vw);height:auto}.admin-access-brand>.brand-logo--admin-access{width:220px;height:auto}.admin-brand>.brand-logo--admin{width:164px;height:auto}.live-brand>.brand-logo--live{width:164px;height:auto}.scanner-header>a>.brand-logo--scanner{width:138px;height:auto}.brand-logo--print-toolbar{width:158px}.brand-logo--print-page{width:32%;margin:0 auto .25%}.admin-brand{align-items:flex-start;flex-direction:column;gap:6px}.admin-brand>small{color:#aac0cb;font-size:9px;font-weight:700;letter-spacing:.16em}.live-brand{align-items:flex-start;flex-direction:column;gap:3px}.live-brand>small{color:#aac3cf;font-size:9px;font-weight:700;letter-spacing:.12em}.scanner-header>a{align-items:flex-start;flex-direction:column;gap:2px}.scanner-header>a>small{color:#adc5d0;font-size:8px;font-weight:700;letter-spacing:.12em}.print-kit-toolbar>div{gap:2px}.map-main-nav a{font-size:13px}.map-home-copy>p{font-size:18px}.map-hero-actions button,.map-hero-actions a{font-size:15px}.map-player-summary strong{font-size:17px}.map-player-summary small{font-size:11px}.map-course-heading p{font-size:14px}.map-course-count span{font-size:11px}.adventure-map-info>small{font-size:12px}.adventure-map-info>p{font-size:14px}.map-course-meta span{font-size:12px}.map-progress-copy,.map-progress-copy strong{font-size:11px}.map-start-button{font-size:15px}.map-how-it-works strong{font-size:14px}.map-how-it-works small{font-size:11px}.member-key-card>p{font-size:15px}.member-key-card form>label{font-size:11px}.member-key-error{font-size:12px}.member-demo-key,.member-demo-key button,.member-gate-benefits span{font-size:11px}.app-shell .mission-progress-label,.app-shell .progress-count{font-size:13px}.app-shell .member-profile-copy strong{font-size:12px}.app-shell .member-profile-copy small{font-size:9px}.app-shell .eyebrow{font-size:11px}.app-shell .section-help{font-size:13px}.app-shell .block-count{font-size:12px}.app-shell .toolbox-block .block-copy strong{font-size:15px}.app-shell .toolbox-block .block-copy small{font-size:11px}.app-shell .program-block .block-copy strong{font-size:14px}.admin-sidebar nav button strong{font-size:13px}.admin-sidebar nav button small{font-size:10px}.admin-sidebar nav button em{font-size:10px}.admin-sidebar-footer strong{font-size:11px}.admin-sidebar-footer small{font-size:9px}.admin-breadcrumb,.save-state{font-size:11px}.admin-save,.admin-primary,.admin-secondary,.open-game-button{font-size:12px}.admin-overline{font-size:10px}.admin-page-heading p,.admin-card p{font-size:14px}.admin-card-heading h2,.editor-card-head h2{font-size:18px}.metric-card span{font-size:11px}.metric-card small{font-size:10px}.mission-summary strong,.content-list button strong,.asset-gallery button strong{font-size:12px}.mission-summary small,.content-list button small,.asset-gallery button small{font-size:10px}.status-pill{font-size:9px}.quick-actions strong{font-size:12px}.quick-actions small{font-size:10px}.admin-field{font-size:11px}.admin-field input,.admin-field textarea,.admin-field select,.badge-admin-list input,.badge-admin-list textarea,.badge-admin-list select{font-size:14px}.admin-field small,.editor-card-head span{font-size:9px}.admin-access-brand small{font-size:10px}.admin-access-heading p{font-size:13px}.admin-access-form label{font-size:11px}.admin-access-form input{font-size:14px}.admin-access-submit{font:800 13px Kanit,sans-serif}.admin-access-help{font-size:10px}.live-status,.live-header-actions>a{font-size:12px}.live-lobby-card .eyebrow{font-size:11px}.live-lobby-card>p{font-size:13px}.live-pin-panel small{font-size:11px}.live-client-link{font-size:10px}.live-lobby-card li{font-size:12px}.live-player-count span,.live-stage-heading span{font-size:11px}.live-stage-heading p{font-size:12px}.live-feedback strong{font-size:13px}.live-feedback span{font-size:11px}.live-program-panel header small{font-size:10px}.live-program-panel h2{font-size:20px}.live-program-block b{font-size:13px}.live-program-block small{font-size:9px}.live-program-panel button{font-size:13px}.scanner-connection{font-size:10px}.scanner-room-card>label{font-size:11px}.scanner-room-card button{font-size:13px}.scanner-room-card>small,.scanner-placeholder span,.scanner-demo-visual span{font-size:10px}.scanner-camera-actions button{font-size:11px}.scanner-camera-note{font-size:10px}.scanner-program-card header small{font-size:9px}.scanner-program-card h1{font-size:20px}.scanner-program-card header>b{font-size:11px}.scanner-block-list b{font-size:12px}.scanner-block-list small{font-size:9px}.scanner-feedback{font-size:11px}.scanner-submit-actions button{font-size:14px}.print-kit-toolbar>a,.print-kit-toolbar button{font-size:13px}.print-kit-toolbar small{font-size:9px}@media(max-width:760px){.brand>.brand-logo--player{width:145px}.map-select-brand>.brand-logo--home{width:150px}.admin-brand>.brand-logo--admin{width:150px}.live-brand>.brand-logo--live{width:142px}.map-home-copy>p{font-size:16px}}@media(max-width:480px){.map-select-brand>.brand-logo--home{width:134px}.scanner-header>a>.brand-logo--scanner{width:120px}.member-gate-copy p{font-size:14px}}.member-gate{min-height:100vh;display:block;overflow:hidden;color:var(--brand-navy);background:#fff}.member-announcement{min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 22px;color:#fff;background:linear-gradient(90deg,#0d765f,var(--brand-turquoise),#0698a4);font-size:13px;font-weight:600}.member-announcement>svg{color:#fff1bd}.member-announcement a{display:inline-flex;align-items:center;gap:4px;margin-left:5px;padding:5px 10px;color:var(--brand-navy);background:#fff;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none}.member-site-header{position:relative;z-index:30;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:11px max(4vw,calc((100vw - 1180px)/2));color:var(--brand-navy);background:#fff;border-bottom:1px solid #e4eef2}.member-site-brand{display:flex;align-items:center;flex:0 0 auto}.member-site-brand .brand-logo--access{width:206px;border-color:#e1ebee;border-radius:9px}.member-site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.8vw,38px)}.member-site-header nav a{position:relative;padding:9px 0;color:#38536a;font-size:14px;font-weight:600;text-decoration:none}.member-site-header nav a:after{content:"";position:absolute;right:50%;bottom:2px;left:50%;height:3px;background:var(--brand-turquoise);border-radius:99px;transition:left .18s ease,right .18s ease}.member-site-header nav a:hover:after{right:0;left:0}.member-header-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;color:#fff;background:var(--brand-turquoise);border-radius:12px;box-shadow:0 4px 0 var(--brand-turquoise-dark);font-size:14px;font-weight:800;text-decoration:none}.member-home-hero{position:relative;min-height:610px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(450px,1.08fr);align-items:center;gap:clamp(35px,5vw,75px);overflow:hidden;padding:64px max(5vw,calc((100vw - 1160px)/2)) 78px;color:#fff;background:radial-gradient(circle at 7% 13%,rgba(8,189,181,.23),transparent 24rem),radial-gradient(circle at 91% 92%,rgba(255,149,28,.12),transparent 25rem),linear-gradient(135deg,#102a43,#123958 53%,#0d293f)}.member-home-hero:before,.member-home-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%}.member-home-hero:before{width:520px;height:520px;left:-270px;bottom:-320px}.member-home-hero:after{width:720px;height:720px;right:-390px;top:-520px}.member-home-copy{position:relative;z-index:3;max-width:620px}.member-home-kicker{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;padding:7px 13px;color:#d9f7f5;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;font-weight:600}.member-home-kicker>span{width:10px;height:10px;background:var(--brand-orange);border:3px solid rgba(255,255,255,.3);border-radius:50%}.member-home-copy h1{margin:23px 0 18px;color:#fff;font-size:clamp(47px,5.2vw,72px);font-weight:850;line-height:1.02;letter-spacing:-.045em}.member-home-copy h1 em{color:var(--brand-orange);font-style:normal}.member-home-copy>p{max-width:590px;margin:0;color:#d5e3ea;font-size:18px;line-height:1.75}.member-home-checks{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:23px}.member-home-checks span{display:flex;align-items:center;gap:7px;color:#fff;font-size:13px;font-weight:600}.member-home-checks svg{flex:0 0 auto;padding:2px;color:var(--brand-navy);background:#75ddd7;border-radius:50%}.member-home-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.member-home-actions a{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border-radius:13px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .18s ease}.member-home-actions a:hover{transform:translateY(-2px)}.member-home-primary{color:var(--brand-navy);background:var(--brand-orange);box-shadow:0 5px #c96d09}.member-home-secondary{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.28)}.member-game-showcase{position:relative;z-index:4;min-height:480px;display:grid;place-items:center}.member-game-window{position:relative;z-index:2;width:min(540px,100%);overflow:hidden;border:5px solid rgba(255,255,255,.92);border-radius:27px;background:#eef8f8;box-shadow:0 24px #05122133,0 38px 70px #03102066;transform:rotate(1.2deg)}.member-game-window-bar{height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#537083;background:#fff;font-size:10px;font-weight:800;letter-spacing:.09em}.member-game-window-bar i{width:9px;height:9px;display:block;background:#dbe7eb;border-radius:50%}.member-game-window-bar i:first-child{background:#ff8d77}.member-game-window-bar i:nth-child(2){background:#ffd265}.member-game-window-bar i:nth-child(3){background:#5bd3ab}.member-game-window-bar span{margin-left:auto}.member-game-screen{position:relative;min-height:380px;padding:18px 22px 22px;background:linear-gradient(160deg,#c7f1ed,#8bded8)}.member-game-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.member-game-toolbar span,.member-game-toolbar b{display:flex;align-items:center;gap:5px;padding:6px 10px;color:var(--brand-navy);background:#ffffffdb;border-radius:999px;font-size:10px}.member-game-toolbar span{color:#93500a}.member-mini-board{width:min(350px,80%);display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 auto;padding:13px;background:#102a43e6;border:4px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 10px #102a432e}.member-mini-board>span{aspect-ratio:1;display:grid;place-items:center;background:#f7fffe;border-radius:8px;box-shadow:inset 0 -3px #d9efed;font-size:clamp(14px,2vw,24px)}.member-mini-board>span.is-goal{background:#fff0d7}.member-mini-board>span.is-hero{background:#e3fffb;outline:3px solid var(--brand-turquoise)}.member-mini-board>span.is-rock{background:#dfe9ea}.member-game-mission{width:max-content;max-width:90%;display:flex;align-items:center;gap:9px;margin:15px auto 0;padding:8px 13px;color:#fff;background:var(--brand-navy);border-radius:11px;box-shadow:0 4px #04162340}.member-game-mission span{display:flex;flex-direction:column}.member-game-mission small{color:#6dddd6;font-size:7px;font-weight:800;letter-spacing:.15em}.member-game-mission strong{font-size:11px}.member-floating-block{position:absolute;z-index:4;min-width:145px;min-height:49px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#fff;border:3px solid #fff;border-radius:12px 15px 15px 6px;box-shadow:0 7px #03102047;font-size:12px;font-weight:800}.member-floating-block svg{padding:4px;box-sizing:content-box;background:#0000001f;border-radius:7px}.member-floating-block--start{top:7px;left:-6px;background:#22b985;transform:rotate(-5deg);animation:memberBlockFloat 3s ease-in-out infinite alternate}.member-floating-block--move{right:-21px;bottom:50px;background:#2d83e8;transform:rotate(4deg);animation:memberBlockFloat 3.4s ease-in-out .4s infinite alternate-reverse}.member-floating-block--repeat{top:36px;right:-8px;background:var(--brand-orange);transform:rotate(5deg);animation:memberBlockFloat 3.7s ease-in-out .7s infinite alternate}.member-showcase-spark{position:absolute;z-index:5;color:#ffd37c;font-size:36px;animation:memberSpark 1.2s ease-in-out infinite alternate}.member-showcase-spark--one{left:3%;bottom:16%}.member-showcase-spark--two{right:4%;top:27%;font-size:24px;animation-delay:.5s}.member-home-stats{position:relative;z-index:8;width:min(1080px,calc(100% - 42px));min-height:112px;display:grid;grid-template-columns:repeat(4,1fr);margin:-37px auto 0;padding:18px 26px;background:#fff;border:1px solid var(--brand-border);border-radius:21px;box-shadow:0 15px 40px #102a431f}.member-home-stats article{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #dfebef}.member-home-stats article:last-child{border:0}.member-home-stats strong{color:var(--brand-turquoise-dark);font-size:35px;line-height:1}.member-home-stats span{color:#5d7485;font-size:12px;font-weight:600;line-height:1.35}.member-learning-section,.member-how-section{padding:100px max(5vw,calc((100vw - 1120px)/2))}.member-section-heading{max-width:720px;margin:0 auto 43px;text-align:center}.member-section-heading>span,.member-curriculum-copy>span{color:var(--brand-orange-dark);font-size:11px;font-weight:850;letter-spacing:.16em}.member-section-heading h2,.member-curriculum-copy h2{margin:8px 0 10px;color:var(--brand-navy);font-size:clamp(32px,4vw,47px);line-height:1.15;letter-spacing:-.035em}.member-section-heading p,.member-curriculum-copy>p{margin:0;color:var(--brand-muted);font-size:16px;line-height:1.75}.member-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-feature-grid article{min-height:300px;padding:28px;background:#fff;border:1px solid var(--brand-border);border-radius:20px;box-shadow:0 8px #e5f0f2;transition:transform .2s ease,box-shadow .2s ease}.member-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 13px #dcebed}.member-feature-icon{width:61px;height:61px;display:grid;place-items:center;margin-bottom:24px;border-radius:17px}.member-feature-icon--teal{color:#087b76;background:var(--brand-turquoise-soft)}.member-feature-icon--orange{color:#b25b00;background:var(--brand-orange-soft)}.member-feature-icon--navy{color:#fff;background:var(--brand-navy)}.member-feature-grid small{color:var(--brand-turquoise-dark);font-size:9px;font-weight:850;letter-spacing:.13em}.member-feature-grid h3{margin:8px 0;color:var(--brand-navy);font-size:22px}.member-feature-grid p{margin:0;color:var(--brand-muted);font-size:14px;line-height:1.75}.member-curriculum-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);align-items:center;gap:clamp(45px,7vw,95px);padding:88px max(5vw,calc((100vw - 1120px)/2));background:var(--brand-background)}.member-curriculum-copy>p{max-width:510px}.member-curriculum-copy>a{width:max-content;display:flex;align-items:center;gap:7px;margin-top:24px;color:var(--brand-turquoise-dark);font-size:14px;font-weight:800;text-decoration:none}.member-curriculum-list{display:flex;flex-direction:column;gap:13px}.member-curriculum-list article{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:16px;padding:18px;background:#fff;border:1px solid var(--brand-border);border-radius:17px;box-shadow:0 5px 14px #102a430d}.member-curriculum-list article>b{width:51px;height:51px;display:grid;place-items:center;color:#fff;background:var(--brand-turquoise);border-radius:14px;box-shadow:inset 0 -4px var(--brand-turquoise-dark);font-size:16px}.member-curriculum-list article:nth-child(2)>b{background:var(--brand-orange);box-shadow:inset 0 -4px var(--brand-orange-dark)}.member-curriculum-list article:nth-child(3)>b{background:var(--brand-navy);box-shadow:inset 0 -4px #081c2d}.member-curriculum-list article>span{display:flex;flex-direction:column}.member-curriculum-list small{color:var(--brand-turquoise-dark);font-size:8px;font-weight:850;letter-spacing:.12em}.member-curriculum-list strong{color:var(--brand-navy);font-size:17px}.member-curriculum-list p{margin:2px 0 0;color:var(--brand-muted);font-size:12px}.member-curriculum-list article>svg{color:var(--brand-turquoise-dark)}.member-how-section{background:#fff}.member-step-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.member-step-grid:before{content:"";position:absolute;top:48px;right:16%;left:16%;border-top:3px dashed #c8dfdf}.member-step-grid article{position:relative;z-index:1;text-align:center}.member-step-grid article>b{position:absolute;top:-4px;left:calc(50% + 24px);width:27px;height:27px;display:grid;place-items:center;color:#fff;background:var(--brand-orange);border:3px solid #fff;border-radius:50%;font-size:11px}.member-step-grid article>span{width:94px;height:94px;display:grid;place-items:center;margin:0 auto 18px;color:var(--brand-turquoise-dark);background:var(--brand-turquoise-soft);border:2px solid #bfeae7;border-radius:28px}.member-step-grid article:nth-child(2)>span{color:#ac5900;background:var(--brand-orange-soft);border-color:#ffd4a5}.member-step-grid article:nth-child(3)>span{color:#fff;background:var(--brand-navy);border-color:var(--brand-navy)}.member-step-grid h3{margin:0 0 6px;color:var(--brand-navy);font-size:20px}.member-step-grid p{max-width:270px;margin:0 auto;color:var(--brand-muted);font-size:13px;line-height:1.7}.member-access-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,.72fr);align-items:center;gap:clamp(36px,6vw,80px);padding:86px max(5vw,calc((100vw - 1120px)/2));color:#fff;background:radial-gradient(circle at 0 100%,rgba(8,189,181,.19),transparent 29rem),var(--brand-navy)}.member-access-pitch>span{display:inline-flex;align-items:center;gap:7px;color:#87e4df;font-size:11px;font-weight:850;letter-spacing:.13em}.member-access-pitch h2{margin:12px 0 15px;color:#fff;font-size:clamp(36px,4.5vw,55px);line-height:1.08;letter-spacing:-.04em}.member-access-pitch>p{max-width:570px;margin:0;color:#c9dce5;font-size:16px;line-height:1.75}.member-access-pitch>div{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.member-access-pitch>div span{display:flex;align-items:center;gap:7px;padding:9px 11px;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px}.member-access-pitch>div svg{color:var(--brand-orange)}.member-access-pitch>div b{font-size:12px}.member-access-section .member-gate-panel{display:block;padding:0;background:transparent}.member-access-section .member-key-card{width:100%;padding:34px;border:0;border-radius:21px;box-shadow:0 11px #08bdb52e,0 25px 60px #0000003b}.member-access-section .member-key-icon{width:54px;height:54px;margin-bottom:16px;border-radius:15px}.member-access-section .member-key-card h2{font-size:28px}.member-access-section .member-key-card form>button{min-height:54px;font-size:15px}.member-site-footer{min-height:105px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:20px max(5vw,calc((100vw - 1120px)/2));color:#617787;background:#fff;border-top:1px solid var(--brand-border)}.member-site-footer .brand-logo--footer{width:170px;border-color:var(--brand-border)}.member-site-footer p{display:flex;flex-direction:column;margin:0}.member-site-footer p strong{color:var(--brand-navy);font-size:13px}.member-site-footer p span,.member-site-footer>span{font-size:11px}@keyframes memberBlockFloat{to{translate:0 -9px}}@keyframes memberSpark{to{transform:scale(1.25) rotate(10deg);opacity:.65}}@media(max-width:1020px){.member-site-header nav{gap:17px}.member-site-header nav a{font-size:12px}.member-home-hero{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:30px}.member-home-copy h1{font-size:clamp(44px,5.8vw,62px)}.member-game-showcase{min-height:430px}.member-floating-block{min-width:125px;font-size:10px}.member-curriculum-section,.member-access-section{grid-template-columns:1fr 1fr}}@media(max-width:820px){.member-announcement{justify-content:space-between}.member-announcement>svg{display:none}.member-site-header{min-height:72px;padding-inline:20px}.member-site-header nav{display:none}.member-site-brand .brand-logo--access{width:176px}.member-home-hero{grid-template-columns:1fr;padding:55px 28px 75px;text-align:center}.member-home-copy{margin:0 auto}.member-home-kicker{margin-inline:auto}.member-home-copy>p{margin-inline:auto}.member-home-checks,.member-home-actions{justify-content:center}.member-game-showcase{width:min(600px,100%);margin:5px auto 0}.member-home-stats{grid-template-columns:repeat(2,1fr)}.member-home-stats article{padding:15px 0}.member-home-stats article:nth-child(2){border-right:0}.member-home-stats article:nth-child(-n+2){border-bottom:1px solid #dfebef}.member-feature-grid{grid-template-columns:1fr}.member-feature-grid article{min-height:0}.member-curriculum-section,.member-access-section{grid-template-columns:1fr}.member-curriculum-copy{text-align:center}.member-curriculum-copy>p{margin-inline:auto}.member-curriculum-copy>a{margin-inline:auto}.member-access-pitch{text-align:center}.member-access-pitch>p{margin-inline:auto}.member-access-pitch>div{justify-content:center}.member-step-grid{gap:18px}.member-site-footer{grid-template-columns:1fr;justify-items:center;gap:8px;text-align:center}}@media(max-width:560px){.member-announcement{min-height:38px;padding:7px 13px}.member-announcement span{max-width:230px;font-size:10px;line-height:1.25}.member-announcement a{margin:0;padding:5px 8px;font-size:10px}.member-site-header{padding-inline:14px}.member-site-brand .brand-logo--access{width:145px}.member-header-cta{min-height:39px;padding:0 12px;font-size:12px}.member-home-hero{min-height:0;padding:43px 18px 64px}.member-home-kicker{font-size:10px}.member-home-copy h1{margin-top:18px;font-size:42px}.member-home-copy>p{font-size:15px}.member-home-checks{flex-direction:column;align-items:center}.member-home-actions a{width:100%}.member-game-showcase{min-height:345px}.member-game-window{border-width:3px;border-radius:19px}.member-game-window-bar{height:35px}.member-game-screen{min-height:275px;padding:12px}.member-mini-board{gap:4px;padding:8px}.member-floating-block{min-width:112px;min-height:38px;padding:0 8px;border-width:2px;font-size:9px}.member-floating-block svg{width:13px;height:13px}.member-floating-block--start{top:9px;left:-5px}.member-floating-block--repeat{top:33px;right:-8px}.member-floating-block--move{right:-9px;bottom:8px}.member-home-stats{width:calc(100% - 28px);padding:10px}.member-home-stats strong{font-size:28px}.member-home-stats span{font-size:10px}.member-learning-section,.member-how-section,.member-curriculum-section,.member-access-section{padding:70px 18px}.member-section-heading{margin-bottom:30px}.member-section-heading h2,.member-curriculum-copy h2{font-size:32px}.member-section-heading p,.member-curriculum-copy>p{font-size:14px}.member-feature-grid article{padding:23px}.member-curriculum-list article{grid-template-columns:45px minmax(0,1fr);gap:11px;padding:13px}.member-curriculum-list article>b{width:44px;height:44px}.member-curriculum-list article>svg{display:none}.member-curriculum-list strong{font-size:15px}.member-step-grid{grid-template-columns:1fr;gap:36px}.member-step-grid:before{display:none}.member-access-pitch h2{font-size:38px}.member-access-pitch>p{font-size:14px}.member-access-pitch>div{align-items:stretch;flex-direction:column}.member-access-pitch>div span{justify-content:center}.member-access-section .member-key-card{padding:27px 21px}.member-access-section .member-key-card h2{font-size:25px}.member-site-footer .brand-logo--footer{width:155px}}.member-blog-section{padding:92px max(5vw,calc((100vw - 1120px)/2));background:var(--brand-background)}.member-blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.member-blog-heading>div>span{color:var(--brand-orange-dark);font-size:11px;font-weight:850;letter-spacing:.16em}.member-blog-heading h2{margin:8px 0 6px;color:var(--brand-navy);font-size:clamp(31px,4vw,45px);line-height:1.15;letter-spacing:-.035em}.member-blog-heading p{margin:0;color:var(--brand-muted);font-size:15px}.member-blog-heading>svg{color:var(--brand-turquoise-dark)}.member-blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.member-blog-grid article{overflow:hidden;background:#fff;border:1px solid var(--brand-border);border-radius:19px;box-shadow:0 7px #dfecee}.member-blog-cover{position:relative;width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;padding:0;color:#fff;background:linear-gradient(145deg,var(--brand-navy),#1d5670);border:0;cursor:pointer}.member-blog-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,42,67,.42),transparent 70%)}.member-blog-cover img{width:100%;height:100%;object-fit:cover}.member-blog-cover>span{display:flex;flex-direction:column;align-items:center;gap:8px}.member-blog-cover>span small{font-size:11px;font-weight:700}.member-blog-cover>b{position:absolute;z-index:2;left:13px;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px 9px;color:var(--brand-navy);background:var(--brand-orange);border-radius:999px;font-size:9px}.member-blog-card-copy{padding:22px}.member-blog-card-copy>span{color:var(--brand-turquoise-dark);font-size:10px;font-weight:750}.member-blog-card-copy h3{margin:7px 0 8px;color:var(--brand-navy);font-size:20px;line-height:1.3}.member-blog-card-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--brand-muted);font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.member-blog-card-copy button{display:flex;align-items:center;gap:5px;margin-top:17px;padding:0;color:var(--brand-turquoise-dark);background:transparent;border:0;font:800 12px inherit;cursor:pointer}.home-leaderboard-section{position:relative;padding:92px max(5vw,calc((100vw - 1120px)/2));background:linear-gradient(180deg,#f3fafb,#fff)}.home-leaderboard-section:before{content:"";position:absolute;width:260px;height:260px;right:-110px;top:45px;background:#08bdb514;border-radius:50%}.home-leaderboard-section .member-section-heading{position:relative;z-index:1}.home-leaderboard-board{position:relative;z-index:1;max-width:930px;display:grid;gap:10px;margin:0 auto}.home-leaderboard-player{min-height:76px;display:grid;grid-template-columns:56px 54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 20px 10px 13px;background:#fff;border:1px solid var(--brand-border);border-radius:17px;box-shadow:0 5px #dfecee}.home-leaderboard-player.rank-1{border-color:#efd077;box-shadow:0 6px #f1cc5a,0 18px 35px #cf9d1d1f}.home-leaderboard-player.rank-2{border-color:#cbd8df}.home-leaderboard-player.rank-3{border-color:#e4c09f}.home-leaderboard-rank{display:grid;place-items:center;color:var(--brand-navy);font-size:22px;font-weight:900}.home-leaderboard-avatar,.player-avatar{display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--brand-turquoise),var(--brand-turquoise-dark));border-radius:50%;font-weight:900}.home-leaderboard-avatar{width:50px;height:50px;font-size:19px;box-shadow:inset 0 0 0 3px #ffffff6b}.home-leaderboard-avatar img,.player-avatar img{width:100%;height:100%;display:block;object-fit:cover}.home-leaderboard-player>div{min-width:0;display:flex;flex-direction:column}.home-leaderboard-player>div strong{overflow:hidden;color:var(--brand-navy);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.home-leaderboard-player>div small{color:var(--brand-muted);font-size:11px}.home-leaderboard-player>b{display:flex;align-items:center;gap:6px;padding:8px 12px;color:#96610a;background:#fff5cf;border-radius:999px;font-size:13px;white-space:nowrap}.home-leaderboard-empty{max-width:620px;display:flex;align-items:center;flex-direction:column;margin:0 auto;padding:38px;color:var(--brand-muted);background:#fff;border:2px dashed #cfe2e6;border-radius:20px;text-align:center}.home-leaderboard-empty svg{color:var(--brand-orange)}.home-leaderboard-empty strong{margin-top:10px;color:var(--brand-navy);font-size:19px}.home-leaderboard-empty p{margin:4px 0 0;font-size:13px}.home-leaderboard-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:21px 0 0;color:#66808b;font-size:11px;text-align:center}.home-leaderboard-privacy svg{flex:0 0 auto;color:var(--brand-turquoise-dark)}.player-avatar{width:37px;height:37px;flex:0 0 37px;font-size:14px}.map-member-actions>button>.player-avatar{color:#fff;background:linear-gradient(145deg,var(--brand-turquoise),var(--brand-turquoise-dark))}.hero-select-member>.player-avatar,.coding-mode-member>.player-avatar{width:34px;height:34px;flex-basis:34px}.player-profile-page{min-height:100vh;padding-bottom:80px;color:var(--brand-navy);background:var(--brand-background);font-family:Kanit,Noto Sans Thai,system-ui,sans-serif}.player-profile-header{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:10px max(4vw,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--brand-border)}.player-profile-header .brand-logo{width:190px}.player-profile-header>button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;color:#3c5968;background:#f5fafb;border:1px solid var(--brand-border);border-radius:11px;font:700 12px inherit;cursor:pointer}.player-profile-header>button:last-child{justify-self:end}.player-profile-header .player-profile-logout{color:#a73f4e;background:#fff5f6;border-color:#f2d3d8}.player-profile-hero{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:45px max(6vw,calc((100vw - 1080px)/2)) 78px;color:#fff;background:radial-gradient(circle at 85% 30%,rgba(8,189,181,.3),transparent 28rem),linear-gradient(135deg,var(--brand-navy),#123f55)}.player-profile-identity{display:flex;align-items:center;gap:25px}.player-profile-avatar-wrap{position:relative;flex:0 0 auto}.player-avatar--profile{width:124px;height:124px;border:5px solid rgba(255,255,255,.9);box-shadow:0 12px 35px #0000003d;font-size:48px}.player-profile-avatar-wrap>button{position:absolute;right:1px;bottom:3px;width:39px;height:39px;display:grid;place-items:center;color:var(--brand-navy);background:var(--brand-orange);border:3px solid #fff;border-radius:50%;cursor:pointer}.player-profile-identity>div:last-child>span{display:flex;align-items:center;gap:6px;color:#89e5df;font-size:11px;font-weight:800;letter-spacing:.13em}.player-profile-identity h1{margin:6px 0 2px;font-size:clamp(32px,5vw,52px);line-height:1.1}.player-profile-identity p{margin:0;color:#c7dce4;font-size:14px}.player-profile-level{width:min(310px,100%);padding:22px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);border-radius:18px}.player-profile-level>span{color:#86e2dc;font-size:10px;font-weight:850;letter-spacing:.15em}.player-profile-level>strong{display:block;margin:2px 0 9px;color:var(--brand-orange);font-size:46px;line-height:1}.player-profile-level>div{height:10px;overflow:hidden;background:#ffffff26;border-radius:999px}.player-profile-level>div i{height:100%;display:block;background:linear-gradient(90deg,var(--brand-orange),#ffd96a);border-radius:inherit}.player-profile-level small{display:block;margin-top:8px;color:#c7dce4;font-size:10px}.player-profile-stats{width:min(880px,calc(100% - 36px));display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:-37px auto 35px;overflow:hidden;background:var(--brand-border);border:1px solid var(--brand-border);border-radius:18px;box-shadow:0 13px 35px #0b303e1f}.player-profile-stats article{min-height:92px;display:grid;grid-template-columns:45px auto;grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:14px 25px;background:#fff}.player-profile-stats article>span{grid-row:1 / 3;width:43px;height:43px;display:grid;place-items:center;color:var(--brand-orange-dark);background:#fff4df;border-radius:13px}.player-profile-stats strong{align-self:end;font-size:25px;line-height:1}.player-profile-stats small{align-self:start;margin-top:4px;color:var(--brand-muted);font-size:10px}.player-profile-layout{width:min(1080px,calc(100% - 36px));display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto}.player-profile-card{padding:25px;background:#fff;border:1px solid var(--brand-border);border-radius:20px;box-shadow:0 6px #e1ecee}.player-profile-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.player-profile-card-heading>span{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--brand-turquoise),var(--brand-turquoise-dark));border-radius:13px}.player-profile-card-heading h2{margin:0;font-size:20px}.player-profile-card-heading p{margin:2px 0 0;color:var(--brand-muted);font-size:11px}.player-profile-form{grid-row:span 2}.player-profile-form>label:not(.player-profile-toggle){display:flex;flex-direction:column;gap:7px;margin-top:16px;color:#496171;font-size:11px;font-weight:750}.player-profile-form input[type=text],.player-profile-form>label:not(.player-profile-toggle) input{width:100%;height:48px;padding:0 13px;color:var(--brand-navy);background:#f8fbfc;border:1px solid #d7e4e7;border-radius:11px;font:600 14px inherit;outline:none}.player-profile-form input:focus{border-color:var(--brand-turquoise);box-shadow:0 0 0 3px #08bdb521}.player-profile-toggle{display:block;margin-top:20px;cursor:pointer}.player-profile-toggle>input{position:absolute;opacity:0;pointer-events:none}.player-profile-toggle>span{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;padding:14px;background:#f3fafb;border:1px solid #d6e8ea;border-radius:13px}.player-profile-toggle i{grid-row:1 / 3;width:30px;height:30px;display:grid;place-items:center;color:transparent;background:#fff;border:2px solid #bdd1d6;border-radius:9px}.player-profile-toggle input:checked+span{background:#edfbf9;border-color:#9ddbd6}.player-profile-toggle input:checked+span i{color:#fff;background:var(--brand-turquoise);border-color:var(--brand-turquoise)}.player-profile-toggle b{font-size:11px}.player-profile-toggle small{color:var(--brand-muted);font-size:9px;line-height:1.5}.player-profile-notice{display:flex;align-items:center;gap:7px;margin-top:15px;padding:10px 12px;border-radius:10px;font-size:10px}.player-profile-notice.is-success{color:#167256;background:#eaf9f4}.player-profile-notice.is-error{color:#a43a4d;background:#fff0f2}.player-profile-save{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:19px;color:#fff;background:var(--brand-turquoise);border:0;border-radius:12px;box-shadow:0 5px 0 var(--brand-turquoise-dark);font:800 13px inherit;cursor:pointer}.player-profile-save:disabled{opacity:.6;cursor:default}.player-profile-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-profile-badges article{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;opacity:.42;background:#f5f7f8;border:1px solid #e2e9eb;border-radius:12px;filter:grayscale(1)}.player-profile-badges article.is-earned{opacity:1;background:#fff9e8;border-color:#f0d992;filter:none}.player-profile-badges article>img,.player-profile-badges article>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;object-fit:contain;font-size:24px}.player-profile-badges article>div{min-width:0;display:flex;flex-direction:column}.player-profile-badges strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-profile-badges small{color:var(--brand-muted);font-size:8px}.player-profile-activity article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf1f2}.player-profile-activity article>span{width:29px;height:29px;display:grid;place-items:center;color:#fff;background:var(--brand-turquoise);border-radius:50%}.player-profile-activity article>div{min-width:0;display:flex;flex-direction:column}.player-profile-activity article strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-profile-activity article small{color:var(--brand-muted);font-size:8px}.player-profile-activity article>b{color:#a5650b;font-size:10px;white-space:nowrap}.player-profile-empty{margin:0;padding:18px;color:var(--brand-muted);background:#f7fafb;border-radius:12px;font-size:11px;text-align:center}@media(max-width:760px){.home-leaderboard-section{padding:70px 18px}.home-leaderboard-player{grid-template-columns:38px 44px minmax(0,1fr);gap:9px;padding:10px}.home-leaderboard-avatar{width:42px;height:42px}.home-leaderboard-player>b{grid-column:3;justify-self:start;padding:4px 8px;font-size:10px}.player-profile-header{grid-template-columns:1fr auto;padding:9px 14px}.player-profile-header .brand-logo{width:145px}.player-profile-header>button:nth-child(2){order:3;grid-column:1 / -1}.player-profile-header .player-profile-logout{justify-self:end;font-size:0}.player-profile-header .player-profile-logout svg{width:18px}.player-profile-hero{align-items:center;flex-direction:column;padding:36px 18px 72px;text-align:center}.player-profile-identity{flex-direction:column;gap:16px}.player-profile-identity>div:last-child>span{justify-content:center}.player-avatar--profile{width:108px;height:108px}.player-profile-stats{grid-template-columns:1fr;gap:1px}.player-profile-stats article{min-height:76px}.player-profile-layout{grid-template-columns:1fr}.player-profile-form{grid-row:auto}.player-profile-badges{grid-template-columns:1fr}}.member-blog-modal{position:fixed;z-index:500;inset:0;display:grid;place-items:center;overflow-y:auto;padding:30px 18px;background:#061927c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.member-blog-modal>article{position:relative;width:min(760px,100%);max-height:calc(100vh - 60px);overflow-y:auto;padding:42px;color:var(--brand-navy);background:#fff;border-radius:24px;box-shadow:0 30px 80px #00000059}.member-blog-modal-cover{width:calc(100% + 84px);max-height:320px;display:block;object-fit:cover;margin:-42px -42px 30px}.member-blog-modal>article>span{color:var(--brand-orange-dark);font-size:11px;font-weight:850;letter-spacing:.12em}.member-blog-modal h2{margin:7px 0 4px;font-size:clamp(29px,5vw,43px);line-height:1.2}.member-blog-modal>article>small{color:var(--brand-muted);font-size:11px}.member-blog-lead{margin:24px 0;padding:18px;color:#36576b;background:var(--brand-turquoise-soft);border-left:4px solid var(--brand-turquoise);border-radius:0 12px 12px 0;font-size:16px;line-height:1.7}.member-blog-content p{color:#405b6d;font-size:15px;line-height:1.9}.member-blog-close{position:absolute;z-index:3;top:13px;right:13px;width:37px;height:37px;display:grid;place-items:center;padding:0 0 2px;color:#fff;background:#102a43c7;border:1px solid rgba(255,255,255,.35);border-radius:50%;font-size:26px;cursor:pointer}.admin-sidebar nav{flex:1;min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.admin-sidebar nav::-webkit-scrollbar{width:4px}.admin-sidebar nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}.website-studio-heading{margin-bottom:15px}.website-studio-metrics{display:grid;grid-template-columns:repeat(2,minmax(220px,320px));gap:11px;margin-bottom:17px}.website-studio-metrics article{display:flex;align-items:center;gap:11px;padding:14px;color:var(--brand-turquoise-dark);background:#fff;border:1px solid var(--brand-border);border-radius:12px}.website-studio-metrics article>span{display:flex;flex-direction:column}.website-studio-metrics strong{color:var(--brand-navy);font-size:18px}.website-studio-metrics small{color:var(--brand-muted);font-size:10px}.website-studio-tabs{width:max-content;display:flex;gap:5px;margin-bottom:15px;padding:4px;background:#e7f1f3;border-radius:12px}.website-studio-tabs button{min-height:39px;display:flex;align-items:center;gap:7px;padding:0 14px;color:#607888;background:transparent;border:0;border-radius:9px;font:750 11px inherit;cursor:pointer}.website-studio-tabs button.is-active{color:#fff;background:var(--brand-navy);box-shadow:0 3px 7px #102a4329}.website-menu-card{padding-bottom:20px}.website-menu-card .admin-card-heading p{margin:3px 0 0;color:var(--brand-muted);font-size:11px}.website-menu-list{overflow-x:auto}.website-menu-row{min-width:850px;display:grid;grid-template-columns:90px 1fr 1.25fr 100px 120px 50px;align-items:center;gap:9px;padding:9px 4px;border-top:1px solid #e7eef0}.website-menu-row--head{min-height:32px;padding-top:0;color:#8396a2;border-top:0;font-size:9px;font-weight:800}.website-menu-row input:not([type=checkbox]),.website-menu-row select{width:100%;height:38px;padding:0 9px;color:var(--brand-navy);background:#f7fafb;border:1px solid #dce7ea;border-radius:8px;font:600 10px inherit;outline:0}.website-menu-row input:focus,.website-menu-row select:focus{background:#fff;border-color:var(--brand-turquoise);box-shadow:0 0 0 3px var(--brand-focus)}.website-menu-order{display:flex;align-items:center;justify-content:center;gap:4px}.website-menu-order button{width:25px;height:25px;display:grid;place-items:center;padding:0;color:#537082;background:#edf4f5;border:0;border-radius:6px;cursor:pointer}.website-menu-order button:disabled{opacity:.3;cursor:default}.website-menu-order b{min-width:16px;text-align:center;font-size:10px}.website-menu-target{display:flex;align-items:center;gap:6px;color:#5e7584;font-size:9px}.website-delete-button{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#b14154;background:#fff0f2;border:1px solid #f4d6dc;border-radius:8px;cursor:pointer}.website-delete-button--text{width:auto;display:flex;gap:5px;padding:0 10px;font:750 9px inherit}.website-blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:2px 0 13px}.website-blog-toolbar>div{display:flex;flex-direction:column}.website-blog-toolbar strong{color:var(--brand-navy);font-size:15px}.website-blog-toolbar span{color:var(--brand-muted);font-size:10px}.website-blog-layout{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:15px}.website-blog-list{display:flex;flex-direction:column;gap:7px}.website-blog-list>button{min-height:79px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;text-align:left;background:#fff;border:1px solid #dce6e9;border-radius:11px;cursor:pointer}.website-blog-list>button.is-selected{border-color:var(--brand-turquoise);box-shadow:0 0 0 2px var(--brand-focus)}.website-blog-thumb{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--brand-navy),var(--brand-turquoise-dark));border-radius:9px}.website-blog-thumb img{width:100%;height:100%;object-fit:cover}.website-blog-list>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.website-blog-list small{color:var(--brand-turquoise-dark);font-size:7px}.website-blog-list strong{overflow:hidden;color:var(--brand-navy);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.website-blog-list em{color:#8a9aa4;font-size:7px;font-style:normal}.website-blog-editor{padding:19px}.website-blog-editor .editor-card-head>div:last-child{display:flex;gap:6px}.website-blog-preview{position:relative;min-height:210px;display:flex;align-items:flex-end;overflow:hidden;margin:12px 0 18px;color:#fff;background:linear-gradient(145deg,var(--brand-navy),#1c6a78);border-radius:14px}.website-blog-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,27,41,.88),transparent 75%)}.website-blog-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.website-blog-preview>span{position:absolute;inset:0;display:grid;place-items:center;color:#8be4df}.website-blog-preview>div{position:relative;z-index:2;padding:20px}.website-blog-preview small{color:#80e3dd;font-size:8px;font-weight:800;letter-spacing:.1em}.website-blog-preview strong{display:block;margin-top:3px;font-size:23px}.website-blog-preview p{max-width:650px;margin:4px 0 0;color:#dce9ee;font-size:10px}.website-blog-content-input{min-height:260px;line-height:1.7}.website-feature-toggle{align-self:end;min-height:58px;margin:0}@media(max-width:980px){.website-blog-layout{grid-template-columns:1fr}.website-blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.member-blog-grid{grid-template-columns:1fr}.member-blog-grid article{display:grid;grid-template-columns:220px minmax(0,1fr)}.member-blog-cover{height:100%;min-height:220px;aspect-ratio:auto}}@media(max-width:560px){.member-blog-section{padding:70px 18px}.member-blog-heading>svg{display:none}.member-blog-heading h2{font-size:32px}.member-blog-grid article{display:block}.member-blog-cover{min-height:0;aspect-ratio:16 / 9}.member-blog-modal{padding:12px}.member-blog-modal>article{max-height:calc(100vh - 24px);padding:27px 21px;border-radius:18px}.member-blog-modal-cover{width:calc(100% + 42px);margin:-27px -21px 24px}.member-blog-lead{font-size:14px}.website-studio-metrics{grid-template-columns:1fr 1fr}.website-studio-tabs{width:100%}.website-studio-tabs button{flex:1;justify-content:center}.website-blog-toolbar{align-items:stretch;flex-direction:column}.website-blog-list{grid-template-columns:1fr}}@media(max-width:760px){.admin-sidebar nav{flex:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 0 3px}}@media(min-width:761px)and (max-width:1050px){.admin-sidebar{padding-top:16px}.admin-brand{width:100%;align-items:center;margin:0 0 18px;gap:0}.admin-brand>.brand-logo--admin{width:52px;height:52px;aspect-ratio:1;background:transparent;border:0;border-radius:14px}.admin-brand>.brand-logo--admin img{object-fit:contain}.admin-brand>.brand-logo--admin .brand-logo__wordmark{display:none}.admin-brand>.brand-logo--admin .brand-logo__mark{display:block}.admin-brand>small{display:none}}@media(max-width:760px){.admin-brand{width:100%;align-items:center;margin:0 auto 12px;gap:4px;text-align:center}.admin-brand>.brand-logo--admin{width:min(184px,60vw);height:auto;aspect-ratio:2.978 / 1;border-radius:10px}.admin-brand>.brand-logo--admin .brand-logo__wordmark{display:block}.admin-brand>.brand-logo--admin .brand-logo__mark{display:none}.admin-brand>small{display:block;width:100%;font-size:8px}.admin-sidebar nav{width:100%}}@media(max-width:420px){.admin-brand>.brand-logo--admin{width:164px}}.unified-block-face{position:relative;min-width:0;width:100%;display:block;line-height:0}.unified-block-direction{position:absolute;z-index:4;top:50%;right:2.2%;width:clamp(25px,11%,42px);aspect-ratio:1;display:grid;grid-template-columns:1fr;place-content:center;place-items:center;gap:1px;translate:0 -50%;color:#14213d;background:#fffffff5;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px #14213d47,0 0 0 2px #14213d29;line-height:.72;pointer-events:none}.unified-block-direction strong{font-family:Kanit,sans-serif;font-size:clamp(11px,2.5cqw,18px);font-weight:900}.unified-block-direction span{font-family:Arial,sans-serif;font-size:clamp(9px,2cqw,15px);font-weight:900}.unified-block-direction--left{color:#5b21b6}.unified-block-direction--right{color:#c2410c}.unified-block-face--end-repeat{min-height:30px;display:flex;align-items:center;gap:8px;padding:5px 13px;color:#fff;background:linear-gradient(180deg,var(--custom-block-highlight),var(--custom-block-base));border-bottom:5px solid var(--custom-block-edge);border-radius:7px 18px 18px 7px;box-shadow:0 2px color-mix(in srgb,var(--custom-block-edge) 85%,#1d1230);line-height:1}.unified-block-face--end-repeat strong{font-size:12px}.unified-block-face__icon{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ffffff2e}.unified-block-face__icon svg{width:12px;height:12px}.toolbox-block .unified-block-face,.program-block-face .unified-block-face,.drag-preview .unified-block-face{width:100%}.program-block-face .unified-block-face--end-repeat{display:none}.scanner-block-list__face .unified-block-face,.live-program-block__face .unified-block-face{max-width:380px}.scanner-block-list__face .coding-block-custom-icon,.live-program-block__face .coding-block-custom-icon{border-width:1px}.coding-mode-page{min-height:100vh;overflow-x:hidden;color:#17315d;background:radial-gradient(circle at 9% 20%,rgba(8,189,181,.19),transparent 25rem),radial-gradient(circle at 92% 72%,rgba(255,149,28,.16),transparent 29rem),linear-gradient(150deg,#0c2e49 0 39%,#effbfb 39% 100%)}.coding-mode-header{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:9px clamp(20px,5vw,70px);color:#fff;background:#08243ad4;border-bottom:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.coding-mode-header .brand-logo--home{width:210px}.coding-mode-header button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;color:#e7f8f8;background:#ffffff17;border:1px solid rgba(255,255,255,.18);border-radius:12px;font:750 12px inherit;cursor:pointer}.coding-mode-member{justify-self:end}.coding-mode-member>span{width:28px;height:28px;display:grid;place-items:center;color:#103a4f;background:#75ddd7;border-radius:9px;font-weight:900}.coding-mode-intro{max-width:850px;margin:0 auto;padding:44px 24px 27px;color:#fff;text-align:center}.coding-mode-intro>span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;color:#102a43;background:#ffb34f;border:2px solid #ffe1ab;border-radius:999px;box-shadow:0 4px #c96d09;font-size:10px;font-weight:900;letter-spacing:.11em}.coding-mode-intro h1{margin:17px 0 8px;color:#fff;font-size:clamp(35px,4.2vw,55px);line-height:1.12;text-shadow:0 5px 0 rgba(2,25,41,.28)}.coding-mode-intro p{margin:0;color:#d7ebef;font-size:15px;line-height:1.7}.coding-mode-intro>div{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin:15px auto 0;padding:7px 12px;color:#d9f7f5;background:#ffffff14;border-radius:999px;font-size:11px}.coding-mode-intro>div i{width:4px;height:4px;background:#ffb34f;border-radius:50%}.coding-mode-grid{width:min(1040px,calc(100% - 40px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 auto;padding-bottom:60px}.coding-mode-card{overflow:hidden;background:#fff;border:5px solid rgba(255,255,255,.94);border-radius:27px;box-shadow:0 11px #09344924,0 25px 48px #082a3d2e;transition:transform .2s ease,box-shadow .2s ease}.coding-mode-card:hover{transform:translateY(-4px);box-shadow:0 15px #09344921,0 31px 55px #082a3d38}.coding-mode-card__visual{position:relative;height:235px;display:grid;place-items:center;overflow:hidden;padding:35px 44px 25px}.coding-mode-card--screen .coding-mode-card__visual{background:linear-gradient(145deg,#dff9f7,#94e5df)}.coding-mode-card--physical .coding-mode-card__visual{background:linear-gradient(145deg,#fff2d8,#ffc976)}.coding-mode-device{position:absolute;top:17px;right:18px;width:45px;height:45px;display:grid;place-items:center;color:#fff;background:#102a43;border:3px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 5px #102a4340}.coding-mode-device svg{width:24px;height:24px}.coding-mode-block-preview{width:min(100%,345px);display:flex;flex-direction:column;gap:3px;filter:drop-shadow(0 7px 5px rgba(29,45,64,.18));transform:rotate(-2deg)}.coding-mode-scan-frame{position:relative;width:min(100%,370px);padding:21px 20px 16px;background:#ffffffc7;border:3px solid #102a43;border-radius:16px;box-shadow:0 9px #102a432b;transform:rotate(1.5deg)}.coding-mode-scan-frame>.coding-mode-block-preview{width:100%;transform:none}.coding-mode-scan-frame>i{position:absolute;width:12px;height:12px;background:#102a43;border:3px solid #08bdb5}.coding-mode-scan-frame>i:nth-child(1){top:5px;left:5px}.coding-mode-scan-frame>i:nth-child(2){top:5px;right:5px}.coding-mode-scan-frame>i:nth-child(3){right:5px;bottom:5px}.coding-mode-scan-frame>i:nth-child(4){left:5px;bottom:5px}.coding-mode-scan-frame>svg{position:absolute;right:15px;bottom:11px;width:25px;color:#e77300}.coding-mode-card__copy{position:relative;padding:27px 31px 30px}.coding-mode-number{position:absolute;top:22px;right:27px;color:#e4edf0;font-size:44px;font-weight:950;line-height:1}.coding-mode-card__copy>small{color:#078f89;font-size:9px;font-weight:900;letter-spacing:.15em}.coding-mode-card--physical .coding-mode-card__copy>small{color:#d86f00}.coding-mode-card__copy h2{position:relative;margin:4px 0 8px;color:#102a43;font-size:25px}.coding-mode-card__copy>p{min-height:68px;margin:0;color:#627887;font-size:13px;line-height:1.7}.coding-mode-card__copy ul{display:grid;gap:7px;margin:15px 0 21px;padding:0;list-style:none;color:#36566b;font-size:11px;font-weight:650}.coding-mode-card__copy li{display:flex;align-items:center;gap:7px}.coding-mode-card__copy li svg{width:17px;height:17px;padding:3px;color:#fff;background:#08bdb5;border-radius:50%}.coding-mode-card__copy button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#08a9a2;border:0;border-radius:14px;box-shadow:0 6px #067b76;font:850 14px inherit;cursor:pointer}.coding-mode-card--physical .coding-mode-card__copy button{color:#102a43;background:#ffac3f;box-shadow:0 6px #d86f00}.coding-mode-card__copy>a{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px;color:#536e7e;font-size:11px;font-weight:750;text-decoration:none}.coding-mode-card__copy>a:hover{color:#d86f00}.brand-area{gap:7px}.brand>.brand-logo--player{width:145px}.coding-mode-button{color:#fff3d1;border-color:#ffd57059}@media(max-width:820px){.coding-mode-header{grid-template-columns:1fr auto}.coding-mode-header>button:first-of-type{grid-column:1 / -1;grid-row:2;min-height:34px}.coding-mode-member strong{display:none}.coding-mode-grid{grid-template-columns:1fr;width:min(570px,calc(100% - 28px))}.coding-mode-intro{padding-top:32px}}@media(max-width:580px){.coding-mode-header .brand-logo--home{width:145px}.coding-mode-card__visual{height:205px;padding:34px 24px 22px}.coding-mode-card__copy{padding:24px 22px 27px}.coding-mode-card__copy h2{font-size:22px}.coding-mode-card__copy>p{min-height:0}.topbar .brand-area .map-back-button{width:32px;overflow:hidden;padding:0 7px;font-size:0}.topbar .brand-area .map-back-button svg{width:16px;flex:0 0 16px}}.app-shell .editor-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(148px,180px) minmax(0,1fr);align-items:stretch;gap:12px}.app-shell .toolbox{order:1;min-height:0;padding:0 12px 0 0;border:0;border-right:1px solid #d9e2f3}.app-shell .workspace-section{order:2;min-height:0}.app-shell .toolbox .section-heading h2,.app-shell .workspace-section .section-heading h2{font-size:18px}.app-shell .toolbox .section-help{margin:4px 0 8px;font-size:11px;line-height:1.35}.app-shell .toolbox-list{flex:1;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow-y:auto;padding:2px 4px 8px 0}.app-shell .toolbox-block.coding-block-card{width:100%;max-width:168px;flex:0 0 auto}.app-shell .toolbox-block.coding-block-card .add-block-button{right:4px;width:22px;height:22px;border-radius:7px}.app-shell .toolbox-block.coding-block-card .add-block-button svg{width:14px;height:14px}.app-shell .workspace{flex:1;min-height:420px;max-height:none;padding:10px;border-radius:15px}.app-shell .program-list{align-items:flex-start;gap:5px;padding-bottom:28px}.app-shell .program-block.coding-block-card{width:min(100%,250px);max-width:calc(100% - 12px);grid-template-columns:17px 18px minmax(0,1fr);box-sizing:border-box}.app-shell .program-block.coding-block-card .step-number{font-size:7px}.app-shell .program-block.coding-block-card .drag-handle{width:18px;height:30px}.app-shell .program-block.coding-block-card .drag-handle svg{width:14px;height:14px}.app-shell .program-block.coding-block-card .repeat-count{right:7px;height:22px;padding:0 4px;font-size:8px}.app-shell .program-block.coding-block-card .block-actions{right:2px;top:-28px}.app-shell .program-block.coding-block-card .block-actions button{width:21px;height:23px}.app-shell .program-block.coding-block-card .block-actions svg{width:13px;height:13px}.app-shell .program-block.coding-block-card.block-shape-repeat:before{left:29px;top:25px;width:7px;height:calc(var(--loop-span) * 50px + 4px);box-shadow:2px 0 0 var(--custom-block-edge, #2163aa)}.app-shell .program-block.coding-block-card.block-shape-end-repeat{min-height:16px;margin-top:-6px;margin-left:29px!important;border-bottom-width:7px;border-left-width:7px;border-radius:0 0 0 10px;box-shadow:-2px 2px 0 var(--custom-block-edge, #2163aa)}.app-shell .program-block.coding-block-card .coding-block-artwork--structural{height:clamp(36px,4.2vw,45px)}.app-shell .toolbox-block .unified-block-direction,.app-shell .program-block .unified-block-direction{width:clamp(19px,11%,29px);border-width:1px}.app-shell .toolbox-block .unified-block-direction strong,.app-shell .program-block .unified-block-direction strong{font-size:clamp(8px,2.2cqw,13px)}.app-shell .toolbox-block .unified-block-direction span,.app-shell .program-block .unified-block-direction span{font-size:clamp(7px,1.8cqw,11px)}.app-shell .drag-preview.coding-block-card{width:190px}@media(max-width:1030px)and (min-width:561px){.app-shell .editor-columns{grid-template-columns:minmax(132px,155px) minmax(0,1fr);gap:10px}.app-shell .toolbox{padding-right:10px}.app-shell .program-block.coding-block-card{width:min(100%,225px)}}@media(max-width:560px){.app-shell .builder-panel{min-height:760px}.app-shell .editor-columns{display:flex;flex-direction:column;gap:14px}.app-shell .toolbox{order:1;flex:0 0 auto;padding:0 0 12px;border-right:0;border-bottom:1px solid #d9e2f3}.app-shell .toolbox-list{width:min(100%,184px);max-height:245px}.app-shell .toolbox-block.coding-block-card{max-width:180px}.app-shell .workspace-section{order:2;flex:1}.app-shell .workspace{min-height:360px}.app-shell .program-block.coding-block-card{width:min(100%,250px)}}.analytics-dashboard{display:flex;flex-direction:column;gap:17px}.analytics-dashboard .admin-page-heading{margin-bottom:0}.analytics-range-controls{display:flex;align-items:center;gap:5px;padding:5px;background:#fff;border:1px solid #e3e8ef;border-radius:13px;box-shadow:0 8px 22px #102a430d}.analytics-range-controls button{min-height:34px;padding:0 12px;color:#738094;background:transparent;border:0;border-radius:9px;font:700 11px/1 Kanit,sans-serif;cursor:pointer}.analytics-range-controls button:hover{color:var(--brand-navy);background:#f3f6f8}.analytics-range-controls button.is-active{color:#fff;background:var(--brand-navy)}.analytics-range-controls .analytics-refresh{width:34px;padding:0;display:grid;place-items:center;color:var(--brand-turquoise);border-left:1px solid #e8edf2;border-radius:0 8px 8px 0}.analytics-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.analytics-metric-card{min-height:100px;display:flex;align-items:flex-start;gap:11px;padding:15px;background:#fff;border:1px solid #e3e8ef;border-radius:15px;box-shadow:0 8px 22px #102a430b}.analytics-metric-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px}.analytics-metric-icon--purple{color:#7048bd;background:#eee9fb}.analytics-metric-icon--mint{color:#06796e;background:#dff6f2}.analytics-metric-icon--blue{color:#2569a8;background:#e1effc}.analytics-metric-icon--orange{color:#b65d00;background:#fff0db}.analytics-metric-icon--yellow{color:#9b7210;background:#fff4c9}.analytics-metric-card>div{min-width:0;display:flex;flex-direction:column}.analytics-metric-card small{color:#818c9b;font-size:10px}.analytics-metric-card strong{margin-top:2px;color:var(--brand-navy);font-size:clamp(24px,2.2vw,31px);line-height:1.1}.analytics-metric-card div>span{margin-top:5px;color:#8b95a3;font-size:9px;line-height:1.35}.analytics-card{min-width:0;padding:19px;background:#fff;border:1px solid #e2e7ed;border-radius:16px;box-shadow:0 9px 25px #102a430b}.analytics-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.analytics-card-heading h2{margin:2px 0 0;color:var(--brand-navy);font-size:17px}.analytics-card-heading>svg{color:var(--brand-turquoise)}.analytics-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:17px}.analytics-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.analytics-card--welcome{display:flex;align-items:center;gap:15px;color:#08776e;background:linear-gradient(135deg,#e4faf6,#f7fffd);border-color:#c6eee7}.analytics-card--welcome h2{margin:0 0 3px;color:var(--brand-navy);font-size:17px}.analytics-card--welcome p{margin:0;color:#65817e}.analytics-chart{height:235px;display:flex;align-items:stretch;gap:max(3px,.45vw);overflow-x:auto;padding:12px 2px 0}.analytics-chart-column{min-width:18px;flex:1 0 18px;display:grid;grid-template-rows:18px minmax(120px,1fr) 24px;align-items:end;text-align:center}.analytics-chart-value{min-height:18px;color:#7b8796;font-size:8px}.analytics-chart-track{width:min(20px,74%);height:100%;justify-self:center;display:flex;align-items:flex-end;overflow:hidden;background:#f1f4f7;border-radius:6px 6px 3px 3px}.analytics-chart-track span{width:100%;min-height:0;background:linear-gradient(180deg,#08bdb5,#087d93);border-radius:6px 6px 3px 3px;transition:height .35s ease}.analytics-chart-column small{align-self:center;color:#9aa3ae;font-size:7px;white-space:nowrap;transform:rotate(-35deg)}.analytics-empty{min-height:150px;display:grid;place-content:center;justify-items:center;gap:8px;color:#a0aab7;text-align:center;font-size:10px}.analytics-empty svg{color:#c8d1da}.analytics-mode-list{display:flex;flex-direction:column;gap:16px}.analytics-mode-list>div{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:7px}.analytics-mode-list strong{color:#35435a;font-size:11px}.analytics-mode-list small{color:#98a1ad;font-size:8px}.analytics-mode-list b{min-width:29px;color:var(--brand-navy);font-size:11px;text-align:right}.analytics-mode-list>div>div{grid-column:2 / -1;height:6px;overflow:hidden;background:#edf1f4;border-radius:10px}.analytics-mode-list>div>div span{display:block;height:100%;background:var(--brand-turquoise);border-radius:10px}.analytics-mode-list>div:nth-child(2)>div span{background:var(--brand-orange)}.analytics-mode-list>div:nth-child(3)>div span{background:#6d55b5}.analytics-mode-list>div:nth-child(4)>div span{background:#3187c8}.analytics-mode-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-turquoise)}.analytics-mode-dot--1{background:var(--brand-orange)}.analytics-mode-dot--2{background:#6d55b5}.analytics-mode-dot--3{background:#3187c8}.analytics-ranking-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.analytics-ranking-list li{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;background:#f8fafb;border-radius:10px}.analytics-ranking-list li>span{width:25px;height:25px;display:grid;place-items:center;color:#69808d;background:#e7eff1;border-radius:8px;font-size:9px;font-weight:800}.analytics-ranking-list li>div{min-width:0;display:flex;flex-direction:column}.analytics-ranking-list strong{overflow:hidden;color:#344158;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.analytics-ranking-list small{overflow:hidden;margin-top:1px;color:#969faa;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.analytics-ranking-list b{color:var(--brand-navy);font-size:14px}.analytics-ranking-list--events li>span{color:#7b57b3;background:#efe9fa}.analytics-mission-table{overflow-x:auto}.analytics-mission-row{min-width:650px;display:grid;grid-template-columns:minmax(240px,1fr) repeat(4,105px);align-items:center;min-height:45px;padding:0 12px;border-top:1px solid #edf0f3;color:#606d7d;font-size:10px;text-align:center}.analytics-mission-row strong{overflow:hidden;color:#344158;font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.analytics-mission-row--head{min-height:36px;color:#97a0ab;background:#f7f9fa;border:0;border-radius:9px;font-size:8px;font-weight:700}.analytics-mission-row--head span:first-child{text-align:left}.analytics-mission-row .is-success{color:#078274;font-weight:800}.analytics-mission-row .is-error{color:#d45f54;font-weight:800}.analytics-event-list{display:flex;flex-direction:column;max-height:440px;overflow-y:auto}.analytics-event-list article{display:grid;grid-template-columns:11px minmax(180px,1fr) minmax(160px,auto);align-items:center;gap:10px;min-height:55px;padding:8px 5px;border-top:1px solid #edf0f3}.analytics-event-list article:first-child{border-top:0}.analytics-event-list article>div{min-width:0;display:flex;flex-direction:column}.analytics-event-list strong{color:#344158;font-size:11px}.analytics-event-list small,.analytics-event-list time{color:#98a1ac;font-size:8px}.analytics-event-dot{width:9px;height:9px;border-radius:50%;background:#9aa8b6;box-shadow:0 0 0 4px #eef1f4}.analytics-event-dot--mission_completed{background:#0aa98f;box-shadow:0 0 0 4px #e0f6f1}.analytics-event-dot--program_failed{background:#e56957;box-shadow:0 0 0 4px #fceae7}.analytics-event-dot--program_run{background:#5d77c8;box-shadow:0 0 0 4px #e9edfa}.analytics-event-context{align-items:flex-end;text-align:right}.analytics-event-context span{max-width:280px;overflow:hidden;color:#58687b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.analytics-privacy-note{display:flex;align-items:center;gap:11px;padding:13px 16px;color:#16766d;background:#e7f7f4;border:1px solid #cbece6;border-radius:13px}.analytics-privacy-note>svg{flex:0 0 auto}.analytics-privacy-note p{display:flex;flex-direction:column;margin:0}.analytics-privacy-note strong{color:#1c4e4a;font-size:10px}.analytics-privacy-note span{color:#62817d;font-size:9px}@media(max-width:1180px){.analytics-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.analytics-main-grid,.analytics-detail-grid{grid-template-columns:1fr}.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.analytics-page-heading{align-items:stretch}.analytics-range-controls{align-self:stretch}.analytics-range-controls button{flex:1;padding:0 7px}.analytics-range-controls .analytics-refresh{flex:0 0 34px}.analytics-metric-grid{grid-template-columns:1fr}.analytics-metric-card{min-height:86px}.analytics-card{padding:15px}.analytics-event-list article{grid-template-columns:11px minmax(0,1fr)}.analytics-event-context{grid-column:2;align-items:flex-start;text-align:left}.analytics-chart{height:210px}.analytics-chart-column{flex-basis:23px}}