/* ChatGPT web Tết design; native integration overrides in studio.css. */
.gift-game{--purple:#7429ff;--ink:#170c42;--muted:#726989;--line:#e8e0f7;--red:#bd252d;--gold:#e9b950;max-width:1600px;margin:auto;padding:22px 24px 38px}.gift-game button:focus-visible,.gift-game select:focus-visible,.gift-game textarea:focus-visible,.gift-game [tabindex]:focus-visible{outline:3px solid #9967ff;outline-offset:3px}.gift-game .topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.gift-game .brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.5px;font-size:19px}.gift-game .brandmark{width:42px;height:42px;background:var(--purple);color:white;border-radius:14px;display:grid;place-items:center;box-shadow:0 7px 14px #7429ff2a}.gift-game .brandmark svg{width:25px}.gift-game .top-right{color:#6c6085;font-size:13px;font-weight:650}.gift-game .heading{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.gift-game .eyebrow{color:#8e35b4;font-size:12px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase}.gift-game h1{font-size:clamp(24px,2.45vw,35px);line-height:1.18;margin:5px 0 8px;letter-spacing:-1px}.gift-game .subtitle{margin:0;color:#77708e;font-size:14px}.gift-game .badge{background:#fff;border:1px solid var(--line);border-radius:100px;padding:9px 13px;color:#5e4b92;font-size:12px;font-weight:800;white-space:nowrap}.gift-game .layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px;align-items:start}.gift-game .panel{min-width:0;background:white;border:1px solid #eee7fa;border-radius:24px;box-shadow:0 15px 36px #39256209;padding:18px}.gift-game .play-panel{padding:16px}.gift-game .panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.gift-game .panel-title strong{font-size:16px;letter-spacing:-.25px}.gift-game .selects{display:flex;gap:9px;flex-wrap:wrap}.gift-game select{background:#f8f5ff;border:1px solid #e9defc;border-radius:12px;color:#34235c;font-size:12px;font-weight:750;min-height:39px;padding:0 29px 0 11px;max-width:100%}.gift-game .scene-frame{border-radius:18px;overflow:hidden;background:#fdf1db;border:1px solid #f0dec4}.gift-game .stage{position:relative;width:100%;height:clamp(415px,41vw,635px);background:#fff0d8;overflow:hidden;isolation:isolate;outline:none}.gift-game .stage>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.gift-game .scene-header{position:absolute;left:50%;top:3.5%;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap;z-index:2}.gift-game .scene-header .small{font-family:Georgia,serif;font-size:clamp(11px,1.3vw,16px);color:#995c38;letter-spacing:3px}.gift-game .scene-header .big{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,2.8vw,35px);font-weight:800;color:#ad2934;text-shadow:0 2px 0 #fff2d4;line-height:1.25}.gift-game .hanging{position:absolute;z-index:5;left:var(--x);top:var(--y);transform:translate(-50%,-13%);width:clamp(36px,5.3vw,66px);height:clamp(53px,7vw,87px);border:0;padding:0;background:transparent;color:inherit;transition:opacity .3s;touch-action:manipulation}.gift-game .hanging::before{content:"";position:absolute;width:2px;height:clamp(13px,2.3vw,27px);background:linear-gradient(90deg,#c9993f,#ffe39a);top:calc(-1 * clamp(11px,2vw,24px));left:50%;box-shadow:1px 0 1px #8f5f26a0}.gift-game .hanging:disabled{cursor:default}.gift-game .envelope{position:absolute;inset:0 3px 0;filter:drop-shadow(0 5px 3px #733e2e46);transform-origin:top center}.gift-game .env-body{position:absolute;left:0;right:0;top:15%;bottom:0;border:2px solid #f5bb57;border-radius:5px 5px 8px 8px;background:linear-gradient(115deg,#ec4a3f 0%,#c82734 47%,#b91c2b 100%);box-shadow:inset 0 0 0 3px #be2130,inset 0 0 0 4px #f1c26c}.gift-game .env-body:before{content:"";position:absolute;inset:22% 14% 9%;border:1px solid #e8b9518c;border-radius:3px}.gift-game .env-flap{position:absolute;z-index:2;left:2px;right:2px;top:9%;height:40%;background:linear-gradient(180deg,#fb6350,#df3035);clip-path:polygon(0 0,100% 0,50% 88%);border-top:2px solid #f6cc75;transform-origin:top;backface-visibility:hidden}.gift-game .env-flower{position:absolute;z-index:1;top:53%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;max-width:52%;fill:#f8ce74;opacity:.87}.gift-game .env-number{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);z-index:3;font-weight:900;font-size:clamp(13px,1.8vw,20px);line-height:1;color:#fff4cb;text-shadow:0 1px 3px #791622}.gift-game .hanging:nth-of-type(3n+1) .env-body{background:linear-gradient(115deg,#f5b34d,#dc792d)}.gift-game .hanging:nth-of-type(3n+1) .env-flap{background:#ffcc65}.gift-game .gift-object{position:absolute;inset:14% 0 0;filter:drop-shadow(0 6px 3px #733e2e49);transform-origin:top center}.gift-game .gift-base{position:absolute;inset:29% 2% 1%;background:linear-gradient(125deg,#f05963,#c32c44);border:2px solid #fff2ad;border-radius:4px 4px 7px 7px}.gift-game .gift-lid{position:absolute;inset:17% -4% auto;height:23%;background:#a11c36;border:2px solid #ffdb8b;border-radius:5px;transform-origin:left bottom}.gift-game .gift-ribbon-v{position:absolute;z-index:1;top:18%;bottom:1%;width:18%;left:41%;background:#ffd36d}.gift-game .gift-ribbon-h{position:absolute;top:44%;width:95%;height:13%;left:2%;background:#ffdb7d}.gift-game .gift-bow{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:65%;height:26%;fill:#ffcf6e;stroke:#b67827;stroke-width:2}.gift-game .gift-number{position:absolute;z-index:3;bottom:10%;left:50%;transform:translateX(-50%);font-size:clamp(13px,1.8vw,20px);color:#6c1b40;font-weight:1000}.gift-game .hanging.opened{opacity:.55;pointer-events:none}.gift-game .hanging.opened .env-flap{transform:rotateX(155deg)}.gift-game .hanging.opened .gift-lid{transform:rotate(-45deg) translate(-9px,-10px)}.gift-game .hanging.opened .env-number,.gift-game .hanging.opened .gift-number{opacity:.55}.gift-game .hanging.opening .envelope,.gift-game .hanging.opening .gift-object{animation:tetShake .55s ease-in-out}.gift-game .hanging.opening .env-flap{animation:tetFlap .8s .36s both}.gift-game .hanging.opening .gift-lid{animation:tetLid .8s .36s both}.gift-game .hanging.opening .sparkle{animation:tetGlitter .95s .32s both}.gift-game .sparkle{position:absolute;z-index:10;top:34%;left:48%;color:#fff5ad;font-size:20px;opacity:0;pointer-events:none;text-shadow:0 0 9px #fcb62c}.gift-game .sparkle:nth-last-child(2){--dx:-28px;--dy:-46px}.gift-game .sparkle:last-child{--dx:30px;--dy:-53px}.gift-game .hanging.opened:after{content:"✓";position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:900;color:#fff;filter:drop-shadow(0 1px 2px #7c2737)}@keyframes tetShake{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(7deg)}40%,80%{transform:rotate(-7deg)}}@keyframes tetFlap{from{transform:rotateX(0)}to{transform:rotateX(155deg)}}@keyframes tetLid{to{transform:rotate(-45deg) translate(-9px,-10px)}}@keyframes tetGlitter{0%{opacity:0;transform:translate(0,0) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.2)}}.gift-game .stage-bottom{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff7e3d9;padding:6px 13px;border-radius:50px;color:#975d38;font-size:11px;font-weight:750;z-index:3;pointer-events:none}.gift-game .toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0}.gift-game .stats{display:flex;gap:9px;flex-wrap:wrap}.gift-game .stat{background:#faf8ff;border:1px solid #eee9f8;border-radius:12px;padding:9px 13px;font-size:12px;color:#72688d}.gift-game .stat b{font-size:18px;color:#342057;margin-right:4px}.gift-game .actions{display:flex;gap:8px;flex-wrap:wrap}.gift-game .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e6dcf8;background:white;color:#3b2865;border-radius:12px;padding:11px 14px;min-height:42px;font-weight:800;font-size:12px;transition:transform .12s,background .12s}.gift-game .btn:hover:not(:disabled){transform:translateY(-1px);background:#f8f3ff}.gift-game .btn:disabled{opacity:.45;cursor:not-allowed}.gift-game .btn.primary{background:#7429ff;color:white;border-color:#7429ff;box-shadow:0 5px 12px #7429ff25}.gift-game .btn.primary:hover:not(:disabled){background:#6120e5}.gift-game .btn.toned{background:#f4edff;color:#6326c8;border-color:#efe4ff}.gift-game .result-card{border-radius:17px;padding:17px 19px;background:linear-gradient(110deg,#fffaf0,#fff5e4);border:1px solid #f0dfc2;min-height:112px;display:flex;align-items:center;gap:16px}.gift-game .result-icon{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;background:#fff1d4;color:#b93736;font-size:28px}.gift-game .result-label{font-size:11px;font-weight:850;letter-spacing:1px;color:#ad7858;text-transform:uppercase}.gift-game .result-value{font-weight:900;font-size:clamp(19px,2vw,29px);line-height:1.35;overflow-wrap:anywhere;color:#9a2833;margin-top:4px;max-height:none}.gift-game .result-sub{font-size:12px;color:#9d8678;margin-top:5px}.gift-game .side-header{display:flex;justify-content:space-between;align-items:start;gap:8px}.gift-game .side-header h2{font-size:17px;margin:0 0 6px}.gift-game .hint{font-size:12px;color:#817892;line-height:1.5}.gift-game .section{margin-top:19px}.gift-game .section-title{font-size:12px;font-weight:850;margin-bottom:9px;display:flex;justify-content:space-between;gap:6px}.gift-game .templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gift-game .template{background:#f8f5ff;border:1px solid #eee5fb;border-radius:11px;padding:12px 3px;font-size:11px;color:#5b468c;font-weight:850}.gift-game .template.selected{background:#efe5ff;color:#6421d0;border-color:#b996ff}.gift-game textarea{display:block;width:100%;min-height:257px;resize:vertical;border:1px solid #e6dff4;border-radius:14px;padding:13px 14px;font-size:13px;line-height:1.8;color:#302054;background:#fdfcff;outline:none}.gift-game textarea:focus{border-color:#9c6eff;box-shadow:0 0 0 3px #7429ff12}.gift-game .counter{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:11px;color:#817690}.gift-game .error{min-height:18px;font-size:12px;color:#bb243a;font-weight:750;margin:8px 0}.gift-game .wide{width:100%}.gift-game .options{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}.gift-game .switch{display:inline-flex;align-items:center;gap:8px;color:#605577;font-size:12px;font-weight:700;cursor:pointer}.gift-game .switch input{accent-color:#7429ff;width:16px;height:16px}.gift-game .history{margin:10px 0 0;padding:0;list-style:none;max-height:210px;overflow:auto}.gift-game .history li{display:flex;align-items:start;gap:9px;padding:10px 0;border-bottom:1px solid #f0edf6;font-size:12px}.gift-game .history li .index{background:#f3ecff;color:#6a2bd3;padding:4px 7px;border-radius:7px;font-weight:850;white-space:nowrap}.gift-game .history li .entry{line-height:1.55;overflow-wrap:anywhere;min-width:0}.gift-game .muted{color:#9489a3;font-size:12px}.gift-game .mobile-tabs{display:none}.gift-game .footer-note{font-size:11px;color:#978ba7;margin-top:15px;line-height:1.6}.gift-game .fullscreen-view:fullscreen{background:#f9f3e9;padding:15px;display:flex;flex-direction:column;justify-content:center;overflow:auto}.gift-game .fullscreen-view:fullscreen .stage{height:min(73vh,850px)}.gift-game .fullscreen-view:fullscreen .scene-frame{width:min(96vw,1500px);margin:0 auto}.gift-game .fullscreen-view:fullscreen .result-card{width:min(96vw,1500px);margin:12px auto 0}.gift-game .fullscreen-view:fullscreen .result-value{font-size:clamp(24px,3vw,46px)}.gift-game .side-tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.gift-game .status-pill{font-size:11px;padding:5px 8px;border-radius:20px;color:#7a359a;background:#f6edff;font-weight:800}
@media(max-width:1100px){.gift-game .layout{grid-template-columns:minmax(0,1fr) 325px}.gift-game .panel{padding:13px}.gift-game .stage{height:510px}.gift-game .hanging{width:50px;height:70px}}@media(max-width:760px){.gift-game{padding:12px 11px 26px}.gift-game .topbar{margin-bottom:13px}.gift-game .brand{font-size:16px}.gift-game .top-right{display:none}.gift-game .heading{align-items:start;margin-bottom:15px}.gift-game .heading .badge{display:none}.gift-game h1{font-size:24px}.gift-game .layout{display:block}.gift-game .mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:white;border-radius:14px;padding:5px;margin-bottom:12px;border:1px solid #eee6f9;gap:5px}.gift-game .mobile-tabs button{border:0;border-radius:10px;padding:11px 4px;background:none;color:#776891;font-weight:850;font-size:12px}.gift-game .mobile-tabs button.active{background:#7429ff;color:#fff}.gift-game .tab-panel{display:none}.gift-game .tab-panel.active{display:block}.gift-game .panel{border-radius:17px}.gift-game .panel-title{align-items:start}.gift-game .selects{justify-content:flex-end}.gift-game select{font-size:11px;min-height:35px;padding-left:7px;padding-right:20px}.gift-game .stage{height:465px}.gift-game .hanging{width:40px;height:55px}.gift-game .hanging::before{height:18px;top:-16px}.gift-game .env-number,.gift-game .gift-number{font-size:14px}.gift-game .env-flower{width:19px}.gift-game .scene-header .big{font-size:22px}.gift-game .scene-header .small{font-size:11px}.gift-game .toolbar{align-items:stretch}.gift-game .actions{width:100%}.gift-game .actions .btn{flex:1}.gift-game .stage-bottom{font-size:10px}.gift-game .result-card{padding:14px;gap:10px}.gift-game .result-icon{width:43px;height:43px;flex-basis:43px}.gift-game .result-value{font-size:21px}}@media(max-width:410px){.gift-game .stage{height:425px}.gift-game .hanging{width:36px;height:51px}.gift-game .panel-title strong{font-size:14px}.gift-game .selects{gap:5px}.gift-game select{max-width:105px}.gift-game .btn{padding:10px 9px;font-size:11px}.gift-game .scene-header .big{font-size:19px}.gift-game .result-value{font-size:19px}}@media(prefers-reduced-motion:reduce){.gift-game *,.gift-game *:before,.gift-game *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}