:root{--parchment: #f1e6c9;--parchment-deep: #e6d5a7;--parchment-edge: #c9b483;--ink: #2a2418;--ink-soft: #4a3f2e;--ink-faint: #8a7a5e;--water-light: #cfdcd5;--water-mid: #a8bfb8;--water-deep: #7a958f;--accent: #8a4b2e}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;height:100dvh;overflow:hidden}body{font-family:Cormorant Garamond,IM Fell English,Georgia,serif;color:var(--ink);background:var(--parchment);-webkit-font-smoothing:antialiased}#root{width:100%;height:100vh;height:100dvh}.page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 90% 38% at 50% 0%,rgba(255,250,220,.55),transparent 72%),linear-gradient(180deg,#d7ecf3,#a8d0e0 28%,#7cbbd5 52%,#5ea2c2 78%,#4889ac)}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(40,55,75,.025) 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,rgba(40,55,75,.018) 0 1px,transparent 1px 9px);mix-blend-mode:multiply;z-index:1}.page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 4% at 25% 18%,rgba(255,255,255,.22),transparent 60%),radial-gradient(ellipse 60% 3% at 70% 36%,rgba(255,255,255,.14),transparent 60%),radial-gradient(ellipse 70% 3% at 35% 58%,rgba(255,255,255,.1),transparent 60%);z-index:1}.header{position:relative;z-index:6;padding:38px 64px 0;text-align:center;pointer-events:none}.plate{display:inline-block;padding:0 18px;position:relative}.eyebrow{font-family:IM Fell English,serif;font-style:italic;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.eyebrow .dash{display:inline-block;width:28px;height:1px;background:var(--ink-soft);vertical-align:middle;margin:0 10px}.title{font-family:Caveat,cursive;font-weight:700;font-size:clamp(54px,7vw,96px);line-height:.95;margin:0;color:var(--ink);letter-spacing:.01em}.title .swirl{display:inline-block;font-size:.7em;vertical-align:middle;color:var(--accent);transform:translateY(-.15em)}.subtitle{font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(19px,1.85vw,26px);color:var(--ink-soft);margin-top:4px}.subtitle .name{font-style:normal;font-weight:600;color:var(--ink)}.rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px auto 0;max-width:460px;color:var(--ink-faint)}.rule .line{flex:1;height:1px;background:currentColor;opacity:.6}.rule .glyph{font-family:IM Fell English,serif;font-style:italic;font-size:18px;font-weight:700;color:var(--ink)}.sea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.seabed{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:2;pointer-events:none;overflow:visible}.seabed:before{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:radial-gradient(ellipse 100% 100% at 50% 100%,#dcc8968c,#dcc89600 80%)}.seabed-item{position:absolute;bottom:0;transform-origin:50% 100%;filter:drop-shadow(0 1px 0 rgba(20,40,55,.12));pointer-events:auto;touch-action:none}.seabed-item.sway{animation:sway var(--sway-dur, 6s) ease-in-out infinite alternate;animation-delay:var(--sway-delay, 0s)}@keyframes sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.shake-wrap{display:block;transform-origin:50% 100%}.shake-wrap.shaking{animation:shake-dampen 1.6s cubic-bezier(.2,.7,.3,1) forwards}@keyframes shake-dampen{0%{transform:rotate(0)}8%{transform:rotate(-5deg)}20%{transform:rotate(4deg)}34%{transform:rotate(-2.6deg)}48%{transform:rotate(1.8deg)}62%{transform:rotate(-1deg)}76%{transform:rotate(.6deg)}88%{transform:rotate(-.25deg)}to{transform:rotate(0)}}.bubbles{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}.bubble{position:absolute;bottom:60%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffffff2,#c8e6f573 60%,#b4dcf026);box-shadow:inset 0 0 1px #fffc;opacity:0;animation-name:bubble-rise;animation-timing-function:cubic-bezier(.35,0,.55,.9);animation-fill-mode:forwards}@keyframes bubble-rise{0%{transform:translateY(18px) scale(.45);opacity:0}8%{opacity:.9}22%{transform:translate(var(--swayA, 8px),-18vh) scale(.9);opacity:.9}45%{transform:translate(var(--swayB, -10px),-42vh) scale(1);opacity:.85}68%{transform:translate(var(--swayC, 6px),-68vh) scale(calc(var(--grow, 1.1) * .95));opacity:.65}to{transform:translate(var(--drift, 4px),-100vh) scale(var(--grow, 1.15));opacity:0}}.creature{position:absolute;pointer-events:auto;cursor:pointer;will-change:transform;transform-origin:center;transition:filter .18s ease}.creature:hover{filter:drop-shadow(0 2px 6px rgba(40,30,10,.18))}.creature .bob{display:block;animation:bob var(--bob-dur, 3.2s) ease-in-out infinite}.creature .flip{display:block;transform-origin:center}.creature-author{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:4px;font-family:Caveat,Cormorant Garamond,serif;font-size:16px;line-height:1;color:var(--ink, #2d2418);white-space:nowrap;pointer-events:none;text-shadow:0 0 2px rgba(255,255,255,.85),0 0 6px rgba(255,255,255,.6);opacity:.85}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes swim-right{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}@keyframes swim-left{0%{transform:translate(calc(100vw + 200px))}to{transform:translate(-200px)}}.creature:after{content:"";position:absolute;left:-36px;top:50%;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--ink-faint));opacity:.18;pointer-events:none}.creature.captured{animation:capture .9s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.empty-sea{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;max-width:360px}.empty-sea-title{font-family:Caveat,cursive;font-size:44px;color:var(--ink);margin-bottom:4px;line-height:1}.empty-sea-sub{font-family:Cormorant Garamond,serif;font-style:italic;font-size:16px;color:var(--ink-soft)}@keyframes capture{0%{transform:translate(0) scale(1) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(var(--cap-x),var(--cap-y)) scale(.18) rotate(180deg);opacity:0}}.basket-btn{position:absolute;z-index:7;bottom:48px;left:48px;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:IM Fell English,serif;color:var(--ink)}.basket-btn:before,.quill-btn:before{content:"";position:absolute;top:-14px;right:-22px;bottom:-10px;left:-22px;background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(247,236,207,.72) 0%,rgba(247,236,207,.42) 45%,transparent 78%);pointer-events:none;z-index:-1;border-radius:50%}.basket-btn:hover .basket-svg{transform:translateY(-2px) rotate(-2deg)}.basket-svg{width:92px;height:82px;transition:transform .22s ease;filter:drop-shadow(0 3px 0 rgba(40,30,10,.22)) drop-shadow(0 1px 0 rgba(40,30,10,.18))}.basket-label{font-family:Caveat,cursive;font-style:normal;font-weight:700;font-size:20px;letter-spacing:.01em;color:var(--ink);background:#f7eccf;border:none;padding:3px 14px 4px;border-radius:22px;box-shadow:0 2px #281c0838;text-transform:none;white-space:nowrap}.basket-count{position:absolute;top:-6px;right:-10px;background:var(--accent);color:#fdf3d8;font-family:Caveat,cursive;font-weight:700;font-size:18px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #0003,0 0 0 2px #f7eccf;transform:rotate(6deg)}.basket-count.zero{display:none}.basket-count.pulse{animation:pulse .5s ease}@keyframes pulse{0%{transform:rotate(6deg) scale(1)}50%{transform:rotate(6deg) scale(1.4)}to{transform:rotate(6deg) scale(1)}}.quill-btn{position:absolute;z-index:7;bottom:48px;right:48px;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:IM Fell English,serif;color:var(--ink)}.quill-btn:hover .quill-svg{transform:translateY(-3px) rotate(4deg)}.quill-svg{width:82px;height:96px;transition:transform .22s ease;filter:drop-shadow(0 3px 0 rgba(40,30,10,.22)) drop-shadow(0 1px 0 rgba(40,30,10,.18))}.quill-label{font-family:Caveat,cursive;font-style:normal;font-weight:700;font-size:20px;letter-spacing:.01em;color:var(--ink);background:#f7eccf;border:none;padding:3px 14px 4px;border-radius:22px;text-transform:none;white-space:nowrap}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#231a0c52;z-index:20;display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{background:#f7eccf;background-image:repeating-linear-gradient(90deg,rgba(120,90,40,.025) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(120,90,40,.02) 0 1px,transparent 1px 10px);border:1.5px solid var(--ink);box-shadow:0 18px 40px #281c0859,0 2px #00000014 inset;max-width:540px;width:calc(100% - 64px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px 28px;position:relative;border-radius:2px;font-family:Cormorant Garamond,serif}.card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:.5px solid var(--ink-soft);pointer-events:none;opacity:.55}.card.wide{max-width:720px}.card-eyebrow{font-family:IM Fell English,serif;font-style:italic;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);text-align:center}.card-title{font-family:Caveat,cursive;font-weight:700;font-size:32px;text-align:center;margin:2px 0;line-height:1;color:var(--ink)}.card-sub{text-align:center;font-style:italic;font-size:13px;color:var(--ink-soft);margin-bottom:10px}.section-label{font-family:IM Fell English,serif;font-style:italic;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:10px 0 6px;display:flex;align-items:center;gap:10px}.section-label:before,.section-label:after{content:"";flex:1;height:1px;background:var(--ink-faint);opacity:.5}.creature-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.creature-picker button{background:#ffffff59;border:1px solid transparent;border-radius:4px;cursor:pointer;padding:3px 2px 2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;transition:all .16s ease}.creature-picker button:hover{background:#fff9}.creature-picker button.selected{background:#8a4b2e1f;border-color:var(--accent)}.creature-picker-label{font-family:Caveat,Cormorant Garamond,serif;font-size:13px;line-height:1;color:var(--ink-faint, #5b4a3a);text-align:center;letter-spacing:.02em}.creature-picker button.selected .creature-picker-label{color:var(--accent)}.color-picker{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(42,36,24,.4);cursor:pointer;position:relative;transition:transform .14s ease}.swatch:hover{transform:scale(1.08)}.swatch.selected{border:1.5px solid var(--ink);box-shadow:0 0 0 2px var(--parchment),0 0 0 3.5px var(--ink)}.swatch.custom{background:conic-gradient(from 0deg,#e85a5a,#e8a55a,#d8d05a,#6fc060,#5fbfbf,#6a8ad0,#a06ad0,#d06aa0,#e85a5a);position:relative}.swatch.custom:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:IM Fell English,serif;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);pointer-events:none}.swatch.custom.selected:after{content:""}.custom-color-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}.field{width:100%;background:#ffffff73;border:none;border-bottom:1.2px solid var(--ink-soft);font-family:Cormorant Garamond,serif;font-size:18px;color:var(--ink);padding:6px 4px;outline:none;resize:none}.field:focus{border-bottom-color:var(--ink)}.field.handwritten{font-family:Caveat,cursive;font-size:20px;line-height:1.25;min-height:58px;border:1px dashed rgba(42,36,24,.35);border-radius:2px;padding:8px 10px;background:#ffffff73}.field.handwritten::placeholder{color:#4a3f2e73}.row{display:flex;gap:12px;align-items:flex-end}.row>*{flex:1}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}.btn{font-family:IM Fell English,serif;font-style:italic;font-size:15px;letter-spacing:.06em;background:transparent;border:1.2px solid var(--ink);color:var(--ink);padding:9px 22px;cursor:pointer;border-radius:2px;transition:all .16s ease}.btn:hover{background:var(--ink);color:var(--parchment)}.btn.primary{background:var(--ink);color:var(--parchment);font-family:Caveat,cursive;font-style:normal;font-weight:700;font-size:20px;padding:8px 24px}.btn.primary:hover{background:var(--accent)}.btn.ghost{border-color:transparent}.btn.ghost:hover{background:transparent;color:var(--accent)}.btn:disabled{opacity:.35;cursor:not-allowed}.preview-strip{display:flex;align-items:center;justify-content:center;padding:4px 0 0;height:68px}.preview-strip svg{width:96px;height:64px}.compose-wish-wrap{position:relative}.compose-wish-textarea{min-height:58px;max-height:160px;resize:vertical;overflow-y:auto}.catch-list{max-height:60vh;overflow-y:auto;padding:4px 4px 4px 0;margin:0 -8px}.catch-list::-webkit-scrollbar{width:8px}.catch-list::-webkit-scrollbar-thumb{background:#2a241840;border-radius:4px}.catch-empty{text-align:center;font-style:italic;color:var(--ink-soft);padding:36px 12px;font-size:17px}.catch-empty .big{font-family:Caveat,cursive;font-size:28px;font-style:normal;color:var(--ink);display:block;margin-bottom:4px}.catch-card{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:14px 8px;border-bottom:1px dashed rgba(42,36,24,.25)}.catch-card:last-child{border-bottom:none}.catch-thumb{width:88px;height:64px;display:flex;align-items:center;justify-content:center}.catch-thumb svg{width:84px;height:60px}.catch-body{min-width:0}.catch-msg{font-family:Caveat,cursive;font-size:22px;color:var(--ink);line-height:1.15;margin:0 0 4px;word-break:break-word}.catch-name{font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:var(--ink-soft);letter-spacing:.04em}.catch-name .dash{color:var(--ink-faint);margin-right:6px}.catch-release{font-family:IM Fell English,serif;font-style:italic;font-size:15px;background:transparent;border:1px solid var(--ink);color:var(--ink);cursor:pointer;padding:6px 18px;border-radius:20px;letter-spacing:.04em;text-decoration:none;transition:all .15s ease}.catch-release:hover{background:var(--ink);color:var(--parchment)}.catch-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.catch-remove{font-family:IM Fell English,serif;font-style:italic;font-size:12px;background:transparent;border:none;color:var(--accent);cursor:pointer;padding:4px 6px;text-decoration:underline dotted;text-underline-offset:3px}.catch-remove:hover{color:var(--ink)}.close-x{position:absolute;top:10px;right:12px;background:transparent;border:none;font-family:IM Fell English,serif;font-size:18px;color:var(--ink-soft);cursor:pointer;width:28px;height:28px;line-height:1;z-index:2}.close-x:hover{color:var(--accent)}.host-lock{position:absolute;top:30px;right:48px;z-index:8;background:transparent;border:none;cursor:pointer;padding:6px;color:var(--ink-faint);opacity:.45;transition:opacity .16s ease,color .16s ease;line-height:0}.host-lock:hover{opacity:1;color:var(--ink)}.host-lock svg{width:22px;height:22px;display:block}.host-lock.active{opacity:.95;color:var(--accent)}.host-badge{position:absolute;top:33px;right:78px;z-index:8;font-family:IM Fell English,serif;font-style:italic;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);pointer-events:none;white-space:nowrap}.loading-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;font-family:Caveat,cursive;font-size:32px;color:var(--ink-soft)}.error-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:30;background:#a85a3aeb;color:#fdf3d8;font-family:IM Fell English,serif;font-style:italic;font-size:13px;padding:8px 16px;border-radius:2px;box-shadow:0 2px 8px #0003}@media (max-width: 720px){.header{padding:26px 20px 0}.basket-btn{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.quill-btn{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.basket-svg{width:64px;height:56px}.quill-svg{width:56px;height:68px}.host-lock{top:16px;right:16px}.host-badge{top:19px;right:46px}.creature-picker{grid-template-columns:repeat(4,1fr)}.seabed{height:120px}.seabed-item>.shake-wrap>svg{transform:scale(.55);transform-origin:50% 100%}}@media (max-width: 480px){.basket-btn,.quill-btn{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.basket-svg{width:56px;height:50px}.quill-svg{width:50px;height:60px}.basket-label,.quill-label{font-size:17px;padding:2px 12px 3px}.seabed{height:90px}.seabed-item>.shake-wrap>svg{transform:scale(.42);transform-origin:50% 100%}}