@font-face{font-family:THSarabun;src:url(/assets/THSarabun-D9n1rFh8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:THSarabunBold;src:url(/assets/THSarabun%20Bold-8DrrJBL1.ttf) format("truetype");font-weight:700;font-style:normal}:root{--gold: #d8af24;--gold-soft: rgba(216, 175, 36, .75);--gold-line: rgba(216, 175, 36, .48);--language-stroke-gold: rgba(212, 175, 55, .6);--language-divider-gold: rgba(212, 175, 55, .4);--white-soft: rgba(255, 255, 255, .76);--white-muted: rgba(255, 255, 255, .48);--panel-bg: rgba(46, 46, 46, .78);--text-box-bg: rgba(35, 35, 35, .52);--shadow-soft: 0 18px 50px rgba(0, 0, 0, .36);--language-switch-width: 100px;--language-switch-height: 50px;--language-switch-font-size: 22px;--language-switch-gap: 10px;--language-switch-border: 2.5px;--language-switch-divider-width: 2px;--language-switch-divider-height: 20px;--title-font-size: clamp(46px, 3.95vw, 78px);--subtitle-font-size: clamp(20px, 1.6vw, 32px);--subtitle-gap: .85vh;--ui-font-adjust-small: 2px;--ui-font-adjust-body: 3px;--ui-font-adjust-normal: 4px;--ui-font-adjust-title: 6px;--ui-footer-font-adjust: 2px;--ui-dense-text-scale: 1.12;--enter-duration: .86s;--enter-ease: cubic-bezier(.16, 1, .3, 1);--page-transition-duration: .42s;--app-viewport-height: 100dvh;--app-viewport-width: 100vw;--app-viewport-top: 0px;--app-viewport-left: 0px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:THSarabun,sans-serif;background:#111;touch-action:pan-x pan-y pinch-zoom}body{color:#fff}button,[role=button],a,select,summary,input[type=button],input[type=submit],input[type=reset],input[type=range]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button img,[role=button] img,a img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,picture,canvas,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(hover:none)and (pointer:coarse){button:focus,[role=button]:focus,a:focus,select:focus,summary:focus,input:focus{outline:none}}body[data-font-size=medium]{--ui-font-adjust-small: 4px;--ui-font-adjust-body: 6px;--ui-font-adjust-normal: 8px;--ui-font-adjust-title: 12px;--ui-footer-font-adjust: 4px;--ui-dense-text-scale: 1.24}body[data-font-size=large]{--ui-font-adjust-small: 8px;--ui-font-adjust-body: 12px;--ui-font-adjust-normal: 16px;--ui-font-adjust-title: 24px;--ui-footer-font-adjust: 8px;--ui-dense-text-scale: 1.48}body.is-measuring-small-font{--ui-font-adjust-small: 2px;--ui-font-adjust-body: 3px;--ui-font-adjust-normal: 4px;--ui-font-adjust-title: 6px;--ui-footer-font-adjust: 2px;--ui-dense-text-scale: 1.12}button{font-family:inherit}.screen{position:fixed;top:var(--app-viewport-top, 0px);left:var(--app-viewport-left, 0px);width:var(--app-viewport-width, 100vw);height:100vh;height:var(--app-viewport-height, 100dvh);overflow:hidden;overflow:clip}.app-stage{display:contents}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 72% 58% at 50% 8%,rgba(216,175,36,.2) 0%,rgba(216,175,36,.06) 38%,transparent 72%),radial-gradient(ellipse 58% 92% at 12% 48%,rgba(35,82,62,.52) 0%,rgba(19,48,37,.18) 54%,transparent 78%),radial-gradient(ellipse 58% 84% at 90% 68%,rgba(91,49,29,.4) 0%,rgba(55,30,20,.16) 52%,transparent 78%),linear-gradient(135deg,#07110d,#102019 34%,#211a13 69%,#080b09);opacity:1;transform:scale(1.045)}.screen.is-ready .bg-layer{animation:bgZoomIn 1.4s ease-out both}.random-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity 1.1s cubic-bezier(.16,1,.3,1)}.random-background-layer.is-visible{opacity:.92}.random-background-layer.is-changing{opacity:0}.random-background-item{position:absolute;top:var(--random-background-y);left:var(--random-background-x);display:block;width:clamp(175px,19.53125vw,329px);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;opacity:0;filter:brightness(.78) saturate(.95) drop-shadow(0 12px 22px rgba(0,0,0,.34));transform:translate(-50%,-50%) scale(var(--random-background-scale, 1));transform-origin:center;transition:opacity 1s ease,transform .32s cubic-bezier(.22,1,.36,1),filter .32s ease;will-change:opacity,transform,filter}.random-background-item.is-faded-in{opacity:1}@media(min-width:1101px)and (hover:hover)and (pointer:fine){.random-background-item.is-pointer-hovered{z-index:1;filter:brightness(1) saturate(1) drop-shadow(0 18px 32px rgba(226,182,46,.34));transform:translate(-50%,-50%) scale(calc(var(--random-background-scale, 1) * 1.18))}}.random-background-item-1{--random-background-x: 10%;--random-background-y: 20%}.random-background-item-2{--random-background-x: 17.5%;--random-background-y: 50%}.random-background-item-3{--random-background-x: 10%;--random-background-y: 80%}.random-background-item-4{--random-background-x: 90%;--random-background-y: 20%}.random-background-item-5{--random-background-x: 82.5%;--random-background-y: 50%}.random-background-item-6{--random-background-x: 90%;--random-background-y: 80%}@media(max-width:1100px){.random-background-layer.is-visible{opacity:.72}.random-background-item{width:clamp(88px,17vw,150px)}.random-background-item-3,.random-background-item-6{display:none}}@media(max-width:600px){.random-background-layer.is-visible{opacity:.52}.random-background-item{width:clamp(78px,25vw,112px)}.random-background-item-2,.random-background-item-5{display:none}}body.is-mobile-landscape .random-background-item-2,body.is-mobile-landscape .random-background-item-3,body.is-mobile-landscape .random-background-item-5,body.is-mobile-landscape .random-background-item-6{display:block}@media(max-width:600px)and (orientation:portrait){.random-background-layer.is-visible{opacity:.58}.random-background-item,.random-background-item-2,.random-background-item-3,.random-background-item-5,.random-background-item-6{display:block;width:clamp(70px,22.5vw,90px)}.random-background-item-1{--random-background-x: 3.5%;--random-background-y: 31%}.random-background-item-2{--random-background-x: 3.5%;--random-background-y: 49%}.random-background-item-3{--random-background-x: 3.5%;--random-background-y: 67%}.random-background-item-4{--random-background-x: 96.5%;--random-background-y: 31%}.random-background-item-5{--random-background-x: 96.5%;--random-background-y: 49%}.random-background-item-6{--random-background-x: 96.5%;--random-background-y: 67%}}@media(min-width:601px)and (max-width:1100px)and (orientation:portrait){.random-background-layer.is-visible{opacity:.58}.random-background-item,.random-background-item-2,.random-background-item-3,.random-background-item-5,.random-background-item-6{display:block;width:clamp(123px,20.5625vw,175px)}.random-background-item-1,.random-background-item-2,.random-background-item-3{--random-background-x: 3.5%}.random-background-item-4,.random-background-item-5,.random-background-item-6{--random-background-x: 96.5%}.random-background-item-1,.random-background-item-4{--random-background-y: 31%}.random-background-item-2,.random-background-item-5{--random-background-y: 49%}.random-background-item-3,.random-background-item-6{--random-background-y: 67%}}@media(max-width:1100px)and (orientation:portrait){.random-background-layer.is-visible{opacity:1}.random-background-item.is-faded-in{opacity:.58}.random-background-item.is-faded-in.is-touch-active{opacity:1}.random-background-item.is-faded-in.is-touch-returning{opacity:.58}}.random-background-item.is-touch-active{z-index:1;filter:brightness(1.08) saturate(1.06) drop-shadow(0 18px 30px rgba(226,182,46,.32));transform:translate(-50%,-50%) scale(calc(var(--random-background-scale, 1) * 1.25));transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1),filter .18s ease}.random-background-item.is-touch-returning{z-index:1;transition:opacity 2.78s cubic-bezier(.16,1,.3,1),transform 2.78s cubic-bezier(.16,1,.3,1),filter 2.78s cubic-bezier(.16,1,.3,1)}.dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse at center,#00000005,#0000006b),linear-gradient(180deg,#00000014,#00000038);opacity:.3}.page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--page-transition-duration) ease,visibility 0ms linear var(--page-transition-duration)}.page.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--page-transition-duration) ease,visibility 0ms linear 0ms}.page.is-leaving{opacity:0;visibility:visible;pointer-events:none;transition:opacity var(--page-transition-duration) ease,visibility 0ms linear var(--page-transition-duration)}[data-edit-id]{position:absolute}.title-block,.info-panel,.panel-title,.text-box,.start-button,.footer-text,.dynasty-title-block,.progress-block,.dynasty-panel,.dynasty-actions,.result-panel{transform:translate(-50%)}.screen:not(.is-ready) .title-block,.screen:not(.is-ready) .info-panel,.screen:not(.is-ready) .panel-title,.screen:not(.is-ready) .text-box,.screen:not(.is-ready) .start-button,.screen:not(.is-ready) .footer-text,.screen:not(.is-ready) .language-switch,.screen:not(.is-ready) .font-size-switch{opacity:0}.title-block,.info-panel,.panel-title,.text-box,.start-button,.footer-text,.language-switch,.font-size-switch{will-change:opacity,transform,filter}.language-switch[hidden]{display:none!important}.screen.is-ready .title-block{animation:slideCenterUp var(--enter-duration) var(--enter-ease) .15s both}.screen.is-ready .info-panel{animation:slideCenterUp var(--enter-duration) var(--enter-ease) .39s both}.screen.is-ready .panel-title{animation:slideCenterUp var(--enter-duration) var(--enter-ease) .5s both}.screen.is-ready .text-box{animation:slideCenterUp var(--enter-duration) var(--enter-ease) .61s both}.screen.is-ready .start-button{animation:slideCenterUp var(--enter-duration) var(--enter-ease) .76s both}.screen.is-ready .footer-text{animation:slideCenterUp .76s var(--enter-ease) .9s both}.screen.is-ready.is-home-page .language-switch{animation:slideUp .76s var(--enter-ease) .98s both}.screen.is-ready.is-home-page .font-size-switch{animation:slideUp .76s var(--enter-ease) 1.04s both}.language-switch{z-index:50;display:flex;align-items:center;justify-content:center;gap:var(--language-switch-gap);width:var(--language-switch-width)!important;min-width:var(--language-switch-width);max-width:var(--language-switch-width);height:var(--language-switch-height)!important;min-height:var(--language-switch-height);max-height:var(--language-switch-height);border:var(--language-switch-border) solid var(--language-stroke-gold);border-radius:999px;background:#242424a3;box-shadow:0 0 20px #00000038;font-size:var(--language-switch-font-size)!important;pointer-events:auto}.screen:not(.is-home-page) .language-switch{display:none}.font-size-switch{position:absolute;top:3.55vh;left:calc(73.85vw + 116px);z-index:50;display:grid;grid-template-columns:repeat(3,42px);align-items:center;justify-content:center;gap:2px;width:150px;height:50px;padding:3px;border:2.5px solid var(--language-stroke-gold);border-radius:999px;background:#242424a3;box-shadow:0 0 20px #00000038}.screen:not(.is-home-page) .font-size-switch{display:none}.font-size-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:38px;padding:0;border:0;border-radius:999px;background:transparent;color:#ffffff8a;font-family:THSarabunBold,sans-serif;font-size:22px;font-weight:700;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.font-size-btn-medium{font-size:27px}.font-size-btn-large{font-size:34px}.font-size-btn:hover{color:var(--gold);background:#d8af2414}.font-size-btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.font-size-btn.is-active{color:#111;background:var(--gold);box-shadow:inset 0 1px #ffffff47}.lang-divider{width:var(--language-switch-divider-width);height:var(--language-switch-divider-height);background:var(--language-divider-gold);border-radius:999px;opacity:1;flex:0 0 auto}.lang-btn{padding:0;border:0;background:transparent;color:#ffffff8a;font-family:THSarabunBold,sans-serif;font-size:inherit;font-weight:700;line-height:1;cursor:pointer}.lang-btn.active{color:var(--gold);font-family:THSarabunBold,sans-serif;font-weight:700}.title-block{text-align:center}.main-title{margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(var(--title-font-size) + var(--ui-font-adjust-title));font-weight:700;line-height:.96;text-align:center;white-space:nowrap;text-shadow:0 4px 14px rgba(0,0,0,.38)}.main-subtitle{margin:var(--subtitle-gap) 0 0;color:var(--white-soft);font-size:calc(var(--subtitle-font-size) + var(--ui-font-adjust-body));font-weight:400;line-height:1.18;text-align:center;white-space:nowrap}.info-panel{border:1px solid var(--gold-line);border-radius:12px;background:var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel-title{z-index:4;margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-weight:700;line-height:1;text-align:center;white-space:nowrap}@media(min-width:1101px){.page-home .panel-title{display:flex;align-items:center;justify-content:center;height:clamp(36px,4.8vh,50px);overflow:visible}}.text-box{z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.35vh 4.8vw;border:1px solid rgba(216,175,36,.34);border-radius:8px;background:var(--text-box-bg);color:#ffffffb8;line-height:1.25;text-align:center;overflow:hidden}.text-box p{width:100%;margin:0 0 1.1vh;text-align:center;scale:var(--ui-dense-text-scale);transform-origin:center center}.text-box p:last-child{margin-bottom:0}.start-button{z-index:4;display:flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:linear-gradient(180deg,#f6e79c,#e5c84a 48%,#caa300);color:#111;font-family:THSarabunBold,sans-serif;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 10px 18px #00000042,0 3px 7px #00000038,inset 0 1px #ffffff6b;transition:filter .18s ease,box-shadow .18s ease}.start-button:hover{filter:brightness(1.04);box-shadow:0 12px 22px #0000004d,0 4px 8px #0000003d,inset 0 1px #ffffff75}.start-button:active{box-shadow:0 6px 12px #0000003d,0 2px 5px #0003,inset 0 1px #ffffff52}.footer-text{color:var(--white-muted);text-align:center;line-height:1.05}.footer-text p{margin:0 0 .35vh;white-space:nowrap}.version-text{position:fixed;right:8px;bottom:6px;z-index:20;color:var(--white-muted);font-size:clamp(11px,.75vw,14px)!important;line-height:1;white-space:nowrap;display:none;opacity:.72;pointer-events:none}.screen:has(.page-home.is-active)>.version-text{display:block}body.is-mobile-landscape .version-text{right:5px;bottom:4px;font-size:12px!important;opacity:.72}.dynasty-title-block{text-align:left}.dynasty-title{margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(34px,2.55vw,54px) + var(--ui-font-adjust-title));font-weight:700;line-height:.95}.dynasty-subtitle{margin:1.2vh 0 0;color:var(--white-soft);font-size:calc(clamp(18px,1.25vw,28px) + var(--ui-font-adjust-body));line-height:1.15}.progress-block{color:var(--gold)}.progress-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(6px,.65vw,14px);width:100%;height:auto;background:transparent;overflow:visible}.progress-segment{display:grid;grid-template-rows:1fr 6px;gap:.45vh;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer}.progress-segment:disabled{opacity:1;cursor:default}.progress-step-label{align-self:end;color:#ffffff9e;font-size:calc(clamp(17px,1.05vw,22px) + var(--ui-font-adjust-small));line-height:.95;text-align:center;word-break:normal;overflow-wrap:normal;transition:color .16s ease}.progress-step-bar{display:block;width:100%;height:6px;border-radius:999px;background:#ffffff38;transition:background .16s ease,box-shadow .16s ease}.progress-segment.is-complete .progress-step-label{color:var(--gold)}.progress-segment.is-complete .progress-step-bar{background:linear-gradient(90deg,#f6e79c,#d8af24);box-shadow:0 0 8px #d8af242e}.progress-segment:not(:disabled):hover .progress-step-label,.progress-segment:not(:disabled):focus-visible .progress-step-label{color:#fff3a4}.progress-segment:not(:disabled):focus-visible{outline:none}.progress-segment:not(:disabled):focus-visible .progress-step-bar{box-shadow:0 0 0 2px #f6e79c8c}.dynasty-panel{z-index:10;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;padding:0 2.4vw;border:1px solid rgba(216,175,36,.42);border-radius:12px;background:#2e2e2ec2;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dynasty-panel:not(.rank-panel){justify-content:flex-start;gap:4.05vh;padding-top:4.05vh;padding-bottom:0}.dynasty-option{position:relative;display:flex;align-items:center;width:100%;height:9.2vh;min-height:0;margin:0;padding:0 3.6vw;border:2px solid rgba(255,255,255,.22);border-radius:9px;background:#23232357;color:var(--white-soft);text-align:left;cursor:pointer;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.dynasty-option:hover{border-color:#d8af24b8;background:#2323237a}.dynasty-option.is-selected{border-color:#d8af24;background:#23232394;box-shadow:inset 0 0 0 1px #d8af245c,inset 0 0 18px #d8af2414}.option-title{margin-right:.85vw;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(24px,1.6vw,34px) + var(--ui-font-adjust-normal));line-height:1;white-space:nowrap}.option-desc{color:var(--white-soft);font-size:calc(clamp(16px,1vw,22px) + var(--ui-font-adjust-body));line-height:1.15}.page-person-type .option-desc,.page-outfit .option-desc{display:none}.page-person-type .option-title,.page-person-type .option-title-parenthetical{color:var(--gold)!important}.gender-option{gap:1.4vw;padding-left:3.6vw}.gender-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--gold);flex:0 0 auto}.gender-icon{display:block;width:54%;height:54%;object-fit:contain}.gender-text-wrap{display:inline-flex;align-items:baseline}.gender-option .option-title{margin-right:.85vw}.rank-panel{--rank-dropdown-top: calc((30.55vh - 18.4vh) / 3);--rank-dropdown-left: 2.4vw;--rank-dropdown-width: calc(100% - 4.8vw) ;--rank-dropdown-height: 9.2vh;--rank-help-top: 21.45vh ;z-index:80;justify-content:space-evenly;overflow:visible;container-type:inline-size}.rank-dropdown{position:absolute;top:var(--rank-dropdown-top);left:var(--rank-dropdown-left);right:auto;z-index:100;width:var(--rank-dropdown-width);max-width:none}.rank-dropdown.is-open{z-index:300}.rank-dropdown-button{position:relative;display:flex;align-items:center;width:100%;height:var(--rank-dropdown-height);padding:0 58px 0 1.4vw;border:2px solid rgba(216,175,36,1);border-radius:9px;outline:none;background:#23232394;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(22px,1.35vw,30px) + var(--ui-font-adjust-normal));font-weight:700;line-height:1.05;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px #d8af245c,inset 0 0 18px #d8af2414}.rank-dropdown-button span:first-child{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-dropdown-arrow{position:absolute;top:50%;right:32px;display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--gold);transform:translateY(-50%);transition:transform .18s ease}.rank-dropdown.is-open .rank-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.rank-dropdown-menu{position:absolute;top:calc(100% + 4px);left:50%;z-index:400;display:none;width:100%;max-height:34vh;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(216,175,36,.38);background:#242424;transform:translate(-50%);box-shadow:0 16px 34px #0000005c;scrollbar-width:thin;scrollbar-color:rgba(216,175,36,.9) rgba(255,255,255,.12)}.rank-dropdown.is-open .rank-dropdown-menu{display:block}.rank-help-text{position:absolute;top:var(--rank-help-top);left:2.4vw;right:2.4vw;z-index:70;margin:0;padding:0;color:var(--white-soft);font-size:calc(clamp(16px,.95vw,21px) + var(--ui-font-adjust-body));line-height:1.2;text-align:center;white-space:nowrap;transform:translateY(-50%)}.rank-help-text strong{color:var(--gold);font-family:THSarabunBold,sans-serif}.rank-help-phone{display:block;margin-top:.35em;color:var(--white-soft);text-align:center}.rank-dropdown-menu::-webkit-scrollbar{width:8px}.rank-dropdown-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:999px}.rank-dropdown-menu::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#f6e79c,#d8af24 48%,#b89000)}.rank-dropdown-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff0a8,#e2bf35 48%,#c99f00)}.rank-dropdown-item{display:block;width:100%;min-height:4.45vh;padding:.65vh 1.4vw;border:0;background:transparent;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(18px,1.08vw,24px) + var(--ui-font-adjust-body));font-weight:700;line-height:1.15;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.rank-dropdown-item:hover,.rank-dropdown-item.is-selected{background:#d8af24e0;color:#111}.result-panel{z-index:10;display:flex;flex-direction:column;justify-content:flex-start;padding:1vh 2.4vw 1.2vh;border:1px solid rgba(216,175,36,.42);border-radius:12px;background:#2e2e2ec2;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.result-header{margin-bottom:1vh}.result-name{margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(26px,1.75vw,38px) + var(--ui-font-adjust-normal));line-height:1.05}.result-desc{margin:1vh 0 0;color:var(--white-soft);font-size:calc(clamp(16px,1vw,22px) + var(--ui-font-adjust-body));line-height:1.25}.result-content{display:grid;grid-template-columns:1.08fr .92fr;gap:2.8vw;align-items:start}.result-image-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.result-image-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:58.5vh;overflow:hidden}.result-image-frame.is-pannable{cursor:grab}.result-image-frame.is-panning{cursor:grabbing}.result-image-frame.is-panning .result-layer-canvas{transition:none}.result-image-frame.is-panning .result-layer-image.has-description{cursor:grabbing}.result-layer-canvas{position:relative;width:100%;height:100%;transform:translateZ(0) scaleZ(1);transform-origin:center center;transform-style:flat;backface-visibility:hidden;will-change:transform;transition:transform .18s ease}.result-layer-image{position:absolute;display:block;height:auto;object-fit:contain;transform-origin:center center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:none}.result-magnifier{position:absolute;z-index:30;display:none;width:150px;height:150px;border:3px solid var(--gold);border-radius:50%;background:#141414e0;overflow:hidden;pointer-events:none;box-shadow:0 12px 28px #00000073,0 0 0 1px #ffffff2e,inset 0 0 18px #00000059}.result-magnifier.is-active{display:block}.result-magnifier-content{position:absolute;left:0;top:0;transform-origin:top left}.result-magnifier-content .result-layer-image{position:absolute;display:block;height:auto;object-fit:contain;transform-origin:center center;-webkit-user-select:none;user-select:none;pointer-events:none}.result-image-controls{display:flex;align-items:center;justify-content:center;gap:.7vw;margin-top:1.8vh}.result-tool-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font-family:THSarabunBold,sans-serif;font-size:20px;line-height:1;cursor:pointer;box-shadow:none;transition:filter .18s ease,box-shadow .18s ease}.result-tool-button:hover{filter:brightness(1.02);box-shadow:0 0 0 2px var(--gold),0 8px 18px #00000061}.result-tool-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.result-tool-button:active{filter:brightness(.9);box-shadow:0 0 0 1px var(--gold),0 3px 8px #0000004d}.result-tool-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.result-touch-zoom-toggle{display:none}.result-touch-zoom-toggle.is-active{color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.result-zoom-track{display:flex;align-items:center;gap:.7vw;height:30px;padding:0 .8vw;border-radius:999px;background:#ffffff29}.result-zoom-range{width:92px;accent-color:var(--gold)}.result-zoom-text{min-width:44px;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(17px + var(--ui-font-adjust-small));text-align:right}.result-detail-card{flex:1 1 auto;align-self:stretch;min-height:0;max-height:none;padding:1.2vh 1.2vw 2.2vh;border:2px solid var(--gold);border-radius:9px;background:#23232361;color:var(--white-soft);overflow-y:auto;overflow-x:hidden;scrollbar-width:auto}.result-detail-card::-webkit-scrollbar{width:16px;background:transparent}.result-detail-card::-webkit-scrollbar-track{border-radius:999px;background:var(--gold)}.result-detail-card::-webkit-scrollbar-thumb{min-height:36px;border:2px solid var(--gold);border-radius:999px;background:#121212eb}.result-detail-card::-webkit-scrollbar-button{display:none;width:0;height:0}.result-detail-card::-webkit-scrollbar-corner{background:transparent}.result-detail-zone{position:relative;min-width:0}.result-detail-scroll-area{display:flex;flex-direction:column;height:35vh;min-height:0}.result-detail-heading{flex:0 0 auto;margin:0 0 2vh;padding:0 1.2vw;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(clamp(22px,1.35vw,30px) + var(--ui-font-adjust-normal));line-height:1}.result-detail-item{margin-left:-.65vw;margin-right:-.65vw;margin-bottom:1.1vh;padding:.58vh .65vw;font-size:calc(clamp(15px,.95vw,21px) + var(--ui-font-adjust-body));line-height:1.18;border-radius:8px;transition:opacity .16s ease,background-color .16s ease,box-shadow .16s ease}.result-detail-item:last-child{margin-bottom:0}.result-detail-item strong{display:block;color:var(--gold);font-family:THSarabunBold,sans-serif;font-weight:700}.result-detail-item span{display:block}.result-note{margin:2.4vh 0 0;color:var(--white-soft);font-size:calc(clamp(15px,.95vw,21px) + var(--ui-font-adjust-body));line-height:1.18;text-align:center}.result-note strong{color:var(--gold);font-family:THSarabunBold,sans-serif}.result-credit{position:absolute;top:60.15vh;right:0;bottom:auto;left:0;margin:0;color:var(--white-soft);font-size:clamp(12px,.82vw,17px);line-height:1;text-align:center;white-space:nowrap}.result-share-actions{position:absolute;top:44.8vh;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.75vw;height:32px;margin:0}.result-share-button{position:relative;width:126px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:8px;box-shadow:none;transition:filter .18s ease,box-shadow .18s ease}.result-download-button{width:121px}.result-share-button:hover{filter:brightness(1.02);box-shadow:0 0 0 2px var(--gold),0 8px 18px #00000061}.result-share-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.result-share-button:active{filter:brightness(.9);box-shadow:0 0 0 1px var(--gold),0 3px 8px #0000004d}.result-share-button:disabled{cursor:wait}.result-share-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.result-share-button-label{position:absolute;z-index:1;top:50%;left:38px;right:8px;color:#000;font-family:THSarabunBold,sans-serif;font-size:calc(18px + var(--ui-font-adjust-small));line-height:1;text-align:center;transform:translateY(-50%);pointer-events:none}.result-share-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow-y:auto;border:1px solid var(--gold-line);border-radius:16px;background:#252622;color:#fff;font-family:THSarabun,sans-serif;box-shadow:0 24px 80px #0000008c}.result-share-dialog::backdrop{background:#000000b3}.result-share-dialog-content{padding:24px}.result-share-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-share-dialog h2{margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:32px;line-height:1.15}.result-share-dialog-close{flex:0 0 40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;color:#fff;font-size:28px;cursor:pointer}.result-share-dialog-actions{display:grid;gap:10px;margin-top:20px}.result-share-dialog-button{min-height:46px;padding:8px 16px;border:1px solid var(--gold-line);border-radius:8px;background:#34352f;color:#fff;font-family:THSarabunBold,sans-serif;font-size:24px;line-height:1.15;cursor:pointer}.result-share-dialog-button.is-primary{background:var(--gold);color:#171810}.result-share-dialog-button:disabled{opacity:.55;cursor:wait}.result-share-dialog button:focus-visible{outline:2px solid #fff3a4;outline-offset:3px}.result-share-dialog-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-divider,.result-action-row,.result-secondary-button{display:none!important}.restart-button{min-width:104px}.dynasty-actions{z-index:20;display:flex;align-items:center;justify-content:space-between}.back-button,.next-button{display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:116px;height:40px;padding:0 20px;border:0;border-radius:7px;font-family:THSarabunBold,sans-serif;font-size:calc(22px + var(--ui-font-adjust-normal));line-height:1;cursor:pointer}.back-button{background:#ffffffeb;color:#00000094}.next-button{background:linear-gradient(180deg,#f6e79c,#e5c84a 48%,#caa300);color:#111;box-shadow:0 8px 16px #0000003d,inset 0 1px #ffffff6b}.next-button:hover,.back-button:hover{filter:brightness(1.04)}@keyframes bgZoomIn{0%{transform:scale(1.045)}to{transform:scale(1.01)}}@keyframes slideCenterUp{0%{opacity:0;transform:translate(-50%) translateY(13px);filter:blur(2px)}to{opacity:1;transform:translate(-50%) translateY(0);filter:blur(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.result-layer-image.has-description{pointer-events:auto;cursor:pointer}.result-layer-image.has-description.is-inspect-disabled,.result-detail-item[data-description-key].is-inspect-disabled{cursor:default}.result-layer-image.has-description:focus,.result-layer-image.has-description:focus-visible{outline:none}.result-detail-card.has-active .result-detail-item{opacity:.36;filter:grayscale(.2)}.result-detail-card .result-detail-item.is-highlighted{opacity:1;filter:none;background:#d8af241a;box-shadow:inset 0 0 0 1px #d8af248c,0 10px 24px #0000002e}.result-detail-card .result-detail-item.is-highlighted strong{color:#f6d95a}.result-detail-item[data-description-key]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;cursor:pointer}.result-image-frame,.result-layer-canvas,.result-detail-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.result-image-frame.is-touch-zoom-enabled{touch-action:pinch-zoom;overscroll-behavior:contain}.result-detail-item[data-description-key]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.decoration-detail-panel{position:absolute;top:15.2vh;left:50%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:4vw;width:48vw;height:72vh;padding:3vh 2.4vw;border:1px solid rgba(216,175,36,.54);border-radius:12px;background:#2e2e2ec7;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:translate(-50%)}.decoration-detail-title-block,.decoration-detail-image-controls{display:none}.decoration-detail-image-zone,.decoration-detail-image-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}.decoration-detail-image{display:block;width:75%;height:46.5vh;max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.42))}.decoration-detail-image:not([src]){visibility:hidden}.decoration-detail-content{align-self:center;min-width:0;max-height:60vh;padding:3vh 2.4vw;overflow-y:auto}.decoration-detail-body-card{display:contents}.decoration-detail-eyebrow{margin:0 0 1.4vh;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(24px + var(--ui-font-adjust-normal));line-height:1}.decoration-detail-title{margin:0;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(38px + var(--ui-font-adjust-title));line-height:1.1;overflow-wrap:anywhere}.decoration-detail-description{margin:2vh 0 0;color:var(--white-soft);font-size:calc(24px + var(--ui-font-adjust-body));line-height:1.35;white-space:pre-line;overflow-wrap:anywhere}.decoration-detail-actions{position:absolute;top:90.4vh;left:50%;z-index:20;width:48vw;transform:translate(-50%)}@media(max-width:1200px)and (pointer:fine){.text-box{padding-top:1.2vh;padding-right:1.4vw;padding-bottom:1.2vh;padding-left:1.4vw;line-height:1.1}.text-box p{margin-bottom:.55vh;font-size:calc(9px + var(--ui-font-adjust-small));white-space:nowrap;scale:1;transform:none}}@media(max-width:1280px)and (pointer:fine){.decoration-detail-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.4vw;padding-right:2vw;padding-left:2vw}.decoration-detail-image{width:88%}.decoration-detail-content{padding:2vh 1.5vw}.decoration-detail-eyebrow{font-size:calc(20px + var(--ui-font-adjust-normal))}.decoration-detail-title{font-size:calc(32px + var(--ui-font-adjust-title))}.decoration-detail-description{font-size:calc(18px + var(--ui-font-adjust-body))}.result-image-controls{gap:5px}.result-tool-button{width:30px;height:26px}.result-zoom-track{gap:4px;height:26px;padding:0 4px}.result-zoom-range{width:60px}.result-zoom-text{min-width:32px;font-size:14px}.result-share-actions{gap:.5vw}.result-share-button{width:88px;height:30px}.result-download-button{width:84px}.result-share-button-label{left:27px;right:3px;font-size:calc(13px + var(--ui-font-adjust-small));white-space:nowrap}}@media(max-width:1280px)and (max-height:700px)and (pointer:fine){.result-detail-scroll-area{height:27dvh}}@media(max-width:768px)and (orientation:portrait){.decoration-detail-panel{top:15.8dvh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:1.5dvh;width:84vw;height:72dvh;padding:2.4dvh 5vw}.decoration-detail-image{height:32.25dvh}.decoration-detail-content{width:100%;max-height:28dvh;padding:2dvh 4vw}.decoration-detail-eyebrow{font-size:21px}.decoration-detail-title{font-size:28px}.decoration-detail-description{font-size:19px}.decoration-detail-actions{top:90.5dvh;width:84vw}}@media(max-width:1100px)and (orientation:portrait){:root{--title-font-size: clamp(30px, 7.4vw, 42px);--subtitle-font-size: clamp(14px, 3.1vw, 19px);--subtitle-gap: 1.1dvh;--language-switch-width: 90px;--language-switch-height: 44px;--language-switch-font-size: 20px;--language-switch-gap: 8px;--language-switch-border: 2px;--language-switch-divider-height: 18px}.main-title,.main-subtitle{white-space:normal}.page-home .main-title{font-size:clamp(18px,5.3vw,26px);white-space:nowrap}body[data-font-size=small] .page-home .main-title{font-size:clamp(18px,5.3vw,26px)}body[data-font-size=medium] .page-home .main-title{font-size:clamp(19px,5.8vw,28px)}body[data-font-size=large] .page-home .main-title{font-size:clamp(25px,7.2vw,36px)}.text-box{padding:2.2dvh 6vw;line-height:1.35}.text-box p{margin-bottom:1dvh;text-align:center}.panel-title{white-space:normal}.dynasty-title-block{text-align:center}.dynasty-title{font-size:clamp(32px,7.8vw,44px)}.dynasty-subtitle{font-size:clamp(15px,3.4vw,20px)}.dynasty-panel{padding:0 4vw}.dynasty-panel:not(.rank-panel){gap:4.25dvh;padding-top:4.25dvh;padding-bottom:0}.dynasty-option{height:10dvh;min-height:0;padding:0 5vw;margin:0}.option-title{font-size:clamp(22px,5.4vw,30px)}.option-desc{font-size:clamp(14px,3.4vw,18px)}.gender-option{gap:3vw;padding-left:5vw}.gender-icon-wrap{width:42px;height:42px}.gender-text-wrap{align-items:flex-start;flex-direction:column;gap:.45dvh}.rank-panel{--rank-dropdown-top: 4.25dvh ;--rank-dropdown-left: 4vw;--rank-dropdown-width: calc(100% - 8vw) ;--rank-dropdown-height: 10dvh;z-index:80;overflow:visible}.rank-dropdown{left:var(--rank-dropdown-left);width:var(--rank-dropdown-width);max-width:none}.rank-dropdown-button{padding:0 46px 0 4vw;font-size:clamp(18px,4.2vw,23px)}.rank-help-text{top:calc(var(--rank-dropdown-top) + 10dvh + ((100% - var(--rank-dropdown-top) - 10dvh) / 2));left:4vw;right:4vw}.rank-dropdown-arrow{right:22px;border-left-width:5px;border-right-width:5px;border-top-width:6px}.rank-dropdown-menu{left:50%;width:100%;max-height:36dvh;transform:translate(-50%)}.rank-dropdown-menu::-webkit-scrollbar{width:6px}.rank-dropdown-item{min-height:4.7dvh;padding:.65dvh 4vw;font-size:clamp(15px,3.55vw,19px);line-height:1.18}.result-panel{justify-content:center;padding:2.4dvh 4vw 2.8dvh;overflow-y:auto;overflow-x:hidden}.result-header{margin-bottom:2dvh;text-align:center}.result-name{font-size:clamp(22px,5.2vw,30px)}.result-desc{font-size:clamp(14px,3.3vw,18px)}.result-content{display:flex;flex-direction:column;gap:2dvh}.result-image-frame{height:31dvh}.result-magnifier{width:120px;height:120px}.result-image-controls{gap:1.4vw;margin-top:1.2dvh}.result-tool-button{width:38px;height:32px;font-size:18px}.result-zoom-track{padding:0 2.4vw}.result-zoom-range{width:76px}.result-zoom-text{font-size:15px}.result-detail-card{width:100%;padding:1.8dvh 4vw}.result-detail-heading{padding:0 4vw;font-size:clamp(21px,5vw,28px)}.result-detail-item{font-size:clamp(14px,3.3vw,18px)}.result-note{margin-top:2dvh;font-size:clamp(14px,3.3vw,18px);text-align:center}.result-share-actions{display:none}.result-divider,.result-action-row,.result-secondary-button{display:none!important}.dynasty-actions{width:100%}.back-button,.next-button{min-width:104px;height:38px;font-size:20px}}body.is-result-heading-fitted[data-font-size] .page-result [data-edit-id=resultTitleBlock],body.is-result-heading-fitted[data-font-size] .page-result [data-edit-id=resultPanel],body.is-result-heading-fitted[data-font-size] .page-result [data-edit-id=resultActions]{width:var(--result-heading-fit-shell-width)!important}@media(orientation:landscape){.page-result .result-name{white-space:nowrap}}@media(max-width:1100px)and (orientation:portrait){.page-result .dynasty-subtitle,.page-result .result-name,.page-result .result-desc{white-space:normal!important;overflow-wrap:anywhere;word-break:normal}.page-result .result-name{line-height:1.12}}body.is-tablet-landscape{--landscape-selection-width: 72%}body.is-mobile-landscape{--landscape-selection-width: 84%}body:is(.is-tablet-landscape,.is-mobile-landscape) .page:not(.page-home):not(.page-result):not(.page-decoration-detail)>:is(.dynasty-title-block,.progress-block,.dynasty-panel,.dynasty-actions){width:var(--landscape-selection-width)!important}body:is(.is-tablet-landscape,.is-mobile-landscape) .page:not(.page-home):not(.page-result):not(.page-decoration-detail) .dynasty-title,body:is(.is-tablet-landscape,.is-mobile-landscape) .page:not(.page-home):not(.page-result):not(.page-decoration-detail) .progress-step-label{white-space:nowrap}body.is-tablet-landscape[data-font-size=large] .page-home .start-button{width:max-content!important;padding-right:clamp(28px,3vw,44px);padding-left:clamp(28px,3vw,44px);white-space:nowrap}body.is-tablet-landscape.is-tablet-home-copy-expanded .page-home [data-edit-id=infoPanel]{width:min(90vw,calc(100vw - 48px))!important}body.is-tablet-landscape.is-tablet-home-copy-expanded .page-home [data-edit-id=panelTitle]{width:min(82vw,calc(100vw - 80px))!important}body.is-tablet-landscape.is-tablet-home-copy-expanded .page-home [data-edit-id=textBox]{width:min(82vw,calc(100vw - 80px))!important;padding-right:clamp(18px,2.8vw,40px);padding-left:clamp(18px,2.8vw,40px)}body.is-tablet-landscape.is-tablet-home-copy-expanded[data-font-size=large] .page-home .text-box p{width:67.568%}body.is-tablet-landscape[data-font-size] .page-result [data-edit-id=resultTitleBlock],body.is-tablet-landscape[data-font-size] .page-result [data-edit-id=resultPanel],body.is-tablet-landscape[data-font-size] .page-result [data-edit-id=resultActions]{width:72vw!important}@media(min-width:1101px){.page-result .result-content{grid-template-columns:minmax(0,21.8vw) minmax(0,1fr)}body[data-font-size=medium] .page-result [data-edit-id=resultTitleBlock],body[data-font-size=medium] .page-result [data-edit-id=resultPanel],body[data-font-size=medium] .page-result [data-edit-id=resultActions]{left:50vw!important;width:54vw!important}body[data-font-size=large] .page-result [data-edit-id=resultTitleBlock],body[data-font-size=large] .page-result [data-edit-id=resultPanel],body[data-font-size=large] .page-result [data-edit-id=resultActions]{left:50vw!important;width:64vw!important}body[data-font-size=medium] .page-result .result-image-frame{height:calc(58.5vh - 8px)}body[data-font-size=large] .page-result .result-image-frame{height:calc(58.5vh - 13px)}body[data-font-size=large] .page-result .result-detail-scroll-area{height:40.25vh}body[data-font-size=large] .page-result .result-share-actions{top:50.05vh}body[data-font-size=large] .page-result .result-share-button{width:156px;height:44.6px;background:transparent;border:0;overflow:hidden}body[data-font-size=large] .page-result .result-download-button{width:150px;height:44.6px}body[data-font-size=large] .page-result .result-share-button img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:fill;clip-path:none}body[data-font-size=large] .page-result .result-download-button img{width:100%;clip-path:none}body[data-font-size=large] .page-result .result-share-button-label{left:38px;right:8px;white-space:nowrap}body[data-font-size=large] .page-result .result-image-controls{margin-top:.6vh}}@media(max-width:420px)and (orientation:portrait){:root{--title-font-size: clamp(28px, 7.1vw, 36px);--subtitle-font-size: clamp(13px, 3vw, 17px)}}body.is-mobile-landscape{--title-font-size: 7.02cqh;--subtitle-font-size: 2.84cqh;--subtitle-gap: .7cqh;--ui-font-adjust-small: 0cqh;--ui-font-adjust-body: 0cqh;--ui-font-adjust-normal: 0cqh;--ui-font-adjust-title: 0cqh;--ui-dense-text-scale: 1;display:grid;place-items:center;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#111;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.is-mobile-landscape .screen{width:100vw;height:100dvh;height:var(--app-viewport-height, 100dvh);aspect-ratio:auto;container-type:normal}body.is-mobile-landscape .app-stage{position:absolute;top:50%;left:50%;z-index:3;display:block;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);aspect-ratio:16 / 9;container-type:size;transform:translate(-50%,-50%)}body.is-mobile-landscape[data-font-size=small]{--ui-font-adjust-small: .28cqh;--ui-font-adjust-body: .42cqh;--ui-font-adjust-normal: .56cqh;--ui-font-adjust-title: .83cqh;--ui-dense-text-scale: 1.12}body.is-mobile-landscape[data-font-size=medium]{--ui-font-adjust-small: .56cqh;--ui-font-adjust-body: .83cqh;--ui-font-adjust-normal: 1.11cqh;--ui-font-adjust-title: 1.67cqh;--ui-dense-text-scale: 1.24}body.is-mobile-landscape[data-font-size=large]{--ui-font-adjust-small: 1.12cqh;--ui-font-adjust-body: 1.66cqh;--ui-font-adjust-normal: 2.22cqh;--ui-font-adjust-title: 3.34cqh;--ui-dense-text-scale: 1.48}body.is-mobile-landscape [data-edit-id=dynastyTitleBlock],body.is-mobile-landscape [data-edit-id=outfitTitleBlock],body.is-mobile-landscape [data-edit-id=personTypeTitleBlock],body.is-mobile-landscape [data-edit-id=genderTitleBlock],body.is-mobile-landscape [data-edit-id=rankTitleBlock]{top:10.45cqh!important}body.is-mobile-landscape [data-edit-id=resultTitleBlock]{top:1cqh}body.is-mobile-landscape .font-size-switch{top:2.4cqh;left:auto;right:4.27cqh;grid-template-columns:repeat(3,5.7cqh);gap:.28cqh;width:18cqh;height:7cqh;padding:.28cqh;border-width:.28cqh}body.is-mobile-landscape .font-size-btn{width:5.7cqh;height:5.7cqh;font-size:3.05cqh}body.is-mobile-landscape .font-size-btn-medium{font-size:3.75cqh}body.is-mobile-landscape .font-size-btn-large{font-size:4.65cqh}body.is-mobile-landscape .main-title,body.is-mobile-landscape .main-subtitle{white-space:nowrap}body.is-mobile-landscape .text-box{padding:1.2cqh 2.49cqh;line-height:1.1}body.is-mobile-landscape .text-box p{margin-bottom:.55cqh;font-size:calc(2.22cqh + var(--ui-font-adjust-body));white-space:nowrap;scale:1;transform:none}body.is-mobile-landscape .dynasty-title{font-size:calc(5.16cqh + var(--ui-font-adjust-title));line-height:.95}body.is-mobile-landscape .dynasty-subtitle{margin-top:.55cqh;font-size:calc(2.76cqh + var(--ui-font-adjust-body));line-height:1.05}body.is-mobile-landscape .progress-track{gap:1.2cqh}body.is-mobile-landscape .progress-segment{grid-template-rows:1fr .56cqh;gap:.35cqh}body.is-mobile-landscape .progress-step-label{font-size:calc(2.5cqh + var(--ui-font-adjust-small))}body.is-mobile-landscape .progress-step-bar{height:.56cqh}@media(max-width:768px)and (orientation:portrait){body:not(.is-tablet-portrait) .progress-track{gap:clamp(4px,1.6vw,7px)}body:not(.is-tablet-portrait) .progress-segment{grid-template-rows:1fr 5px;gap:.45dvh}body:not(.is-tablet-portrait) .progress-step-label{font-size:calc(clamp(13px,3.1vw,17px) + var(--ui-font-adjust-small))}body:not(.is-tablet-portrait) .progress-step-bar{height:5px}}@media(max-width:600px)and (orientation:portrait){.progress-track{grid-template-columns:var(--portrait-progress-columns, 7fr 1fr 1fr 1fr);gap:clamp(3px,1vw,6px)}.progress-step-label{white-space:nowrap}.progress-segment:not([aria-current=step]) .progress-step-label{display:block;width:100%;overflow:hidden;font-size:clamp(6px,1.8vw,10px);line-height:1;text-overflow:clip}}@media(min-width:601px)and (max-width:1100px)and (orientation:portrait){.progress-track{grid-template-columns:repeat(4,minmax(0,1fr))!important}.progress-step-label,.progress-segment:not([aria-current=step]) .progress-step-label{width:auto;overflow:visible;font-size:calc(clamp(13px,1.75vw,18px) + var(--ui-font-adjust-small));line-height:1.05;text-overflow:clip;white-space:normal}}@media(min-width:769px)and (max-width:1100px)and (min-height:600px)and (orientation:landscape){.progress-block{margin-top:8px}}body.is-mobile-landscape .dynasty-panel{padding-right:3.56cqh;padding-left:3.56cqh}body.is-mobile-landscape .dynasty-panel:not(.rank-panel){justify-content:space-evenly;gap:0;padding-top:0;padding-bottom:0}body.is-mobile-landscape .dynasty-option{padding-right:4.27cqh;padding-left:4.27cqh;border-width:1.5px;border-radius:7px}body.is-mobile-landscape .option-title{margin-right:1.24cqh;font-size:calc(3.64cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .option-desc{font-size:calc(2.45cqh + var(--ui-font-adjust-body));line-height:1.08}body.is-mobile-landscape .gender-option{gap:2.13cqh;padding-left:4.27cqh}body.is-mobile-landscape .gender-icon-wrap{width:6.7cqh;height:6.7cqh}body.is-mobile-landscape .back-button,body.is-mobile-landscape .next-button{min-width:16.11cqh;height:5.56cqh;padding:0 2.77cqh;font-size:calc(3.38cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .rank-dropdown-button{padding-right:5.6cqh;font-size:calc(3.38cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .rank-dropdown-arrow{right:2.8cqh}body.is-mobile-landscape .rank-help-text{font-size:calc(2.45cqh + var(--ui-font-adjust-body));line-height:1.1}body.is-mobile-landscape .rank-dropdown-menu{max-height:46cqh}body.is-mobile-landscape .rank-dropdown-item{min-height:5cqh;padding:.5cqh 2.13cqh;font-size:calc(2.51cqh + var(--ui-font-adjust-body))}body.is-mobile-landscape{--mobile-result-shell-width: 73.3%}body.is-mobile-landscape[data-font-size=large]{--mobile-result-shell-width: 86%}body.is-mobile-landscape .page-result [data-edit-id=resultPanel]{justify-content:flex-start;width:var(--mobile-result-shell-width)!important;overflow:visible;padding:1cqh 3.2cqh}body.is-mobile-landscape .page-result [data-edit-id=resultTitleBlock],body.is-mobile-landscape .page-result [data-edit-id=resultActions]{width:var(--mobile-result-shell-width)!important}body.is-mobile-landscape .page-result [data-edit-id=resultTitleBlock],body.is-mobile-landscape .page-result [data-edit-id=resultPanel]{left:50%!important}body.is-mobile-landscape .result-header{margin-bottom:.5cqh}body.is-mobile-landscape .result-name{font-size:calc(3.91cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .result-desc{margin-top:.5cqh;font-size:calc(2.45cqh + var(--ui-font-adjust-body));line-height:1.1}body.is-mobile-landscape .page-result .result-content{grid-template-columns:.94fr .795fr;gap:2.5cqh;align-items:start}body.is-mobile-landscape .page-result .result-image-zone{display:grid;grid-template-columns:6.8cqh minmax(0,1fr);grid-template-rows:59cqh;column-gap:1.2cqh;align-items:center;justify-content:stretch}body.is-mobile-landscape .page-result .result-image-frame{grid-column:2;grid-row:1;height:59cqh;touch-action:pinch-zoom}body.is-mobile-landscape .result-magnifier{width:13.3cqh;height:13.3cqh;border-width:.28cqh}body.is-mobile-landscape .page-result .result-image-controls{grid-column:1;grid-row:1;flex-direction:column;gap:.8cqh;margin-top:0}body.is-mobile-landscape .page-result .result-tool-button{width:6.8cqh;height:6cqh}body.is-mobile-landscape [data-zoom-in],body.is-mobile-landscape [data-decoration-zoom-in]{order:1}body.is-mobile-landscape .page-result .result-zoom-track{order:2;flex-direction:column;gap:.8cqh;width:6.8cqh;height:18cqh;padding:.8cqh 0}body.is-mobile-landscape [data-zoom-out],body.is-mobile-landscape [data-decoration-zoom-out]{order:3}body.is-mobile-landscape [data-zoom-reset],body.is-mobile-landscape [data-decoration-zoom-reset]{order:4}body.is-mobile-landscape .page-result .result-touch-zoom-toggle{display:inline-flex;order:5}body.is-mobile-landscape .page-result .result-zoom-range{width:2.2cqh;height:11cqh;writing-mode:vertical-lr;direction:rtl}body.is-mobile-landscape .result-zoom-range::-webkit-slider-thumb{transform:scale(.5)}body.is-mobile-landscape .result-zoom-range::-moz-range-thumb{transform:scale(.5)}body.is-mobile-landscape .result-zoom-text{min-width:0;font-size:2.3cqh;text-align:center}body.is-mobile-landscape .page-result .result-detail-scroll-area{height:55cqh}body.is-mobile-landscape .result-detail-zone{position:static}body.is-mobile-landscape .result-detail-heading{margin-bottom:1cqh;padding:0 1.42cqh;font-size:calc(3.38cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .result-detail-card{padding:.8cqh 1.42cqh 1cqh;border-width:1.5px;border-radius:7px}body.is-mobile-landscape .result-detail-card::-webkit-scrollbar{width:1.67cqh}body.is-mobile-landscape .result-detail-item{margin-right:-.71cqh;margin-bottom:.5cqh;margin-left:-.71cqh;padding:.35cqh .71cqh;font-size:calc(2.31cqh + var(--ui-font-adjust-body));line-height:1.08;border-radius:6px}body.is-mobile-landscape .result-note{margin-top:.7cqh;font-size:calc(2.31cqh + var(--ui-font-adjust-body));line-height:1.05}body.is-mobile-landscape .result-share-actions{top:75.2cqh;right:auto;left:50%;z-index:25;gap:1.1cqh;width:auto;height:5.56cqh;transform:translate(-50%)}body.is-mobile-landscape .page-result .result-actions{pointer-events:none}body.is-mobile-landscape .page-result .result-actions .back-button,body.is-mobile-landscape .page-result .result-actions .restart-button{pointer-events:auto}body.is-mobile-landscape .result-share-button{width:15.9cqh;height:5.56cqh}body.is-mobile-landscape .result-download-button{width:15.1cqh}body.is-mobile-landscape[data-font-size=medium] .result-share-actions{height:6.1cqh}body.is-mobile-landscape[data-font-size=medium] .result-share-button{width:21.35cqh;height:6.1cqh}body.is-mobile-landscape[data-font-size=medium] .result-download-button{width:20.5cqh}body.is-mobile-landscape[data-font-size=large] .result-share-actions{height:6.65cqh}body.is-mobile-landscape[data-font-size=large] .result-share-button{width:23.28cqh;height:6.65cqh}body.is-mobile-landscape[data-font-size=large] .result-download-button{width:22.35cqh}body.is-mobile-landscape .result-share-button-label{left:4.7cqh;right:.5cqh;font-size:calc(2.75cqh + var(--ui-font-adjust-small));white-space:nowrap}body.is-mobile-landscape .decoration-detail-panel{top:15.2cqh;grid-template-columns:.94fr .795fr;grid-template-rows:none;align-items:start;gap:2.5cqh;width:73.3%;height:72cqh;padding:2.2cqh 3.2cqh 1.8cqh;overflow:visible}body.is-mobile-landscape .decoration-detail-title-block{position:absolute;top:1cqh;left:50%;display:block;width:73.3%;transform:translate(-50%)}body.is-mobile-landscape .decoration-detail-image-zone{display:grid;grid-template-columns:6.8cqh minmax(0,1fr);grid-template-rows:55cqh;column-gap:1.2cqh;align-items:center;justify-content:stretch;width:auto;height:55cqh;margin-top:9.15cqh}body.is-mobile-landscape .decoration-detail-image-frame{grid-column:2;grid-row:1;height:55cqh}body.is-mobile-landscape .decoration-detail-image{width:78%;height:auto;max-height:50cqh}body.is-mobile-landscape .decoration-detail-image-controls{display:flex;grid-column:1;grid-row:1;flex-direction:column;gap:.8cqh;margin-top:0}body.is-mobile-landscape .page-decoration-detail .result-tool-button{width:6.8cqh;height:6cqh}body.is-mobile-landscape .page-decoration-detail .result-zoom-track{order:2;flex-direction:column;gap:.8cqh;width:6.8cqh;height:18cqh;padding:.8cqh 0}body.is-mobile-landscape .page-decoration-detail .result-zoom-range{width:2.2cqh;height:11cqh;writing-mode:vertical-lr;direction:rtl}body.is-mobile-landscape .decoration-detail-content{align-self:start;width:auto;max-height:none;margin-top:9.15cqh;padding:0;overflow:visible}body.is-mobile-landscape .decoration-detail-eyebrow{margin-bottom:1cqh;padding:0 1.42cqh;font-size:calc(3.38cqh + var(--ui-font-adjust-normal))}body.is-mobile-landscape .decoration-detail-body-card{display:block;box-sizing:border-box;height:46.1cqh;padding:.8cqh 1.42cqh 1cqh;overflow-y:auto;border:1.5px solid var(--gold);border-radius:7px;background:#1e1e1e57}body.is-mobile-landscape .decoration-detail-title{font-size:calc(2.6cqh + var(--ui-font-adjust-body));line-height:1.08}body.is-mobile-landscape .decoration-detail-description{margin-top:.7cqh;font-size:calc(2.31cqh + var(--ui-font-adjust-body));line-height:1.08}body.is-mobile-landscape .decoration-detail-actions{top:90.4cqh;display:flex;align-items:center;width:73.3%}body.is-mobile-landscape .page-decoration-detail .result-share-actions{display:none!important}@media(max-width:780px)and (orientation:landscape){body.is-mobile-landscape{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media(min-width:769px)and (max-width:1100px)and (orientation:portrait){.font-size-switch{right:max(24px,env(safe-area-inset-right))!important;left:auto!important}body.is-tablet-portrait .page-result .result-touch-zoom-toggle{display:inline-flex;order:1}body.is-tablet-portrait .page-result [data-zoom-out]{order:2}body.is-tablet-portrait .page-result .result-zoom-track{order:3}body.is-tablet-portrait .page-result [data-zoom-in]{order:4}body.is-tablet-portrait .page-result [data-zoom-reset]{order:5}}.rank-help-text strong,.result-note strong{margin-inline-end:.38em}@media(max-width:768px)and (orientation:portrait){.font-size-switch{top:24px;right:24px;left:auto;display:grid;grid-template-columns:repeat(3,38px);gap:1px;width:126px;height:44px;padding:2px;border-width:1.5px}.font-size-btn{width:38px;height:38px;font-size:20px}.font-size-btn-medium{font-size:24px}.font-size-btn-large{font-size:31px}.footer-text{width:98vw!important;font-size:calc(clamp(10px,1.25vw,13px) + var(--ui-footer-font-adjust))!important}.footer-text p{white-space:nowrap}.dynasty-option:not(.gender-option){align-items:flex-start;justify-content:center;flex-direction:column;gap:.55dvh}.dynasty-option:not(.gender-option) .option-title{margin-right:0}.dynasty-option:not(.gender-option) .option-desc{width:100%}.rank-help-text{left:2vw;right:2vw;font-size:clamp(8px,2.05vw,11px);line-height:1;white-space:nowrap}.result-panel{justify-content:flex-start;padding:2dvh 4vw 2.2dvh;overflow:hidden}.result-header{position:relative;z-index:2;flex:0 0 auto;width:100%;margin-bottom:1dvh}.result-name,.result-desc{display:block;visibility:visible}.result-content{flex:1 1 auto;min-height:0;gap:1dvh;align-items:stretch}.result-image-frame{height:26dvh}.result-image-controls{margin-top:.6dvh}.page-result .result-touch-zoom-toggle{display:inline-flex;order:1}.page-result [data-zoom-out]{order:2}.page-result .result-zoom-track{order:3}.page-result [data-zoom-in]{order:4}.page-result [data-zoom-reset]{order:5}.result-detail-zone{min-height:0}.result-detail-scroll-area{width:100%;height:20dvh}.result-detail-heading{margin-bottom:.8dvh;padding:0 2vw}.result-detail-card{width:100%;margin-inline:auto;padding:.8dvh 3vw 1dvh}.result-detail-item{margin-right:-1vw;margin-bottom:.55dvh;margin-left:-1vw;padding:.4dvh 1vw;font-size:clamp(13px,3vw,16px);line-height:1.08}.result-note{margin-top:.8dvh;font-size:clamp(12px,2.8vw,15px);line-height:1.05}.result-share-actions{position:fixed;top:90.5dvh;left:50%;right:auto;z-index:100;display:flex;gap:9px;width:auto;height:38px;transform:translate(-50%)}.result-share-button,.result-download-button{width:40px;height:36px;overflow:hidden;border-radius:8px;background:#fff}.result-share-button img{width:126px;max-width:none;height:36px;object-fit:none;object-position:left center}.result-download-button img{width:121px}.result-share-button-label{display:none}}@media(max-width:768px)and (orientation:portrait){.page-home .main-subtitle{position:relative;left:50%;width:94vw!important;font-size:clamp(14px,3.75vw,16px);line-height:1.05;white-space:nowrap;transform:translate(-50%)}body[data-font-size=small] .page-home .main-subtitle{font-size:clamp(14px,3.75vw,16px)}body[data-font-size=medium] .page-home .main-subtitle{font-size:clamp(15px,4.05vw,17px)}body[data-font-size=large] .page-home .main-subtitle{font-size:clamp(18px,4.9vw,21px)}.page-home [data-edit-id=infoPanel]{top:29%!important;height:50%!important}.page-home [data-edit-id=panelTitle]{top:31.5%!important;font-size:calc(clamp(20px,5.4vw,24px) + var(--ui-font-adjust-small))!important}.page-home [data-edit-id=textBox]{top:36%!important;width:76%!important;height:30.5%!important;padding:1.2dvh 3.5vw}.page-home .text-box p{margin-bottom:.35dvh;font-size:calc(clamp(13px,3.5vw,15px) + var(--ui-font-adjust-small));line-height:1.06;white-space:normal;overflow-wrap:anywhere;scale:1;transform:none}}@media(min-width:769px)and (max-width:1100px)and (orientation:portrait){.page-home .main-title{font-size:calc(clamp(46px,3.95vw,78px) + var(--ui-font-adjust-title));white-space:nowrap}.page-home .main-subtitle{font-size:calc(clamp(20px,1.6vw,32px) + var(--ui-font-adjust-body));white-space:nowrap}.page-home [data-edit-id=infoPanel]{width:78%!important}.page-home [data-edit-id=panelTitle]{width:70%!important;font-size:calc(clamp(24px,2.8vw,30px) + var(--ui-font-adjust-small))!important}.page-home [data-edit-id=textBox]{width:72%!important;padding:1.4vh 3vw}.page-home .text-box p{font-size:calc(clamp(18px,2vw,21px) + var(--ui-font-adjust-small));line-height:1.12;margin-bottom:.45vh;white-space:normal;overflow-wrap:anywhere;scale:1;transform:none}.page-home [data-edit-id=startButton]{width:18%!important;font-size:calc(clamp(20px,2.2vw,24px) + var(--ui-font-adjust-small))!important}.dynasty-option:not(.gender-option){align-items:flex-start;justify-content:center;flex-direction:column;gap:.55dvh}.dynasty-option:not(.gender-option) .option-title{margin-right:0}.dynasty-option:not(.gender-option) .option-desc{width:100%}}body.is-tablet-landscape .result-panel{justify-content:flex-start;width:72%!important;padding-top:calc(var(--app-vh) * 1);padding-bottom:calc(var(--app-vh) * 1.2);overflow:hidden}body.is-tablet-landscape .page-result [data-edit-id=resultTitleBlock],body.is-tablet-landscape .page-result [data-edit-id=resultActions]{width:72%!important}body.is-tablet-landscape .result-header{margin-bottom:calc(var(--app-vh) * .7)}body.is-tablet-landscape .result-desc{margin-top:calc(var(--app-vh) * .7)}body.is-tablet-landscape .page-result .result-content{grid-template-columns:1.08fr .92fr;gap:1.8vw;align-items:start}body.is-tablet-landscape .page-result .result-image-zone{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:calc(var(--app-vh) * 61);column-gap:2.4vw;align-items:center;justify-content:stretch;transform:translateY(calc(var(--app-vh) * 1.55))}body.is-tablet-landscape .page-result .result-image-frame{grid-column:2;grid-row:1;height:calc(var(--app-vh) * 61);touch-action:pinch-zoom}body.is-tablet-landscape .page-result .result-image-controls{grid-column:1;grid-row:1;flex-direction:column;gap:7px;margin-top:0}body.is-tablet-landscape .page-result .result-tool-button{width:38px;height:32px}body.is-tablet-landscape .page-result .result-zoom-track{order:2;flex-direction:column;gap:6px;width:38px;height:130px;padding:8px 0}body.is-tablet-landscape .page-result .result-zoom-range{width:18px;height:78px;writing-mode:vertical-lr;direction:rtl}body.is-tablet-landscape .page-result .result-zoom-text{min-width:0;font-size:14px;text-align:center}body.is-tablet-landscape .result-magnifier{width:110px;height:110px}body.is-tablet-landscape .page-result .result-detail-scroll-area{height:calc(var(--app-vh) * 43)}body.is-tablet-landscape .result-detail-heading{margin-bottom:calc(var(--app-vh) * 1)}body.is-tablet-landscape .result-note{margin-top:calc(var(--app-vh) * 1)}body.is-tablet-landscape .page-result .result-credit{position:static;grid-row:3;align-self:center;margin:0;font-size:clamp(10px,1.15vw,14px)}body.is-tablet-landscape .page-result .result-detail-zone{display:grid;grid-template-rows:calc(var(--app-vh) * 43) auto auto 32px;row-gap:calc(var(--app-vh) * 1.4);min-height:0}body.is-tablet-landscape .page-result .result-share-actions{position:static;grid-row:4;margin:0}body.is-tablet-landscape .page-result [data-edit-id=resultActions]{top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:120;pointer-events:auto}body.is-tablet-landscape .page-result [data-edit-id=resultActions] button{position:relative;z-index:1;pointer-events:auto}.rank-panel .rank-help-text{font-size:calc(clamp(7px,2.7cqw,18px) + var(--ui-font-adjust-small));white-space:nowrap}.result-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;padding:24px;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0ms linear .28s}.result-loading-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease,visibility 0ms linear 0ms}.result-loading-dialog{width:min(440px,calc(100vw - 48px));padding:32px 36px 28px;border:1px solid rgba(216,175,36,.7);border-radius:14px;background:#272727f5;color:var(--gold);box-shadow:0 24px 64px #0000008f,inset 0 1px #ffffff0a;opacity:0;transform:translateY(10px);transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}.result-loading-overlay.is-error .result-loading-dialog{width:min(460px,calc(100vw - 40px));padding:30px 38px 32px}.result-loading-overlay.is-visible .result-loading-dialog{opacity:1;transform:translateY(0)}.result-loading-label{margin:0 0 18px;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(28px + var(--ui-font-adjust-small));font-weight:700;line-height:1;text-align:center}.result-loading-progress-content[hidden],.result-loading-error-content[hidden]{display:none!important}.result-loading-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#d8af2433}.result-loading-fill{width:0;height:100%;border-radius:inherit;background:var(--gold);box-shadow:0 0 12px #d8af245c;transition:width .18s ease-out}.result-loading-percent{display:block;min-height:24px;margin-top:10px;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(20px + var(--ui-font-adjust-small));line-height:1.2;text-align:center}.result-loading-error-content{display:flex;flex-direction:column;align-items:center;width:100%}.result-loading-error-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:16px;border:2px solid var(--gold);border-radius:50%;background:#d8af241a;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:38px;font-weight:700;line-height:1;box-shadow:0 0 20px #d8af241f}.result-loading-error-title{margin:0 0 10px;color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:calc(30px + var(--ui-font-adjust-small));font-weight:700;line-height:1.05;text-align:center}.result-loading-error-message{margin:0;color:#ffffffc7;font-size:calc(22px + var(--ui-font-adjust-small));line-height:1.2;text-align:center}.result-loading-error-button{display:flex;align-items:center;justify-content:center;min-width:156px;height:48px;margin:24px auto 0;padding:0 32px;border:0;border-radius:9px;background:linear-gradient(180deg,#f6e79c,#e5c84a 48%,#caa300);color:#111;font-family:THSarabunBold,sans-serif;font-size:calc(25px + var(--ui-font-adjust-small));font-weight:700;line-height:1;cursor:pointer;box-shadow:0 9px 18px #0000004d,inset 0 1px #ffffff61}.result-loading-error-button:focus-visible{outline:3px solid rgba(216,175,36,.58);outline-offset:3px}@media(max-width:600px)and (orientation:portrait){.result-loading-dialog{width:min(340px,calc(100vw - 32px));padding:26px 28px 22px}.result-loading-overlay.is-error .result-loading-dialog{width:min(350px,calc(100vw - 32px));padding:26px 24px 28px}.result-loading-label{font-size:calc(25px + var(--ui-font-adjust-small))}.result-loading-error-icon{width:48px;height:48px;margin-bottom:14px;font-size:34px}.result-loading-error-title{font-size:calc(27px + var(--ui-font-adjust-small))}.result-loading-error-message{font-size:calc(20px + var(--ui-font-adjust-small))}.result-loading-error-button{min-width:148px;height:46px;margin-top:22px;font-size:calc(24px + var(--ui-font-adjust-small))}}@media(orientation:landscape)and (min-width:900px)and (max-width:1366px){body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{top:calc(var(--app-vh) * 14.5)!important;left:50%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:calc(var(--app-vh) * 1.8)!important;width:72%!important;height:calc(var(--app-vh) * 70)!important;padding:calc(var(--app-vh) * 3.2) 4.5% calc(var(--app-vh) * 3.2)!important;transform:translate(-50%)!important;overflow:hidden!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone{grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:min(92%,calc(var(--app-vh) * 65))!important;height:min(100%,calc(var(--app-vh) * 65))!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.15)!important;transform-origin:center!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-controls,body.is-tablet-landscape .page-decoration-detail .decoration-detail-eyebrow{display:none!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{grid-column:1!important;grid-row:2!important;align-self:end!important;justify-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-body-card{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-title{margin:0 0 calc(var(--app-vh) * .8)!important;text-align:left!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-description{margin:0!important;text-align:left!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{top:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;left:50%!important;width:72%!important;transform:translate(-50%)!important}}@media(orientation:landscape)and (min-width:900px)and (max-width:1366px){body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{top:calc(var(--app-vh) * 14.5)!important;left:50%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:calc(var(--app-vh) * 1.8)!important;width:72%!important;height:calc(var(--app-vh) * 70)!important;padding:calc(var(--app-vh) * 4) 4.5% calc(var(--app-vh) * 3.2)!important;transform:translate(-50%)!important;overflow:hidden!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone{grid-column:1!important;grid-row:1!important;align-self:stretch!important;justify-self:stretch!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:min(92%,calc(var(--app-vh) * 65))!important;height:min(100%,calc(var(--app-vh) * 65))!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.15)!important;transform-origin:center!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-controls,body.is-tablet-landscape .page-decoration-detail .decoration-detail-eyebrow{display:none!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{grid-column:1!important;grid-row:2!important;align-self:end!important;justify-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-body-card{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-title{margin:0 0 calc(var(--app-vh) * .8)!important;text-align:left!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-description{margin:0!important;text-align:left!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{top:auto!important;bottom:calc(var(--app-vh) * 1.7)!important;left:14%!important;width:72%!important;transform:none!important}}@media(orientation:landscape)and (min-width:900px)and (max-width:1366px){body.is-tablet-landscape .page-decoration-detail{height:100%;overflow:hidden}body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{position:absolute;top:calc(var(--app-vh) * 14.5);left:50%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:calc(var(--app-vh) * 1.2);width:72%;height:calc(var(--app-vh) * 70);margin:0;padding:calc(var(--app-vh) * 2.2) 2.2vw calc(var(--app-vh) * 2.4);overflow:hidden;transform:translate(-50%)}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:min(68%,calc(var(--app-vh) * 55));height:min(100%,calc(var(--app-vh) * 55));max-width:100%;max-height:100%;object-fit:contain}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-controls,body.is-tablet-landscape .page-decoration-detail .decoration-detail-eyebrow{display:none}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{align-self:end;width:100%;max-height:none;margin:0;padding:0 .6vw;overflow:visible}body.is-tablet-landscape .page-decoration-detail .decoration-detail-body-card{height:auto;padding:0;overflow:visible;border:0;background:transparent}body.is-tablet-landscape .page-decoration-detail .decoration-detail-title{margin:0;font-size:calc(30px + var(--ui-font-adjust-title));line-height:1.05;text-align:left}body.is-tablet-landscape .page-decoration-detail .decoration-detail-description{margin:calc(var(--app-vh) * .8) 0 0;font-size:calc(20px + var(--ui-font-adjust-body));line-height:1.2;text-align:left}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{position:absolute;top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:50%;width:72%;margin:0;transform:translate(-50%)}}body.is-tablet-landscape .page-result .result-image-zone{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:calc(var(--app-vh) * 61);column-gap:2.4vw;align-items:center}body.is-tablet-landscape .page-result .result-image-frame{grid-column:2;grid-row:1;height:calc(var(--app-vh) * 61)}body.is-tablet-landscape .page-result .result-image-controls{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:7px;margin:0}body.is-tablet-landscape .page-result [data-zoom-in]{order:1}body.is-tablet-landscape .page-result .result-zoom-track{order:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:38px;height:130px;padding:8px 0;border-radius:999px;background:#525050eb}body.is-tablet-landscape .page-result [data-zoom-out]{order:3}body.is-tablet-landscape .page-result [data-zoom-reset]{order:4}body.is-tablet-landscape .page-result .result-touch-zoom-toggle{display:inline-flex;order:5}body.is-tablet-landscape .page-result .result-zoom-range{width:18px;height:78px;writing-mode:vertical-lr;direction:rtl;accent-color:var(--gold);background:linear-gradient(to top,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%)}body.is-tablet-landscape .page-result .result-zoom-text{min-width:0;color:var(--gold);font-size:14px;text-align:center}body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{position:absolute;top:calc(var(--app-vh) * 14.5);left:50%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:calc(var(--app-vh) * 1.2);width:72%;height:calc(var(--app-vh) * 70);margin:0;padding:calc(var(--app-vh) * 2) 2vw calc(var(--app-vh) * 2.2);overflow:hidden;transform:translate(-50%)}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:min(82%,calc(var(--app-vh) * 64));height:100%;max-height:calc(var(--app-vh) * 55);object-fit:contain}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-controls{display:none}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{align-self:end;width:100%;max-height:none;margin:0;padding:0 .6vw;overflow:visible}body.is-tablet-landscape .page-decoration-detail .decoration-detail-body-card{height:auto;padding:0;overflow:visible;border:0;background:transparent}body.is-tablet-landscape .page-decoration-detail .decoration-detail-title{font-size:calc(30px + var(--ui-font-adjust-title));line-height:1.05}body.is-tablet-landscape .page-decoration-detail .decoration-detail-description{margin-top:calc(var(--app-vh) * .8);font-size:calc(20px + var(--ui-font-adjust-body));line-height:1.2}body.is-tablet-landscape .page-decoration-detail{height:100%;overflow:hidden}body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{position:absolute;top:calc(var(--app-vh) * 14.5);left:50%;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:3vw;width:72%;height:calc(var(--app-vh) * 70);margin:0;padding:calc(var(--app-vh) * 3) 3vw;overflow:hidden;transform:translate(-50%)}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{width:100%;height:calc(var(--app-vh) * 58);min-height:0}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{align-self:center;width:100%;max-height:calc(var(--app-vh) * 58);padding:0;overflow:hidden}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{position:absolute;top:auto;bottom:max(12px,env(safe-area-inset-bottom));left:50%;width:72%;margin:0;transform:translate(-50%)}body.is-tablet-landscape .result-zoom-range,body.is-tablet-portrait .result-zoom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent}body.is-tablet-landscape .result-zoom-range::-webkit-slider-runnable-track{height:5px;border:0;border-radius:999px;background:linear-gradient(to top,var(--gold) 0 var(--zoom-progress),rgba(175,175,175,.72) var(--zoom-progress) 100%)}body.is-tablet-portrait .result-zoom-range::-webkit-slider-runnable-track{height:5px;border:0;border-radius:999px;background:linear-gradient(to right,var(--gold) 0 var(--zoom-progress),rgba(175,175,175,.72) var(--zoom-progress) 100%)}body.is-tablet-landscape .result-zoom-range::-webkit-slider-thumb,body.is-tablet-portrait .result-zoom-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5.5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--gold);box-shadow:none}body.is-tablet-landscape .result-zoom-range::-moz-range-track,body.is-tablet-portrait .result-zoom-range::-moz-range-track{height:5px;border:0;border-radius:999px;background:#afafafb8}body.is-tablet-landscape .result-zoom-range::-moz-range-progress,body.is-tablet-portrait .result-zoom-range::-moz-range-progress{height:5px;border-radius:999px;background:var(--gold)}body.is-tablet-landscape .result-zoom-text,body.is-tablet-portrait .result-zoom-text{color:var(--gold)}body.is-tablet-landscape .page-decoration-detail{overflow:hidden}body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{top:calc(var(--app-vh) * 14.5);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:3vw;width:72%;height:calc(var(--app-vh) * 70);padding:calc(var(--app-vh) * 3) 3vw}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{width:100%;height:calc(var(--app-vh) * 58)}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:88%;height:calc(var(--app-vh) * 54);max-height:100%}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{align-self:center;width:100%;padding:0}body.is-tablet-landscape .page-decoration-detail .decoration-detail-title{font-size:calc(30px + var(--ui-font-adjust-title))}body.is-tablet-landscape .page-decoration-detail .decoration-detail-description{margin-top:calc(var(--app-vh) * 1.4);font-size:calc(20px + var(--ui-font-adjust-body))}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:72%}body.is-tablet-landscape .result-zoom-range,body.is-tablet-portrait .result-zoom-range{--zoom-progress: 33.333%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;outline:0;background:linear-gradient(to right,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%)}body.is-tablet-landscape .result-zoom-range::-webkit-slider-runnable-track,body.is-tablet-portrait .result-zoom-range::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:transparent}body.is-tablet-landscape .result-zoom-range::-webkit-slider-thumb,body.is-tablet-portrait .result-zoom-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--gold);box-shadow:none}body.is-tablet-landscape .result-zoom-range::-moz-range-track,body.is-tablet-portrait .result-zoom-range::-moz-range-track{height:4px;border:0;border-radius:999px;background:transparent}body.is-tablet-landscape .result-zoom-range::-moz-range-thumb,body.is-tablet-portrait .result-zoom-range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--gold);box-shadow:none}body.is-tablet-landscape .page-result .result-zoom-range,body.is-tablet-landscape .page-decoration-detail .result-zoom-range{background:linear-gradient(to top,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%)}body.is-mobile-landscape .page-result .result-zoom-track,body.is-mobile-landscape .page-decoration-detail .result-zoom-track,body.is-tablet-landscape .page-result .result-zoom-track,body.is-tablet-landscape .page-decoration-detail .result-zoom-track{--zoom-progress: 33.333%;--zoom-thumb-position: 48.333%;position:relative;isolation:isolate}body.is-mobile-landscape .page-result .result-zoom-track:before,body.is-mobile-landscape .page-decoration-detail .result-zoom-track:before,body.is-tablet-landscape .page-result .result-zoom-track:before,body.is-tablet-landscape .page-decoration-detail .result-zoom-track:before{content:"";position:absolute;z-index:1;top:13%;bottom:29%;left:50%;width:3px;border-radius:999px;background:linear-gradient(to top,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%);transform:translate(-50%);pointer-events:none}body.is-mobile-landscape .page-result .result-zoom-track:after,body.is-mobile-landscape .page-decoration-detail .result-zoom-track:after,body.is-tablet-landscape .page-result .result-zoom-track:after,body.is-tablet-landscape .page-decoration-detail .result-zoom-track:after{content:"";position:absolute;z-index:2;bottom:var(--zoom-thumb-position);left:50%;width:10px;height:10px;border-radius:50%;background:var(--gold);transform:translate(-50%,50%);pointer-events:none}body.is-mobile-landscape .page-result .result-zoom-range,body.is-mobile-landscape .page-decoration-detail .result-zoom-range,body.is-tablet-landscape .page-result .result-zoom-range,body.is-tablet-landscape .page-decoration-detail .result-zoom-range{position:relative;z-index:3;opacity:0;cursor:pointer}body.is-mobile-landscape .page-result .result-zoom-text,body.is-mobile-landscape .page-decoration-detail .result-zoom-text,body.is-tablet-landscape .page-result .result-zoom-text,body.is-tablet-landscape .page-decoration-detail .result-zoom-text{position:relative;z-index:4}body.is-tablet-landscape .dynasty-option:not(.gender-option){flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}body.is-tablet-landscape .dynasty-option:not(.gender-option) .option-title,body.is-tablet-landscape .gender-text-wrap .option-title{margin-right:0}body.is-tablet-landscape .dynasty-option:not(.gender-option) .option-desc{width:100%}body.is-tablet-landscape .gender-text-wrap{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}@media(max-width:768px)and (orientation:portrait){body:not(.is-tablet-portrait) .page-dynasty .option-desc-trailing-title{white-space:nowrap}body:not(.is-tablet-portrait) .page-home [data-edit-id=textBox]{display:flex;flex-direction:column;justify-content:center;gap:0;padding:clamp(14px,2.2dvh,20px) clamp(14px,4vw,20px)}body:not(.is-tablet-portrait) .page-home .text-box p{margin:0;font-size:calc(clamp(12px,3.15vw,13.5px) + var(--ui-font-adjust-small));line-height:1.28;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:balance;scale:1;transform:none}}@media(max-width:1100px)and (orientation:portrait){.page-result [data-edit-id=resultActions]>.result-share-actions{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;gap:9px;width:auto!important;height:38px!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important}.page-result [data-edit-id=resultActions]>.result-share-actions .result-share-button,.page-result [data-edit-id=resultActions]>.result-share-actions .result-download-button{display:block!important;width:40px!important;height:36px!important;flex:0 0 40px;overflow:hidden;border-radius:8px;background:#fff}.page-result [data-edit-id=resultActions]>.result-share-actions .result-share-button img{width:126px;max-width:none;height:36px;object-fit:none;object-position:left center}.page-result [data-edit-id=resultActions]>.result-share-actions .result-download-button img{width:121px}.page-result [data-edit-id=resultActions]>.result-share-actions .result-share-button-label{display:none}}@media(max-width:1100px)and (orientation:portrait){.page-result [data-edit-id=resultActions]{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.page-result [data-edit-id=resultActions]>.back-button{justify-self:start}.page-result [data-edit-id=resultActions]>.restart-button{justify-self:end}.page-result [data-edit-id=resultActions]>.result-share-actions{position:static!important;inset:auto!important;justify-self:center;width:auto;height:38px;margin:0;transform:none!important}}@media(hover:none)and (pointer:coarse){html,body,.screen,.app-stage,.page{touch-action:pan-x pan-y pinch-zoom}.result-image-frame{touch-action:pinch-zoom}}@media(max-width:1100px)and (orientation:portrait){.page-result>.result-share-actions{position:absolute;right:auto;left:50%;z-index:100;display:flex;justify-content:center;gap:9px;width:auto;height:38px;margin:0;transform:translate(-50%)}.page-result [data-edit-id=resultActions]{z-index:20}.page-result [data-edit-id=resultActions] .back-button,.page-result [data-edit-id=resultActions] .restart-button{position:relative;z-index:2}}@media(min-width:769px)and (max-width:1100px)and (orientation:portrait){.page-result{height:100%;padding-bottom:max(3dvh,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.page-result [data-edit-id=resultTitleBlock]{top:5.2dvh!important;width:76%!important}.page-result .result-panel{position:relative!important;top:auto!important;left:50%!important;width:76%!important;height:auto!important;min-height:0;margin-top:15.2dvh;padding:2.2dvh 4.5vw 2.8dvh;overflow:visible}.page-result .result-content{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:1.5dvh;min-height:auto}.page-result .result-image-zone,.page-result .result-detail-zone{width:100%!important;min-width:100%;max-width:100%;flex:none;min-height:auto}.page-result .result-image-frame{height:52dvh;min-height:500px;max-height:650px}.page-result .result-detail-scroll-area{display:block;width:100%;height:auto;min-height:0;overflow:visible}.page-result .result-detail-card{display:block;width:100%;height:auto;max-height:none;margin:0;padding:.8dvh 2vw 0;border:0;border-radius:0;background:transparent;overflow:visible;scrollbar-width:none}.page-result .result-detail-card::-webkit-scrollbar{display:none}.page-result .result-note{margin-top:1.5dvh}.page-result [data-edit-id=resultActions]{position:relative!important;top:auto!important;left:50%!important;width:76%!important;margin-top:2.4dvh;margin-bottom:max(3dvh,env(safe-area-inset-bottom))}}.decoration-detail-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:1.2vh;padding:1.2vh 1.6vw 2.8vh}.decoration-detail-image-zone,.decoration-detail-image-frame{min-height:0}.decoration-detail-image{width:72%;height:53vh;max-height:100%}.decoration-detail-content{align-self:end;width:100%;max-height:none;padding:0 .6vw;overflow:visible}.decoration-detail-eyebrow{display:none}.decoration-detail-title{font-size:calc(34px + var(--ui-font-adjust-title))}.decoration-detail-description{margin-top:1vh;font-size:calc(21px + var(--ui-font-adjust-body))}@media(max-width:1100px)and (orientation:portrait){.page-decoration-detail{height:100%;padding-bottom:max(3dvh,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.decoration-detail-panel{position:relative;top:auto;left:50%;width:84%;height:auto;min-height:68dvh;margin-top:15.8dvh;padding:2.2dvh 4vw 2.8dvh;transform:translate(-50%)}.decoration-detail-image-zone{height:48dvh}.decoration-detail-image{width:86%;height:46dvh}.decoration-detail-content{padding:1.4dvh 2vw 0}.decoration-detail-title{font-size:calc(clamp(27px,5vw,38px) + var(--ui-font-adjust-title))}.decoration-detail-description{font-size:calc(clamp(18px,3.2vw,25px) + var(--ui-font-adjust-body))}.decoration-detail-actions{position:relative;top:auto;left:50%;width:84%;margin-top:2.2dvh;margin-bottom:max(3dvh,env(safe-area-inset-bottom));transform:translate(-50%)}}@media(min-width:769px)and (max-width:1100px)and (orientation:portrait){.decoration-detail-panel,.decoration-detail-actions{width:76%}.decoration-detail-image-zone{height:54dvh}.decoration-detail-image{height:52dvh}}body.is-mobile-landscape .decoration-detail-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.8cqh}body.is-mobile-landscape .decoration-detail-image-zone{display:flex;width:100%;height:51cqh;margin-top:0}body.is-mobile-landscape .decoration-detail-image-frame{height:51cqh}body.is-mobile-landscape .decoration-detail-image{width:72%;max-height:49cqh}body.is-mobile-landscape .decoration-detail-image-controls{display:none}body.is-mobile-landscape .decoration-detail-content{width:100%;margin-top:0;padding:0 1.42cqh}body.is-mobile-landscape .decoration-detail-body-card{height:auto;padding:0;overflow:visible;border:0;background:transparent}@media(max-width:600px)and (orientation:portrait){.page-result{height:100%;padding-bottom:max(3dvh,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.page-result [data-edit-id=resultTitleBlock]{top:5.8dvh!important}.page-result .result-panel{position:relative!important;top:auto!important;left:50%!important;width:84%!important;height:auto!important;min-height:0;margin-top:15.8dvh;padding:2dvh 4vw 2.4dvh;overflow:visible}.page-result .result-content{flex:none;gap:1.2dvh;min-height:auto}.page-result .result-image-zone,.page-result .result-detail-zone{flex:none;min-height:auto}.page-result .result-image-frame{height:45dvh;min-height:340px;max-height:470px}.page-result .result-image-controls{margin-top:.8dvh}.page-result .result-detail-scroll-area{display:block;width:100%;height:auto;min-height:0;overflow:visible}.page-result .result-detail-heading{margin-bottom:.8dvh}.page-result .result-detail-card{display:block;width:100%;height:auto;max-height:none;margin:0;padding:.6dvh 2vw 0;border:0;border-radius:0;background:transparent;overflow:visible;scrollbar-width:none}.page-result .result-detail-card::-webkit-scrollbar{display:none}.page-result .result-note{margin-top:1.4dvh}.page-result .result-share-actions{position:static;display:flex;justify-content:center;gap:9px;width:auto;height:38px;margin:1.8dvh auto 0;transform:none}.page-result [data-edit-id=resultActions]{position:relative!important;top:auto!important;left:50%!important;width:84%!important;margin-top:2.2dvh;margin-bottom:max(3dvh,env(safe-area-inset-bottom))}}@media(max-width:1100px)and (orientation:portrait){.page-result>.result-share-actions{position:absolute;right:auto;left:50%;margin:0;transform:translate(-50%)}}.result-zoom-track{border:0;background:#525050eb;box-shadow:none}.result-zoom-range,body.is-tablet-landscape .result-zoom-range,body.is-tablet-portrait .result-zoom-range{--zoom-progress: 33.333%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;outline:0;background:linear-gradient(to right,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%);box-shadow:none}.result-zoom-range::-webkit-slider-runnable-track,body.is-tablet-landscape .result-zoom-range::-webkit-slider-runnable-track,body.is-tablet-portrait .result-zoom-range::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:transparent;box-shadow:none}.result-zoom-range::-webkit-slider-thumb,body.is-tablet-landscape .result-zoom-range::-webkit-slider-thumb,body.is-tablet-portrait .result-zoom-range::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:var(--gold);box-shadow:none;transform:none}.result-zoom-range::-moz-range-track,body.is-tablet-landscape .result-zoom-range::-moz-range-track,body.is-tablet-portrait .result-zoom-range::-moz-range-track{height:4px;border:0;border-radius:999px;background:#bebebeb8;box-shadow:none}.result-zoom-range::-moz-range-progress,body.is-tablet-landscape .result-zoom-range::-moz-range-progress,body.is-tablet-portrait .result-zoom-range::-moz-range-progress{height:4px;border:0;border-radius:999px;background:var(--gold)}.result-zoom-range::-moz-range-thumb,body.is-tablet-landscape .result-zoom-range::-moz-range-thumb,body.is-tablet-portrait .result-zoom-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--gold);box-shadow:none;transform:none}.result-zoom-text,body.is-tablet-landscape .result-zoom-text,body.is-tablet-portrait .result-zoom-text{color:var(--gold);font-family:THSarabunBold,sans-serif;font-size:14px;line-height:1}body.is-mobile-landscape .page-result .result-zoom-range,body.is-mobile-landscape .page-decoration-detail .result-zoom-range,body.is-tablet-landscape .page-result .result-zoom-range,body.is-tablet-landscape .page-decoration-detail .result-zoom-range{background:linear-gradient(to top,var(--gold) 0 var(--zoom-progress),rgba(190,190,190,.72) var(--zoom-progress) 100%)}@media(min-width:1101px){.page-home [data-edit-id=infoPanel]{height:50.85%!important}}@media(max-width:768px)and (orientation:portrait){body:not(.is-tablet-portrait) .page-home [data-edit-id=infoPanel]{height:47.4%!important}}@media(min-width:769px)and (max-width:1100px)and (orientation:portrait){.page-home [data-edit-id=infoPanel]{height:50.85%!important}}body.is-mobile-landscape .page-home [data-edit-id=infoPanel]{height:50.85%!important}.page-home [data-edit-id=textBox]{height:23.5%!important}@media(max-width:768px)and (orientation:portrait){body:not(.is-tablet-portrait) .page-home [data-edit-id=textBox]{height:31%!important}}body.is-mobile-landscape .page-home [data-edit-id=textBox]{height:24%!important}@media(max-width:1100px)and (orientation:portrait){.page-home [data-edit-id=startButton]{width:auto!important;min-width:18vw;max-width:calc(100vw - 32px);padding-right:clamp(18px,4.5vw,36px);padding-left:clamp(18px,4.5vw,36px);white-space:nowrap}}@media(max-width:600px)and (orientation:portrait){.page-home [data-edit-id=startButton]{min-width:32vw}}@media(max-width:1100px)and (orientation:portrait){.dynasty-title{font-size:calc(clamp(32px,7.8vw,44px) + var(--ui-font-adjust-small))}.dynasty-subtitle{font-size:calc(clamp(15px,3.4vw,20px) + var(--ui-font-adjust-small))}.option-title{font-size:calc(clamp(22px,5.4vw,30px) + var(--ui-font-adjust-small))}.option-desc{font-size:calc(clamp(14px,3.4vw,18px) + var(--ui-font-adjust-small))}.rank-dropdown-button{font-size:calc(clamp(18px,4.2vw,23px) + var(--ui-font-adjust-small))}.rank-dropdown-item{font-size:calc(clamp(15px,3.55vw,19px) + var(--ui-font-adjust-small))}.rank-panel .rank-help-text{font-size:calc(clamp(7px,2.7cqw,18px) + var(--ui-font-adjust-small))}.result-name{font-size:calc(clamp(22px,5.2vw,30px) + var(--ui-font-adjust-small))}.result-desc{font-size:calc(clamp(14px,3.3vw,18px) + var(--ui-font-adjust-small))}.result-detail-heading{font-size:calc(clamp(21px,5vw,28px) + var(--ui-font-adjust-small))}.result-detail-item{font-size:calc(clamp(13px,3vw,16px) + var(--ui-font-adjust-small))}.result-note{font-size:calc(clamp(12px,2.8vw,15px) + var(--ui-font-adjust-small))}.back-button,.next-button{font-size:calc(20px + var(--ui-font-adjust-small))}.footer-text{width:98vw!important;font-size:calc(clamp(10px,1.25vw,13px) + var(--ui-footer-font-adjust))!important}}.result-zoom-text,body.is-mobile-landscape .result-zoom-text,body.is-tablet-landscape .result-zoom-text,body.is-tablet-portrait .result-zoom-text{font-size:calc(16px + var(--ui-font-adjust-small))}body.is-mobile-landscape .page-result .result-zoom-text,body.is-mobile-landscape .page-decoration-detail .result-zoom-text{width:100%;min-width:0;max-width:100%;font-size:calc(clamp(8px,1.55cqh,11px) + var(--ui-font-adjust-small))!important;line-height:1;text-align:center;white-space:nowrap}.page-decoration-detail .decoration-detail-image-zone{position:relative;overflow:hidden}.page-decoration-detail .decoration-detail-image-frame{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.page-decoration-detail .decoration-detail-image-frame.is-pannable{cursor:grab;touch-action:none}.page-decoration-detail .decoration-detail-image-frame.is-panning{cursor:grabbing}.page-decoration-detail .decoration-detail-image{pointer-events:none;will-change:transform;backface-visibility:hidden;transition:transform .16s ease}.page-decoration-detail .decoration-detail-image-frame.is-panning .decoration-detail-image{transition:none}.page-decoration-detail .decoration-detail-image-controls,body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-controls,body.is-tablet-portrait .page-decoration-detail .decoration-detail-image-controls,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-controls{position:absolute;right:clamp(8px,1.2vw,18px);bottom:clamp(8px,1.4vh,18px);z-index:40;display:flex!important;flex-direction:column;align-items:center;gap:6px;margin:0}.page-decoration-detail .decoration-detail-image-controls .result-tool-button{flex:0 0 auto;width:clamp(34px,2.1vw,40px);height:clamp(30px,1.8vw,34px)}.page-decoration-detail [data-decoration-zoom-reset]{order:1!important}.page-decoration-detail [data-decoration-zoom-in]{order:2!important}.page-decoration-detail [data-decoration-zoom-out]{order:3!important}body.is-tablet-landscape .page-decoration-detail{height:100%!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}body.is-tablet-landscape .page-decoration-detail::-webkit-scrollbar{width:0;height:0}body.is-tablet-landscape .page-decoration-detail .decoration-detail-panel{position:relative!important;top:auto!important;left:50%!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(280px,auto) auto!important;align-items:stretch!important;gap:calc(var(--app-vh) * 1.8)!important;width:min(72%,980px)!important;height:auto!important;min-height:0!important;margin-top:calc(var(--app-vh) * 14.5)!important;padding:calc(var(--app-vh) * 2.2) 2.4vw calc(var(--app-vh) * 2.6)!important;overflow:visible!important;transform:translate(-50%)!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{grid-column:1!important;grid-row:1!important;width:100%!important;height:clamp(330px,calc(var(--app-vh) * 56),600px)!important;min-height:0!important;margin:0!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-tablet-landscape .page-decoration-detail .decoration-detail-image-frame{display:flex!important;align-items:center!important;justify-content:center!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-image{width:min(82%,620px)!important;height:min(100%,calc(var(--app-vh) * 52))!important;max-height:100%!important;object-fit:contain!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-content{grid-column:1!important;grid-row:2!important;align-self:stretch!important;width:100%!important;max-height:none!important;margin:0!important;padding:calc(var(--app-vh) * 1.4) 1vw 0!important;overflow:visible!important}body.is-tablet-landscape .page-decoration-detail .decoration-detail-actions{position:relative!important;top:auto!important;bottom:auto!important;left:50%!important;width:min(72%,980px)!important;margin-top:calc(var(--app-vh) * 2)!important;margin-bottom:max(18px,env(safe-area-inset-bottom))!important;transform:translate(-50%)!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-controls{right:1.4cqh;bottom:1.4cqh;gap:.8cqh}body.is-mobile-landscape .page-decoration-detail{height:100%!important;padding-bottom:max(1.8cqh,env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}body.is-mobile-landscape .page-decoration-detail::-webkit-scrollbar{width:0;height:0}body.is-mobile-landscape .page-decoration-detail .decoration-detail-panel{position:relative!important;top:auto!important;left:50%!important;width:73.3%!important;height:auto!important;min-height:76cqh!important;margin-top:15.2cqh!important;padding-bottom:2.4cqh!important;transform:translate(-50%)!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-zone,body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-frame{width:100%!important;height:57cqh!important;min-height:0!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-frame{display:flex!important;align-items:center!important;justify-content:center!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-image{max-height:54cqh!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-content{padding-top:1.6cqh!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-actions{position:relative!important;top:auto!important;bottom:auto!important;left:50%!important;width:73.3%!important;margin-top:1.8cqh!important;margin-bottom:max(1.8cqh,env(safe-area-inset-bottom))!important;transform:translate(-50%)!important}body.is-mobile-landscape[data-font-size=large] .page-decoration-detail .decoration-detail-panel,body.is-mobile-landscape[data-font-size=large] .page-decoration-detail .decoration-detail-actions{width:86%!important}body.is-mobile-landscape .page-decoration-detail .decoration-detail-image-controls .result-tool-button{width:6.8cqh;height:6cqh}@media(max-width:1100px)and (orientation:portrait){.page-decoration-detail .decoration-detail-image-controls{right:clamp(8px,2vw,16px);bottom:clamp(8px,1.4dvh,16px);gap:clamp(5px,.8dvh,8px)}.page-decoration-detail .decoration-detail-image-controls .result-tool-button{width:clamp(34px,5.2vw,42px);height:clamp(30px,4.7vw,36px)}}@media(max-width:1100px)and (orientation:portrait){.page-result .result-image-controls{width:100%;max-width:100%;min-width:0;gap:clamp(3px,1vw,6px);padding:0}.page-result .result-tool-button{width:clamp(26px,9vw,38px);height:clamp(24px,7.8vw,32px);min-width:0;flex:0 1 38px}.page-result .result-zoom-track{width:clamp(76px,40vw,154px);max-width:154px;min-width:0;height:clamp(24px,7.8vw,30px);padding-right:clamp(3px,1vw,6px);padding-left:clamp(3px,1vw,6px);gap:clamp(3px,1vw,6px);flex:1 1 154px;overflow:hidden}.page-result .result-zoom-range{width:auto;min-width:18px;flex:1 1 auto}.page-result .result-zoom-text{min-width:clamp(28px,9vw,42px);flex:0 1 auto;font-size:clamp(12px,4vw,16px)!important;white-space:nowrap}}@media(max-width:1100px)and (orientation:portrait){.page-result .result-credit{position:static!important;inset:auto!important;width:100%;margin:clamp(6px,1dvh,10px) 0 0;font-size:clamp(9px,2.35vw,14px);text-align:center;white-space:nowrap}}body.is-mobile-landscape .page-result .result-credit{position:static!important;inset:auto!important;width:100%;margin:.7cqh 0 0;font-size:clamp(8px,2.25cqh,10px);text-align:center;white-space:nowrap}.page.page-person-type .dynasty-option,.page.page-outfit button.dynasty-option{align-items:center;justify-content:center;text-align:center}.page.page-person-type .dynasty-option .option-title,.page.page-person-type .dynasty-option .option-desc,.page.page-outfit .dynasty-option .option-title{margin-right:0;text-align:center}.page.page-person-type .gender-text-wrap{align-items:center;justify-content:center;text-align:center}