:root{--monster-body:#61c9bd;--monster-dark:#2f8f9f;--monster-detail:#ff9a62}.maker-page{min-height:100vh;background:#f4f2fb;color:#172746}.maker-header{padding-top:14px;padding-bottom:14px}.maker-wallet{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.maker-wallet span{background:#f2effb;border:1px solid #ddd6f3;border-radius:999px;padding:8px 12px;font-size:14px;color:#443786}.maker-wallet span:last-child{background:#fff5cf;border-color:#efd67a;color:#654c00}.maker-main{max-width:1180px;margin:24px auto 70px;padding:0 22px}.maker-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px}.maker-heading h1{margin:2px 0 7px}.maker-heading p{margin:0;color:#657084}.maker-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr);gap:24px;align-items:start}.monster-column,.wardrobe{background:#fff;border:1px solid #dedbea;border-radius:26px;box-shadow:0 15px 40px #392f7210}.monster-column{padding:18px}.monster-stage{position:relative;min-height:540px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(#fff1bf,#f9dfad 64%,#acd18a);transition:background .2s}.monster-stage[data-background=night]{background:radial-gradient(circle at 78% 17%,#fff3b0 0 8%,transparent 8.5%),linear-gradient(#24204f,#5b4791 70%,#302553)}.monster-stage[data-background=forest]{background:radial-gradient(circle at 10% 20%,#5da45b 0 17%,transparent 17.5%),radial-gradient(circle at 92% 27%,#4c9658 0 18%,transparent 18.5%),linear-gradient(#a9ddca,#e9e9aa 67%,#7eb764)}.monster-stage[data-background=space]{background:radial-gradient(circle at 78% 18%,#9ebde9 0 11%,transparent 11.5%),linear-gradient(#10183d,#373475 72%,#6855a0)}.stars{position:absolute;top:45px;left:42px;right:42px;color:#fffbd5;font-size:24px;letter-spacing:18px}.monster{position:relative;width:310px;height:420px;z-index:2;filter:drop-shadow(0 10px 4px #17274624)}.body{position:absolute;z-index:3;left:49px;top:55px;width:212px;height:300px;border:8px solid #172746;border-radius:48% 48% 45% 45%/42% 42% 55% 55%;background:var(--monster-body);overflow:visible}.body:after{content:"";position:absolute;left:45px;right:45px;top:139px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--monster-body),white 48%);opacity:.75}.pattern{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:1}.pattern.spots{background:radial-gradient(circle at 22% 28%,var(--monster-dark) 0 7px,transparent 8px),radial-gradient(circle at 78% 40%,var(--monster-dark) 0 12px,transparent 13px),radial-gradient(circle at 24% 76%,var(--monster-dark) 0 10px,transparent 11px)}.pattern.stars:before{content:"★ 　★\A　　★";white-space:pre;position:absolute;inset:34px 16px;color:var(--monster-dark);font-size:26px;line-height:3.7}.pattern.stripes{background:repeating-linear-gradient(170deg,transparent 0 43px,var(--monster-dark) 44px 57px,transparent 58px 82px);opacity:.55}.horn{position:absolute;z-index:5;top:-45px;width:39px;height:70px;background:var(--monster-detail);border:8px solid #172746;border-radius:70% 10% 55% 20%;transform:rotate(-22deg)}.horn:after{content:"";position:absolute;left:-3px;right:-3px;top:25px;border-top:5px solid #fff8}.horn-left{left:28px}.horn-right{right:28px;transform:scaleX(-1) rotate(-22deg)}.body[data-horns=nubs] .horn{height:42px;top:-23px;border-radius:55%}.body[data-horns=antennae] .horn{width:10px;height:65px;top:-48px;background:#172746;border:0;border-radius:8px}.body[data-horns=antennae] .horn:after{top:-8px;left:-8px;width:25px;height:25px;background:var(--monster-detail);border:6px solid #172746;border-radius:50%}.body[data-horns=none] .horn{display:none}.eyes{position:absolute;z-index:8;left:30px;right:30px;top:62px;height:75px;display:flex;justify-content:center;align-items:center;gap:5px}.eye{position:relative;width:54px;height:61px;border:7px solid #172746;border-radius:50%;background:#fff}.eye:before{content:"";position:absolute;width:19px;height:23px;border-radius:50%;background:#26375a;left:18px;top:21px}.eye:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;left:23px;top:24px}.eyes.three .eye:nth-child(2){transform:translateY(-26px)}.eyes.one .eye{width:72px;height:68px}.eyes.one .eye:not(:first-child){display:none}.mouth{position:absolute;z-index:8;left:61px;top:147px;width:80px;height:46px;border-bottom:8px solid #172746;border-radius:0 0 60px 60px}.mouth.smile:before,.mouth.smile:after{content:"";position:absolute;bottom:-11px;width:13px;height:20px;background:#fff;border:5px solid #172746}.mouth.smile:before{left:6px;transform:rotate(-17deg)}.mouth.smile:after{right:6px;transform:rotate(17deg)}.mouth.grin{height:50px;background:#fff;border:7px solid #172746;border-radius:10px 10px 55px 55px}.mouth.tiny{left:77px;top:157px;width:49px;height:23px}.arm{position:absolute;z-index:2;top:174px;width:48px;height:90px;background:var(--monster-body);border:8px solid #172746;border-radius:50%}.arm-left{left:-31px;transform:rotate(22deg)}.arm-right{right:-31px;transform:rotate(-22deg)}.leg{position:absolute;z-index:2;top:330px;width:75px;height:70px;background:var(--monster-body);border:8px solid #172746;border-radius:35% 35% 45% 45%}.leg-left{left:71px}.leg-right{right:71px}.foot{position:absolute;z-index:10;top:359px;width:88px;height:46px;border-radius:42% 42% 35% 35%;pointer-events:none}.foot-left{left:62px}.foot-right{right:62px}.foot.boots{background:#563768;border:8px solid #172746}.foot.hiking{background:#74533c;border:8px solid #172746}.foot.moon{background:#eef4f8;border:8px solid #172746;box-shadow:inset 0 -14px #294a72}.head-item{position:absolute;z-index:12;left:-15px;right:-15px;top:-82px;height:105px;pointer-events:none}.head-item.hair:before{content:"〽";position:absolute;left:64px;top:15px;font:bold 84px/1 sans-serif;color:#293b65;text-shadow:-5px 0 #172746,0 -5px #172746,5px 0 #172746}.head-item.witch:before{content:"";position:absolute;left:43px;top:-44px;border-left:62px solid transparent;border-right:62px solid transparent;border-bottom:105px solid #5b3b9f;transform:rotate(-8deg)}.head-item.witch:after{content:"";position:absolute;left:2px;top:67px;width:230px;height:28px;border:7px solid #172746;border-radius:50%;background:#4a318a}.head-item.explorer:before{content:"";position:absolute;left:40px;top:38px;width:140px;height:55px;background:#c6b274;border:7px solid #172746;border-radius:70% 70% 25% 25%}.head-item.explorer:after{content:"";position:absolute;left:3px;top:79px;width:225px;height:20px;border:7px solid #172746;border-radius:50%;background:#d8c687}.head-item.helmet{left:-31px;right:-31px;top:-57px;height:223px;border:9px solid #172746;border-radius:50% 50% 43% 43%;background:linear-gradient(135deg,#fff9,#81dbef20 55%,#61acd765);box-shadow:inset 0 -21px #eaf1f6;z-index:14}.face-item{position:absolute;z-index:15;left:22px;top:64px;width:160px;height:75px;pointer-events:none}.face-item.glasses:before,.face-item.glasses:after{content:"";position:absolute;top:4px;width:57px;height:57px;border:7px solid #172746;border-radius:50%}.face-item.glasses:before{left:6px}.face-item.glasses:after{right:6px}.face-item.goggles:before,.face-item.goggles:after{content:"";position:absolute;top:6px;width:63px;height:51px;border:8px solid #172746;border-radius:50%;background:#6be0e650}.face-item.goggles:before{left:0}.face-item.goggles:after{right:0}.clothes{position:absolute;z-index:7;left:9px;right:9px;top:184px;height:119px;border-radius:22% 22% 42% 42%;pointer-events:none}.clothes.hoodie{background:#efb83f;border:7px solid #172746}.clothes.robe{height:132px;background:#6042a7;border:7px solid #172746;box-shadow:inset 0 -8px #f1ce55}.clothes.jacket{background:#7d9a58;border:7px solid #172746;box-shadow:inset 0 0 0 24px #ffffff10}.clothes.suit{background:#eef4f8;border:7px solid #172746;box-shadow:inset 0 -22px #294a72}.clothes.suit:after{content:"◎";position:absolute;left:67px;top:28px;color:#4bd4df;font:bold 38px sans-serif}.back-item{position:absolute;z-index:1;left:35px;top:174px;width:240px;height:185px;border-radius:40%}.back-item.cape{background:#49358b;border:8px solid #172746;clip-path:polygon(16% 0,84% 0,100% 100%,50% 78%,0 100%)}.back-item.pack{left:39px;width:75px;background:#8d6b3d;border:8px solid #172746}.back-item.jetpack{left:30px;width:250px;background:linear-gradient(90deg,#dbe4ec 0 24%,transparent 24% 76%,#dbe4ec 76%);border:8px solid #172746}.held-item{position:absolute;z-index:16;right:-57px;top:208px;width:61px;height:75px;pointer-events:none}.held-item.book{background:#7c4d37;border:7px solid #172746;border-radius:7px}.held-item.book:after{content:"★";display:grid;place-items:center;height:100%;color:#f5d35f;font-size:27px}.held-item.binoculars:after{content:"∞";color:#304f69;font:bold 74px/1 sans-serif;text-shadow:0 5px #172746}.equipped-summary{position:absolute;z-index:20;left:14px;bottom:14px;background:#ffffffdf;border:1px solid #fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:750;color:#443786}.maker-actions{display:flex;gap:10px;margin-top:16px}.maker-actions button{flex:1}.save-status{min-height:24px;margin:10px 4px 0;text-align:center;font-size:13px;color:#667084}.wardrobe{padding:27px}.wardrobe-intro h2{margin:0 0 8px}.wardrobe-intro p{color:#667084;margin-bottom:20px}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 12px}.category-tabs button{min-height:43px;padding:9px 14px;white-space:nowrap;background:#f4f3f8;color:#586477;border:1px solid #e1dfeb}.category-tabs button[aria-selected=true]{background:#5145a5;color:#fff;border-color:#5145a5}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:286px;padding-top:8px}.item-card{position:relative;display:block;text-align:left;min-height:116px;padding:14px 12px;background:#fff;border:2px solid #e1dfeb;color:#203047;border-radius:16px}.item-card:hover{filter:none;border-color:#aaa1d0}.item-card.selected{border-color:#5145a5;background:#f3f0fc;box-shadow:0 0 0 3px #e5e0f7}.item-card.locked{background:#fffdf5}.item-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eeeafa;font-size:24px;margin-bottom:9px}.item-card strong{display:block;font-size:14px;line-height:1.25}.item-card small{display:block;margin-top:4px;font-size:12px;color:#667084}.item-card .cost{color:#6d5200;font-weight:750}.item-card.selected:after{content:"✓";position:absolute;right:9px;top:8px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#5145a5;color:#fff}.layer-explainer{margin-top:18px;padding:15px 16px;border-radius:14px;background:#f2effb;border-left:4px solid #7768c7}.layer-explainer p{font-size:14px;margin:4px 0 0;color:#514a75}@media(max-width:900px){.maker-layout{grid-template-columns:1fr}.monster-stage{min-height:480px}.item-grid{min-height:0}}@media(max-width:600px){.maker-header{align-items:flex-start;padding:12px 16px}.maker-header .brand{font-size:18px}.maker-wallet{gap:4px}.maker-wallet span{padding:6px 8px;font-size:12px}.maker-main{margin-top:14px;padding:0 12px}.maker-heading{align-items:flex-start}.maker-heading .button{display:none}.maker-heading h1{font-size:30px}.maker-layout{gap:14px}.monster-column{padding:10px;border-radius:20px}.monster-stage{min-height:430px}.monster{transform:scale(.87)}.wardrobe{padding:19px 14px;border-radius:20px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-card{min-height:106px}.preview-note{font-size:12px}}
