:root{--board-width: calc(100vw - 20px) ;color-scheme:dark;background:#070605;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow:hidden;background:linear-gradient(180deg,#ffffff0b,#fff0 18%),#070605}button{font:inherit}.plinko-shell{display:grid;grid-template-rows:auto minmax(0,1fr);align-items:start;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom));background:#070605}.plinko-toolbar{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.4fr) auto;gap:10px;align-items:center;width:min(900px,calc(100vw - 20px));margin:0 auto 10px}.mode-heading{min-width:0;color:#f7d58c}.mode-heading span{display:block;overflow:hidden;color:#ffe9b19e;font-size:11px;font-weight:800;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mode-heading strong{display:block;overflow:hidden;margin-top:2px;font-size:18px;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.preset-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:2px;scrollbar-width:none}.preset-tabs::-webkit-scrollbar{display:none}.preset-tab,.secondary-button,.primary-button{min-height:38px;border:1px solid rgba(255,229,171,.22);border-radius:8px;color:#ffe5abc7;background:#120f0bb8;box-shadow:inset 0 1px #ffffff1a;cursor:pointer;-webkit-tap-highlight-color:transparent}.preset-tab{flex:0 0 auto;padding:0 12px;font-size:13px;font-weight:800}.preset-tab.is-selected{border-color:#ffdb86b8;color:#fff0bd;background:linear-gradient(180deg,#8c5916b8,#2b1b0be6),#120f0bd6}.tool-actions{display:flex;gap:7px;justify-self:end}.icon-button,.drop-button,.dialog-close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,229,171,.34);border-radius:50%;color:#ffdc89;background:#120f0bd6;box-shadow:0 14px 30px #00000061,inset 0 1px #ffffff29;cursor:pointer;-webkit-tap-highlight-color:transparent}.drop-button{width:48px;height:48px}.icon-button{color:#ffdc89eb}.dialog-close{width:36px;height:36px;box-shadow:none}.preset-tab:active,.secondary-button:active,.primary-button:active,.icon-button:active,.drop-button:active{transform:translateY(1px) scale(.98)}.preset-tab:focus-visible,.secondary-button:focus-visible,.primary-button:focus-visible,.icon-button:focus-visible,.dialog-close:focus-visible,.drop-button:focus-visible{outline:2px solid #ffdc89;outline-offset:3px}.icon-button svg,.drop-button svg,.dialog-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.plinko-stage{width:min(var(--board-width),calc(100vw - 20px));aspect-ratio:4 / 5;margin:0 auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}#plinkoCanvas{display:block;width:100%;height:100%}.customize-dialog{width:min(520px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:1px solid rgba(255,224,151,.28);border-radius:12px;color:#fbe2a6;background:linear-gradient(180deg,#1f1810fa,#080705fc),#0b0805;box-shadow:0 24px 80px #000000a3}.customize-dialog::backdrop{background:#000000a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.customize-dialog form{display:grid;gap:16px;padding:18px}.dialog-header,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-header h2{margin:0;font-size:20px;line-height:1.15}.field-label{display:grid;gap:7px;color:#ffe8b0b8;font-size:12px;font-weight:800;text-transform:uppercase}.field-label input{width:100%;min-width:0;height:42px;border:1px solid rgba(255,224,151,.25);border-radius:8px;color:#fff2bf;background:#0202027a;font:700 15px/1 Inter,ui-sans-serif,system-ui,sans-serif;outline:none;padding:0 11px}.field-label input:focus{border-color:#ffdc89c2;box-shadow:0 0 0 3px #ffc4531f}.slot-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog-actions{justify-content:flex-end}.secondary-button,.primary-button{padding:0 15px;font-weight:800}.primary-button{border-color:#ffdb86bd;color:#110c05;background:linear-gradient(180deg,#ffe6a3,#c88625)}.toast{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:3;margin:0;padding:10px 13px;border:1px solid rgba(255,224,151,.24);border-radius:8px;color:#fff0bd;background:#0c0906eb;box-shadow:0 14px 36px #00000070;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translateY(0)}@media(max-height:680px){.plinko-shell{padding-top:max(8px,env(safe-area-inset-top))}.plinko-toolbar{margin-bottom:4px}.drop-button{width:42px;height:42px}}@media(max-width:760px){.plinko-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.preset-tabs{grid-column:1 / -1;grid-row:2;order:3}.tool-actions{gap:6px}.icon-button,.drop-button{width:40px;height:40px}}@media(max-device-width:520px){.plinko-toolbar,.plinko-stage{width:min(370px,calc(100vw - 20px))}.mode-heading strong{font-size:16px}.preset-tab{min-height:34px;padding:0 10px;font-size:12px}.slot-editor{grid-template-columns:1fr}}