/* INOOWA 08E.05 Place & Build — 1366×1024 iPad landscape.
 * Artwork image is full colour. Masks are local to text and controls only.
 * Official Owii/logo are separate unmodified image assets.
 */
#place-build-v2.pb-screen{color:#fff;background:#132556;font-family:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#place-build-v2 *{box-sizing:border-box}
#place-build-v2 [hidden]{display:none!important}
#place-build-v2 button,#place-build-v2 label{font-family:inherit}
#place-build-v2 button{cursor:pointer}
#place-build-v2 button:focus-visible,#place-build-v2 label:focus-within{outline:3px solid #a0fff0;outline-offset:3px}
#place-build-v2 .pb-topbar{position:absolute;inset:0 0 auto;height:92px;background:linear-gradient(110deg,rgba(12,20,65,.97),rgba(23,25,79,.97));border-bottom:2px solid #8f75e8;box-shadow:0 5px 22px #080d3c87;z-index:10;display:flex;align-items:center;gap:14px;padding:0 28px}
#place-build-v2 .pb-back{height:56px;width:56px;border-radius:50%;border:1.5px solid #b7a4fd;background:linear-gradient(130deg,#6045b8,#25185e);color:white;flex:none;font-size:52px;line-height:.7;padding-bottom:10px}
#place-build-v2 .pb-logo{height:57px;width:164px;object-fit:contain}
#place-build-v2 .pb-logo-draw{background:linear-gradient(112deg,#6c4ad0,#b456d8);border:1px solid #bfa4ff;border-radius:14px;padding:8px 13px;font-size:20px;font-weight:930;letter-spacing:-.035em}
#place-build-v2 .pb-top-separator{width:1px;height:40px;background:#a6a4df6e;margin:0 6px}
#place-build-v2 .pb-top-label{display:flex;flex-direction:column;gap:6px}
#place-build-v2 .pb-top-label strong{font-size:24px;font-weight:930}
#place-build-v2 .pb-top-label small{font-size:12px;font-weight:660;color:#c3d1f7}
#place-build-v2 .pb-top-grow{flex:1}
#place-build-v2 .pb-mode-pill{background:#353582db;border:1px solid #96a3e0;border-radius:16px;padding:11px 16px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.065em}
#place-build-v2 .pb-mode-pill span{font-size:21px;color:#9ef6d8}
#place-build-v2 .pb-stars{background:#2b2d77e6;border:1px solid #a192e6;border-radius:18px;padding:9px 17px;display:flex;align-items:center;gap:10px;color:#ffd64c;font-size:29px;line-height:1}
#place-build-v2 .pb-stars strong{font-size:21px;color:#fff}
#place-build-v2 .pb-scene{position:absolute;inset:92px 0 185px;overflow:hidden;background:linear-gradient(125deg,#397eba,#6babc3);isolation:isolate}
#place-build-v2 .pb-scene-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 57%;filter:none}
#place-build-v2 .pb-scene-heading{position:absolute;left:42px;top:30px;max-width:610px;z-index:3;text-shadow:0 3px 13px #131944cd;pointer-events:none}
#place-build-v2 .pb-scene-heading span{color:#d0fff3;letter-spacing:.16em;font-size:12px;font-weight:930}
#place-build-v2 .pb-scene-heading h1{font-size:50px;line-height:1.08;letter-spacing:-.052em;font-weight:960;margin:4px 0 6px}
#place-build-v2 .pb-scene-heading p{font-size:17px;max-width:480px;font-weight:670;line-height:1.35;color:#fff}
#place-build-v2 .pb-placement-zone{position:absolute;left:34%;top:64%;width:330px;min-height:116px;border:2.5px dashed #fff5ad;border-radius:28px;background:rgba(255,246,181,.14);color:#fffde8;display:flex;gap:10px;align-items:flex-end;justify-content:center;padding:15px 13px;font-size:12px;font-weight:910;letter-spacing:.06em;text-shadow:0 2px 8px #1a2445af;z-index:2;pointer-events:none;transition:opacity .12s}
#place-build-v2 .pb-zone-pin{font-size:22px;line-height:1;color:#fff3aa}
#place-build-v2 .pb-placement-zone.has-object{opacity:.0}
#place-build-v2 .pb-object{position:absolute;z-index:5;left:47%;top:70%;width:240px;min-height:145px;transform:translate(-50%,-50%);touch-action:none;user-select:none;cursor:grab;display:flex;flex-direction:column;align-items:center;border:3px solid #ffecaf;border-radius:16px;background:#fff9ee;box-shadow:0 0 0 4px #ffffff8b,0 14px 31px #0b15458c;will-change:left,top,transform}
#place-build-v2 .pb-object:active{cursor:grabbing}
#place-build-v2 .pb-object img{width:100%;height:156px;object-fit:contain;background:white;border-radius:13px 13px 0 0;pointer-events:none}
#place-build-v2 .pb-object-caption{width:100%;padding:6px 8px;border-radius:0 0 11px 11px;background:#fff4c4;color:#3f3765;text-align:center;font-size:10px;line-height:1.2;font-weight:950;letter-spacing:.04em;pointer-events:none}
#place-build-v2 .pb-object.is-real{border-color:#7cf6d7;box-shadow:0 0 0 4px #91f3e89b,0 12px 29px #0b15458c}
#place-build-v2 .pb-object.is-real .pb-object-caption{color:#0d4c54;background:#bcfff3}
#place-build-v2 .pb-selection-dot{position:absolute;right:-15px;top:-15px;height:29px;width:29px;border-radius:50%;background:#70f2d8;border:3px solid white;box-shadow:0 3px 12px #111749a0}
#place-build-v2 .pb-position-caption{position:absolute;left:43%;top:86%;z-index:3;padding:7px 14px;border-radius:13px;background:rgba(19,26,75,.85);border:1px solid #baaff0;font-size:13px;font-weight:820;pointer-events:none}
#place-build-v2 .pb-scene-bottom-left{position:absolute;bottom:21px;left:33px;z-index:7}
#place-build-v2 .pb-reset-view{border:1.5px solid #d7e6ff;background:#202860e9;color:white;border-radius:16px;min-height:52px;padding:9px 15px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:820}
#place-build-v2 .pb-reset-view span{font-size:25px;color:#a6f3db}
#place-build-v2 .pb-right-panel{position:absolute;right:28px;top:68px;bottom:19px;z-index:8;width:315px;border-radius:28px;border:2px solid #a996f5;padding:19px 18px;background:linear-gradient(155deg,rgba(16,22,75,.96),rgba(35,27,91,.96));box-shadow:0 11px 31px #0b0c388c,0 0 14px #836af75c;display:flex;flex-direction:column;gap:7px}
#place-build-v2 .pb-panel-overline{color:#acfbe6;font-size:10px;letter-spacing:.11em;font-weight:970}
#place-build-v2 .pb-right-panel h2{font-size:26px;line-height:1.1;letter-spacing:-.035em;font-weight:940;margin:3px 0 2px}
#place-build-v2 .pb-panel-caption{font-size:12px;color:#d6ddf8;line-height:1.32;margin:0 0 6px}
#place-build-v2 .pb-place-status{border:1px solid #8c7fdd;border-radius:12px;background:#323078;display:flex;align-items:center;gap:9px;padding:8px 11px;font-size:11px;color:#eee8ff;font-weight:810}
#place-build-v2 .pb-place-status.is-real{background:#164e61;border-color:#72d8bd;color:#c1fff1}
#place-build-v2 .pb-status-dot{width:10px;height:10px;border-radius:50%;background:#ffdb7c;flex:none}
#place-build-v2 .pb-place-status.is-real .pb-status-dot{background:#7bf4c5}
#place-build-v2 .pb-control-group{padding:9px 0 7px;border-bottom:1px solid #8a83bc69}
#place-build-v2 .pb-control-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:13px;margin-bottom:8px}
#place-build-v2 .pb-control-heading strong,#place-build-v2 .pb-move-group>strong{font-size:13px;font-weight:880}
#place-build-v2 .pb-control-heading>span{color:#b8fbec;font-weight:840;font-size:12px}
#place-build-v2 .pb-control-group input[type=range]{width:100%;accent-color:#80f0e1}
#place-build-v2 .pb-scale-labels{font-size:10px;color:#acb9e5;display:flex;justify-content:space-between;margin-top:2px}
#place-build-v2 .pb-rotate-buttons{display:flex;gap:11px}
#place-build-v2 .pb-rotate-buttons button{border:1px solid #a2a4e7;background:#3d3787;border-radius:11px;min-height:40px;flex:1;color:white;font-size:14px;font-weight:830}
#place-build-v2 .pb-rotate-buttons button:hover,#place-build-v2 .pb-undo-actions button:hover{background:#5349a5}
#place-build-v2 .pb-move-group{padding-top:8px;padding-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#place-build-v2 .pb-direction{display:flex;flex-direction:column;align-items:center;gap:3px}
#place-build-v2 .pb-direction>div{display:flex;gap:4px}
#place-build-v2 .pb-direction button{display:grid;place-items:center;color:#fff;border:1px solid #aca4e9;border-radius:7px;width:32px;height:30px;background:#433e8b;font-size:16px}
#place-build-v2 .pb-undo-actions{display:flex;gap:10px;padding-top:6px}
#place-build-v2 .pb-undo-actions button{border:1px solid #a1a4e6;border-radius:12px;padding:8px;min-height:40px;flex:1;color:#fff;background:#383481;font-weight:770;font-size:12px}
#place-build-v2 .pb-minimap{display:flex;flex-direction:column;gap:6px;margin-top:auto}
#place-build-v2 .pb-mini-top{display:flex;align-items:center;justify-content:space-between}
#place-build-v2 .pb-mini-top strong{font-size:10px;letter-spacing:.09em;color:#aefff4}
#place-build-v2 .pb-mini-top>span{font-size:10px;color:#b6bfea}
#place-build-v2 .pb-mini-view{height:80px;position:relative;border:1px solid #b3a2e3;border-radius:12px;overflow:hidden;background:#284b80}
#place-build-v2 .pb-mini-view img{width:100%;height:100%;object-fit:cover;display:block}
#place-build-v2 .pb-mini-marker{position:absolute;left:33%;top:54%;transform:translate(-50%,-50%);height:26px;width:26px;border-radius:50%;border:2px solid white;display:grid;place-items:center;background:#ffe797;color:#433468;font-size:19px;box-shadow:0 0 11px #ffedb5ab}
#place-build-v2 .pb-see-full{min-height:40px;border:1px solid #a8a5e7;border-radius:12px;background:#453d92;color:white;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:850;font-size:12px}
#place-build-v2 .pb-footer{position:absolute;bottom:0;left:0;right:0;height:185px;background:linear-gradient(112deg,#191859,#211c6f 58%,#191859);border-top:2px solid #8973f0;box-shadow:0 -7px 25px #080c339c;display:flex;align-items:center;gap:20px;z-index:9;padding:18px 26px 25px}
#place-build-v2 .pb-owii-help{width:299px;flex:none;display:flex;align-items:center;gap:10px}
#place-build-v2 .pb-owii-help img{width:91px;height:117px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 9px #11113c91)}
#place-build-v2 .pb-owii-help>div{border:1.5px solid #9b87e5;border-radius:16px;background:#37307da6;padding:12px 13px;display:flex;flex-direction:column;gap:7px}
#place-build-v2 .pb-owii-help strong{font-size:15px;line-height:1.19;font-weight:900}
#place-build-v2 .pb-owii-help p{font-size:11px;color:#d1ddfb;line-height:1.34}
#place-build-v2 .pb-drawer{flex:1;min-width:0;border:1.5px solid #9282d3;border-radius:21px;padding:10px 15px;background:#302a789f}
#place-build-v2 .pb-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#place-build-v2 .pb-drawer-heading strong{color:#acfff2;letter-spacing:.1em;font-size:11px;font-weight:920}
#place-build-v2 .pb-drawer-heading>span{color:#c7d3f0;font-size:11px}
#place-build-v2 .pb-drawer-actions{display:flex;gap:13px;margin-top:8px;align-items:center}
#place-build-v2 .pb-creation{border:1px solid #c0a9f6;border-radius:12px;background:#e8eafb;display:flex;align-items:center;gap:10px;padding:6px 9px;min-height:71px;max-width:200px;color:#263060;font-size:12px;font-weight:800;text-align:left}
#place-build-v2 .pb-creation img{height:54px;width:70px;object-fit:contain;flex:none;background:white;border-radius:6px}
#place-build-v2 .pb-add-photo{display:flex;align-items:center;justify-content:center;gap:9px;min-height:69px;padding:10px 15px;border:1px dashed #b7adf2;border-radius:12px;color:#e5eaff;background:#3b367f;font-size:13px;font-weight:770;cursor:pointer}
#place-build-v2 .pb-add-photo span{font-size:24px;color:#9af6df}
#place-build-v2 #pb-upload{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
#place-build-v2 .pb-save-area{width:326px;flex:none;display:flex;flex-direction:column;align-items:stretch;gap:8px}
#place-build-v2 .pb-save{min-height:66px;border:2px solid #fff6b7;border-radius:20px;background:linear-gradient(130deg,#fff3a6,#ffc950);color:#372851;font-size:19px;font-weight:940;box-shadow:0 0 15px #ffcf3d8c}
#place-build-v2 .pb-save:disabled{opacity:.48;filter:grayscale(.5);cursor:not-allowed;box-shadow:none}
#place-build-v2 .pb-save>span{margin-left:11px;font-size:23px}
#place-build-v2 .pb-save.is-saved{background:linear-gradient(120deg,#b3ffeb,#66dcca);border-color:#c5fff2}
#place-build-v2 #pb-save-note{font-size:11px;line-height:1.35;color:#c9d6f5;text-align:center;max-width:320px}
#place-build-v2 .pb-review-note{position:absolute;bottom:3px;right:22px;z-index:11;letter-spacing:.08em;color:#a89cd1;font-size:9px;font-weight:700}
#city-v2 .pb-overview-sticker{position:absolute;left:24%;top:66%;z-index:5;width:100px;min-height:70px;display:flex;flex-direction:column;align-items:center;transform:rotate(-5deg);border:2px solid #e2fff5;border-radius:11px;background:#fff;padding:3px;box-shadow:0 6px 16px #08143b8a;pointer-events:none}
#city-v2 .pb-overview-sticker img{width:100%;height:65px;object-fit:contain}
#city-v2 .pb-overview-sticker span{font-size:8px;color:#164d54;background:#d2fff4;text-align:center;width:100%;font-weight:850}
@media(prefers-reduced-motion:reduce){#place-build-v2 *{transition:none!important;animation:none!important}}
