#prank-controller{position:fixed;z-index:85;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);box-sizing:border-box;padding:16px 20px calc(18px + env(safe-area-inset-bottom));background:#ede5f7f5;color:#7954a3;border-radius:24px 24px 0 0}#prank-controller[hidden],#prank-touch[hidden]{display:none}#prank-controller h2{font-size:18px;margin:0}#prank-controller p{margin:8px 0}.prank-controls{display:flex;gap:8px;align-items:center;justify-content:center}.prank-controls button{border:0;border-radius:16px;padding:12px;color:#7954a3;background:#d5f66a;font-weight:700}.prank-shape{width:90px;height:160px;border-radius:12px;background:#7954a3}body.prank-controller #pk-remote{position:fixed;left:50%;top:0;bottom:auto;transform:translateX(-50%);width:min(100vw,56.25vh);height:100dvh;max-height:none;object-fit:contain;border:0;border-radius:0;background:#292132}body.prank-controller #pk-peer-label{display:none}body.prank-controller #play{visibility:hidden}body.prank-controller #pk-settings{visibility:visible}#prank-touch{position:fixed;z-index:82;inset:0;left:50%;transform:translateX(-50%);width:min(100vw,56.25vh);touch-action:none}.prank-picker .sort-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prank-picker .plan-rows{min-height:150px;max-height:180px}.prank-picker .plan-add{flex-wrap:wrap;overflow:auto;max-height:42vh}.prank-picker .plan-add button{width:20%;flex-shrink:0}.prank-picker img{object-fit:contain!important;background:#7954a3;border-radius:12px}.prank-picker h3{font-size:20px}.prank-picker .plan-row{min-width:0}.prank-allowance{font-size:14px;color:#7954a3}

.prank-author-preview{position:fixed;width:min(75vw,32vh);height:auto;bottom:140px;left:50%;transform:translateX(-50%);border:2px solid #40dfff;border-radius:16px}.friends-board .board-row{flex-wrap:wrap;gap:8px}
body.pk-active.prank-controller #pk-hud,body.pk-active.prank-controller #pk-hud.pk-preparing{inset:0;width:100%;height:100%;max-width:none;border:0;border-radius:0;padding:0;box-shadow:none;pointer-events:none;z-index:84;background:#201a2c}
body.pk-active.prank-controller #pk-remote{position:absolute!important;inset:0 auto auto 50%!important;transform:translateX(-50%)!important;width:min(100vw,56.25dvh);height:auto;aspect-ratio:9/16;border-radius:0}
body.prank-controller #prank-touch{width:min(100vw,56.25dvh);height:min(177.7778vw,100dvh);bottom:auto}
body.prank-controller #pk-settings{pointer-events:auto}body.prank-controller #pk-status{top:8px;bottom:auto;left:8px}body.prank-controller #pk-peer-status{bottom:110px}body.prank-controller #pk-connection{position:absolute;bottom:130px;left:12px}
.prank-picker.card-editor{width:min(94vw,600px);padding:18px}.prank-picker.card-editor .plan-rows{min-height:120px;max-height:170px;overflow:visible;margin-bottom:16px}.prank-picker.card-editor .plan-row{aspect-ratio:3/4}.prank-picker.card-editor .plan-add{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;overflow:auto;max-height:48vh;box-shadow:inset 0 3px 8px #7954a333;border-radius:18px}.prank-picker.card-editor .plan-add button{width:100%;min-width:0;position:relative;aspect-ratio:3/4}.prank-picker.card-editor .plan-add img{width:100%;height:100%;display:block}.prank-picker.card-editor .plan-row .drag-handle{height:100%;width:100%}.prank-picker.card-editor .card-delete{right:-4px;top:-4px}.prank-picker.card-editor .sort-grid{gap:10px}
.prank-picker.card-editor .plan-add{grid-template-columns:repeat(3,minmax(0,1fr));touch-action:pan-y}.prank-picker.card-editor .plan-add [data-add]{touch-action:pan-y;max-width:none}

#friend-list .board-row{grid-template-columns:minmax(0,1fr) auto}#friend-list .friend-mode-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}#friend-list .friend-mode-actions button{min-height:42px}
.prank-access{box-sizing:border-box;width:min(90vw,380px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px 24px 24px;border:1.5px solid #7954a3;border-radius:24px;background:#eee7f8;color:#513571;box-shadow:4px 5px 0 #7954a3}.prank-access::backdrop{background:#20132f80;backdrop-filter:blur(3px)}.prank-access h2{font-size:24px;margin:4px 28px 14px 0}.prank-access p{font-size:15px;line-height:1.5}.prank-access label{display:block;font-size:14px;margin:20px 0 8px}.prank-access input{box-sizing:border-box;width:100%;height:48px;border:1.5px solid #7954a3;border-radius:12px;background:#fff9;color:#513571;font-size:20px;padding:10px 12px;outline-offset:3px}.prank-access .prank-access-close{position:absolute;right:12px;top:12px;width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#7954a3;font:24px/1 sans-serif}.prank-access .primary{width:100%;margin:8px 0 0}.prank-access .prank-access-error{min-height:23px;margin:8px 0;color:#9e3056}

#prank-frame-preview{position:fixed;z-index:85;left:50%;top:0;transform:translateX(-50%);width:min(100vw,56.25dvh);height:min(177.7778vw,100dvh);pointer-events:none}#prank-frame-preview[hidden]{display:none}

body.prank-controller #prank-controller{z-index:86}