.ak-association-box,.ak-association-box *{box-sizing:border-box}.ak-association-box{--ak-assoc-purple:#7257d9;--ak-assoc-purple-dark:#5138b8;--ak-assoc-purple-light:#eee9ff;--ak-assoc-blue:#56a9ef;--ak-assoc-yellow:#ffd65a;--ak-assoc-pink:#ff89ae;--ak-assoc-green:#55c998;--ak-assoc-red:#ef6d78;--ak-assoc-text:#31294d;--ak-assoc-muted:#756d91;width:100%;max-width:940px;margin:0 auto 34px;font-family:"Nunito","Baloo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ak-assoc-text)}.ak-association-wrap{position:relative;isolation:isolate;overflow:hidden;border:3px solid rgb(114 87 217 / .2);border-radius:32px;background:radial-gradient(circle at 8% 4%,rgb(255 214 90 / .27),transparent 24%),radial-gradient(circle at 95% 16%,rgb(86 169 239 / .22),transparent 27%),radial-gradient(circle at 90% 95%,rgb(255 137 174 / .13),transparent 27%),linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%);box-shadow:0 25px 65px rgb(70 48 145 / .16),0 8px 22px rgb(70 48 145 / .08)}.ak-association-wrap::before,.ak-association-wrap::after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.ak-association-wrap::before{top:122px;left:-68px;width:170px;height:170px;border:28px solid rgb(114 87 217 / .045)}.ak-association-wrap::after{right:-48px;bottom:32px;width:125px;height:125px;background:rgb(86 169 239 / .055)}.ak-association-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 20px}.ak-association-header-main{display:flex;align-items:center;gap:16px;min-width:0}.ak-association-header-icon{display:grid;flex:0 0 auto;place-items:center;width:62px;height:62px;border:3px solid rgb(114 87 217 / .15);border-radius:21px;background:linear-gradient(145deg,#ffffff,#eae3ff);box-shadow:0 10px 20px rgb(93 66 184 / .15),inset 0 2px 0 rgb(255 255 255 / .8);font-size:33px;transform:rotate(-4deg)}.ak-association-title{margin:0 0 4px;color:var(--ak-assoc-purple-dark);font-size:clamp(24px, 4vw, 36px);font-weight:1000;line-height:1.08;letter-spacing:-.7px}.ak-association-instruction{max-width:620px;margin:0;color:var(--ak-assoc-muted);font-size:16px;font-weight:700;line-height:1.4}.ak-association-progress-card{flex:0 0 auto;min-width:92px;padding:10px 15px;border:2px solid rgb(114 87 217 / .14);border-radius:18px;background:rgb(255 255 255 / .88);box-shadow:0 8px 20px rgb(78 57 144 / .08);text-align:center}.ak-association-progress-card small{display:block;margin-bottom:2px;color:var(--ak-assoc-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.ak-association-progress-card strong{color:var(--ak-assoc-purple-dark);font-size:19px;font-weight:1000}.ak-association-progress-track{height:10px;margin:0 26px;overflow:hidden;border-radius:999px;background:#e9e3f8}.ak-association-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ak-assoc-purple),var(--ak-assoc-blue));box-shadow:0 2px 8px rgb(92 78 205 / .35);transition:width 0.4s ease}.ak-association-stage{position:relative;padding:22px 26px 28px}.ak-association-guide{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 auto 18px;color:var(--ak-assoc-muted);font-size:13px;font-weight:900}.ak-association-guide-step{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:2px solid rgb(114 87 217 / .1);border-radius:999px;background:rgb(255 255 255 / .76);box-shadow:0 6px 15px rgb(76 51 153 / .055)}.ak-association-guide-step b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;background:var(--ak-assoc-purple);font-size:12px;font-weight:1000}.ak-association-guide-arrow{color:var(--ak-assoc-purple);font-size:20px;font-weight:1000}.ak-association-game{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:stretch;gap:0;width:100%;max-width:830px;margin:0 auto}.ak-association-side{position:relative;z-index:2;min-width:0;padding:13px;border:3px solid rgb(114 87 217 / .12);border-radius:26px;background:rgb(255 255 255 / .82);box-shadow:0 16px 34px rgb(75 54 143 / .1),inset 0 2px 0 rgb(255 255 255 / .85);backdrop-filter:blur(8px)}.ak-association-side-left{background:radial-gradient(circle at 12% 6%,rgb(255 214 90 / .22),transparent 30%),rgb(255 255 255 / .87)}.ak-association-side-right{background:radial-gradient(circle at 90% 8%,rgb(86 169 239 / .19),transparent 31%),rgb(255 255 255 / .87)}.ak-association-side-title{display:flex;align-items:center;gap:9px;min-height:39px;margin:0 0 10px;padding:6px 9px;border-radius:14px;color:var(--ak-assoc-purple-dark);background:rgb(238 233 255 / .72);font-size:13px;font-weight:1000;text-align:left}.ak-association-side-right .ak-association-side-title{background:rgb(224 244 255 / .75)}.ak-association-side-title span{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#8067e5,#5c43bd);box-shadow:0 5px 10px rgb(81 56 184 / .22)}.ak-association-side-right .ak-association-side-title span{background:linear-gradient(145deg,#66bdf2,#388ed5);box-shadow:0 5px 10px rgb(56 142 213 / .22)}.ak-association-column{display:flex;flex-direction:column;gap:10px;min-width:0}.ak-association-bridge{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;min-height:100%;pointer-events:none}.ak-association-bridge::before{width:3px;height:calc(100% - 36px);border-radius:999px;background:repeating-linear-gradient(180deg,rgb(114 87 217 / .18) 0 8px,transparent 8px 16px);content:""}.ak-association-bridge-icon{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:3px solid rgb(114 87 217 / .12);border-radius:50%;color:var(--ak-assoc-purple-dark);background:#fff;box-shadow:0 8px 18px rgb(75 54 143 / .13);font-size:20px}.ak-association-card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:64px;padding:8px 16px;border:3px solid rgb(114 87 217 / .15);border-radius:20px;color:var(--ak-assoc-text);background:linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%);box-shadow:0 9px 18px rgb(50 35 90 / .09),inset 0 2px 0 rgb(255 255 255 / .88);font:inherit;font-weight:1000;line-height:1.15;text-align:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:#fff0;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease,opacity 0.18s ease}.ak-left-card{font-size:42px;touch-action:none}.ak-right-card{font-size:21px}.ak-left-card:nth-child(3n+1){background:linear-gradient(145deg,#fffdf7,#fff4cf)}.ak-left-card:nth-child(3n+2){background:linear-gradient(145deg,#ffffff,#f1edff)}.ak-left-card:nth-child(3n){background:linear-gradient(145deg,#ffffff,#eaf8ff)}.ak-right-card:nth-child(3n+1){background:linear-gradient(145deg,#ffffff,#eef7ff)}.ak-right-card:nth-child(3n+2){background:linear-gradient(145deg,#ffffff,#f3efff)}.ak-right-card:nth-child(3n){background:linear-gradient(145deg,#ffffff,#fff4f8)}.ak-association-card::after,.ak-association-card::before{position:absolute;top:50%;z-index:4;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#b9abe9;box-shadow:0 3px 8px rgb(75 54 143 / .24);content:"";transform:translateY(-50%);transition:background 0.18s ease,box-shadow 0.18s ease,transform 0.18s ease}.ak-left-card::before,.ak-right-card::after{display:none}.ak-left-card::after{right:-10px}.ak-right-card::before{left:-10px}.ak-association-card:hover:not(.is-correct){border-color:rgb(114 87 217 / .42);box-shadow:0 13px 25px rgb(50 35 90 / .13),inset 0 2px 0 rgb(255 255 255 / .9);transform:translateY(-2px)}.ak-association-card:focus-visible{outline:4px solid rgb(86 169 239 / .27);outline-offset:2px}.ak-association-card.is-selected{z-index:6;border-color:#ffae2f;background:linear-gradient(145deg,#fff4d8,#ffffff);box-shadow:0 0 0 5px rgb(255 174 47 / .17),0 14px 28px rgb(89 58 8 / .13);transform:translateY(-1px) scale(.985)}.ak-association-card.is-selected::after,.ak-association-card.is-selected::before{background:#ffae2f;box-shadow:0 0 0 5px rgb(255 174 47 / .18),0 3px 8px rgb(89 58 8 / .2);transform:translateY(-50%) scale(1.12)}.ak-association-card.is-correct{border-color:#55c998;color:#19724f;background:linear-gradient(145deg,#e5faef,#ffffff);box-shadow:0 10px 20px rgb(44 145 102 / .12),inset 0 2px 0 rgb(255 255 255 / .92);cursor:default;pointer-events:none}.ak-association-card.is-correct::after,.ak-association-card.is-correct::before{background:#55c998;box-shadow:0 0 0 4px rgb(85 201 152 / .15),0 3px 8px rgb(31 124 87 / .2)}.ak-association-card.is-wrong{border-color:var(--ak-assoc-red);background:linear-gradient(145deg,#ffebed,#ffffff);animation:ak-association-shake 0.32s ease}.ak-association-card.is-wrong::after,.ak-association-card.is-wrong::before{background:var(--ak-assoc-red)}.ak-association-game.is-dense .ak-association-column{gap:8px}.ak-association-game.is-dense .ak-association-card{min-height:56px}.ak-association-game.is-dense .ak-left-card{font-size:36px}.ak-association-game.is-dense .ak-right-card{font-size:18px}.ak-association-lines{position:absolute;z-index:3;inset:0;pointer-events:none}.ak-association-line{position:absolute;height:7px;border-radius:999px;background:linear-gradient(90deg,#7b61dc,#57aef0);box-shadow:0 5px 12px rgb(68 60 163 / .24),0 0 0 2px rgb(255 255 255 / .54);transform-origin:left center;animation:ak-association-line-in 0.32s ease both}.ak-association-line.is-preview{height:6px;background:linear-gradient(90deg,#ffae2f,#ff89ae);box-shadow:0 4px 12px rgb(255 137 174 / .24),0 0 0 2px rgb(255 255 255 / .55);opacity:.92;animation:none}.ak-association-message{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ak-association-toast{position:absolute;top:126px;left:50%;z-index:30;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 30px);padding:11px 16px;border:2px solid rgb(114 87 217 / .16);border-radius:999px;color:var(--ak-assoc-purple-dark);background:rgb(255 255 255 / .97);box-shadow:0 14px 32px rgb(50 35 90 / .18);font-size:15px;font-weight:1000;white-space:nowrap;pointer-events:none;transform:translateX(-50%);animation:ak-association-toast-in 0.22s ease forwards}.ak-association-toast>span{font-size:20px}.ak-association-toast.ak-toast-out{animation:ak-association-toast-out 0.35s ease forwards}.ak-association-ghost{position:fixed!important;z-index:999999!important;min-height:0!important;margin:0!important;pointer-events:none!important;opacity:0.97!important;transform:translate(-50%,-50%) rotate(-2deg) scale(1.03)!important;box-shadow:0 18px 38px rgb(50 35 90 / .24)!important}.ak-association-ghost::after,.ak-association-ghost::before{display:none!important}.ak-right-card.is-drop-hover{z-index:6;border-color:var(--ak-assoc-blue)!important;background:linear-gradient(145deg,#e3f5ff,#ffffff)!important;box-shadow:0 0 0 5px rgb(86 169 239 / .18),0 14px 28px rgb(56 142 213 / .13)!important;transform:translateY(-1px) scale(.985)!important}.ak-right-card.is-drop-hover::before{background:var(--ak-assoc-blue);box-shadow:0 0 0 5px rgb(86 169 239 / .18);transform:translateY(-50%) scale(1.12)}.ak-association-box>.ak-game-controls{margin-top:14px}body.ak-association-is-dragging{overflow:hidden;user-select:none}@keyframes ak-association-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@keyframes ak-association-line-in{from{opacity:0;transform:rotate(var(--ak-line-angle,0deg)) scaleX(.15)}to{opacity:1;transform:rotate(var(--ak-line-angle,0deg)) scaleX(1)}}@keyframes ak-association-toast-in{from{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes ak-association-toast-out{from{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-12px) scale(.92)}}@media (max-width:760px){.ak-association-box{margin:12px auto 24px}.ak-association-wrap{border-width:2px;border-radius:26px}.ak-association-header{gap:10px;padding:16px 14px 14px}.ak-association-header-main{gap:10px}.ak-association-header-icon{width:48px;height:48px;border-width:2px;border-radius:16px;font-size:25px}.ak-association-title{font-size:clamp(20px, 6vw, 25px);letter-spacing:-.35px}.ak-association-instruction{font-size:11px;line-height:1.3}.ak-association-progress-card{min-width:67px;padding:8px 8px;border-radius:14px}.ak-association-progress-card small{font-size:9px}.ak-association-progress-card strong{font-size:15px}.ak-association-progress-track{height:8px;margin:0 14px}.ak-association-stage{padding:14px 8px 18px}.ak-association-guide{gap:5px;margin-bottom:12px;font-size:10px}.ak-association-guide-step{gap:5px;padding:6px 8px;border-width:1px}.ak-association-guide-step b{width:19px;height:19px;font-size:10px}.ak-association-guide-arrow{font-size:15px}.ak-association-game{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)}.ak-association-side{padding:7px;border-width:2px;border-radius:19px;box-shadow:0 10px 22px rgb(75 54 143 / .09)}.ak-association-side-title{gap:5px;min-height:31px;margin-bottom:7px;padding:4px 5px;border-radius:11px;font-size:9px}.ak-association-side-title span{width:22px;height:22px;border-radius:8px;font-size:10px}.ak-association-column{gap:8px}.ak-association-bridge::before{width:2px}.ak-association-bridge-icon{width:28px;height:28px;border-width:2px;font-size:13px}.ak-association-card{min-height:54px;padding:5px 7px;border-width:2px;border-radius:15px;box-shadow:0 6px 13px rgb(50 35 90 / .08)}.ak-left-card{font-size:34px}.ak-right-card{font-size:15px}.ak-association-card::after,.ak-association-card::before{width:11px;height:11px;border-width:3px}.ak-left-card::after{right:-8px}.ak-right-card::before{left:-8px}.ak-association-line{height:5px;box-shadow:0 3px 8px rgb(68 60 163 / .2),0 0 0 1px rgb(255 255 255 / .58)}.ak-association-line.is-preview{height:5px}.ak-association-game.is-dense .ak-association-column{gap:6px}.ak-association-game.is-dense .ak-association-card{min-height:47px;padding:4px 5px}.ak-association-game.is-dense .ak-left-card{font-size:29px}.ak-association-game.is-dense .ak-right-card{font-size:13px}.ak-association-toast{top:89px;padding:9px 12px;font-size:12px}.ak-association-toast>span{font-size:16px}.ak-association-box>.ak-game-controls{margin-top:10px}}@media (max-width:390px){.ak-association-header-icon{width:43px;height:43px;font-size:23px}.ak-association-title{font-size:19px}.ak-association-instruction{font-size:10px}.ak-association-progress-card{min-width:58px;padding-inline:5px}.ak-association-guide-step{padding-inline:6px}.ak-association-game{grid-template-columns:minmax(0,1fr) 29px minmax(0,1fr)}.ak-association-side{padding:6px}.ak-association-side-title strong{font-size:8px}.ak-association-card{min-height:50px}.ak-left-card{font-size:31px}.ak-right-card{font-size:14px}}@media (prefers-reduced-motion:reduce){.ak-association-card,.ak-association-line,.ak-association-toast,.ak-association-progress-bar{animation:none!important;transition:none!important}}