body{background:radial-gradient(120% 70% at 50% 0%,#1b2a66,#0a1030 45%,#050817) fixed}.page{width:min(100%,720px);margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom));display:grid;gap:16px}.page.center{min-height:100dvh;place-items:center}h1{font-size:clamp(26px,7vw,40px);margin:0;line-height:1.3;color:var(--gold2);text-shadow:0 0 24px rgba(255,190,90,.35)}h2{margin:0;font-size:20px}.hero{display:grid;justify-items:center;text-align:center;gap:14px;padding:36px 0 12px;position:relative}.moon{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffbe8,#f1dfa6 60%,#c9b170);box-shadow:0 0 60px #ffecaa73}.mine{display:flex;gap:12px;align-items:center;width:100%;text-align:left}.mine img{width:64px;height:64px;object-fit:contain;flex:none}.wish-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.stepper{display:flex;gap:6px}.stepper span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.stepper span.on{background:var(--gold);color:#2a1600;font-weight:700;border:0}.stepper span.done{background:#3ccf9140;color:#9ff0c9}.step-title{margin:0}.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 480px){.tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 680px){.tgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tcard{display:grid;gap:6px;justify-items:center;padding:10px;border-radius:16px;background:linear-gradient(180deg,#18224d,#0f1636);border:1px solid var(--line);min-height:44px}.tcard img{width:100%;aspect-ratio:1;object-fit:contain}.tcard.on{outline:2px solid var(--gold)}.tcard.free .free-ico{width:100%;aspect-ratio:1;display:grid;place-items:center;font-size:56px;color:var(--gold2);border:2px dashed var(--line);border-radius:12px}.editor{display:grid;gap:12px}.stage-box{position:relative;display:grid;justify-items:center}.kstage{position:relative;width:min(100%,62dvh);aspect-ratio:1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 70%,#2a3d80,#0b1236 75%);border:1px solid var(--line);touch-action:none}.kstage.brush,.kstage.eraser{cursor:crosshair}.kstage.move{cursor:grab}.kzoom{position:absolute;inset:0;transform-origin:50% 50%}.ksvg,.ksvg svg{position:absolute;inset:0;width:100%;height:100%;display:block}.kcanvas{position:absolute;inset:0;width:100%;height:100%}.zoom-btns{position:absolute;right:8px;bottom:8px;display:grid;gap:6px}.tools,.regions{display:flex;gap:8px;flex-wrap:wrap}.regions .sw{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.5);display:inline-block}.palette{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.25);padding:0;position:relative}.swatch.on{outline:3px solid var(--gold);outline-offset:2px}.swatch.custom{overflow:hidden;display:inline-block;background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.swatch.custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.hex{width:110px;min-height:40px}.counter{justify-self:end;font-size:13px;color:var(--muted)}.counter.over{color:var(--bad);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:6px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:left}.chip.on{border-color:var(--gold);background:#f2c35b26}.check{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:10px}.check input{width:22px;height:22px;flex:none}.consent{background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:12px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,#050817fa 70%,#05081700);z-index:5}.bottom-bar .btn{max-width:688px;margin:0 auto;display:flex}.preview-river{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4 / 3;background:linear-gradient(180deg,#050a24,#1d2f66 48%,#0b1a40 49%,#020818);display:grid;place-items:end center;padding-bottom:6%}.preview-river .pkrathong{width:46%;filter:drop-shadow(0 0 18px rgba(255,190,90,.35))}.preview-river .pcard{position:absolute;top:8%;left:50%;transform:translate(-50%);width:86%;padding:10px 14px;border-radius:12px;background:#080c24c7;border:1px solid rgba(255,214,140,.45);font-size:17px;line-height:1.55;text-align:center}.status-card{display:grid;justify-items:center;gap:12px;text-align:center}.status-img{width:min(70vw,300px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,190,90,.3))}.status-text{font-size:18px;font-weight:600}.wish{margin:0;padding:12px 16px;border-left:3px solid var(--gold);background:#ffffff0a;border-radius:8px;text-align:left;width:100%;white-space:pre-wrap;line-height:1.6}.wish footer{color:var(--muted);font-size:14px;margin-top:6px}