.avatar-maker{color:#fff;background:#1a1a1a;max-width:480px;height:calc(100dvh - 65px);margin:0 auto;font-family:Inter,sans-serif;position:relative}.avatar-maker-content{height:50%;min-height:300px}.avatar-preview{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex;position:relative}.save-avatar-btn{color:#fff;cursor:pointer;z-index:10;background:#314cff;border:none;border-radius:50%;width:3rem;height:3rem;padding:9px;transition:transform .15s;position:absolute;top:6%;right:6%}.save-avatar-btn:hover{transform:scale(1.05)}.save-avatar-btn:active{transform:scale(.97)}.avatar-circle{background:#314cff;border-radius:50%;justify-content:center;align-items:flex-end;width:270px;height:270px;display:flex;position:absolute}.avatar-person{z-index:2;justify-content:center;width:90%;height:90%;display:flex;position:relative;top:1%}.avatar-body{z-index:2;width:62%;position:absolute}.avatar-hair,.avatar-hair-front,.avatar-hair-back,.avatar-hair-side,.avatar-hair-extra{position:absolute}.avatar-hair-front{z-index:6;width:46%;top:2%;left:25.5%}.avatar-hair-back{z-index:1;width:54%;top:2%;left:22.2%}.avatar-hair-side{z-index:5;width:38%;top:16%;left:30.3%}.avatar-hair-extra{z-index:3;width:70%;top:-5.2%;left:14%}.avatar-face{z-index:3;width:15%;position:absolute;top:28%}.avatar-eyes,.avatar-mouth,.avatar-eyebrows,.avatar-frk{z-index:4;position:absolute}.avatar-eyes{width:15%;top:28%;left:41.8%}.avatar-eyebrows{width:15%;top:24%}.avatar-frk{width:16%;top:31%;left:41.5%}.avatar-mouth{width:10%;top:35%}.avatar-cheek{z-index:3;width:27%;position:absolute;top:29%;left:36%}.avatar-beard{z-index:5;width:45%;position:absolute;top:33%;left:27%}.avatar-shirt{z-index:2;width:75%;position:absolute;top:51%;left:11%}.avatar-eyeg{z-index:4;width:36%;position:absolute;top:22%;left:31.5%}.avatar-ear{z-index:3;width:43%;position:absolute;top:25%;left:26.5%}.avatar-hat{z-index:6;width:56%;position:absolute;top:0%;left:20.7%}.avatar-nkl{z-index:2;width:33.7%;position:absolute;top:44.3%;left:32.6%}.avatar-oth{z-index:3;width:91%;position:absolute;top:39%;left:4%}.avatar-accessory{z-index:4;font-size:1.8rem;line-height:1;position:absolute;top:10%;right:22%}.color-palette{z-index:10;background:#0000004d;border-radius:20px;flex-direction:column;gap:6px;padding:8px 4px;display:flex;position:absolute;top:30%;left:12px;transform:translateY(-50%)}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,border-color .15s;position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.color-swatch:before{content:"";background:inherit;border-radius:50%;position:absolute;inset:3px}.bottom-panel{flex-direction:column;flex-shrink:0;height:50%;display:flex}.category-tabs{justify-content:center;display:flex}.category-tab{cursor:pointer;border:none;border-bottom:2px solid #0000;width:20%;padding:10px;transition:color .2s,border-color .2s}.category-tab.active{color:#fff;border-bottom-color:#4a9eff}.category-tab:hover{color:#ccc}.subcategory-row{scrollbar-width:none;background:#0f0f0f;flex-shrink:0;gap:13px;padding:12px 0 0 10px;display:flex;overflow-x:auto}.subcategory-row::-webkit-scrollbar{display:none}.subcategory-btn{cursor:pointer;border-bottom:3px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding-bottom:11px;transition:border-color .15s,background .15s;display:flex}.subcategory-btn.active{border-color:#314cff}.item-grid{scrollbar-width:thin;scrollbar-color:#444 transparent;flex-flow:wrap;align-content:start;gap:8px;min-height:100px;padding:12px;display:flex;overflow-y:auto}.item-cell{cursor:pointer;border:3px solid #6b6b6b;border-radius:25px;justify-content:center;align-items:center;width:80px;height:80px;padding:10px;transition:border-color .15s,background .15s,transform .1s;display:flex;overflow:hidden}.item-cell:hover{transform:scale(1.03)}.item-cell.active{border-color:#314cff}.brush-icon-row{transform-origin:bottom;background-color:#0f0f0f;border:3px solid #314cfe;border-radius:30px;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;display:flex;position:absolute;right:4%;transform:translateY(-111%)}.brush-icon{width:2rem;height:2rem}.brush-color-dot{cursor:pointer;border:2px solid #ffffff59;border-radius:50%;width:32px;height:32px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 2px 6px #0000004d}.brush-color-dot:hover{transform:scale(1.1)}.brush-color-dot:active{transform:scale(.95)}.brush-color-dot.active-target{border-color:#fff;box-shadow:0 0 0 3px #fff6,0 2px 6px #0000004d}.brush-color-dot.disabled{opacity:.3;cursor:not-allowed}.color-picker-panel{background:#222;border-bottom:1px solid #333;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.picker-toolbar{align-items:center;gap:10px;display:flex}.picker-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:transform .15s,opacity .15s;display:flex}.picker-action-btn:hover{transform:scale(1.1)}.picker-action-btn:active{transform:scale(.95)}.picker-action-btn.cancel{color:#fff;background:#666}.picker-action-btn.confirm{color:#fff;background:#4a9eff}.picker-body{align-items:stretch;gap:10px;display:flex}.sv-panel{aspect-ratio:4/3;cursor:crosshair;touch-action:none;border-radius:8px;flex:1;position:relative;overflow:hidden}.sv-white{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-thumb{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 2px 6px #0000004d}.eyedropper-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex}.eyedropper-btn:hover{transform:scale(1.1)}.eyedropper-btn:active{transform:scale(.95)}.eyedropper-overlay{z-index:50;cursor:crosshair;position:absolute;inset:0}.eyedropper-cursor{pointer-events:none;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:fixed;box-shadow:0 0 0 1px #0000004d,0 4px 12px #0000004d}.hue-bar{cursor:pointer;touch-action:none;background:linear-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border-radius:10px;flex-shrink:0;width:20px;position:relative}.hue-thumb{pointer-events:none;background:0 0;border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 6px #00000040}@media (min-width:768px){.avatar-maker{flex-direction:row;max-width:100%;height:calc(100dvh - 65px);display:flex}.bottom-panel{border-right:1px solid #333;flex-shrink:0;order:1;width:35%;height:100%}.avatar-maker-content{height:100%;min-height:unset;flex:1;order:2}.avatar-preview{justify-content:flex-start;padding-top:20px}.avatar-circle{width:39vw;height:39vw}.category-tabs{justify-content:flex-start;padding:1vw 1vw 0}.category-tab{width:auto;padding:1vw .6vw}.subcategory-btn{width:4vw;height:4vw}.subcategory-btn.active{border-bottom:5px solid #314cff}.item-grid{gap:1vw;padding:1vw}.item-cell{border:.3vw solid #6b6b6b;border-radius:2vw;width:6.7vw;height:6.7vw}.brush-icon-row{top:6vw;left:36%;right:unset;bottom:unset;border-radius:3vw;gap:1vw;padding:1vw;position:absolute;transform:translateY(-30%)}.brush-icon,.brush-color-dot{width:3vw;height:3vw;display:flex}.save-avatar-btn{width:7vw;height:7vw;padding:1.2vw;top:3vw;right:3vw}.color-picker-panel{padding:10px 12px}}.avatar-maker.result-mode{background:#1f1f1f;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.avatar-maker.result-mode .avatar-maker-content{height:auto;min-height:unset;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.avatar-maker.result-mode .avatar-preview{flex:unset;height:auto;margin:20px 0}.avatar-maker.result-mode .avatar-circle{width:250px;height:250px;position:relative}.result-header{text-align:center;justify-content:center;align-items:center;width:80%;max-width:300px;display:flex}.result-banner-img{object-fit:contain;width:100%;height:auto}.result-actions-panel{flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 20px;display:flex}.result-title{color:#fff;text-align:center;margin:10px 0 20px;font-size:1.5rem;font-weight:600}.result-action-btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;width:70%;max-width:320px;padding:14px 20px;font-family:inherit;font-size:1.1rem;font-weight:500;transition:transform .15s,opacity .15s;display:flex}.result-action-btn:hover{transform:scale(1.02)}.result-action-btn:active{transform:scale(.98)}.result-action-btn svg{margin-left:8px}.result-action-btn.primary,.result-action-btn.secondary{color:#fff;background:#314cff}@media (min-width:768px){.avatar-maker.result-mode{flex-direction:column;justify-content:center;padding-top:0}.avatar-maker.result-mode .avatar-maker-content{order:unset;flex:unset}.avatar-maker.result-mode .result-actions-panel{order:unset;max-width:400px;margin:0 auto}.avatar-maker.result-mode .avatar-circle{width:300px;height:300px}}.confirm-modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.confirm-modal{text-align:center;background:#1e1e1e;border-radius:30px;flex-direction:column;gap:25px;width:85%;max-width:360px;padding:30px 40px;display:flex;box-shadow:0 10px 40px #000c}.confirm-modal p{color:#fff;margin:0;font-size:1.3rem;font-weight:500}.confirm-modal-actions{justify-content:center;gap:15px;display:flex}.confirm-modal-actions .btn-cancel,.confirm-modal-actions .btn-confirm{cursor:pointer;border:none;border-radius:30px;flex:1;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:500;transition:transform .15s,opacity .15s,background .15s}.confirm-modal-actions .btn-cancel{color:#fff;background:#666}.confirm-modal-actions .btn-confirm{color:#fff;background:#314cff}.confirm-modal-actions .btn-cancel:hover{background:#777;transform:scale(1.02)}.confirm-modal-actions .btn-confirm:hover{background:#4a9eff;transform:scale(1.02)}.confirm-modal-actions .btn-cancel:active,.confirm-modal-actions .btn-confirm:active{transform:scale(.98)}.credit-icon{align-items:center;gap:.6rem;margin-top:.1rem;display:flex}.songkran-landing{color:#fff;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:calc(100dvh - 65px);margin:0 auto;padding:0 30px 0 20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.landing-title-area{justify-content:center;align-items:center;width:65%;max-width:300px;display:flex}.landing-title-img{object-fit:contain;filter:drop-shadow(0 4px 15px #314cff26);width:100%;height:auto}.landing-avatar-area{justify-content:center;align-items:center;display:flex}.landing-character-img{object-fit:contain;z-index:2;justify-content:center;width:25rem;height:25rem;display:flex;position:relative}.landing-greeting{color:#fff;text-align:center;margin:0;font-size:1.3rem;font-weight:600}.landing-start-btn{color:#fff;cursor:pointer;background:#314cff;border:none;border-radius:30px;margin-top:1rem;padding:14px 50px;font-family:inherit;font-size:1.15rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #314cff66}.landing-start-btn:hover{transform:scale(1.04);box-shadow:0 6px 28px #314cff8c}.landing-start-btn:active{transform:scale(.97)}.terms-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.terms-modal{background:#2a2a2a;border-radius:20px;flex-direction:column;gap:14px;width:85%;max-width:280px;padding:28px 40px 24px;animation:.3s slideUp;display:flex;box-shadow:0 12px 48px #000000b3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.terms-title{color:#fff;text-align:center;margin:0;font-size:1.2rem;font-weight:700}.terms-content{flex-direction:column;gap:6px;display:flex}.terms-subtitle{color:#ccc;text-align:left;margin:0;font-size:.95rem}.terms-list{flex-direction:column;gap:6px;margin:4px 0;padding-left:20px;list-style:outside;display:flex}.terms-list li{color:#bbb;font-size:.88rem;line-height:1.4}.terms-warning{color:#ff6b6b;text-align:left;margin:0;font-size:.88rem;font-weight:600}.terms-accept-btn{color:#fff;cursor:pointer;background:#314cff;border:none;border-radius:30px;align-self:center;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,background .15s}.terms-accept-btn:hover{background:#4a62ff;transform:scale(1.03)}.terms-accept-btn:active{transform:scale(.97)}@media (min-width:768px){.songkran-landing{max-width:100%;min-height:calc(100dvh - 65px)}.landing-avatar-circle{width:320px;height:320px}.landing-title-area{max-width:380px}}