:root{--bg-top:#98d9ff;--bg-bottom:#dff8ff;--panel:#323853;--ink:#ffffff;--accent:#f04b3d;--accent-dark:#bf2f24;--green:#67c34a;--green-dark:#3f8e2b;}*{box-sizing:border-box;}body{margin:0;min-height:100vh;font-family:"Trebuchet MS","Segoe UI",sans-serif;color:var(--ink);background:url('/angry-bg.jpg') center/cover fixed;}.app{width:96vw;margin:1rem auto;display:grid;gap:.8rem;}.main-row{display:grid;grid-template-columns:4fr 1fr;gap:.8rem;}.game-col{display:grid;gap:.9rem;}.topbar{display:flex;justify-content:center;align-items:center;position:relative;padding:.9rem 1rem;border-radius:14px;}.header-logo{height:60px;width:auto;object-fit:contain;}.menu-container{position:absolute;right:1rem;}.hamburger-btn{background:none;border:none;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0.4rem;border-radius:8px;transition:background 0.2s;}.hamburger-btn:hover{background:#ffffff22;}.popup-menu{position:absolute;top:100%;right:0;margin-top:0.5rem;background:var(--panel);border-radius:12px;box-shadow:0 8px 20px #00000066;padding:0.5rem;display:flex;flex-direction:column;gap:0.25rem;min-width:160px;z-index:1000;opacity:1;transform:translateY(0);transition:opacity 0.2s,transform 0.2s,visibility 0.2s;}.popup-menu.hidden{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;}.popup-menu button{background:transparent;border:none;color:var(--ink);text-align:left;padding:0.6rem 1rem;cursor:pointer;border-radius:8px;font-weight:600;font-size:0.95rem;transition:background 0.2s;}.popup-menu button:hover{background:#ffffff22;}.hud{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:1.6rem;padding-top:10px;}.hud-top{grid-template-columns:repeat(4,1fr) !important;width:100%;margin-bottom:0.5rem;}.bottom-hud{grid-template-columns:1fr 2fr 1fr;align-items:center;border-radius:12px;padding:0.5rem 1rem;}.bottom-hud .controls{display:flex;align-items:center;gap:1.5rem;justify-self:center;position:relative;z-index:10;padding:0.5rem 2rem;background:#323853c9;border-radius:40px;box-shadow:0 8px 20px #00000066;}.bottom-hud .current-bet-display{width:fit-content;background-image:linear-gradient(145deg,#45ee81,#1ba75e) !important;}.card{position:relative;background:var(--panel);border-radius:12px;padding:.5rem .6rem;display:grid;gap:.2rem;box-shadow:-7px 9px 20px #00000066;}.hud .card:nth-child(2)::after{content:'';position:absolute;bottom:0px;right:5px;width:75px;height:75px;background:url('Suspicious.gif') no-repeat right bottom;background-size:contain;pointer-events:none;}.hud .card:nth-child(3)::after{content:'';position:absolute;bottom:0px;right:5px;width:75px;height:75px;background:url('Green.gif') no-repeat right bottom;background-size:contain;pointer-events:none;}.hud.crashed .card:nth-child(3)::after{background-image:none;}.hud .card:first-child{background:#323853b3 url('green-tree.png') no-repeat center center;background-size:cover;}.hud .card:last-child{background:#323853b3 url('black-tree.png') no-repeat center center;background-size:cover;}.card span{font-size:.85rem;opacity:.78;}.card strong{font-size:1.2rem;}.card.highlight{background-image:linear-gradient(145deg,#45ee81,#1ba75e);}.game-stage{position:relative;height:80vh;min-height:350px;border-radius:16px;overflow:hidden;box-shadow:-7px 9px 20px #00000066;}.world{position:absolute;inset:0;width:100%;height:100%;will-change:transform;}.slingshot{position:absolute;left:60px;bottom:32%;width:40px;height:75px;}.slingshot::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:10px;height:45px;border-radius:4px 4px 6px 6px;background:linear-gradient(90deg,#b87440,#8b5228,#b87440);}.fork{position:absolute;bottom:41px;width:10px;height:38px;border-radius:5px;background:linear-gradient(90deg,#b87440,#8b5228,#b87440);}.fork.left{left:10px;transform:rotate(-26deg);transform-origin:bottom center;}.fork.right{right:10px;transform:rotate(26deg);transform-origin:bottom center;}.band{position:absolute;left:-1px;right:-1px;top:0;height:3px;background:#2a1508;border-radius:4px;}.bird{position:absolute;left:100px;bottom:112px;width:62px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 32%,#ff8a80 0 20%,var(--accent) 42%,var(--accent-dark) 100%);box-shadow:0 4px 10px #00000033;}.bird::before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:22px;top:15px;box-shadow:0 0 0 1px #00000015;}.bird::after{content:"";position:absolute;left:-14px;top:22px;width:18px;height:20px;background:#2d1914;clip-path:polygon(100% 20%,0 0,30% 50%,0 100%,100% 80%);}.bird .eye{position:absolute;width:7px;height:7px;border-radius:50%;background:#000;left:29px;top:19px;z-index:1;}.beak{position:absolute;width:20px;height:14px;right:-10px;top:24px;background:linear-gradient(180deg,#ffd164,#ec9828);clip-path:polygon(0 0,100% 50%,0 100%);}.brow{position:absolute;width:24px;height:5px;background:#2d1914;border-radius:8px;left:16px;top:11px;transform:rotate(-14deg);}.multiplier-float{position:absolute;font-size:1.05rem;font-weight:800;color:#132;background:#fffde2d9;border:2px solid #ffcf4b;border-radius:999px;padding:.22rem .58rem;pointer-events:none;opacity:0;}.pig{position:absolute;width:58px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 28%,#b8f58f 0 24%,var(--green) 44%,var(--green-dark) 100%);box-shadow:0 4px 8px #00000022;}.pig::before,.pig::after{content:"";position:absolute;width:16px;height:16px;background:radial-gradient(circle at 40% 40%,var(--green),var(--green-dark));border-radius:50%;top:-6px;}.pig::before{left:6px;}.pig::after{right:6px;}.pig .snout{position:absolute;width:24px;height:18px;background:#8dd06a;border-radius:12px;left:50%;top:28px;transform:translateX(-50%);}.pig .snout::before,.pig .snout::after{content:"";position:absolute;width:5px;height:6px;background:#3b6c2a;border-radius:50%;top:6px;}.pig .snout::before{left:5px;}.pig .snout::after{right:5px;}.pig .eye.left,.pig .eye.right{position:absolute;width:8px;height:8px;border-radius:50%;background:#000;top:18px;z-index:1;}.pig .eye.left{left:14px;}.pig .eye.right{right:14px;}.pig-hit{animation:hit-pop .35s ease forwards;}@keyframes hit-pop{0%{transform:scale(1);}30%{transform:scale(1.18);}100%{transform:scale(0);opacity:0;}}.trail-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.85);border:1px solid rgba(255,200,80,0.95);pointer-events:none;z-index:2;transform:translate(-50%,-50%);}.projectile{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8a8a,#4a4a4a);box-shadow:0 2px 4px #00000044;z-index:5;pointer-events:none;}.pig-fire{animation:pig-flash .25s ease;}@keyframes pig-flash{0%{filter:brightness(1);}40%{filter:brightness(1.6);}100%{filter:brightness(1);}}.controls-wrapper{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:0.2rem;}.bet-toggle-container{display:flex;background:#1a1d2d;border-radius:999px;padding:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,0.5);margin-bottom:0.2rem;}.bet-toggle-container input[type="radio"]{display:none;}.bet-toggle-container label{flex:1;text-align:center;padding:0.4rem 0;color:#728aa0;font-weight:700;font-size:0.95rem;letter-spacing:0.5px;text-transform:uppercase;border-radius:999px;cursor:pointer;transition:all 0.2s ease;}.bet-toggle-container label:hover{color:#fff;}.bet-toggle-container input[type="radio"]:checked+label{background:linear-gradient(180deg,#1ba75e,#137743);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.4);}.controls-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}.controls-container.single-panel{display:block;}.panel-title{text-align:center;font-weight:800;text-transform:uppercase;color:#728aa0;font-size:0.85rem;letter-spacing:1px;margin-bottom:-5px;}.controls{display:flex;flex-direction:column;gap:0.3rem;background:#24283b;border-radius:12px;padding:0.75rem;box-shadow:0 4px 15px rgba(0,0,0,0.4);}.bet-input-row{display:flex;align-items:center;background:#1a1d2d;border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,0.1);}.adjust-btn{background:transparent !important;border:none;color:#fff;font-size:1.5rem;width:45px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:none !important;}.adjust-btn:hover{background:rgba(255,255,255,0.1) !important;transform:none !important;}.bet-input-row input{flex:1;background:transparent;border:none;color:#fff;text-align:center;font-size:1.1rem;font-weight:bold;outline:none;}.bet-input-row input[type=number]::-webkit-inner-spin-button,.bet-input-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.bet-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;}.preset-btn{background:#1a1d2d !important;border:1px solid rgba(255,255,255,0.1);color:white;font-size:0.8rem;padding:5px 0;border-radius:6px;box-shadow:none !important;}.preset-btn:hover{background:#2d334a !important;transform:none !important;}.action-btn-wrapper{display:grid;width:100%;}.action-btn-wrapper button{grid-area:1 / 1;width:100%;}.place-bet-action,.cashout-action{height:50px;padding:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;transition:transform 0.2s,box-shadow 0.2s;flex-shrink:0;}.place-bet-action{background:linear-gradient(180deg,#1ba75e,#137743);border:0px solid #45ee81;text-transform:uppercase;font-weight:800;border-radius:15px;}.place-bet-action:hover,.cashout-action:hover{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,0.5);}.cashout-action{background:linear-gradient(145deg,#e1cb20,#e39d06);}button:disabled{cursor:not-allowed;opacity:.5;}.status{margin:0;background:var(--panel);padding:.75rem;border-radius:10px;font-weight:600;}.history-panel{background-color:#323853c7;background-image:url('bird-sitting.png'),url('pigtable.png');background-position:top 15px left -5px,top -5px right -5px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:65px auto,52px auto,70px auto,55px auto;border-radius:14px;padding:.8rem 1rem;box-shadow:-5px 4px 20px #00000066;display:flex;flex-direction:column;overflow:hidden;height:47vh;margin-bottom:1rem;}.history-panel h2{margin:0 0 .6rem;font-size:1.1rem;text-align:center;}.history-table-wrap{flex:1;overflow-y:auto;}.history-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:20px;}.history-table th{text-align:left;padding:.4rem .5rem;border-bottom:2px solid #d6e8f0;font-size:.78rem;opacity:.7;position:sticky;top:0;background:var(--panel);}.history-table td{padding:.45rem .5rem;border-bottom:1px solid #e8f0f4;}.history-table tr:last-child td{border-bottom:none;}.history-table .result-win{color:#2e9f4b;font-weight:700;}.history-table .result-loss{color:var(--accent);font-weight:700;}.history-empty{font-size:.85rem;opacity:.5;text-align:center;margin-top:2rem;}@media (max-width:900px){.main-row{grid-template-columns:1fr;}.sidebar{display:flex;flex-direction:column;}.controls-wrapper{order:1;margin-bottom:1rem;}.history-panel{order:2;max-height:250px;margin-bottom:0;}.hud{grid-template-columns:repeat(2,1fr);}.game-stage{min-height:450px;}.slingshot{left:30px;transform:scale(.8);transform-origin:bottom left;}.bird{left:40px;width:52px;}}@media (max-width:768px){.hud-top{grid-template-columns:repeat(2,1fr) !important;}.bottom-hud{grid-template-columns:1fr;gap:1rem;padding:0.5rem;}.game-stage{min-height:200px;height:40vh;}.bottom-hud .current-bet-display{width:100%;justify-content:center;text-align:center;}.controls-container{grid-template-columns:1fr;gap:0.5rem;}.action-btn-wrapper,.action-btn-wrapper button{width:100%;}.place-bet-action,.cashout-action{width:100%;height:55px;}.placeholder-right{display:none;}}.loading-screen{position:fixed;inset:0;background:url('angry-bg.jpg') no-repeat center center;background-size:cover;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease-out;}.loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:80%;max-width:400px;}.loading-logo{width:250px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.5));}.progress-wrap{position:relative;width:100%;height:14px;background:rgba(0,0,0,0.4);border-radius:999px;border:2px solid rgba(255,255,255,0.4);margin-top:40px;}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#f04b3d,#bf2f24);border-radius:999px;transition:width 0.1s;}.progress-bird{position:absolute;top:-30px;left:0%;transform:translateX(-50%);width:70px;height:57px;background-image:url('birdFly.png');background-repeat:no-repeat;will-change:left,background-position;}button#placeBetBtn{background:url('bet-button.png') no-repeat center center / 100% 100%;padding:0 1.5rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.9),0 0 6px rgba(0,0,0,0.5);letter-spacing:0.5px;transition:transform 0.1s ease,filter 0.15s ease;}button#placeBetBtn:hover:not(:disabled){transform:scale(1.03);filter:brightness(1.1);}button#placeBetBtn:active:not(:disabled){transform:scale(0.97);}button#placeBetBtn:disabled{filter:grayscale(0.8);opacity:0.6;}.result-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.result-modal-overlay.result-modal-visible{opacity:1;pointer-events:all;}.result-modal-overlay.result-modal-hiding{opacity:0;pointer-events:none;}.result-modal-card{position:relative;width:min(360px,90vw);border-radius:24px;padding:1.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:0.65rem;text-align:center;transform:scale(0.8) translateY(24px);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 30px 70px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.07),inset 0 1px 0 rgba(255,255,255,0.1);}.result-modal-visible .result-modal-card{transform:scale(1) translateY(0);}.result-modal-hiding .result-modal-card{transform:scale(0.88) translateY(12px);transition:transform 0.3s ease-in;}.result-modal-card.result-win{background:radial-gradient(ellipse at top,rgba(67,180,90,0.25) 0%,transparent 65%),linear-gradient(160deg,#172a1f 0%,#1e3328 45%,#1e2a3a 100%);border:1px solid rgba(103,195,74,0.3);}.result-modal-card.result-crash{background:radial-gradient(ellipse at top,rgba(240,75,61,0.2) 0%,transparent 65%),linear-gradient(160deg,#28140e 0%,#3a1a14 45%,#281e2e 100%);border:1px solid rgba(240,75,61,0.3);}.result-modal-close{position:absolute;top:0.8rem;right:0.8rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.65);font-size:0.9rem;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,color 0.2s,transform 0.15s;line-height:1;padding:0;}.result-modal-close:hover{background:rgba(255,255,255,0.18);color:#fff;transform:scale(1.1);}.result-modal-char{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.55));animation:result-char-pop 0.55s cubic-bezier(0.34,1.56,0.64,1) 0.1s both;}@keyframes result-char-pop{0%{transform:scale(0) rotate(-15deg);opacity:0;}100%{transform:scale(1) rotate(0deg);opacity:1;}}.result-modal-status{font-size:1.25rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#fff;line-height:1.1;}.result-win .result-modal-status{text-shadow:0 0 24px rgba(103,195,74,0.9),0 2px 4px rgba(0,0,0,0.4);}.result-crash .result-modal-status{text-shadow:0 0 24px rgba(240,75,61,0.9),0 2px 4px rgba(0,0,0,0.4);}.result-modal-multiplier{font-size:2.8rem;font-weight:900;line-height:1;padding:0.3rem 1.4rem;border-radius:999px;letter-spacing:-1px;animation:result-mult-appear 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.25s both;}@keyframes result-mult-appear{0%{transform:scale(0.5);opacity:0;}100%{transform:scale(1);opacity:1;}}.result-win .result-modal-multiplier{background:linear-gradient(135deg,#45ee81 0%,#1ba75e 100%);color:#fff;box-shadow:0 6px 24px rgba(67,195,74,0.5),inset 0 1px 0 rgba(255,255,255,0.3);}.result-crash .result-modal-multiplier{background:linear-gradient(135deg,#f76b5a 0%,#bf2f24 100%);color:#fff;box-shadow:0 6px 24px rgba(240,75,61,0.5),inset 0 1px 0 rgba(255,255,255,0.2);}.result-modal-amounts{width:100%;display:flex;flex-direction:column;gap:0.55rem;background:rgba(0,0,0,0.25);border-radius:14px;padding:0.85rem 1rem;margin-top:0.1rem;border:1px solid rgba(255,255,255,0.07);}.result-modal-amount-row{display:flex;justify-content:space-between;align-items:center;}.result-modal-divider{height:1px;background:rgba(255,255,255,0.1);margin:0.1rem 0;}.result-lbl{font-size:0.82rem;color:rgba(255,255,255,0.5);font-weight:600;text-transform:uppercase;letter-spacing:0.6px;}.result-val{font-size:1rem;font-weight:800;color:#fff;}.result-val-win{color:#45ee81;font-size:1.15rem;text-shadow:0 0 10px rgba(69,238,129,0.6);}.result-val-loss{color:#f76b5a;}.result-modal-msg{font-size:0.8rem;color:rgba(255,255,255,0.38);margin-top:0.1rem;font-style:italic;}