.ak-draw-box,.ak-draw-box *{box-sizing:border-box}.ak-draw-box{width:100%;max-width:760px;margin:0 auto 28px;text-align:center}.ak-draw-stage{position:relative;padding:14px;border:3px solid rgb(188 167 255 / .55);border-radius:26px;background:linear-gradient(180deg,#fff,#f7f1ff);box-shadow:0 18px 42px rgb(74 50 140 / .16)}.ak-draw-game{padding:14px;border-radius:22px;background:#fff}.ak-draw-instruction{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,#fff7cc,#fff);box-shadow:inset 0 0 0 2px rgb(255 218 91 / .35);text-align:left}.ak-draw-step-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(135deg,#ff9a26,#ffd55b);color:#fff;font-size:19px;font-weight:950;box-shadow:0 7px 14px rgb(255 154 38 / .22)}.ak-draw-instruction small{display:block;margin-bottom:2px;color:#8d651d;font-size:9px;font-weight:950;text-transform:uppercase}.ak-draw-instruction strong{display:block;color:#241750;font-size:14px;font-weight:950;line-height:1.25}.ak-draw-paper{position:relative;width:100%;padding:9px;border:3px solid rgb(188 167 255 / .45);border-radius:24px;background:linear-gradient(90deg,rgb(94 75 150 / .045) 1px,transparent 1px),linear-gradient(rgb(94 75 150 / .045) 1px,transparent 1px),#fff;background-size:24px 24px;overflow:hidden}.ak-draw-svg-stage{position:relative;width:100%;aspect-ratio:4 / 3;min-height:390px;border-radius:18px;background:rgb(255 255 255 / .95);box-shadow:inset 0 0 0 2px #f1ecfa,0 12px 25px rgb(74 50 140 / .09);overflow:hidden}.ak-draw-svg-stage svg,.ak-draw-svg{display:block;width:100%;height:100%;overflow:visible}.ak-draw-svg-stage [data-step]{vector-effect:non-scaling-stroke}.ak-draw-pencil{position:absolute;z-index:12;left:0;top:0;font-size:30px;line-height:1;pointer-events:none;opacity:0;transform:translate(-11px,-26px) rotate(-26deg);filter:drop-shadow(0 5px 4px rgb(50 35 90 / .20));will-change:left,top}.ak-draw-pencil.is-visible{opacity:1}.ak-draw-start-message{position:absolute;z-index:10;left:50%;top:50%;width:min(310px,calc(100% - 40px));padding:17px;border:2px solid #e4d8ff;border-radius:21px;background:rgb(255 255 255 / .96);box-shadow:0 15px 35px rgb(50 35 90 / .15);transform:translate(-50%,-50%);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}.ak-draw-start-message.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%,-45%) scale(.94)}.ak-draw-start-message>span{display:block;margin-bottom:5px;font-size:34px}.ak-draw-start-message strong{display:block;color:#21194f;font-size:20px;font-weight:950;line-height:1.1}.ak-draw-start-message small{display:block;margin-top:5px;color:#706987;font-size:11px;font-weight:750;line-height:1.35}.ak-draw-main-button{width:100%;min-height:48px;margin-top:10px;padding:9px 14px;border:0;border-radius:15px;background:linear-gradient(135deg,#7c5cff,#35aef2);color:#fff;font-family:inherit;font-size:13px;font-weight:950;cursor:pointer;box-shadow:0 9px 20px rgb(82 84 220 / .24)}.ak-draw-main-button:disabled{cursor:wait;opacity:.65}.ak-draw-status{min-height:16px;margin:7px 0 0;color:#756c89;font-size:10px;font-weight:800;line-height:1.3}.ak-draw-game-controls{margin-top:10px;border:0;background:#fff0;box-shadow:none}.ak-draw-toast{position:absolute;z-index:40;left:50%;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#241750;color:#fff;font-size:12px;box-shadow:0 12px 25px rgb(36 23 80 / .25);transform:translateX(-50%);animation:akDrawToastIn .2s ease}.ak-draw-toast.is-out{opacity:0;transform:translate(-50%,8px);transition:.25s ease}.ak-draw-admin-warning{max-width:760px;margin:15px auto;padding:17px;border:2px dashed #d4c4ff;border-radius:18px;background:#faf7ff;color:#6740bf;font-weight:850;text-align:center}@keyframes akDrawToastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@media (max-width:760px){.ak-draw-box{width:100%;max-width:100%;margin-bottom:18px}.ak-draw-stage{width:100%;padding:8px;border-radius:20px}.ak-draw-game{width:100%;padding:8px;border-radius:17px}.ak-draw-instruction{gap:8px;margin-bottom:7px;padding:7px 9px;border-radius:12px}.ak-draw-step-badge{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:16px}.ak-draw-instruction small{font-size:7px}.ak-draw-instruction strong{font-size:11px}.ak-draw-paper{width:100%;padding:5px;border-width:2px;border-radius:17px}.ak-draw-svg-stage{width:100%;min-height:0;aspect-ratio:1 / 1;border-radius:13px}.ak-draw-pencil{font-size:23px;transform:translate(-8px,-19px) rotate(-26deg)}.ak-draw-start-message{width:min(255px,calc(100% - 22px));padding:12px;border-radius:16px}.ak-draw-start-message>span{font-size:27px}.ak-draw-start-message strong{font-size:15px}.ak-draw-start-message small{font-size:9px}.ak-draw-main-button{width:100%;min-height:41px;margin-top:7px;border-radius:12px;font-size:11px}.ak-draw-status{margin-top:5px;font-size:9px}.ak-draw-game-controls{width:100%;margin-top:7px}}.ak-draw-instruction-text{flex:1;min-width:0}.ak-draw-hint-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:38px;padding:7px 10px;border:2px solid #ddd3ff;border-radius:12px;background:#fff;color:#675693;font-family:inherit;font-size:10px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgb(74 50 140 / .08);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.ak-draw-hint-toggle:hover{border-color:#a993ff;transform:translateY(-1px);box-shadow:0 8px 18px rgb(74 50 140 / .13)}.ak-draw-hint-toggle.is-active{border-color:#7c5cff;background:linear-gradient(135deg,#7c5cff,#9c7cff);color:#fff;box-shadow:0 8px 18px rgb(93 68 210 / .22)}.ak-draw-hint-toggle span:first-child{font-size:15px}.ak-draw-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr);gap:8px;margin-top:10px}.ak-draw-actions .ak-draw-main-button{width:100%;margin-top:0}.ak-draw-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;padding:9px 12px;border:2px solid #ddd3ff;border-radius:15px;background:linear-gradient(180deg,#fff,#f5f1ff);color:#4d3a7f;font-family:inherit;font-size:11px;font-weight:950;line-height:1.15;text-align:center;cursor:pointer;box-shadow:0 8px 17px rgb(74 50 140 / .10);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.ak-draw-secondary-button:hover:not(:disabled){border-color:#a993ff;transform:translateY(-1px);box-shadow:0 10px 21px rgb(74 50 140 / .15)}.ak-draw-secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ak-draw-auto-button.is-running{border-color:#ffad3d;background:linear-gradient(135deg,#ff922d,#ffc34f);color:#fff;box-shadow:0 9px 20px rgb(255 146 45 / .24)}@media (max-width:760px){.ak-draw-instruction{flex-wrap:nowrap}.ak-draw-instruction-text{min-width:0}.ak-draw-hint-toggle{gap:4px;min-height:32px;padding:6px 8px;border-radius:10px;font-size:8px}.ak-draw-hint-toggle span:first-child{font-size:13px}.ak-draw-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.ak-draw-actions .ak-draw-main-button{grid-column:1 / -1}.ak-draw-secondary-button{min-height:42px;padding:7px 8px;border-radius:12px;font-size:9px}}@media (max-width:390px){.ak-draw-hint-toggle{width:34px;padding:5px}.ak-draw-hint-toggle span[data-ak-hint-text]{display:none}.ak-draw-actions{grid-template-columns:1fr}.ak-draw-actions .ak-draw-main-button{grid-column:auto}}