@font-face{font-family:EventThai;src:url(/assets/prompt-400.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#04112c;color:#fff;font-family:EventThai,Arial,sans-serif;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #00baff;outline-offset:3px}#app{min-height:100vh;display:flex;justify-content:center;gap:7vw;padding:40px 20px;background:radial-gradient(ellipse at 20% 20%,#1454c4 0,transparent 47%),radial-gradient(ellipse at 90% 100%,#123c86,transparent 50%)}.desktop-brand{width:370px;align-self:flex-start;position:sticky;top:70px;padding-top:40px}.desktop-brand>img{width:52px}.desktop-brand p{font-size:13px;letter-spacing:.12em;color:#b8d5ff}.desktop-brand h1{font-size:110px;line-height:.86;letter-spacing:-.065em;margin:40px 0 30px;font-weight:900}.desktop-brand h2{font-size:24px;line-height:1.1}.desktop-brand>span{display:block;margin-top:80px;font-size:9px;letter-spacing:.19em;color:#8eb6e8}.phone{width:430px;min-height:850px;position:relative;background-color:#07449c;background-image:radial-gradient(circle at 10% 20%,#bdeaff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 60%,#8fc5ff 0 1px,transparent 1.5px),repeating-linear-gradient(63deg,transparent 0 59px,#79aaff16 60px 61px,transparent 62px 120px),radial-gradient(ellipse at 0% 90%,#138fe9,transparent 60%),linear-gradient(155deg,#03113c,#064ab8 70%,#052563);background-size:83px 103px,131px 171px,auto,auto,auto;border:1px solid #7094c64a;border-radius:30px;overflow:hidden;box-shadow:0 30px 100px #0008}.phone>header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 8px}.phone>header img{width:30px;border-radius:6px}.phone>header span{font-size:10px;letter-spacing:.14em}.phone>header small{margin-left:8px;font-size:8px;color:#8acfff}.screen{padding:18px 18px 105px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#72d9ff;text-transform:uppercase}.paper{color:#17294a;background:#fff;border-radius:22px;padding:24px}.paper h2{font-size:20px;letter-spacing:-.03em}.paper label{font-weight:700;font-size:12px;display:block;margin:17px 0 7px}.paper input,.demo-tools input{width:100%;padding:12px;border:0;border-bottom:2px solid #1b66ff;background:#f3f5f8;color:#203350;border-radius:0}.paper small{font-size:10px;color:#697b95}.muted{font-size:12px;color:#6f7b91;line-height:1.7}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:12px;margin-bottom:12px}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 16px;color:#fff;background:linear-gradient(100deg,#0f62fe,#00a6da);border:0;border-radius:4px;font-weight:700;font-size:13px}.primary span{margin-left:auto}.secondary{display:block;width:100%;padding:13px;background:transparent;color:#b7e7ff;border:1px solid #8bc8ff88;border-radius:4px;margin-top:10px}.register-hero{position:relative;min-height:325px;padding:5px 10px}.register-hero .logo{display:none}.register-hero h1{font-size:45px;line-height:.95;letter-spacing:-.05em;font-weight:900;position:relative;z-index:2;margin:25px 0}.register-hero>p:last-of-type{font-size:10px;letter-spacing:.05em}.register-hero>.pet{position:absolute;width:215px;right:-15px;bottom:-15px}.pet{position:relative;aspect-ratio:1;width:100%}.pet-body{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #01226044)}.color-options{display:flex;gap:8px}.color-options button{flex:1;min-width:0;border:1px solid #d5dfef;background:#f2f6fc;border-radius:12px;padding:8px;color:#1e3150;font-size:11px}.color-options button[aria-pressed=true]{border:2px solid #0f62fe;background:#e5eeff}.color-options img{width:100%;height:80px;object-fit:contain}.prototype-note{font-size:10px;background:#f1f5fc;padding:12px;line-height:1.6;color:#60738d}.tabs{display:flex;border:1px solid #41b7ef66;background:#05254fdd;border-radius:28px;padding:4px;gap:4px}.tabs button{width:50%;padding:9px;border:0;background:transparent;border-radius:24px;font-size:11px;color:#91aaca}.tabs button.active{background:#0f62fe;color:#fff}.passport{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.passport h1{font-size:22px;margin:4px 0}.passport p{margin:0}.progress{font-size:15px;color:#a1bdde}.progress b{font-size:32px;color:#65ddff}.progress-line{display:flex;gap:4px;margin:14px 0}.progress-line i{height:3px;background:#b6caff40;flex:1}.progress-line .done{background:#86f6ff}.station-map{height:565px;position:relative;margin:0 -6px}.orbit-path{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#77d4ff;stroke-width:1;stroke-dasharray:3 8;opacity:.5}.station{position:absolute;width:116px;text-align:center;border:0;background:none;color:#fff;padding:0}.station-0{left:3%;top:0}.station-1{left:51%;top:23px}.station-2{left:66%;top:142px}.station-3{left:25%;top:149px}.station-4{left:0;top:284px}.station-5{left:43%;top:324px}.station-6{left:68%;top:421px}.station-7{left:14%;top:445px}.station-object{display:block;width:58px;height:64px;margin:auto auto 8px;border:1px solid #98edff;background:linear-gradient(140deg,#bce9ff66,#256fff88 55%,#a86dff);clip-path:polygon(50% 0,100% 26%,100% 77%,50% 100%,0 77%,0 26%);font-size:35px;line-height:64px;box-shadow:0 0 30px #0ff;position:relative;text-shadow:0 0 20px cyan}.station:nth-of-type(3n) .station-object{background:linear-gradient(140deg,#f1ceff99,#794bea,#efaaf8)}.station:nth-of-type(4n) .station-object{background:linear-gradient(140deg,#fff0bbaa,#ce8b27,#83b6f6)}.station i{position:absolute;right:7px;bottom:1px;font-size:16px;line-height:24px;font-style:normal;color:#fff}.station small{display:block;font-size:7px;letter-spacing:.09em;color:#8ce5ff}.station strong{display:block;font-size:9px;line-height:1.3;background:#052b58d9;border-radius:5px;padding:5px 3px;margin-top:3px}.station.complete strong{background:#086e86}.home-friend{display:flex;gap:8px;align-items:center;margin-top:12px}.home-friend .pet{width:125px;flex-shrink:0}.home-friend p{font-size:8px;letter-spacing:.13em;color:#89d9ff}.home-friend h2{margin:0;font-size:22px}.home-friend span{font-size:11px;color:#bbdcfa}.river-button{display:flex;flex-direction:column;gap:1px;font-size:12px;margin-top:10px}.river-button small{font-size:8px;font-weight:400;letter-spacing:.15em}.bottom{position:absolute;bottom:0;left:0;right:0;display:flex;background:#041d42f5;border-top:1px solid #8dc2ff33;z-index:20;padding:8px 8px 14px}.bottom button{flex:1;border:0;background:none;color:#9bb7d5;font-size:9px}.bottom span{display:block;font-size:23px;line-height:30px}.bottom button[aria-current]{color:#55d9ff}.status:empty{display:none}.status{position:fixed;z-index:99;bottom:80px;left:50%;transform:translate(-50%);max-width:90vw;padding:12px 20px;background:#fff;color:#143762;border-radius:12px;box-shadow:0 8px 30px #00152d66;font-size:13px}.closet-stage{text-align:center;padding-top:25px}.closet-stage>.pet{width:285px;margin:10px auto 0}.closet-stage h1{font-size:24px;margin:0 0 20px}.wear{position:absolute;object-fit:contain;pointer-events:none}.wear.ar,.wear.glasses{left:28%;top:29%;width:44%;height:22%}.wear.crown{left:28%;top:6%;width:44%;height:28%}.wear.laptop{left:56%;top:50%;width:39%;height:35%}.closet-panel{padding:16px;border-radius:20px}.item-tabs{display:flex;gap:4px;overflow:auto;padding-bottom:14px}.item-tabs button{white-space:nowrap;border:1px solid #c6d9fc;border-radius:20px;background:#fff;padding:8px 12px;font-size:10px;color:#3b5b8a}.item-tabs button[aria-pressed=true]{background:#0f62fe;color:#fff}.gear-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:175px}.gear-grid button{border:1px solid #d4dfed;border-radius:12px;background:#f3f6fa;color:#213a60;padding:10px;display:flex;flex-direction:column;align-items:center}.gear-grid button[aria-pressed=true]{border-color:#0f62fe;box-shadow:inset 0 0 0 1px #0f62fe}.gear-grid img{width:100%;height:95px;object-fit:contain}.gear-grid strong{font-size:12px}.gear-grid small{margin-top:6px}.back{background:#e5f3ff;border:0;border-radius:20px;color:#174483;padding:7px 12px;font-size:12px}.detail-hero{text-align:center;padding:30px 0}.detail-hero h1{font-size:27px;line-height:1.2}.notice{padding:16px;background:#eaf2ff;border-left:3px solid #0f62fe;font-size:13px;line-height:1.7;margin:20px 0}.page-heading{font-size:26px;margin:20px 0;text-align:center}.center{text-align:center}.scanner{position:relative;aspect-ratio:1;background:#03122b99;border:3px solid white;border-radius:28px;margin:25px 6px;overflow:hidden;box-shadow:0 0 30px #69baff66}.scanner video{width:100%;height:100%;object-fit:cover}.scanner p{position:absolute;bottom:12%;left:15%;right:15%;text-align:center;font-size:12px}.scan-corners{position:absolute;inset:13%;border:3px solid #6fe6ff;clip-path:polygon(0 0,30% 0,30% 3%,3% 3%,3% 30%,0 30%,0 0,100% 0,100% 30%,97% 30%,97% 3%,70% 3%,70% 0,100% 0,100% 100%,70% 100%,70% 97%,97% 97%,97% 70%,100% 70%,100% 100%,0 100%,0 70%,3% 70%,3% 97%,30% 97%,30% 100%,0 100%)}.speech{text-align:center;background:#fff;color:#184a8d;padding:15px;border-radius:50%;font-size:12px;margin:25px auto 0;max-width:290px}.scan-pet{width:170px;margin:10px auto}.demo-tools{background:#061e45cc;border:1px solid #4e89c0;padding:14px;border-radius:10px;font-size:11px}.demo-tools summary{cursor:pointer}.demo-tools input{margin:10px 0}.quiz{margin-top:25px}.quiz h2{font-size:19px}.answer{display:flex;gap:10px;align-items:center;text-align:left;padding:13px 10px;border:1px solid #c5d8fb;color:#273d60;border-radius:10px;background:#fff;width:100%;margin:12px 0;font-size:12px}.answer span{border:1px solid #9fc1fa;color:#0f62fe;border-radius:50%;min-width:24px;text-align:center;line-height:24px}.answer.selected{background:#e5f0ff;border-color:#0f62fe}.reward{text-align:center;padding:40px 10px}.reward h1{font-size:28px}.reward-orb{font-size:90px;color:#b0edff;text-shadow:0 0 50px #86aaff;margin:40px 0}.reward p{font-size:13px}.reward small{font-size:10px;display:block;margin-top:20px;color:#b5cfef}.river-scene{text-align:center;padding:20px 0}.river-scene h1{font-size:25px}.river-scene p{font-size:12px}.river-float{position:relative;width:270px;height:310px;margin:auto;transition:transform 4s ease-in-out,opacity 4s}.river-float>.pet{width:220px;margin:auto}.lotus{position:absolute;width:100%;bottom:10px;left:0}.launched{transform:translateY(-50px) scale(.55);opacity:.4}.booth-row{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #e0e7f1;background:#fff;width:100%;padding:15px 0;text-align:left;color:#213b60}.booth-row>span{font-size:12px;color:#0f62fe}.booth-row div{flex:1}.booth-row strong{display:block;font-size:12px}.booth-row small{display:block;margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){#app{padding:0;display:block}.desktop-brand{display:none}.phone{width:100%;border:0;border-radius:0;min-height:100dvh;box-shadow:none;padding-bottom:10px}.screen{max-width:430px;margin:auto}.bottom{position:fixed;padding-bottom:max(14px,env(safe-area-inset-bottom))}.phone>header{max-width:430px;margin:auto}.register-hero{min-height:310px}.registration .screen{padding-bottom:35px}.status{width:90%;bottom:85px}.station-map{height:565px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.photo-entry{margin:16px 0;width:100%}.photo-stage{overflow:hidden;border:1px solid #a3dfff;border-radius:20px;box-shadow:0 16px 42px #0005}.photo-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.photo-stage canvas:active{cursor:grabbing}.photo-controls{margin-top:18px}.photo-controls fieldset{border:0;padding:0;margin:22px 0}.photo-actions{display:flex;gap:10px;margin:12px 0}.photo-actions>*{flex:1;min-width:0}.photo-upload{text-align:center;cursor:pointer;margin:0!important;display:grid;place-items:center}.photo-upload input{position:absolute;width:1px;height:1px;opacity:0}.photo-upload:focus-within{outline:3px solid #0062ff}.photo-frames{display:flex;gap:8px}.photo-frames button{flex:1;border:1px solid #b9c9e5;background:#edf4ff;color:#17416c;border-radius:12px;padding:12px 5px;font:inherit;font-size:12px}.photo-frames button[aria-pressed=true]{background:#1261ff;color:#fff;border-color:#1261ff}.photo-controls input[type=range]{padding:14px 0;width:100%;accent-color:#1261ff}.photo-controls button:disabled{opacity:.45;cursor:not-allowed}#photo-status{font-size:13px;color:#365b79}#photo-download{display:block;margin-top:14px;color:#1251b9}#photo-download[hidden]{display:none}.photo-controls .secondary{color:#17416c;background:#edf4ff;border:1px solid #b9c9e5}.photo-controls .primary{color:#fff}.photo-controls .photo-upload{color:#17416c}@font-face{font-family:EventThai;src:url(/assets/prompt-600.ttf) format("truetype");font-weight:600;font-display:swap}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input,select,textarea{font-family:inherit}h1,h2,h3,strong,b{font-weight:600}.shutter-bar{display:flex;align-items:center;justify-content:center;gap:28px;padding:14px;background:#061a3a;border-radius:0 0 20px 20px;margin:0 0 16px}.shutter{width:72px;height:72px;border:3px solid white;padding:5px;background:transparent;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.shutter span{display:block;width:100%;height:100%;background:#fff;border-radius:50%;transition:transform .1s}.shutter:active span{transform:scale(.9)}.camera-round{width:48px;height:48px;border:1px solid #6d9dcc;background:#173356;color:#fff;border-radius:50%;font-size:28px}.shutter-label{width:48px;font-size:12px;color:#d6eaff}.photo-stage{border-radius:20px 20px 0 0}.photo-result{width:min(94vw,480px);max-height:90dvh;overflow:auto;border:0;border-radius:20px;padding:20px;color:#123459;background:#fff;font-family:EventThai,sans-serif}.photo-result::backdrop{background:#000b}.photo-result img{display:block;width:100%;height:auto;border-radius:12px;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.photo-result p{font-size:13px}.photo-result .primary,.photo-result .secondary{display:block;width:100%;margin:12px 0;text-align:center}.photo-result .secondary{background:#edf4ff;color:#17416c;border:1px solid #b9c9e5}