:root{--ph-bg: #8a7c8c2e;--ph-cat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' shape-rendering='crispEdges'%3E%3Cpath fill='%23b9a9b6' d='M2 0h1v1h-1zM6 0h1v1h-1zM2 1h2v1h-2zM5 1h2v1h-2zM2 2h5v1h-5zM2 3h1v1h-1zM4 3h1v1h-1zM6 3h1v1h-1zM2 4h5v1h-5zM3 5h3v1h-3zM11 5h1v1h-1zM2 6h5v1h-5zM11 6h1v1h-1zM1 7h7v1h-7zM11 7h1v1h-1zM1 8h8v1h-8zM10 8h1v1h-1zM1 9h9v1h-9zM1 10h9v1h-9zM2 11h2v1h-2zM6 11h2v1h-2z'/%3E%3C/svg%3E")}.ph:not(.ph-done){background-color:var(--ph-bg);background-image:var(--ph-cat);background-repeat:no-repeat;background-position:50% 58%;background-size:clamp(18px,22%,40px) auto;animation:phhop .76s steps(2,jump-none) infinite}.ph:not(.ph-done):not(.ph-in){image-rendering:pixelated}@keyframes phhop{0%,to{background-position:50% 58%}50%{background-position:50% 40%}}.ph.ph-in{animation:phin .26s ease-out both}@keyframes phin{0%{opacity:0}to{opacity:1}}.ph.ph-still:not(.ph-done),.anim-reduced .ph:not(.ph-done){animation:none}@media(prefers-reduced-motion:reduce){.ph:not(.ph-done){animation:none}.ph.ph-in{animation:none}}.anim-reduced .ph.ph-in{animation:none}@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-500-thai.HS4RG757.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-500-latin.DG3HAA63.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}@font-face{font-family:Chakra Petch;font-weight:400;font-display:swap;src:url("./chakra-400-thai.BL32AQ2B.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-weight:400;font-display:swap;src:url("./chakra-400-latin.KUGXLNJZ.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F}*{box-sizing:border-box;margin:0;padding:0}body{background:#1e1923;color:#f3e6cf;font:15px/1.55 Chakra Petch,system-ui,sans-serif}.cp{max-width:980px;margin:0 auto;padding:24px 16px 48px}.cp h1,.cp h2{font-family:Mitr,Chakra Petch,sans-serif;font-weight:500}.cp h1{font-size:30px;margin:8px 0 6px}.cp h2{font-size:20px;margin:26px 0 8px}.cp .lead{font-size:18px;color:#e9d9c0}.cp a{color:#9cc0f0}.cp .back a{color:#b9a9b6;text-decoration:none;font-size:14px}.cp .num{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.cp .tw{overflow-x:auto;margin-top:16px;background:#2a2230;border:1px solid #43374b;border-radius:18px;padding:6px 10px}.cp table{width:100%;border-collapse:collapse;font-size:14px}.cp th{text-align:left;color:#b9a9b6;font-weight:400;font-size:12px;padding:8px 6px;border-bottom:1px solid #43374b;white-space:nowrap}.cp td{padding:8px 6px;border-bottom:1px dashed #43374b;white-space:nowrap}.cp td a{text-decoration:none}.cp .play{display:inline-block;background:#e8833a;color:#1b1310;text-decoration:none;font-weight:600;border-radius:999px;padding:3px 12px;font-size:13px}.cp .play.big{font-size:18px;padding:10px 22px;border-radius:16px;margin-top:12px;box-shadow:0 4px #8f4a1c}.cp dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;background:#2a2230;border:1px solid #43374b;border-radius:18px;padding:14px 16px}.cp dt{color:#b9a9b6}.cp dd b{color:#f2c14e;font-weight:400}.cp .src{font-size:13px;color:#b9a9b6}.cp .src small{display:block;color:#8a7c8c}.cp ul{list-style:none}.cp ul li{padding:6px 0;border-bottom:1px dashed #43374b}.cp .bars li{display:grid;grid-template-columns:11em 1fr 4em;gap:8px;align-items:center;border:0;padding:3px 0}.cp .bars i{display:block;height:10px;background:#e8833a;border-radius:99px;min-width:2px}.cp .bars b{text-align:right;color:#f2c14e;font-weight:400}.cp .note{font-size:13px;color:#b9a9b6;margin-top:14px}@media(max-width:560px){.cp dl{grid-template-columns:1fr}.cp dt{margin-top:6px}.cp .bars li{grid-template-columns:8em 1fr 3.6em}}.up-web{max-width:760px}.up-web .up-meta{margin:10px 0 2px;font-size:13px;color:#b9a9b6}.up-web .up-title{font-size:30px;line-height:1.25;margin:0 0 8px}.up-web .up-lead{font-size:18px;color:#e9d9c0;margin:0 0 14px}.up-web .up-hero{margin:0 auto 8px;max-width:420px}.up-web img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #43374b;background:#2a2230}.up-web .up-sec{margin:22px 0 0;padding:16px 0 0;border-top:1px dashed #43374b}.up-web .up-sec h2{margin:0 0 6px;color:#f2c14e}.up-web .up-sec p{margin:0 0 10px}.up-web .up-shots{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);justify-items:center}@media(min-width:600px){.up-web .up-shots.n2{grid-template-columns:repeat(2,minmax(0,1fr))}}.up-web .up-shot{margin:0;width:100%;max-width:380px}.up-web .up-shot img{border-radius:14px}.up-web .up-shot figcaption{font-size:13px;color:#b9a9b6;margin:6px 2px 0;line-height:1.45}.up-web .up-cta{margin:26px 0 8px}.up-web .up-pn{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:18px 0;font-size:14px}.up-web .up-langs{margin:14px 0;font-size:14px;color:#b9a9b6}.up-web .up-list li{border:0;padding:0;margin:0 0 12px}.up-web .up-row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;padding:12px;border-radius:18px;background:#2a2230;border:1px solid #43374b;color:inherit;text-decoration:none}.up-web .up-row img{border-radius:10px;aspect-ratio:3 / 4;object-fit:cover;object-position:top}.up-web .up-row b{display:block;font-size:18px;color:#f3e6cf;margin:2px 0 4px}.up-web .up-row small{color:#b9a9b6}.up-web .up-row span span{color:#e9d9c0;font-size:14px}@media(max-width:560px){.up-web .up-title{font-size:25px}.up-web .up-row{grid-template-columns:84px 1fr;gap:10px}}