@font-face{font-family:Maplestory;src:url(https://media.playpark.net/pp/archipelago/assets/asset-01.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Maplestory;src:url(https://media.playpark.net/pp/archipelago/assets/asset-02.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--cream-1:#fbf1e8;--cream-2:#f6ede0;--cream-3:#ecefdc;--cream-4:#f1f4e7;--card:#fffdfa;--card-2:#fdf6ec;--ink:#3a3024;--ink-soft:#6b5f4d;--muted:#a2957f;--edge:#efe4d2;--edge-2:#e4d6c0;--coral:#ef6f4c;--coral-deep:#d4542f;--coral-soft:#fde8e0;--pink:#f7a9bd;--pink-soft:#fdeef2;--sun:#f9e3a2;--sun-deep:#e0c477;--sun-soft:#fdf8ea;--sun-ink:#6b5211;--sky:#8fb8dd;--sea-deep:#0369a1;--sea-night:#082f49;--danger:#c2463a;--danger-soft:#fdeceb;--ok:#4f9a6a;--bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--display:'Maplestory','Baloo 2','Trebuchet MS',system-ui,sans-serif;--body:'Maplestory','M PLUS Rounded 1c','Segoe UI',system-ui,sans-serif;--pp-orange:#ff7a00;--pp-orange-hi:#ff9e2c;--pp-navy:#1c1e51}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--cream-2);overflow-x:hidden}body{background:linear-gradient(135deg,var(--cream-1) 0,var(--cream-2) 35%,var(--cream-3) 70%,var(--cream-4) 100%);background-attachment:fixed;color:var(--ink);font:16px/1.6 var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.15;text-wrap:balance}img{max-width:100%}button{font-family:inherit}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pp-top{position:fixed;top:0;left:0;right:0;z-index:50;padding:10px 12px;zoom:calc(1 / var(--pz,1))}body{padding-top:74px}.pp-bar{max-width:1600px;margin:0 auto;background:#fff;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px 10px 20px;box-shadow:0 4px 12px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.15)}.pp-logo{display:flex;align-items:center;color:var(--pp-navy)}.pp-logo svg{height:24px;width:auto;display:block}.pp-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pp-sns{display:flex;align-items:center;gap:2px}.pp-sns a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#111827;transition:background .15s ease,color .15s ease}.pp-sns a:hover{background:rgba(28,30,81,.08);color:var(--pp-navy)}.pp-sns a:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.pp-sns svg{width:20px;height:20px}.pp-register{color:#111827;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:10px;transition:background .15s ease}.pp-register:hover{background:rgba(28,30,81,.08)}.pp-register:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.pp-play{display:flex;align-items:center;gap:8px;text-decoration:none;background:linear-gradient(180deg,var(--pp-orange-hi),var(--pp-orange));color:#fff;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:10px 20px;border-radius:999px;box-shadow:0 2px 8px rgba(255,122,0,.4);transition:transform .15s ease,box-shadow .15s ease}.pp-play:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,122,0,.5)}.pp-play:active{transform:scale(.98)}.pp-play:focus-visible{outline:2px solid var(--pp-navy);outline-offset:2px}.pp-play img{width:22px;height:22px;display:block}.deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.deco i{position:absolute;display:block;border-radius:50%;filter:blur(52px);opacity:.42}.deco .d1{width:420px;height:420px;left:-140px;top:60px;background:var(--pink)}.deco .d2{width:360px;height:360px;right:-120px;top:300px;background:var(--coral)}.deco .d3{width:520px;height:520px;left:38%;top:-240px;background:var(--sky)}.wrap{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:14px 24px 72px}.hero{text-align:center;padding:10px 16px 12px}.hero-mark{display:block;width:240px;height:auto;margin:0 auto;filter:drop-shadow(0 8px 16px rgba(90, 66, 40, .22))}.hero .eyebrow{font-family:Caveat,cursive;font-size:40px;line-height:1;color:var(--coral-deep);margin-bottom:2px}.hero h1{font-size:clamp(30px, 4.3vw, 46px);color:var(--ink)}.hero p{color:var(--ink-soft);font-size:16.5px;max-width:58ch;margin:9px auto 0}.badges{display:flex;justify-content:center;gap:7px;margin-top:14px;flex-wrap:wrap}.badges span{background:var(--card);border:2px solid var(--edge);border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:500;color:var(--ink-soft)}.intro{position:relative;text-align:center;padding:34px 16px 60px;animation:rise .5s var(--bounce) both}.intro>:not(.intro-card){position:relative;z-index:1}.intro-card{position:absolute;top:212px;width:412px;height:auto;z-index:0;border:9px solid #fffdf8;border-radius:9px;box-shadow:0 22px 40px rgba(38,70,96,.22);pointer-events:none;user-select:none;animation:dealIn .8s var(--bounce) both}.intro-card.left{left:-110px;transform:rotate(-7.5deg)}.intro-card.right{right:-110px;transform:rotate(6.5deg);animation-delay:.1s}@keyframes dealIn{from{opacity:0;transform:translateY(26px) rotate(0) scale(.94)}}.intro-logo{display:block;width:min(560px,86vw);height:auto;margin:0 auto 6px;filter:drop-shadow(0 14px 26px rgba(90, 66, 40, .28));animation:pop .7s var(--bounce) both}@keyframes pop{from{opacity:0;transform:scale(.86) translateY(16px)}to{opacity:1;transform:none}}.intro h1{font-size:clamp(30px, 5.6vw, 52px);color:var(--coral-deep);margin-top:2px;letter-spacing:-.01em}.intro .kicker{font-family:Caveat,cursive;font-size:clamp(26px, 3.6vw, 38px);line-height:1;color:var(--ink-soft);margin-bottom:-2px}.intro p{color:var(--ink-soft);font-size:16.5px;max-width:52ch;margin:12px auto 0}.intro .badges{margin-top:18px}.btn-start{margin-top:26px;cursor:pointer;border:none;font-family:var(--display);font-weight:800;font-size:clamp(19px, 2.6vw, 23px);color:#fff;background:var(--coral);border-radius:18px;padding:17px 44px;box-shadow:0 6px 0 var(--coral-deep);transition:filter .15s,transform .16s var(--bounce),box-shadow .12s;animation:bob 3s ease-in-out 1s infinite}.btn-start:hover{filter:brightness(1.06)}.btn-start:active{transform:translateY(6px);box-shadow:0 0 0 var(--coral-deep);animation:none}.btn-start:focus-visible{outline:3px solid var(--sky);outline-offset:4px}@keyframes bob{0%,100%,88%{transform:none}93%{transform:translateY(-5px)}96%{transform:translateY(0)}}.intro-note{margin-top:16px;font-size:12.5px;color:var(--muted)}.studio{margin-top:22px}.shell{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:22px;align-items:start}.card{background:var(--card);border:2px solid var(--edge);border-radius:20px;padding:18px 18px 20px;box-shadow:0 2px 0 var(--edge-2),0 14px 30px -20px rgba(122,92,60,.55)}.stage-wrap{position:sticky;top:92px}.stage{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#f7f1e6 0 10px,#f3ebdd 10px 20px);border-radius:14px;padding:14px;min-height:240px}.stage canvas{display:block;max-width:100%;height:auto;border-radius:6px;box-shadow:0 10px 26px -10px rgba(90,66,40,.5);transition:transform .3s var(--bounce)}.canvas-wrap{position:relative;display:inline-block;max-width:100%;line-height:0}.draghint{position:absolute;border:2.5px dashed rgba(239,111,76,.95);border-radius:12px;pointer-events:none;box-shadow:0 0 0 2px rgba(255,255,255,.55) inset;animation:hintPulse 1.9s ease-in-out infinite}.draghint-pill{position:absolute;left:50%;top:0;transform:translate(-50%,-125%);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:var(--coral);color:#fff;border-radius:999px;padding:5px 11px;font:700 12.5px/1 var(--body);letter-spacing:.02em;box-shadow:0 3px 10px rgba(90,66,40,.35)}.draghint.below .draghint-pill{top:100%;transform:translate(-50%,25%)}@keyframes hintPulse{0%,100%{opacity:.95}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.draghint{animation:none}}.stage.pop canvas{animation:popin .42s var(--bounce)}@keyframes popin{0%{transform:scale(.965)}55%{transform:scale(1.012)}100%{transform:scale(1)}}.stage-note{margin-top:10px;text-align:center;font-size:12.5px;color:var(--muted);font-weight:500}.stage-note b{color:var(--ink-soft);font-weight:700}.steps{display:flex;align-items:center;gap:8px;margin-bottom:14px}.stepdot{display:flex;align-items:center;gap:7px;font:700 12px/1 var(--body);color:var(--muted);transition:color .25s}.stepdot b{width:22px;height:22px;border-radius:50%;background:var(--edge-2);color:#fff;display:flex;align-items:center;justify-content:center;font:700 11px/1 var(--display);transition:background .25s,transform .25s}.stepdot.now{color:var(--coral-deep)}.stepdot.now b{background:var(--coral);transform:scale(1.12)}.stepdot.done{color:var(--ok)}.stepdot.done b{background:var(--ok)}.stepsep{flex:1;height:2px;background:var(--edge-2);border-radius:2px}.qhead h2{font-size:23px;color:var(--ink)}.qhead p{margin-top:3px;font-size:14px;color:var(--muted)}.qbody{margin-top:15px;animation:rise .34s var(--bounce) both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{position:relative;cursor:pointer;text-align:left;padding:0;overflow:hidden;background:var(--card-2);border:2.5px solid var(--edge);border-radius:15px;box-shadow:0 3px 0 var(--edge-2);transition:transform .16s var(--bounce),box-shadow .12s,border-color .15s;animation:pop-in .42s var(--bounce) both}.tile:nth-child(2){animation-delay:50ms}.tile:nth-child(3){animation-delay:.1s}.tile:nth-child(4){animation-delay:.15s}.tile:nth-child(5){animation-delay:.2s}.tile:nth-child(6){animation-delay:.25s}@keyframes pop-in{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}.tile img{display:block;width:100%;height:78px;object-fit:cover;background:#e9f3fb}.tile.npc img{height:86px;object-fit:contain;padding:0;background:var(--card)}.tile.npc span{padding:5px 8px}.tile img.mir{transform:scaleX(-1)}.tiles.look{grid-template-columns:repeat(3,1fr)}.tile.look img{height:96px;object-fit:contain;padding:2px;background:var(--card)}.tile.look span{text-align:center}.tile.look img.pending{opacity:.28;background:var(--card-2)}.tile span{display:block;padding:7px 9px;font:700 13px/1.2 var(--body);color:var(--ink-soft)}.tile:hover{transform:scale(1.03);border-color:var(--coral)}.tile:active{transform:scale(.97) translateY(3px);box-shadow:0 0 0 var(--edge-2)}.tile:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.tile.on{border-color:var(--coral);box-shadow:0 3px 0 var(--coral-deep)}.tile.on span{color:var(--coral-deep)}.tile .tick{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--coral);color:#fff;font:700 13px/22px var(--display);text-align:center;opacity:0;transform:scale(.4);transition:all .22s var(--bounce)}.tile.on .tick{opacity:1;transform:none}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{cursor:pointer;font:600 14px/1 var(--body);color:var(--ink-soft);background:var(--card-2);border:2px solid var(--edge);border-radius:999px;padding:9px 14px;box-shadow:0 2px 0 var(--edge-2);transition:transform .16s var(--bounce),box-shadow .12s,background .15s,border-color .15s,color .15s}.chip:hover{background:var(--coral-soft);border-color:var(--coral);color:var(--coral-deep)}.chip:active{transform:translateY(2px);box-shadow:0 0 0 var(--edge-2)}.chip.on{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 2px 0 var(--coral-deep)}.chip:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.chips.optout{justify-content:center;margin-top:14px}.chips.optout .chip{background:var(--sun-soft);border-color:var(--sun);color:var(--sun-ink);box-shadow:0 2px 0 var(--sun-deep)}.chips.optout .chip:hover{background:#fcf0cf;border-color:var(--sun-deep);color:var(--sun-ink)}.chips.optout .chip.on{background:var(--sun);border-color:var(--sun-deep);color:#5a4208;box-shadow:0 2px 0 var(--sun-deep)}.chips.optout .chip:active{transform:translateY(2px);box-shadow:0 0 0 var(--sun-deep)}.lbl{display:block;font:700 12.5px/1 var(--body);color:var(--muted);margin-bottom:6px;letter-spacing:.02em}.row{display:flex;gap:9px}input[type=text],textarea{width:100%;font:600 15px/1.45 var(--body);color:var(--ink);background:var(--card);border:2px solid var(--edge);border-radius:13px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,textarea:focus{outline:0;border-color:var(--coral);box-shadow:0 0 0 3px rgba(239,111,76,.16)}textarea{resize:vertical;min-height:80px;font-family:Caveat,cursive;font-size:25px;line-height:1.3}.counter{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:10px}.counter .n{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.counter .n.full{color:var(--coral-deep);font-weight:700}.note-sm{font-size:12.5px;color:var(--muted);margin-top:8px}.warn{display:none;margin-top:9px;font-size:13.5px;font-weight:600;color:var(--danger);background:var(--danger-soft);border:2px solid #f3c9c4;border-radius:11px;padding:8px 11px}.warn.on{display:block}.sizerow{display:flex;align-items:center;gap:10px;margin-top:8px}.sizerow input[type=range]{flex:1;accent-color:var(--coral);height:22px}.sizerow .n{min-width:44px;text-align:right;font-size:12.5px;color:var(--muted);font-weight:700}.sizerow .chip{padding:6px 12px;font-size:12.5px}.hintline{margin-top:7px;font-size:12.5px;color:var(--ink-soft);font-weight:500}.hintline b{color:var(--coral-deep);font-weight:700}#postcardCanvas.draggable{touch-action:none}#postcardCanvas.grab{cursor:grab}#postcardCanvas.grabbing{cursor:grabbing}.charbox{display:flex;align-items:center;gap:11px;margin-top:11px;background:var(--card-2);border-radius:14px;padding:9px 11px}.charbox img{width:46px;height:56px;object-fit:contain;flex:none;image-rendering:auto}.charbox .t{font-size:13px;color:var(--ink-soft);font-weight:500;line-height:1.35}.linkbtn{display:inline;background:0 0;border:none;padding:0;margin:0;cursor:pointer;font:inherit;font-weight:700;color:var(--coral-deep);text-decoration:underline;text-underline-offset:2px}.linkbtn:hover{color:var(--coral)}.linkbtn:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}.charbox.ok .t{color:var(--ok)}.charbox.err .t{color:var(--danger)}.charbox.busy .t{color:var(--muted)}.spin{display:inline-block;width:12px;height:12px;border:2px solid var(--edge-2);border-top-color:var(--coral);border-radius:50%;animation:spin .6s linear infinite;vertical-align:-1px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.btn{cursor:pointer;font:800 16px/1 var(--display);color:#fff;background:var(--coral);border:2px solid var(--coral);border-radius:15px;padding:14px 18px;box-shadow:0 4px 0 var(--coral-deep);transition:transform .16s var(--bounce),box-shadow .12s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--coral-deep)}.btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{background:var(--card);color:var(--ink-soft);border-color:var(--edge);box-shadow:0 4px 0 var(--edge-2)}.btn.ghost:active:not(:disabled){box-shadow:0 0 0 var(--edge-2)}.btn.sm{font-size:14px;padding:11px 15px;border-radius:13px}.nav{display:flex;gap:9px;margin-top:17px}.nav .btn{flex:1}.btn-start,.nav .btn{text-transform:uppercase;letter-spacing:.045em}.navnote{margin-top:9px;font-size:12.5px;color:var(--muted);text-align:center;min-height:1.2em}.result{display:none;margin-top:22px}.result.on{display:block}.result-inner{text-align:center;max-width:820px;margin:0 auto}.result h2{font-size:26px;color:var(--coral-deep);margin-bottom:4px}.result .sub{font-size:14px;color:var(--muted);margin-bottom:16px}.result img{width:100%;height:auto;display:block;margin:0 auto 18px;border-radius:10px;box-shadow:0 18px 44px -18px rgba(90,66,40,.72);animation:stampin .55s var(--bounce) both}@keyframes stampin{0%{opacity:0;transform:scale(1.14) rotate(-2.5deg)}60%{opacity:1;transform:scale(.985) rotate(.6deg)}100%{opacity:1;transform:none}}.acts{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.acts .btn{flex:1 1 170px;max-width:260px}.tags{font-size:14px;font-weight:700;color:var(--coral-deep);margin-top:15px}.export-note{margin-top:8px;font-size:12.5px;color:var(--muted)}.export-warn{margin-top:8px;font-size:13px;font-weight:600;color:var(--danger)}footer{position:relative;z-index:2;background:linear-gradient(180deg,var(--sea-deep),var(--sea-night));border-top:1px solid rgba(255,255,255,.12);padding:34px 24px}.f-wrap{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.f-logos{display:flex;align-items:center;gap:18px;color:#fff}.f-logos svg{display:block}.f-line{width:1px;height:26px;background:rgba(255,255,255,.25)}.f-text{color:rgba(255,255,255,.78);font-size:13px}.f-fine{flex-basis:100%;max-width:760px;margin:2px auto 0;text-align:center;color:rgba(255,255,255,.55);font-size:11px;line-height:1.5}#postcardCanvas,#resultImg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (max-width:860px){.deco{display:none!important}.pp-sns{display:none}.wrap{padding:10px 16px 56px}.hero{padding:22px 4px 10px}.hero-mark{width:158px}.intro{padding:22px 6px 44px}.intro-logo{width:min(420px,88vw)}.intro-card{display:none}.draghint-pill{padding:4px 8px;font-size:11px;gap:4px}.draghint-pill svg{width:12px;height:12px}.btn-start{width:100%;padding:16px 20px}.hero .eyebrow{font-size:32px}.shell{grid-template-columns:1fr;gap:16px}.stage-wrap{position:static}.stage{padding:10px;min-height:0}.card{padding:15px 14px 17px;border-radius:17px}.tiles{gap:8px}.tile img{height:66px}.tile.npc img{height:80px}.acts .btn{flex:1 1 100%;max-width:none}}@media (max-width:640px){.pp-bar{padding:8px 10px}.pp-register{display:none}.pp-sns a{width:34px;height:34px}.steps .stepdot span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation:none!important;transition:none!important}}