body{font-family:system-ui,sans-serif;margin:0;padding:0}#clipboard{position:relative;width:650px;height:420px;margin:20px auto;border:8px solid #7a5c3a;border-radius:12px;background-color:#fff;background-image:url(/cdn/shop/files/halfcourt.png);background-repeat:no-repeat;background-position:center;background-size:400px;overflow:hidden}#draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0}#eraser-cursor{position:absolute;width:34px;height:34px;background:#0000004d;border:2px solid black;border-radius:50%;pointer-events:none;display:none;transform:translate(-50%,-50%)}#ball{position:absolute;width:20px;height:20px;top:200px;left:312px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#trash:hover{filter:drop-shadow(0 0 6px rgba(255,215,60,.9));transform:scale(1.05)}#trash{position:absolute;bottom:8px;right:10px;width:40px;height:40px;opacity:.7;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}#toolbar{display:flex;flex-direction:column;gap:6px;width:fit-content;margin:14px auto 0;align-items:center}#toolbar button{padding:8px 12px;margin:4px;border-radius:6px;border:2px solid transparent;background:#d1d1d6;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}#toolbar button.active{border:2px solid #000}#blue-pen{color:#007aff}#red-pen{color:#ff3b30}#record{position:relative}#record .dot{display:inline-block;width:8px;height:8px;background:red;border-radius:50%;margin-right:6px;opacity:.3}#record.recording{box-shadow:0 0 6px red}#record.recording .dot{opacity:1}#ball{position:absolute;z-index:1000}.clipboard-watermark{position:absolute;bottom:8px;left:8px;width:80px;opacity:.2;pointer-events:none}#trash.active{filter:drop-shadow(0 0 8px rgba(255,200,60,.95));transform:translateY(-2px) scale(1.1);transition:all .15s ease}#trash{transition:all .15s ease}body.page-playdraawer{cursor:auto!important}body.page-playdraawer a,body.page-playdraawer button,body.page-playdraawer input,body.page-playdraawer label,body.page-playdraawer button *,body.page-playdraawer .eraser-btn *,body.page-playdraawer .eraser-label{cursor:pointer!important}body.page-playdraawer .piece,body.page-playdraawer #ball{cursor:grab!important}body.page-playdraawer #clipboard{margin-left:auto;margin-right:auto;text-align:center}#draw-canvas{z-index:5;pointer-events:auto}.piece{position:absolute;width:32px;height:32px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:10}.piece img{width:100%;height:100%;display:block;pointer-events:none}@media (max-width: 768px) and (pointer: coarse){body.page-playdraawer{overflow:hidden}#clipboard,#toolbar{display:none!important}body.page-playdraawer:before{content:"Playdraawer 1.2 by Playmaaker\2122  is available on desktop only.\aPlease open this on a computer.";white-space:pre-line;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:700;background:#111;color:#fff;z-index:9999;padding:24px}}@media (pointer: coarse){#eraser-cursor,#custom-cursor,.custom-cursor,.cursor{display:none!important;opacity:0!important;visibility:hidden!important}*,body,body.page-playdraawer{cursor:auto!important}}#clipboard{position:relative}#help-button{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:none;background:#000000bf;color:#fff;font-size:18px;font-weight:700;cursor:pointer;z-index:3000}#help-button:hover{background:#000000e6}#help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:5000}#help-overlay.open{display:flex}#help-panel{background:#fff;color:#000;max-width:420px;width:90%;max-height:85vh;overflow-y:auto;padding:20px 20px 18px;border-radius:12px;position:relative}#help-panel h2{margin-top:0}#help-panel ul{padding-left:18px}#help-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 12px;margin-top:8px;font-size:13px}.shortcut-grid div{white-space:nowrap;line-height:1.25}#help-panel h2{margin-top:0;margin-bottom:10px}#help-panel p{margin:6px 0}#help-panel ul{padding-left:16px;margin:6px 0 10px}#help-panel hr{margin:10px 0}.tool-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.piece.x,.piece.o{opacity:1;visibility:visible}.eraser-btn{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.eraser-btn .eraser-label{font-weight:600;pointer-events:auto}.eraser-btn input[type=range]{width:80px;margin:0;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/10/assets/style.css.map */