:root{--ink:#06050a;--cream:#efdcc4;--lav:#d7d2ff;--blue:#171344;--purple:#918df8;--hot:#ff69b4;--shadow:#24202d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:grid;place-items:center;padding:14px;background:#b9efe5;font-family:Chicago,Geneva,"Courier New",monospace;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;text-transform:uppercase;font-weight:900;border:4px solid var(--ink);box-shadow:4px 4px 0 var(--shadow);background:#c7c3ff;color:#100d36}button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.monitor{width:min(1220px,98vw);height:min(880px,96vh);background:#766554;border-radius:35px;padding:26px;box-shadow:inset 0 0 35px #2d2119,0 28px 70px #0006}.screen{height:100%;background:var(--cream);border:5px solid var(--ink);overflow:hidden;position:relative;box-shadow:inset 0 0 0 5px #52485d}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000016 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 58%,#0004);mix-blend-mode:multiply;z-index:50}.topbar{height:44px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#fff6e8;border-bottom:5px solid var(--ink);padding:0 14px;text-transform:uppercase;font-size:18px;position:relative;z-index:2}.topbar b{text-align:center}.topbar span{text-align:right}.windowButtons{display:flex;gap:10px}.windowButtons i{width:20px;height:20px;border:3px solid var(--ink);border-radius:50%;background:white}.movieApp{height:calc(100% - 86px);display:grid;grid-template-columns:310px 1fr 310px;gap:15px;padding:15px;background:radial-gradient(circle at 16px 16px,#171119 0 7px,transparent 8px),radial-gradient(circle at 46px 36px,#956454 0 10px,transparent 11px),radial-gradient(circle at 80px 18px,#1b1417 0 6px,transparent 7px),#efd5c0;background-size:110px 72px}.picker,.paperPanel{min-height:0;background:var(--lav);border:5px solid var(--ink);box-shadow:6px 6px 0 var(--shadow);display:flex;flex-direction:column}.rightStack{display:grid;grid-template-rows:1fr 1fr;gap:15px;min-height:0}.cap{height:34px;background:var(--blue);color:#f3f1ff;text-align:center;line-height:34px;border-bottom:4px solid var(--ink);text-transform:uppercase;font-weight:900;letter-spacing:1px}.itemPreview{flex:1;display:grid;place-items:center;background:#f7f2ff;padding:16px;min-height:0}.itemPreview img{max-width:92%;max-height:92%;object-fit:contain;filter:drop-shadow(6px 8px 0 #0003);image-rendering:auto}.shoeBox img{max-height:76%}.chooser{height:58px;border-top:4px solid var(--ink);display:grid;grid-template-columns:68px 1fr 68px;background:#8480e8}.chooser strong{display:grid;place-items:center;text-align:center;background:#e7e3ff;border-inline:4px solid var(--ink);font-size:14px;text-transform:uppercase;padding:4px}.chooser button{border:0;box-shadow:inset -3px -3px 0 #0004,inset 3px 3px 0 #fff8;font-size:19px}.avatarStage{position:relative;flex:1;background:#fff;overflow:hidden;display:grid;place-items:center}.avatarStage:before{content:"";position:absolute;inset:18px;border:2px dashed #b9b2e9;opacity:.7}.avatarImg{max-width:86%;max-height:96%;object-fit:contain;display:none;position:absolute;z-index:5}.standin{width:210px;height:485px;position:relative;filter:drop-shadow(8px 8px 0 #0002);z-index:4}.hair{position:absolute;top:0;left:48px;width:112px;height:170px;background:#2a2330;border-radius:52% 52% 45% 45%}.face{position:absolute;top:12px;left:70px;width:70px;height:84px;background:#deb58f;border:3px solid #111;border-radius:48%;z-index:2}.neck{position:absolute;top:90px;left:91px;width:30px;height:38px;background:#d7a982;border:3px solid #111}.body{position:absolute;top:124px;left:54px;width:104px;height:154px;background:#121622;border:3px solid #111;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.arm{position:absolute;top:132px;width:34px;height:150px;background:#d7a982;border:3px solid #111}.arm.left{left:22px;transform:rotate(12deg)}.arm.right{right:22px;transform:rotate(-12deg)}.leg{position:absolute;top:270px;width:36px;height:184px;background:#deb58f;border:3px solid #111}.leg.l{left:64px}.leg.r{right:64px}#layers{position:absolute;inset:0;z-index:20}.worn{position:absolute;max-width:260px;max-height:260px;object-fit:contain;transform-origin:center;filter:drop-shadow(2px 4px 0 #0004);cursor:grab}.worn.selected{outline:4px dashed var(--hot);outline-offset:5px}.movieButtons{height:64px;border-top:5px solid var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:9px 12px;background:#ddd9ff}.movieButtons button:first-child{background:#07060d;color:white;border-color:white}.mismatch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:80;background:#9c96ff;color:#171344;border:7px solid #171344;box-shadow:8px 8px 0 #0008;font-size:56px;font-weight:900;text-transform:uppercase;letter-spacing:5px;padding:8px 22px;display:none}.mismatch.show{display:block;animation:pop .24s steps(2)}@keyframes pop{from{transform:translate(-50%,-50%) scale(.82)}to{transform:translate(-50%,-50%) scale(1)}}.ticker{height:42px;background:#171344;color:white;border-top:5px solid var(--ink);display:flex;gap:28px;align-items:center;padding:0 14px;text-transform:uppercase;font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;position:relative;z-index:2}.ticker span:first-child{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.drawer{position:fixed;inset:4vh 4vw;background:#f7f0ff;border:6px solid var(--ink);box-shadow:14px 14px 0 #0008;z-index:100;display:none;overflow:auto}.drawer.open{display:block}.drawerHead{height:54px;background:#171344;color:white;border-bottom:5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 14px;text-transform:uppercase}.drawerHead button{background:white}.drawerGrid{display:grid;grid-template-columns:290px 1fr 300px;gap:18px;padding:18px}.drawer h2{text-transform:uppercase;font-size:16px;margin:0 0 10px}.drawer form{display:grid;gap:9px;margin-bottom:18px}.drawer label{display:grid;gap:3px;font-size:12px;font-weight:900;text-transform:uppercase}input,select{width:100%;border:3px solid var(--ink);background:#fffaf0;padding:7px}.pieces{display:grid;gap:10px;align-content:start;max-height:60vh;overflow:auto}.piece{background:#fffaf0;border:4px solid var(--ink);display:grid;grid-template-columns:76px 1fr;gap:8px;padding:7px;box-shadow:4px 4px 0 #0003}.piece img{width:76px;height:86px;object-fit:contain;background:white;border:3px solid var(--ink)}.piece b{display:block;font-size:13px}.piece small{display:block;font-size:11px;text-transform:uppercase}.piece .row{display:flex;gap:6px;margin-top:7px}.piece button{font-size:10px;padding:4px;border-width:3px;box-shadow:2px 2px 0 var(--shadow)}.delete{background:#ff9ccc}.tuner{display:grid;gap:10px}.tiny{font-size:12px;line-height:1.35}#filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}#filters button{font-size:11px;padding:5px;border-width:3px;box-shadow:2px 2px 0 var(--shadow)}@media(max-width:950px){body{padding:8px}.monitor{height:auto;min-height:96vh;padding:12px;border-radius:22px}.topbar{font-size:12px}.movieApp{height:auto;grid-template-columns:1fr}.avatarStage{height:560px}.rightStack{grid-template-rows:auto}.smallPicker{height:260px}.drawer{inset:1vh 2vw}.drawerGrid{grid-template-columns:1fr}.ticker{font-size:10px;gap:12px}.mismatch{font-size:30px}.paperPanel{order:1}.leftPicker{order:2}.rightStack{order:3}}