*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:DM Sans,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}table{border-collapse:collapse;width:100%}.hidden{display:none!important}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2035;--bg-card-hover: #222b45;--gold-primary: #d4a843;--gold-light: #ffd700;--gold-dark: #a07828;--red-deal: #c0392b;--red-deal-hover: #e74c3c;--blue-nodeal: #1a5276;--blue-nodeal-hover: #2980b9;--text-primary: #f0f0f0;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-gold: var(--gold-primary);--box-opened-bg: #12182b;--box-opened-border: #1e293b;--box-opened-text: var(--text-muted);--box-selected-glow: rgba(255, 215, 0, .35);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow-gold: 0 0 20px rgba(212, 168, 67, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}#app-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:linear-gradient(180deg,#0a0e1afa,#0a0e1ad9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(212,168,67,.15)}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--text-primary);letter-spacing:1px}.logo span{color:var(--red-deal)}.btn-icon{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--gold-primary);color:var(--gold-primary);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-icon:hover{transform:scale(1.12);box-shadow:var(--shadow-glow-gold)}#app-main{display:flex;gap:var(--space-lg);padding:calc(60px + var(--space-lg)) var(--space-lg) var(--space-3xl);max-width:1400px;margin:0 auto;min-height:100dvh}#app-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;text-align:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(0deg,#0a0e1afa,#0a0e1ab3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(212,168,67,.1)}#round-info{font-size:1rem;color:var(--gold-primary);font-weight:500;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease forwards}.modal-content{background:var(--bg-secondary);border:1px solid rgba(212,168,67,.2);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:520px;width:90%;max-height:85dvh;overflow-y:auto;position:relative;animation:modalSlideIn .35s ease forwards;box-shadow:var(--shadow-card),0 0 60px #d4a84314}.btn-close{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;font-size:1.4rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.btn-close:hover{color:var(--text-primary);background:#ffffff14}@media (max-width: 1023px){#app-main{flex-direction:column;padding-top:calc(56px + var(--space-md));gap:var(--space-md)}.logo{font-size:1.3rem}}@media (max-width: 767px){#app-header{padding:var(--space-xs) var(--space-md)}.logo{font-size:1.15rem}#app-main{padding:calc(52px + var(--space-sm)) var(--space-sm) var(--space-2xl)}#round-info{font-size:.875rem}.modal-content{padding:var(--space-lg);width:94%}}.boxes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);flex:1;align-content:start;perspective:800px}.box{aspect-ratio:1;position:relative;cursor:pointer;border-radius:var(--radius-md);transition:transform var(--transition-normal);transform-style:preserve-3d}.box-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.box-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs)}.box-front{background:linear-gradient(145deg,#1e2a4a,#152238);border:2px solid rgba(212,168,67,.25);box-shadow:inset 0 1px #ffffff0d,var(--shadow-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.box-front:hover{border-color:#d4a8438c;box-shadow:inset 0 1px #ffffff0d,0 6px 24px #0006,0 0 16px #d4a8431f}.box-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold-primary);line-height:1}.box-hint{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.box-back{background:var(--box-opened-bg);border:2px solid var(--box-opened-border);transform:rotateY(180deg);flex-direction:column;gap:2px}.box-back .box-number{font-size:.85rem;color:var(--box-opened-text)}.box-amount{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-secondary);word-break:break-all;text-align:center;padding:0 var(--space-xs)}.box.opened .box-inner{transform:rotateY(180deg)}.box.opened{cursor:default}.box.opened .box-front{border-color:var(--box-opened-border)}.box.selected .box-front{border-color:var(--gold-light);box-shadow:inset 0 1px #ffd7001a,0 0 24px var(--box-selected-glow),0 0 48px #ffd7001f;background:linear-gradient(145deg,#243052,#1a2640)}.box.selected .box-number{color:var(--gold-light)}.box.selected:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--radius-md) + 3px);border:2px solid transparent;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark),var(--gold-light)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pulseBorder 2s ease-in-out infinite;pointer-events:none;z-index:-1}.box.selected{cursor:default;animation:selectedPulse 2s ease-in-out infinite}@media (max-width: 1023px){.boxes-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.box-number{font-size:1.25rem}}@media (max-width: 767px){.boxes-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.box-number{font-size:1.1rem}.box-hint{font-size:.6rem}.box-amount{font-size:.75rem}}.board{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:3px;padding:var(--space-md);background:#11182799;border:1px solid rgba(212,168,67,.1);border-radius:var(--radius-lg);height:fit-content;position:sticky;top:calc(60px + var(--space-lg))}.board-title{font-family:var(--font-display);font-size:.85rem;color:var(--gold-primary);text-align:center;margin-bottom:var(--space-sm);letter-spacing:1px;text-transform:uppercase}.board-item{display:flex;align-items:center;justify-content:space-between;padding:4px var(--space-sm);border-radius:var(--radius-sm);font-size:.78rem;transition:background var(--transition-fast),opacity var(--transition-normal);background:#ffffff08}.board-item-value{font-family:var(--font-display);font-weight:700;color:var(--text-primary);min-width:70px;text-align:right}.board-item.eliminated{opacity:.32;text-decoration:line-through}.board-item.eliminated .board-item-value{color:var(--text-muted)}.board-item.low{border-left:3px solid #3498db}.board-item.mid{border-left:3px solid #2ecc71}.board-item.high{border-left:3px solid var(--gold-primary)}.board-item.eliminated.low{border-left-color:#1a5276}.board-item.eliminated.mid{border-left-color:#196f3d}.board-item.eliminated.high{border-left-color:var(--gold-dark)}@media (max-width: 1023px){.board{width:100%;flex-direction:row;flex-wrap:wrap;position:static;gap:2px}.board-title{width:100%;margin-bottom:4px}.board-item{flex:0 0 calc(33.33% - 3px);font-size:.7rem;padding:3px 6px}.board-item-value{min-width:auto;font-size:.7rem}}@media (max-width: 767px){.board{padding:var(--space-sm);gap:2px}.board-item{flex:0 0 calc(50% - 2px);font-size:.68rem;padding:3px 6px}.board-item-value{font-size:.65rem}.board-title{font-size:.75rem}}#banker-modal{align-items:center;justify-content:center;background:#00000040;-webkit-backdrop-filter:none;backdrop-filter:none}#banker-modal .modal-content{border-radius:var(--radius-xl);max-width:380px;width:90%;padding:0;overflow:hidden;animation:floatIn .35s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a84333,0 0 80px #d4a8430f}.banker-modal{text-align:center;padding:var(--space-lg) var(--space-xl) var(--space-xl);position:relative;background:linear-gradient(160deg,#161d33,#111827)}.banker-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light),var(--gold-primary),var(--gold-light),var(--gold-dark))}.banker-close-hint{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:.65rem;color:var(--text-muted);opacity:.35;pointer-events:none}.banker-icon{font-size:1.8rem;color:var(--gold-primary);animation:phoneRing .8s ease-in-out infinite;margin-bottom:var(--space-xs);cursor:grab}.banker-modal h2{font-family:var(--font-display);font-size:.95rem;color:var(--text-muted);font-weight:400;margin-bottom:var(--space-md);letter-spacing:3px;text-transform:uppercase;cursor:grab}#banker-modal .modal-content.is-dragging,#banker-modal .modal-content.is-dragging .banker-icon,#banker-modal .modal-content.is-dragging .banker-modal h2{cursor:grabbing}.offer-amount{font-family:var(--font-display);font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:var(--space-lg);animation:offerGlow 2s ease-in-out infinite alternate}.banker-actions{display:flex;gap:var(--space-sm);justify-content:center}.btn{flex:1;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;letter-spacing:1.5px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.btn:active{transform:scale(.95)}.btn-deal{background:linear-gradient(135deg,var(--red-deal) 0%,#a93226 100%);color:#fff;box-shadow:0 3px 12px #c0392b59}.btn-deal:hover{background:linear-gradient(135deg,var(--red-deal-hover) 0%,var(--red-deal) 100%);box-shadow:0 5px 18px #c0392b80;transform:translateY(-1px)}.btn-no-deal{background:linear-gradient(135deg,var(--blue-nodeal) 0%,#154360 100%);color:#fff;box-shadow:0 3px 12px #1a527659}.btn-no-deal:hover{background:linear-gradient(135deg,var(--blue-nodeal-hover) 0%,var(--blue-nodeal) 100%);box-shadow:0 5px 18px #2980b966;transform:translateY(-1px)}@media (max-width: 767px){#banker-modal .modal-content{max-width:92%;width:92%}.banker-modal{padding:var(--space-md) var(--space-md) var(--space-lg)}.banker-icon{font-size:1.5rem}.banker-modal h2{font-size:.85rem}.offer-amount{font-size:2.1rem;margin-bottom:var(--space-md)}.btn{padding:var(--space-sm) var(--space-md);font-size:.88rem}}@keyframes floatIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rules-modal{max-width:600px}.rules-modal h2{font-family:var(--font-display);font-size:1.6rem;color:var(--gold-primary);margin-bottom:var(--space-lg);text-align:center}.rules-body{display:flex;flex-direction:column;gap:var(--space-lg)}.rule-section h3{font-family:var(--font-display);font-size:1.05rem;color:var(--gold-light);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(212,168,67,.15)}.rule-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.rule-section strong{color:var(--text-primary)}.rounds-table{margin-top:var(--space-sm);font-size:.85rem}.rounds-table th{text-align:left;color:var(--gold-primary);font-weight:600;padding:5px var(--space-sm);background:#d4a84314;border-radius:var(--radius-sm)}.rounds-table td{padding:5px var(--space-sm);color:var(--text-secondary)}.rounds-table tr+tr th{border-top:1px solid rgba(255,255,255,.04)}@media (max-width: 767px){.rules-modal h2{font-size:1.3rem}.rule-section h3{font-size:.95rem}.rule-section p{font-size:.82rem}.rounds-table{font-size:.78rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseBorder{0%,to{opacity:.6}50%{opacity:1}}@keyframes selectedPulse{0%,to{box-shadow:inset 0 1px #ffd7001a,0 0 20px var(--box-selected-glow)}50%{box-shadow:inset 0 1px #ffd70026,0 0 36px var(--box-selected-glow),0 0 56px #ffd70014}}@keyframes phoneRing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes offerGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}to{filter:drop-shadow(0 0 20px rgba(255,215,0,.55))}}@keyframes resultReveal{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes amountCountUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0e1af7,#050810fc);animation:fadeIn .5s ease forwards}.result-content{text-align:center;padding:var(--space-2xl);animation:resultReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.result-content h2{font-family:var(--font-display);font-size:1.4rem;color:var(--text-secondary);font-weight:400;margin-bottom:var(--space-xl);letter-spacing:3px;text-transform:uppercase}.result-box{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border:2px solid var(--gold-primary);border-radius:var(--radius-lg);background:#d4a8430f;margin-bottom:var(--space-xl)}.result-box-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}#result-box-number{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--gold-light)}.result-amount{font-family:var(--font-display);font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-primary) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:var(--space-xl);animation:amountCountUp .8s ease forwards}.result-comparison{margin-bottom:var(--space-xl);padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(212,168,67,.1)}.result-comparison p{font-size:.9rem;color:var(--text-secondary);margin:var(--space-xs) 0}.result-comparison .deal-label{color:var(--red-deal);font-weight:600}.result-comparison .actual-label{color:var(--gold-primary);font-weight:600}.result-comparison .verdict-win{color:#2ecc71;font-weight:700;font-size:1.05rem}.result-comparison .verdict-lose{color:var(--red-deal);font-weight:700;font-size:1.05rem}.btn-play-again{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);color:#0a0e1a;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-size:1.05rem;font-weight:700;letter-spacing:1px;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 20px #d4a84340}.btn-play-again:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a84366}.btn-play-again:active{transform:scale(.97)}@media (max-width: 767px){.result-content{padding:var(--space-lg)}.result-content h2{font-size:1.1rem}.result-amount{font-size:2.6rem}#result-box-number{font-size:1.4rem}.btn-play-again{font-size:.95rem;padding:var(--space-sm) var(--space-xl)}}