:root{--bg:#0b1024;--panel:#131c39;--panel2:#182344;--line:#2c3a62;--text:#f4f6ff;--muted:#a8b4d7;--cyan:#62e6e7;--gold:#ffd46a;--purple:#8b7cff;--green:#56e0ad;--red:#ff7c9a}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 80% 0%,#202c56 0,transparent 38%),linear-gradient(140deg,#0a1025,#101832 60%,#10152d);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,60px);border-bottom:1px solid #ffffff12;background:#0b1024b8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#5de6e0,#8b7cff);font-size:25px;font-weight:900;color:#10152d}.brand strong{display:block;font-size:20px;letter-spacing:2px}.brand strong b{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:14px}.pill{font-size:12px;color:#b5f6d9;background:#173c3a;border:1px solid #2d665c;border-radius:30px;padding:9px 12px}.wrap{width:min(1500px,96vw);margin:0 auto;padding:28px 0 70px}.panel{background:linear-gradient(135deg,#182344ed,#111a35ed);border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 80px #0003}.hero{min-height:540px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(28px,6vw,80px);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:#6259ff12;right:-120px;top:-100px}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:3px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{max-width:590px;color:#c0c9e5;font-size:17px;line-height:1.8}.name-row{display:flex;flex-direction:column;gap:8px;margin:26px 0 18px;max-width:480px}.name-row label{font-size:13px;color:#cbd5f4;font-weight:700}.name-row input{padding:15px 17px;border:1px solid #40517b;border-radius:13px;background:#0c1530;color:white;font:inherit;outline:none}.name-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #62e6e71a}.btn{border:1px solid #40517b;background:#1b294b;color:var(--text);font:inherit;font-weight:750;border-radius:13px;padding:12px 18px;cursor:pointer;transition:.15s}.btn:hover{filter:brightness(1.14);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{border:0;background:linear-gradient(110deg,#13aeb9,#6a5de8);box-shadow:0 8px 26px #4e7bf533}.btn.ghost{background:#ffffff08}.btn.big{padding:16px 24px;font-size:16px}.btn span{margin-left:16px}.small-note{font-size:12px!important;color:#8795bc!important}.hero-art{height:390px;display:grid;place-items:center;position:relative}.hero-card{width:min(330px,75%);height:340px;border:1px solid #ffffff25;border-radius:28px;background:linear-gradient(145deg,#25375f,#121a36);box-shadow:0 30px 80px #050a1b99, inset 0 1px #ffffff22;transform:rotate(5deg);padding:32px;position:relative}.mini-label{font-size:10px;letter-spacing:2px;color:#a7b8df}.hero-number{font-size:112px;font-weight:900;color:var(--gold);line-height:1.4}.hero-number span{font-size:18px;color:#d8e1ff}.hero-line{height:10px;width:95%;border-radius:20px;background:#ffffff19;margin:16px 0}.hero-line.short{width:65%}.hero-stamp{position:absolute;right:-35px;bottom:42px;padding:13px 18px;background:linear-gradient(120deg,#13b7bd,#655eea);border-radius:12px;font-weight:850;transform:rotate(-8deg);box-shadow:0 12px 25px #050a1b77}.coin{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#6c4d08;background:linear-gradient(135deg,#fff0a7,#d9a82d);box-shadow:0 10px 30px #0005;border:5px double #c99a2c}.coin1{width:86px;height:86px;right:5%;top:8%;font-size:36px;transform:rotate(15deg)}.coin2{width:64px;height:64px;left:2%;bottom:8%;font-size:20px;transform:rotate(-20deg)}.game-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 4px 22px}.game-head h2{font-size:clamp(24px,3vw,36px);margin:8px 0}.game-head p{color:var(--muted);margin:0}.scorebox{min-width:185px;text-align:center;border:1px solid var(--line);border-radius:18px;padding:14px 20px;background:#172242}.scorebox small{display:block;color:var(--muted);font-size:11px}.scorebox strong{display:block;font-size:32px;color:var(--gold);margin:4px}.board{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.questions-col,.answers-col{background:#121b36c9;border:1px solid var(--line);border-radius:22px;padding:18px}.column-title{display:flex;align-items:center;gap:12px;padding:2px 3px 15px;border-bottom:1px solid #ffffff14;margin-bottom:14px}.column-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#26345b;color:var(--cyan);font-weight:900}.column-title b{display:block;font-size:16px}.column-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-card{min-height:160px;padding:15px;border-radius:17px;border:1px solid #34446c;background:linear-gradient(140deg,#1a284b,#151f3c);display:flex;flex-direction:column;gap:12px;transition:.15s}.q-top{display:flex;gap:10px;align-items:flex-start}.q-num{flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#2d3b63;color:#b8f8f6;display:grid;place-items:center;font-weight:900;font-size:13px}.q-text{font-size:13px;line-height:1.65;color:#eef2ff;font-weight:650}.dropzone{margin-top:auto;min-height:48px;border:1.5px dashed #5b6b94;border-radius:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;color:#8494bc;font-size:12px;transition:.15s;background:#0b1430a3}.dropzone .drop-icon{font-size:18px}.dropzone.filled{border-style:solid;border-color:#5cddcb;background:#163b43;color:#e2fffa}.dropzone.over{border-color:var(--gold);background:#4a3a1c;box-shadow:0 0 0 3px #ffd46a22}.dropzone.correct{border-color:var(--green);background:#153e35}.dropzone.wrong{border-color:var(--red);background:#492237}.dropzone .placed-label{font-weight:800;color:#fff;line-height:1.4}.answers{display:grid;grid-template-columns:1fr;gap:11px}.answer-card{display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 15px;border:1px solid #3b4a75;border-radius:15px;background:linear-gradient(120deg,#222e52,#182341);cursor:grab;touch-action:none;user-select:none;transition:transform .12s,border .12s,opacity .12s;box-shadow:0 5px 16px #050a1b30}.answer-card:active{cursor:grabbing}.answer-card .letter{flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:#4a3c85;color:#e6ddff;display:grid;place-items:center;font-weight:900;font-size:17px}.answer-card .answer-text{font-size:13px;font-weight:750;line-height:1.5}.answer-card.selected{border-color:var(--gold);box-shadow:0 0 0 3px #ffd46a20;transform:scale(1.02)}.answer-card.used{opacity:.3;filter:grayscale(.8);cursor:default}.answer-card.dragging{position:fixed;z-index:1000;pointer-events:none;opacity:.96;transform:scale(1.04);box-shadow:0 22px 55px #0008}.bottom-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:#111a34}.bottom-right{display:flex;align-items:center;gap:18px}.bottom-right span{font-size:12px;color:var(--muted)}.result{max-width:920px;margin:20px auto;padding:clamp(24px,5vw,55px);text-align:center}.result-icon{font-size:58px;margin-bottom:8px}.result h2{font-size:clamp(28px,4vw,42px);margin:12px}.final-score{margin:20px auto 12px}.final-score strong{font-size:76px;color:var(--gold);line-height:1}.final-score span{font-size:18px;color:var(--muted)}.result>p{color:#c2cde8}.review{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:25px 0;text-align:left}.review-item{background:#101a34;border:1px solid #304167;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.review-item b{color:var(--cyan)}.review-item .mark{float:right;font-size:17px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.modal{position:fixed;inset:0;z-index:1200;background:#050918cc;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{width:min(550px,100%);max-height:85vh;overflow:auto;position:relative;padding:30px;border:1px solid var(--line);border-radius:24px;background:#141e3b;box-shadow:0 25px 90px #0008}.modal-card h2{font-size:28px;margin:10px 0}.modal-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:white;font-size:30px;cursor:pointer}.muted{color:var(--muted);font-size:13px}.rank-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff12}.rank-num{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#26365c;color:var(--gold);font-weight:900}.rank-name{font-weight:750}.rank-sub{font-size:11px;color:var(--muted);margin-top:3px}.rank-score{font-weight:900;color:var(--cyan);font-size:18px}.full{width:100%;margin-top:18px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:1500;padding:12px 20px;border-radius:12px;background:#1b2b4c;border:1px solid #52658e;box-shadow:0 10px 35px #0006;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.hidden{display:none!important}footer{position:fixed;bottom:0;left:0;right:0;text-align:center;background:#090f20d9;padding:8px;font-size:10px;color:#7f8caf;z-index:5}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-art{height:270px;margin-top:10px}.hero-card{height:245px;width:230px;padding:22px}.hero-number{font-size:76px}.coin1{right:12%}.board{grid-template-columns:1fr}.answers{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-card{min-height:86px}.questions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{height:auto;min-height:72px;padding:12px 14px;gap:8px}.brand-icon{width:38px;height:38px}.brand strong{font-size:16px}.brand small{font-size:10px}.top-actions{gap:7px}.top-actions .btn{padding:9px 10px;font-size:11px}.pill{display:none}.wrap{width:calc(100% - 20px);padding:16px 0 70px}.hero{padding:25px 20px;border-radius:22px}.hero h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-art{height:220px}.hero-card{height:200px;width:190px;padding:17px}.hero-number{font-size:62px}.hero-stamp{right:-24px;bottom:25px;font-size:12px}.coin1{width:60px;height:60px;font-size:26px}.coin2{width:48px;height:48px;font-size:15px}.game-head{align-items:flex-start;flex-direction:column}.scorebox{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 14px}.scorebox strong{font-size:23px;margin:0}.scorebox small{font-size:10px}.questions-col,.answers-col{padding:12px;border-radius:17px}.questions{grid-template-columns:1fr}.question-card{min-height:120px;padding:12px}.answers{grid-template-columns:1fr 1fr;gap:8px}.answer-card{padding:10px;gap:8px;min-height:80px;border-radius:12px}.answer-card .letter{width:30px;height:30px;flex-basis:30px;font-size:14px}.answer-card .answer-text{font-size:11px}.dropzone{min-height:42px}.bottom-bar{position:sticky;bottom:8px;z-index:20;padding:10px;border-radius:14px}.bottom-right{gap:8px}.bottom-right span{display:none}.bottom-bar .btn{padding:11px 13px;font-size:12px}.review{grid-template-columns:1fr}.modal-card{padding:24px 18px}}@media(min-width:901px){.answers{grid-template-columns:1fr}.question-card{min-height:150px}}

/* AR webcam background + palm interaction */
.ar-background{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050914}.ar-background video,.ar-background canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.ar-background canvas{z-index:2;pointer-events:none}.camera-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0710268c,#081128a1 45%,#080e20d9);z-index:1;pointer-events:none}body.ar-on{background:#070d1b}.camera-hint{position:fixed;right:18px;top:92px;z-index:1000;display:flex;align-items:center;gap:10px;max-width:min(700px,calc(100vw - 30px));padding:10px 14px;border:1px solid #75eee34d;border-radius:14px;background:#08172be8;backdrop-filter:blur(14px);box-shadow:0 10px 35px #0005;font-size:12px;color:#dffefa}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff5b75;box-shadow:0 0 0 5px #ff5b7522;flex:0 0 auto}.ar-background:not(.hidden)~.camera-hint .live-dot{animation:livePulse 1.4s infinite}@keyframes livePulse{50%{box-shadow:0 0 0 9px #ff5b7500;opacity:.7}}body:has(.ar-background:not(.hidden)){background:transparent}body:has(.ar-background:not(.hidden)) .topbar{position:relative;z-index:5;background:#081127b8}body:has(.ar-background:not(.hidden)) .wrap{position:relative;z-index:3}body:has(.ar-background:not(.hidden)) .questions-col,body:has(.ar-background:not(.hidden)) .answers-col{background:#101a32d9;backdrop-filter:blur(7px)}body:has(.ar-background:not(.hidden)) .question-card,body:has(.ar-background:not(.hidden)) .answer-card{background:#1a2947e8;backdrop-filter:blur(5px)}.answer-card.palm-hover{border-color:#ffe16b;box-shadow:0 0 0 4px #ffe16b35,0 0 28px #ffe16b55;transform:scale(1.025);animation:palmPulse .65s ease-in-out infinite alternate}.answer-card.palm-picked{border-color:#ffe16b;background:linear-gradient(120deg,#66501d,#38304c);box-shadow:0 0 0 4px #ffe16b4a,0 0 35px #ffe16b66;transform:scale(1.05);animation:pickPop .24s ease-out}.dropzone.palm-over{border:2px solid #5ff3c2;background:#164f4b;box-shadow:0 0 0 5px #5ff3c22e,0 0 30px #5ff3c255;animation:dropPulse .5s ease-in-out infinite alternate}.dropzone.filled{animation:placedIn .28s ease-out}@keyframes palmPulse{to{box-shadow:0 0 0 7px #ffe16b22,0 0 35px #ffe16b70}}@keyframes pickPop{50%{transform:scale(1.12)}}@keyframes dropPulse{to{transform:scale(1.025);filter:brightness(1.3)}}@keyframes placedIn{0%{transform:scale(.94);opacity:.55}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.camera-hint{top:auto;bottom:10px;left:10px;right:10px;font-size:10px;padding:8px 10px}.camera-hint .btn{padding:6px 9px;font-size:10px}body:has(.ar-background:not(.hidden)) .wrap{padding-top:18px}}

/* Sequential round + playful bouncing answer cards */
.sequential-board{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.sequential-board .questions-col,.sequential-board .answers-col{background:#121b36d9;border:1px solid var(--line);border-radius:22px;padding:clamp(14px,2vw,24px)}
.sequential-board .question-card{min-height:190px;max-width:100%;padding:clamp(18px,3vw,30px);justify-content:space-between;gap:24px;background:linear-gradient(140deg,#202f57ed,#172344ed);border-color:#6274a6;box-shadow:0 14px 38px #02071644}
.sequential-board .q-text{font-size:clamp(18px,2.3vw,27px);line-height:1.65}
.sequential-board .q-num{width:48px;height:48px;flex-basis:48px;font-size:20px;border-radius:15px}
.sequential-board .dropzone{min-height:76px;font-size:clamp(14px,1.8vw,19px);justify-content:center;border:2px dashed #7b8dbb;background:#0b1430d9;border-radius:18px;text-align:center}
.sequential-board .dropzone .drop-icon{font-size:28px}
.sequential-board .dropzone .placed-label{font-size:clamp(15px,1.8vw,20px)}
.sequential-board .answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:8px 4px 14px}
.sequential-board .answer-card{position:relative;overflow:hidden;min-height:92px;padding:14px 16px;border-radius:20px;gap:11px;animation:answerWiggle 2.8s ease-in-out infinite;animation-delay:calc(var(--i,0) * -0.22s);background:linear-gradient(135deg,#293d6b,#192747);border-color:#526899;box-shadow:0 8px 0 #101a34,0 12px 22px #050a1b55}
.sequential-board .answer-card:nth-child(2n){animation-delay:-.9s}
.sequential-board .answer-card:nth-child(3n){animation-delay:-1.5s}
.sequential-board .answer-card:nth-child(4n){animation-delay:-.45s}
.sequential-board .answer-card .letter{width:43px;height:43px;flex-basis:43px;font-size:20px;border-radius:14px;background:linear-gradient(135deg,#ffdf7e,#ff9fbc);color:#35244b;box-shadow:inset 0 2px 4px #fff9}
.sequential-board .answer-card .answer-text{font-size:clamp(12px,1.35vw,16px);line-height:1.45;text-align:left}
.sequential-board .answer-sparkle{position:absolute;right:9px;top:5px;color:#ffe89a;font-size:15px;animation:sparkleTwinkle 1.3s ease-in-out infinite}
.sequential-board .answer-card:hover{transform:translateY(-5px) scale(1.035);animation-play-state:paused}
.sequential-board .answer-card.selected,.sequential-board .answer-card.palm-hover{border-color:#ffe16b;box-shadow:0 0 0 4px #ffe16b35,0 0 26px #ffe16b55,0 8px 0 #7b5c25;animation:answerPick .55s ease-in-out infinite alternate}
.sequential-board .answer-card.palm-picked{animation:pickPop .24s ease-out;border-color:#ffe16b}
.sequential-board .answer-card.used{opacity:.28;filter:grayscale(.85);animation:none;box-shadow:none;transform:scale(.96)}
.feedback{margin-top:14px;min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 16px;border-radius:15px;background:#0b1430a6;border:1px solid #3b4b72;color:#c5d3f4;font-weight:750;line-height:1.5}
.feedback.correct-feedback{background:#12443c;border-color:#42d6ad;color:#d6fff1;animation:feedbackPop .45s ease-out}
.feedback.wrong-feedback{background:#49263b;border-color:#ff8ca7;color:#ffe0e8;animation:shake .32s ease-in-out}
.success-pop{animation:placedIn .4s ease-out!important}
@keyframes answerWiggle{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(-1deg)}50%{transform:translateY(1px) rotate(1deg)}75%{transform:translateY(-2px) rotate(-.5deg)}}
@keyframes answerPick{from{transform:translateY(-2px) rotate(-1deg) scale(1.02)}to{transform:translateY(-7px) rotate(1deg) scale(1.055)}}
@keyframes sparkleTwinkle{0%,100%{opacity:.35;transform:scale(.75) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(30deg)}}
@keyframes feedbackPop{0%{transform:scale(.92)}65%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(max-width:900px){.sequential-board .answers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sequential-board .answer-card{min-height:90px;padding:12px 10px;flex-direction:column;justify-content:center;text-align:center}.sequential-board .answer-card .answer-text{text-align:center;font-size:12px}}
@media(max-width:600px){.sequential-board .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sequential-board .answer-card{min-height:88px;flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 10px}.sequential-board .answer-card .letter{width:34px;height:34px;flex-basis:34px;font-size:16px}.sequential-board .answer-card .answer-text{text-align:left;font-size:11px}.sequential-board .question-card{min-height:190px}.sequential-board .dropzone{min-height:70px}.feedback{font-size:13px}.bottom-right{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sequential-board .answer-card,.sequential-board .answer-sparkle{animation:none!important}}


/* Colorful piggy-bank answer cards */
.sequential-board .answer-card.piggy-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;min-height:142px;padding:13px 10px;border:2px solid #ffffff66;color:#20253c;box-shadow:0 8px 0 #0002,0 14px 24px #0003;}
.piggy-card .piggy-icon{font-size:44px;line-height:1.15;filter:drop-shadow(0 4px 2px #0002);animation:piggyBounce 1.7s ease-in-out infinite;}
.piggy-card .piggy-letter{font-weight:950;font-size:18px;line-height:1.1;color:#182033;background:#ffffffb8;padding:3px 12px;border-radius:20px;}
.piggy-card .answer-text{font-size:clamp(11px,1.05vw,14px)!important;line-height:1.35!important;color:#182033!important;font-weight:850!important;text-align:center!important;}
.pig-pink{background:linear-gradient(145deg,#ffb5d1,#ff79ad)!important;border-color:#ffdfeb!important;}
.pig-blue{background:linear-gradient(145deg,#a9e3ff,#61b8f4)!important;border-color:#d8f2ff!important;}
.pig-yellow{background:linear-gradient(145deg,#fff0a1,#f9c93f)!important;border-color:#fff8cf!important;}
.pig-green{background:linear-gradient(145deg,#b8f3c7,#61d58a)!important;border-color:#e1ffe7!important;}
.pig-purple{background:linear-gradient(145deg,#dec4ff,#ac83f3)!important;border-color:#f1e5ff!important;}
.pig-orange{background:linear-gradient(145deg,#ffd0a1,#ff983c)!important;border-color:#ffe7ce!important;}
.pig-darkgreen{background:linear-gradient(145deg,#7dd3a2,#16864d)!important;border-color:#b8f4ce!important;}
.pig-red{background:linear-gradient(145deg,#ffb0ad,#f04449)!important;border-color:#ffd9d8!important;}
.sequential-board .answer-card.piggy-card.used{opacity:.23;filter:grayscale(.9);}
.sequential-board .answer-card.piggy-card.palm-hover{outline:4px solid #fff4a5;box-shadow:0 0 0 7px #ffe16b45,0 0 35px #ffe16b99;transform:translateY(-8px) scale(1.045);}
.sequential-board .answer-card.piggy-card.palm-picked{outline:5px solid #fff;box-shadow:0 0 0 9px #ffe16b70,0 0 42px #ffe16bcc;transform:translateY(-12px) scale(1.08);}
@keyframes piggyBounce{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-7px) rotate(3deg)}70%{transform:translateY(1px) rotate(0deg)}}
@media(max-width:900px){.sequential-board .answer-card.piggy-card{min-height:125px}.piggy-card .piggy-icon{font-size:38px}.piggy-card .answer-text{font-size:11px!important}}
@media(max-width:600px){.sequential-board .answer-card.piggy-card{min-height:118px;padding:9px 6px}.piggy-card .piggy-icon{font-size:34px}.piggy-card .piggy-letter{font-size:15px}.piggy-card .answer-text{font-size:10px!important}}

.timer-box{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;padding:7px 12px;border-radius:12px;background:#0b1430;border:1px solid #53658f;color:#dce7ff;font-size:12px}.timer-box strong{font-size:25px;color:#ffd46a;min-width:28px}.timer-box.timer-urgent{border-color:#ff5877;background:#4a1c30;animation:timerPulse .65s infinite alternate}.timer-box.timer-urgent strong{color:#ff8ca7}@keyframes timerPulse{from{transform:scale(1)}to{transform:scale(1.04)}}