:root{color-scheme:dark;--bg:#0d0d0e;--panel:#171719;--panel2:#202023;--line:#2c2c30;--muted:#8f8f96;--text:#f7f7f8;--gold:#ffdf35;--gold2:#ffa52e;--red:#fc503e;--green:#9eff62;--blue:#6a9df7}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -16%,#28221a 0,transparent 47%),#0d0d0e;color:var(--text);font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{max-width:1340px;margin:0 auto;padding:0 22px 28px}.topbar{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #222225;gap:14px}.top-actions{display:flex;align-items:center;gap:9px;color:#a5a5aa}.mini-icon{background:transparent;border:0;color:#a5a5aa;padding:4px;font-size:14px}.sound-toggle{width:34px;height:34px;min-width:34px;display:grid;place-items:center;padding:0;border:1px solid #514727;border-radius:9px;background:linear-gradient(145deg,#242116,#171719);color:#ffe15b;box-shadow:inset 0 1px #ffffff0b,0 2px 7px #0005;transition:border-color .18s,background .18s,color .18s,transform .18s}.sound-toggle:hover{border-color:#b49a32;background:linear-gradient(145deg,#302a18,#1b1a17);transform:translateY(-1px)}.sound-toggle[data-enabled="false"]{color:#85858d;border-color:#38383d;background:linear-gradient(145deg,#202023,#171719)}.sound-toggle svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound-volume-control{display:none;align-items:center;gap:5px;color:#b9a34c;font-size:9px;font-weight:850}.sound-volume-control.open{display:flex}.sound-volume-control input{width:68px;height:4px;accent-color:#ffe15b;cursor:pointer}.sound-volume-control span{min-width:25px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:480px){.sound-volume-control input{width:42px}.sound-volume-control{gap:3px}}
.brand{display:flex;align-items:center;gap:8px;font-weight:1000;letter-spacing:-.035em;font-size:17px}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;flex:0 0 30px;border-radius:9px;background:linear-gradient(145deg,#332b14,#171719);border:1px solid #806923;box-shadow:inset 0 1px #fff2,0 0 18px #ffdf3515}.brand-mark svg{width:23px;height:23px;display:block;filter:drop-shadow(0 0 5px #ffdf3530)}.brand-word{display:flex;align-items:baseline;gap:6px;letter-spacing:.025em}.brand-word .rhoyskin{font-weight:1000;background:linear-gradient(180deg,#fff8c8,#ffdf35 62%,#d69b17);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-word .demo-tag{font-size:9px;letter-spacing:.13em;color:#b9b9c2;border:1px solid #45454c;border-radius:4px;padding:3px 5px;font-weight:900}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:8px}.pill{border:1px solid #39352a;border-radius:7px;padding:7px 10px;color:#d9bd37;font-size:10px;font-weight:800;letter-spacing:.04em;background:#191816}.reset-top{border:1px solid #333337;border-radius:7px;padding:7px 10px;background:#1b1b1d;color:#cfcfd2;font-weight:750;font-size:11px}.deposit-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #655522;border-radius:7px;padding:7px 10px;background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;font-weight:1000;font-size:10px;letter-spacing:.02em;white-space:nowrap}.deposit-market-icon{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deposit-open:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* Demo deposit modal: selected catalogue skin is added to the virtual inventory. */
.modal-backdrop{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:18px;background:#000c;backdrop-filter:blur(5px)}.modal-backdrop.open{display:grid}.deposit-modal{width:min(100%,940px);max-height:min(92vh,940px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #39393f;border-radius:14px;background:linear-gradient(180deg,#202023,#131315);box-shadow:0 25px 90px #000b}.deposit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 12px;border-bottom:1px solid #303035}.deposit-eyebrow{font-size:9px;letter-spacing:.13em;color:var(--gold);font-weight:950}.deposit-head h2{margin:3px 0 3px;font-size:19px;letter-spacing:-.03em}.deposit-head p{margin:0;color:#97979f;font-size:11px}.deposit-close{flex:0 0 30px;height:30px;border:1px solid #37373c;border-radius:50%;background:#29292d;color:#ddd;font-size:19px}.deposit-controls{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,.5fr) minmax(110px,.45fr) 80px 80px;gap:7px;padding:12px 20px 7px}.deposit-controls input,.deposit-controls select{width:100%;min-width:0;border:1px solid #37373d;border-radius:7px;background:#151517;color:#f3f3f5;padding:9px 10px;font-size:11px;outline:none}.deposit-controls input:focus,.deposit-controls select:focus{border-color:#b99c28}.deposit-bulk-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:6px 20px 3px}.deposit-bulk-actions button{border:1px solid #3a3a40;border-radius:6px;background:#252529;color:#e2e2e7;padding:6px 9px;font-size:10px;font-weight:800}.deposit-bulk-actions button:hover{border-color:#d4b32c;color:#ffe15b}.deposit-bulk-actions span{font-size:10px;color:#84848c}.deposit-meta{display:flex;justify-content:space-between;gap:12px;padding:5px 20px 9px;color:#898991;font-size:10px}.deposit-meta strong{color:#f1d849}.deposit-scroll{min-height:170px;overflow:auto;padding:0 20px 14px}.deposit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.deposit-skin-card{padding:0 0 6px;gap:4px}.deposit-skin-pick{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:5px 5px 2px;border:0;background:transparent;color:inherit;text-align:left}.deposit-skin-card.selected:after{display:none}.deposit-skin-pick .selected-tag{bottom:4px}.deposit-quantity{display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 5px 0;border-top:1px solid #343438;margin:0 5px}.deposit-quantity button{width:25px;height:23px;border:1px solid #625323;border-radius:5px;background:#292516;color:#ffe15b;font-weight:1000;font-size:15px;line-height:1}.deposit-quantity span{min-width:18px;text-align:center;font-weight:950;font-size:11px;color:#fff}.deposit-quantity small{font-size:8px;color:#99999f}.deposit-grid .live-price-badge{display:inline-block;margin-left:4px;padding:1px 3px;border:1px solid #557b3f;border-radius:3px;color:#a8ed7c;font-size:7px;line-height:1.2;vertical-align:middle;letter-spacing:.04em}.card-price[title]{cursor:help}
.skin-card{min-height:142px}.deposit-grid .skin-art{height:70px}.deposit-grid .skin-name{font-size:10px}.deposit-grid .skin-type{font-size:9px}.deposit-load-more{display:none;width:100%;margin-top:10px;border:1px solid #37373c;border-radius:7px;padding:9px;background:#242427;color:#ddd;font-weight:800;font-size:11px}.deposit-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #303035;background:#19191c}.deposit-footnote{font-size:10px;color:#85858d;max-width:440px}.deposit-foot-actions{display:flex;gap:8px}.deposit-cancel,.deposit-confirm{border-radius:7px;padding:10px 13px;font-size:11px;font-weight:900}.deposit-cancel{border:1px solid #39393e;background:#222225;color:#ddd}.deposit-confirm{border:1px solid #d2b52a;background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a}.deposit-confirm:disabled{opacity:.4;cursor:not-allowed}
.intro{padding:14px 0 13px;display:flex;justify-content:space-between;gap:20px;align-items:center}.intro h1{font-size:19px;margin:0 0 2px;font-weight:900;letter-spacing:-.035em}.intro p{margin:0;color:#8f8f94;font-size:11px}.demo-warning{text-align:right;color:#77777f;font-size:10px;max-width:390px}
/* Main upgrade area: matching source and target skins on both sides, wheel and controls in the centre. */
.upgrade-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,.88fr) minmax(0,1fr);gap:17px;align-items:center}.hero-card{height:248px;min-width:0;position:relative;overflow:hidden;border-radius:10px;border:1px solid #242427;background:radial-gradient(ellipse at 50% 58%,#282821 0,transparent 59%),linear-gradient(125deg,#171719,#131315);padding:14px 16px 12px;display:flex;flex-direction:column}.hero-card.target{background:radial-gradient(ellipse at 42% 45%,#382125 0,transparent 68%),linear-gradient(120deg,#28191d,#171719);border-color:#3b2529}.hero-card.source:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 60%,#ffffff02 60%);pointer-events:none}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1}.hero-kicker{font-size:9px;color:#aaaab0;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.hero-instruction{font-size:9px;color:#c4c4c9;font-weight:650;margin-top:2px}.clear-target{height:23px;width:23px;border:0;border-radius:50%;background:#303034;color:#b3b3ba;font-size:17px;line-height:1;display:grid;place-items:center}.hero-image{height:137px;flex:1;min-height:100px;display:flex;justify-content:center;align-items:center;position:relative;margin:0 -3px}.hero-image img{display:block;max-width:95%;width:100%;height:134px;object-fit:contain;filter:drop-shadow(0 12px 9px #0009)}.hero-placeholder{display:grid;place-items:center;width:110px;height:110px;border:1px dashed #45454b;border-radius:50%;font-weight:1000;color:#6c6c72;font-size:27px;background:#0002}.hero-bottom{z-index:1;text-align:center;min-width:0}.hero-name{font-size:15px;font-weight:950;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hero-weapon{font-size:9px;color:#94949b;margin-top:1px}.hero-price{font-size:13px;font-weight:950;color:var(--gold);margin-top:7px}.source .hero-price{color:#e3c83c}.target .hero-price{color:var(--gold)}
.wheel-column{display:flex;align-items:center;justify-content:center;min-width:0;position:relative;overflow:visible}.wheel-wrap{position:relative;width:min(100%,270px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.wheel-halo{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,#e7b72912 0 53%,transparent 73%);filter:blur(5px)}.wheel{position:absolute;inset:8px;border-radius:50%;background:conic-gradient(from var(--chance-start,162deg),var(--gold) 0deg var(--chance-angle,36deg),#252528 var(--chance-angle,36deg) 360deg);box-shadow:0 0 0 2px #29292d,0 0 0 9px #141416,0 0 0 10px #39393d,0 0 25px #000a;overflow:hidden}.wheel:before{content:"";position:absolute;inset:11px;border-radius:50%;background:repeating-conic-gradient(#ffffff17 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 0 76%,#000 77% 100%);opacity:.9}.wheel:after{content:"";position:absolute;inset:25px;border-radius:50%;border:1px solid #ffffff16;box-shadow:inset 0 0 16px #0008}.wheel-bolts{position:absolute;inset:0;z-index:4;pointer-events:none}.wheel-bolts span{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#78787e;box-shadow:0 0 3px #000;transform:rotate(var(--a)) translateY(-129px)}.wheel-inner{position:absolute;z-index:3;inset:51px;border-radius:50%;border:1px solid #38383e;background:radial-gradient(circle at 45% 27%,#252529,#141416 72%);box-shadow:0 0 0 8px #171719,0 0 0 9px #3b3b41,0 5px 18px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.inner-chevron{width:48px;height:38px;margin-bottom:-4px;opacity:.11;background:#babac0;clip-path:polygon(50% 0,100% 36%,100% 59%,50% 24%,0 59%,0 36%)}.chance-big{font-size:clamp(24px,2.8vw,32px);font-weight:1000;letter-spacing:-.05em;color:var(--gold);line-height:1.1}.chance-caption{font-size:9px;color:#b3b3b8;margin-top:4px}.pointer-orbit{position:absolute;inset:0;z-index:7;pointer-events:none;transform:rotate(180deg);transition:transform 5s cubic-bezier(.075,.78,.12,1);will-change:transform}.pointer{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:24px solid #ffed7d;filter:drop-shadow(0 3px 3px #000b)}.pointer:after{content:"";position:absolute;left:-3px;top:-22px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:9px solid #ff982e}.fast-spin-btn{position:absolute;right:-9px;top:12%;z-index:12;width:40px;height:44px;border:1px solid #7a6320;border-radius:12px;background:linear-gradient(155deg,#2c291e,#161619);color:#ffe04a;box-shadow:0 5px 16px #0009,0 0 14px #ffdc3220;font-size:23px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:0;flex-direction:column;line-height:1;transition:transform .15s,filter .15s}.fast-spin-btn small{font-size:9px;letter-spacing:.03em}.fast-spin-btn:hover:not(:disabled){filter:brightness(1.3);transform:scale(1.06)}.fast-spin-btn:disabled{opacity:.35;cursor:not-allowed}.fast-spin-btn.active{border-color:#ffe64d;background:linear-gradient(155deg,#fff078,#d7ab1d);color:#171407;box-shadow:0 0 0 3px #ffe14b22,0 7px 22px #000a,0 0 18px #ffdf3538}.fast-spin-btn.active small{color:#171407}.wheel-details{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;color:#b4b4b7;font-size:8px;padding:0 12px;z-index:2}.wheel-subline{position:absolute;bottom:-24px;text-align:center;width:100%;font-size:10px;color:#8a8a91}.wheel-subline strong{color:#e7d268}
.action-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,.88fr) minmax(0,1fr);gap:17px;align-items:center;margin:11px 0 20px}.action-side{min-width:0}.highest-record{min-height:76px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #34312a;border-radius:9px;background:linear-gradient(125deg,#211f18,#151517);box-shadow:inset 0 1px #ffffff05}.record-visual{width:76px;height:55px;flex:0 0 76px;display:grid;place-items:center;border-radius:6px;background:radial-gradient(ellipse at center,#3a3423,#171719 75%);overflow:hidden}.record-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0009)}.record-placeholder{font-size:23px;color:#6f602a}.record-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.record-kicker{font-size:8px;font-weight:950;letter-spacing:.08em;color:#d5b83a}.record-name{font-size:10px;line-height:1.25;font-weight:950;color:#f0f0f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-weapon{font-size:8px;color:#8f8f96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-price{font-size:11px;color:var(--gold);font-weight:1000;white-space:nowrap}.upgrade-btn{border:0;border-radius:9px;width:100%;min-height:42px;padding:8px 12px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#17140a;font-weight:1000;font-size:13px;letter-spacing:.025em;box-shadow:0 4px 14px #e6b82720;transition:filter .15s,transform .15s}.upgrade-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.upgrade-btn:disabled{filter:saturate(.2)}.btn-sub{display:block;margin-top:1px;font-size:9px;font-weight:750;opacity:.72}.quick-controls{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.quick-btn{background:#171719;border:1px solid #2e2e32;border-radius:6px;padding:6px 8px;color:#b8b8bd;font-size:10px;font-weight:850;min-width:32px}.quick-btn:hover,.quick-btn.active{border-color:#e0bf35;color:#ffe15b;background:#292518}.quick-btn.risk{border-color:#3a3a3e}.quick-btn.gear{min-width:27px;font-size:13px;padding:5px}.quick-settings{position:absolute;right:0;bottom:calc(100% + 9px);z-index:30;width:min(270px,calc(100vw - 32px));padding:14px;border:1px solid #45413a;border-radius:10px;background:linear-gradient(160deg,#242321,#151516);box-shadow:0 14px 40px #000b;text-align:left}.quick-settings[hidden]{display:none!important}.quick-settings-title{font-size:10px;font-weight:1000;letter-spacing:.09em;color:var(--gold);margin-bottom:10px}.custom-chance-label{display:block;color:#c5c5ca;font-size:10px;margin-bottom:5px}.custom-chance-row{display:flex;align-items:center;gap:6px}.custom-chance-row input{width:100%;min-width:0;border:1px solid #414146;border-radius:6px;background:#111113;color:#f4f4f6;padding:8px;font-weight:900;outline:none}.custom-chance-row input:focus{border-color:var(--gold)}.custom-chance-row span{color:var(--gold);font-weight:900}.auto-continue-option{display:flex;align-items:center;gap:8px;margin:12px 0 8px;color:#dedee2;font-size:10px}.auto-continue-option input{accent-color:#e4c72e}.quick-settings p{margin:0 0 11px;font-size:9px;line-height:1.5;color:#8e8e96}.quick-settings #applyQuickSettings{width:100%;border:0;border-radius:6px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#19160a;padding:8px;font-size:10px;font-weight:1000}.result-box{display:none;grid-column:1/-1;margin-top:2px;padding:9px 12px;border-radius:8px;font-weight:800;font-size:11px}.result-box.show{display:block}.result-box.win{border:1px solid #506b2c;background:#202b17;color:#c7ff8e}.result-box.loss{border:1px solid #683532;background:#2e1d1c;color:#ffa49b}
/* Bottom panels: inventory on left, target catalogue on right */
.collections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.collection-panel{border:1px solid #2a2a2e;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#1a1a1d,#151517);min-width:0}.collection-head{height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-bottom:1px solid #2b2b2f;background:#1c1c1f}.collection-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:950;white-space:nowrap}.title-icon{width:22px;height:22px;border-radius:5px;background:var(--gold);color:#191607;display:grid;place-items:center;font-size:12px;font-weight:1000}.count-badge{font-size:9px;color:#919198;background:#29292d;border-radius:5px;padding:4px 6px;white-space:nowrap}.collection-tools{display:flex;gap:5px;align-items:center;min-width:0}.search{width:min(160px,25vw);min-width:85px;border:1px solid #37373c;background:#121214;border-radius:6px;color:#f0f0f1;padding:7px 8px;outline:none;font-size:10px}.search:focus,.filter:focus{border-color:#b99b2a}.filter{max-width:108px;min-width:0;border:1px solid #37373c;background:#121214;color:#c7c7cb;border-radius:6px;padding:7px 6px;font-size:9px;outline:none}.price-input{width:55px;border:1px solid #37373c;background:#121214;border-radius:6px;color:#c7c7cb;padding:7px 5px;font-size:9px;min-width:0}.collection-body{padding:7px 8px 9px}.skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.skin-card{position:relative;min-width:0;min-height:122px;overflow:hidden;padding:5px 5px 6px;border-radius:7px;border:1px solid #303035;color:#f3f3f4;text-align:left;background:linear-gradient(145deg,#202024,#17171a);transition:transform .15s,border-color .15s,background .15s;display:flex;flex-direction:column}.skin-card:hover{transform:translateY(-1px);border-color:#777049}.skin-card.selected{border-color:#ffe03d;box-shadow:inset 0 0 0 1px #f5d82e44;background:linear-gradient(160deg,#4a431d,#222119)}.skin-card.selected:after{content:"✓";position:absolute;right:5px;top:5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#ffe041;color:#1c1909;font-size:11px;font-weight:1000;box-shadow:0 1px 5px #0008}.card-price{font-size:9px;line-height:1.2;font-weight:950;color:#f5db4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.skin-art{height:68px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 -1px 3px;overflow:hidden;flex-shrink:0;background:radial-gradient(ellipse at center,#343034 0,transparent 72%)}.skin-art img{max-width:120%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0008);transition:transform .2s}.skin-card:hover .skin-art img{transform:scale(1.07)}.art-fallback{height:49px;width:80%;display:grid;place-items:center;border:1px solid #4a4847;border-radius:5px;background:linear-gradient(135deg,#32302b,#1c1c1d);color:#e1c83f;font-weight:950;font-size:14px}.skin-name{font-size:9px;line-height:1.2;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:auto}.skin-type{font-size:8px;color:#82828a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.selected-tag{position:absolute;left:4px;bottom:4px;border-radius:3px;background:#ffe03b;color:#171407;font-size:7px;font-weight:1000;padding:2px 4px}.empty-state{grid-column:1/-1;text-align:center;color:#84848a;padding:30px 10px;font-size:11px}.load-more-btn{display:block;width:100%;margin-top:7px;padding:9px 12px;border:1px solid #514724;border-radius:7px;background:#282416;color:#ffdf35;font-size:10px;font-weight:900}.load-more-btn:hover{background:#39311b;border-color:#8b742a}.catalog-status{margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#77777f;font-size:9px}.status-left{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a38f3a}.disclaimer{margin-top:12px;color:#66666d;font-size:9px;line-height:1.5;text-align:center}.toast{position:fixed;z-index:99;bottom:18px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#27251a;border:1px solid #7b6929;color:#ffeb8a;padding:10px 15px;border-radius:8px;box-shadow:0 8px 28px #0008;font-size:11px;font-weight:800;max-width:min(90vw,600px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
.source-art-stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate}.source-stack-item{position:absolute;width:47%;height:78%;display:grid;place-items:center;border:1px solid #4a4635;border-radius:7px;background:linear-gradient(145deg,#29261e,#161618);box-shadow:0 7px 10px #0007;overflow:hidden}.source-stack-item img{width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0008)}.source-stack-item .stack-fallback{font-weight:1000;color:var(--gold);font-size:13px}.source-stack-item:nth-child(1){transform:translateX(-44px) rotate(-12deg);z-index:1}.source-stack-item:nth-child(2){transform:translateX(0) rotate(2deg);z-index:2}.source-stack-item:nth-child(3){transform:translateX(44px) rotate(12deg);z-index:3}.source-stack-item:nth-child(4){transform:translateY(-5px) rotate(0deg);z-index:4}.source-stack-count{position:absolute;right:5px;bottom:4px;z-index:6;padding:4px 7px;border:1px solid #736022;border-radius:6px;background:#1e1b11;color:#ffe04a;font-size:9px;font-weight:1000;box-shadow:0 3px 8px #0008}.bundle-hint{font-size:9px;color:#b4a34f;margin-top:3px}
@media(min-width:1200px){.skin-card{min-height:128px}.skin-art{height:75px}}
@media(max-width:1050px){.shell{padding-left:15px;padding-right:15px}.upgrade-layout,.action-row{grid-template-columns:minmax(0,1fr) minmax(225px,.9fr) minmax(0,1fr);gap:10px}.hero-card{height:230px;padding:12px}.wheel-wrap{width:min(100%,240px)}.wheel-inner{inset:45px}.wheel-bolts span{transform:rotate(var(--a)) translateY(-115px)}.collection-head{height:auto;min-height:43px;align-items:center;flex-direction:row;padding:7px 8px}.collection-tools{width:auto;min-width:0;flex:1;gap:4px}.search{width:100px;min-width:60px;max-width:135px;flex:1}.filter{flex:0 1 84px;max-width:92px}.skin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.shell{padding:0 10px 22px}.topbar{height:59px}.brand{font-size:15px}.deposit-open{font-size:8px;padding:6px 7px}.deposit-modal{max-height:94vh}.deposit-head{padding:14px 13px 10px}.deposit-head h2{font-size:16px}.deposit-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px 13px 5px}.deposit-controls #depositSearch{grid-column:1/-1}.deposit-meta{padding:5px 13px 8px;flex-wrap:wrap}.deposit-bulk-actions{padding:5px 13px 3px}.deposit-scroll{padding:0 13px 12px}.deposit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.deposit-grid .skin-card{min-height:124px}.deposit-grid .skin-art{height:61px}.deposit-footer{padding:10px 13px;align-items:flex-start;flex-direction:column}.deposit-footnote{max-width:none}.deposit-foot-actions{width:100%}.deposit-foot-actions button{flex:1}.top-actions .mini-icon:nth-child(n+3){display:none}.pill{display:none}.reset-top{font-size:10px;padding:7px}.intro{align-items:flex-start;flex-direction:column;padding:13px 0 10px;gap:6px}.intro h1{font-size:17px}.demo-warning{text-align:left;max-width:none}.upgrade-layout{grid-template-columns:minmax(0,1fr);gap:9px}.hero-card{height:205px;max-width:600px;width:100%;margin:0 auto}.hero-image{height:104px}.hero-image img{height:106px}.wheel-column{padding:10px 0 25px;grid-row:2}.wheel-wrap{width:min(76vw,270px)}.fast-spin-btn{right:2px;top:12%;width:37px;height:41px}.wheel-inner{inset:52px}.wheel-bolts span{transform:rotate(var(--a)) translateY(-130px)}.upgrade-layout .target{grid-row:3}.action-row{grid-template-columns:1fr;gap:8px;margin:4px 0 14px}.action-side{display:block;max-width:100%}.highest-record{min-height:66px;padding:6px}.record-visual{width:60px;height:48px;flex-basis:60px}.record-kicker{font-size:7px}.record-name{font-size:9px}.upgrade-btn{max-width:600px;margin:auto;min-height:46px}.quick-controls{justify-content:center}.result-box{grid-column:auto}.collections{grid-template-columns:minmax(0,1fr);gap:10px}.collection-head{flex-direction:row;align-items:center}.collection-tools{width:auto;flex:1;justify-content:flex-end}.search{max-width:190px;width:30vw;flex:1}.filter{flex:initial;max-width:120px}.skin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skin-card{min-height:114px}.skin-art{height:64px}}
@media(max-width:480px){.header-right{gap:4px}.reset-top{font-size:9px;padding:6px}.deposit-open{font-size:7px;padding:6px 5px;letter-spacing:0}.deposit-controls{gap:5px}.deposit-controls input,.deposit-controls select{font-size:10px;padding:8px 6px}.deposit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deposit-grid .skin-card{min-height:124px}.top-actions{gap:2px}.top-actions .mini-icon:nth-child(n+2){display:none}.hero-card{height:190px}.hero-image img{height:95px}.wheel-wrap{width:min(80vw,250px)}.fast-spin-btn{right:2px;top:12%;width:35px;height:39px}.wheel-inner{inset:46px}.wheel-bolts span{transform:rotate(var(--a)) translateY(-119px)}.collections{gap:8px}.collection-head{gap:5px;padding:7px}.collection-title{font-size:10px}.collection-tools{gap:3px}.search{min-width:65px;width:22vw;padding:7px 5px;font-size:9px}.filter{max-width:94px;padding:7px 4px;font-size:8px}.price-input{width:42px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.skin-card{min-height:119px}.skin-art{height:69px}.skin-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* V12 visual polish: record card lives in the far-left source column; speed toggle floats outside the wheel rim. */
.source-stack{min-width:0;display:flex;flex-direction:column;gap:11px;align-self:stretch;justify-content:center}
.source-stack>.hero-card{flex:0 0 248px;width:100%}
.highest-record{min-width:0;min-height:176px;display:flex;flex-direction:column;gap:10px;padding:12px 13px;border:1px solid #514522;border-radius:11px;background:radial-gradient(ellipse at 18% 12%,#6e561d30,transparent 65%),linear-gradient(135deg,#242117 0%,#171719 68%);box-shadow:inset 0 1px #fff1,0 8px 24px #0005;overflow:hidden;position:relative}
.highest-record:after{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#d4b43d9c,transparent);pointer-events:none}
.record-heading{display:flex;align-items:center;gap:7px;min-width:0}
.record-star{font-size:17px;line-height:1;color:#f4d353;text-shadow:0 0 12px #f4d35342}
.record-kicker{font-size:9px;font-weight:950;letter-spacing:.1em;color:#e2c84c}
.record-content{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.record-visual{width:124px;height:108px;flex:0 0 124px;display:grid;place-items:center;border:1px solid #5e4c24;border-radius:9px;background:radial-gradient(ellipse at center,#55451f80,#171719 78%);overflow:hidden}
.record-visual img{width:100%;height:100%;object-fit:contain;padding:4px;filter:drop-shadow(0 7px 7px #000b)}
.record-placeholder{font-size:38px;color:#a68b36}
.record-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.record-name{font-size:13px;line-height:1.3;font-weight:950;color:#f7f4e8;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.record-weapon{font-size:9px;line-height:1.35;color:#aaa394;white-space:normal;overflow-wrap:anywhere}
.record-price{font-size:17px;color:#ffe35b;font-weight:1000;white-space:nowrap;text-shadow:0 0 13px #f1d53b22}
.action-row{grid-template-columns:minmax(255px,.88fr) minmax(0,1.12fr)}
.quick-controls{gap:6px}
.quick-btn.risk{position:relative;border-width:1px;background:linear-gradient(180deg,#202023,#171719);transition:border-color .15s,box-shadow .15s,background .15s,color .15s}
.quick-btn.risk[data-chance="35"]{border-color:#704b39;color:#d9a68a;box-shadow:inset 0 1px #e6a0790a}
.quick-btn.risk[data-chance="55"]{border-color:#786630;color:#e3ce72;box-shadow:inset 0 1px #f1d7790c}
.quick-btn.risk[data-chance="75"]{border-color:#536e3e;color:#c0df9a;box-shadow:inset 0 1px #a8de7d0a}
.quick-btn.risk:hover[data-chance="35"]{border-color:#c1805d;box-shadow:0 0 0 2px #c1805d19}
.quick-btn.risk:hover[data-chance="55"]{border-color:#d6b94c;box-shadow:0 0 0 2px #d6b94c1c}
.quick-btn.risk:hover[data-chance="75"]{border-color:#9bcb72;box-shadow:0 0 0 2px #9bcb721c}
.quick-btn.risk.active{background:linear-gradient(180deg,#302b1b,#201d15);border-color:#ffe05b;color:#ffe879;box-shadow:inset 0 0 0 1px #ffe05b26,0 0 0 2px #ffe05b14,0 4px 12px #0006}
.fast-spin-btn{right:-23px;top:-7px;width:37px;height:41px;border-radius:11px;box-shadow:0 7px 18px #000b,0 0 0 4px #0d0d0e,0 0 0 5px #4d431f;transform:translate(0,0)}
.fast-spin-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}
.fast-spin-btn.active{border-color:#ffe64d;box-shadow:0 0 0 4px #0d0d0e,0 0 0 5px #ffe14b80,0 7px 22px #000a,0 0 18px #ffdf3538}
@media(max-width:1000px){.record-visual{width:104px;flex-basis:104px}.record-name{font-size:12px}.record-price{font-size:15px}.highest-record{min-height:164px;padding:10px}}
@media(max-width:760px){.source-stack{gap:9px}.source-stack>.hero-card{flex-basis:218px;height:218px}.highest-record{min-height:142px;padding:10px 12px}.record-content{gap:10px}.record-visual{width:98px;height:88px;flex-basis:98px}.record-name{font-size:12px;-webkit-line-clamp:3}.record-price{font-size:15px}.fast-spin-btn{right:0;top:-11px;width:36px;height:40px;box-shadow:0 0 0 3px #0d0d0e,0 0 0 4px #4d431f,0 5px 15px #000b}.action-row{grid-template-columns:1fr;gap:9px}.action-row>.upgrade-btn{grid-column:auto}.quick-controls{justify-content:center}}
@media(max-width:390px){.record-visual{width:82px;height:78px;flex-basis:82px}.record-name{font-size:11px}.record-kicker{font-size:8px}.record-price{font-size:14px}.quick-controls{gap:4px}.quick-btn{padding:6px 7px}}


/* Updated action placement and percentage-mode settings panel. */
.action-row{grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);gap:14px}
.upgrade-actions{display:flex;align-items:stretch;gap:8px;min-width:0}
.upgrade-actions .upgrade-btn{flex:1 1 auto;min-width:0;margin:0;max-width:none}
.upgrade-actions .fast-spin-btn{position:relative;inset:auto;z-index:1;flex:0 0 48px;width:48px;height:auto;min-height:44px;border-radius:9px;border:1px solid #716027;background:linear-gradient(155deg,#2c291e,#161619);color:#ffe04a;box-shadow:0 5px 16px #0009,0 0 0 1px #4d431f;transform:none}
.upgrade-actions .fast-spin-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03)}
.upgrade-actions .fast-spin-btn.active{border-color:#ffe64d;background:linear-gradient(155deg,#fff078,#d7ab1d);color:#171407;box-shadow:0 0 0 2px #ffe14b40,0 7px 18px #0008}
.quick-settings{width:min(310px,calc(100vw - 28px));padding:15px;border-color:#4a4430;background:linear-gradient(160deg,#242321 0%,#161618 72%);box-shadow:0 18px 50px #000c;text-align:left}
.quick-settings-heading{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #36332b}
.settings-gear-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #78652c;border-radius:8px;background:#292519;color:#ffe15b;font-size:17px;flex:0 0 34px}
.quick-settings-title{font-size:11px;font-weight:1000;letter-spacing:.1em;color:#ffe05a;margin:0}
.quick-settings-subtitle{font-size:10px;color:#92929a;margin-top:3px}
.chance-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 3px}
.custom-chance-label{display:block;color:#bdbdc4;font-size:10px;margin:0}
.chance-value-row strong{font-size:19px;color:#ffe15b;font-weight:1000;font-variant-numeric:tabular-nums}
.chance-slider{width:100%;margin:8px 0 9px;accent-color:#f4d33e;cursor:pointer}
.chance-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 11px}
.chance-presets button{border:1px solid #39383a;border-radius:6px;padding:6px 4px;background:#1a1a1d;color:#cacad0;font-size:10px;font-weight:900}
.chance-presets button:hover{border-color:#ffe05b;color:#ffe05b;background:#282518}
.custom-chance-row{display:flex;align-items:center;gap:7px}
.custom-chance-row input{width:100%;min-width:0;border:1px solid #414146;border-radius:6px;background:#111113;color:#f4f4f6;padding:8px;font-weight:900;outline:none}
.custom-chance-row span{color:#ffe15b;font-weight:1000}
.auto-continue-option{display:flex;align-items:flex-start;gap:9px;margin:13px 0 10px;padding:10px;border:1px solid #353535;border-radius:7px;background:#1b1b1d;color:#eee;font-size:10px;line-height:1.35}
.auto-continue-option input{accent-color:#e4c72e;margin-top:2px;flex:0 0 auto}
.auto-continue-option span{display:flex;flex-direction:column;gap:3px}
.auto-continue-option strong{font-size:10px;font-weight:900}
.auto-continue-option small{font-size:9px;color:#8f8f97}
.settings-note{font-size:9px;line-height:1.45;color:#96969e;margin:0 0 12px}
.quick-settings #applyQuickSettings{width:100%;border:0;border-radius:7px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#19160a;padding:9px;font-size:10px;font-weight:1000;cursor:pointer}
.lang-toggle{min-width:38px;padding:7px 8px;color:#ffe15b;border-color:#514727;font-weight:950}
@media(max-width:1050px){.action-row{grid-template-columns:minmax(265px,.9fr) minmax(0,1.1fr);gap:10px}}
@media(max-width:760px){.action-row{grid-template-columns:minmax(0,1fr);gap:9px}.upgrade-actions{width:100%;max-width:600px;margin:0 auto}.upgrade-actions .upgrade-btn{max-width:none}.upgrade-actions .fast-spin-btn{flex-basis:48px;width:48px;min-height:46px;box-shadow:0 0 0 1px #4d431f,0 5px 15px #000b}.quick-controls{justify-content:center}.quick-settings{left:50%;right:auto;transform:translateX(-50%);bottom:calc(100% + 9px)}}
@media(max-width:390px){.upgrade-actions{gap:6px}.upgrade-actions .fast-spin-btn{flex-basis:44px;width:44px}.quick-settings{width:min(300px,calc(100vw - 20px));padding:12px}}


/* V14: symmetric skin cards, centred wheel/actions, and a latest-outcome panel in the former record slot. */
.upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(285px,1fr) minmax(0,1fr);gap:18px;align-items:center}
.source-column{min-width:0;display:flex;flex-direction:column;gap:11px;align-self:stretch;justify-content:center}
.source-column>.hero-card,.upgrade-layout>.hero-card{width:100%;height:248px;flex:0 0 248px;min-width:0}
.wheel-column{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;align-self:center}
.wheel-wrap{width:min(100%,270px);flex:0 0 auto}
.upgrade-actions{width:min(100%,300px);display:flex;align-items:stretch;justify-content:center;gap:8px;min-width:0}
.upgrade-actions .upgrade-btn{width:auto;flex:1 1 auto;min-width:0;max-width:none;min-height:47px}
.upgrade-actions .fast-spin-btn{position:relative;inset:auto;z-index:1;flex:0 0 50px;width:50px;height:auto;min-height:47px;border-radius:9px;border:1px solid #716027;background:linear-gradient(155deg,#2c291e,#161619);color:#ffe04a;box-shadow:0 5px 16px #0009,0 0 0 1px #4d431f;transform:none}
.upgrade-actions .fast-spin-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03)}
.upgrade-actions .fast-spin-btn.active{border-color:#ffe64d;background:linear-gradient(155deg,#fff078,#d7ab1d);color:#171407;box-shadow:0 0 0 2px #ffe14b40,0 7px 18px #0008}
.quick-controls{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}
.quick-settings{right:0;bottom:calc(100% + 10px)}
.outcome-card{min-width:0;min-height:176px;display:flex;flex-direction:column;gap:11px;padding:12px 13px;border:1px solid #34343a;border-radius:11px;background:radial-gradient(ellipse at 18% 12%,#ffffff08,transparent 65%),linear-gradient(135deg,#222225 0%,#171719 68%);box-shadow:inset 0 1px #fff1,0 8px 24px #0005;overflow:hidden;position:relative}
.outcome-card:after{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#ffffff30,transparent);pointer-events:none}
.outcome-card[data-state="win"]{border-color:#506b2c;background:radial-gradient(ellipse at 18% 12%,#7ab63b20,transparent 65%),linear-gradient(135deg,#202b17,#171719)}
.outcome-card[data-state="win"]:after{background:linear-gradient(90deg,transparent,#a8e96d,transparent)}
.outcome-card[data-state="loss"]{border-color:#683532;background:radial-gradient(ellipse at 18% 12%,#c3483c20,transparent 65%),linear-gradient(135deg,#2e1d1c,#171719)}
.outcome-card[data-state="loss"]:after{background:linear-gradient(90deg,transparent,#ed796e,transparent)}
.outcome-card[data-state="pending"]{border-color:#7a6320}
.outcome-header{display:flex;align-items:center;gap:8px;min-width:0}
.outcome-mark{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border:1px solid #48484d;border-radius:7px;background:#29292d;color:#bdbdc4;font-size:16px;font-weight:1000}
.outcome-card[data-state="win"] .outcome-mark{color:#c7ff8e;border-color:#506b2c;background:#26331c}
.outcome-card[data-state="loss"] .outcome-mark{color:#ffa49b;border-color:#683532;background:#3a211f}
.outcome-card[data-state="pending"] .outcome-mark{color:#ffe15b;border-color:#806b26;background:#302919}
.outcome-heading{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.outcome-kicker{font-size:9px;font-weight:1000;letter-spacing:.09em;color:#d0d0d6}
.outcome-subheading{font-size:9px;color:#85858d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outcome-status{font-size:8px;line-height:1;padding:5px 6px;border:1px solid #424248;border-radius:5px;color:#a4a4ac;background:#222225;font-weight:1000;white-space:nowrap}
.outcome-card[data-state="win"] .outcome-status{border-color:#506b2c;color:#c7ff8e;background:#202b17}
.outcome-card[data-state="loss"] .outcome-status{border-color:#683532;color:#ffa49b;background:#2e1d1c}
.outcome-card[data-state="pending"] .outcome-status{border-color:#806b26;color:#ffe15b;background:#302919}
.outcome-content{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.outcome-visual{width:112px;height:104px;flex:0 0 112px;display:grid;place-items:center;border:1px solid #414147;border-radius:9px;background:radial-gradient(ellipse at center,#34343a80,#171719 78%);overflow:hidden;position:relative}
.outcome-card[data-state="win"] .outcome-visual{border-color:#506b2c;background:radial-gradient(ellipse at center,#3d552680,#171719 78%)}
.outcome-card[data-state="loss"] .outcome-visual{border-color:#683532;background:radial-gradient(ellipse at center,#61332e80,#171719 78%)}
.outcome-visual>img{width:100%;height:100%;padding:5px;object-fit:contain;filter:drop-shadow(0 7px 7px #000b)}
.outcome-placeholder{font-size:24px;font-weight:1000;color:#76767e}
.outcome-art-stack{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.outcome-art-piece{position:absolute;width:49%;height:76%;display:grid;place-items:center;border:1px solid #5a5142;border-radius:6px;background:linear-gradient(145deg,#29261e,#161618);box-shadow:0 5px 8px #0008;overflow:hidden}
.outcome-art-piece img{width:100%;height:100%;object-fit:contain}
.outcome-art-piece:nth-child(1){transform:translateX(-25px) rotate(-12deg);z-index:1}.outcome-art-piece:nth-child(2){transform:translateX(0) rotate(2deg);z-index:2}.outcome-art-piece:nth-child(3){transform:translateX(25px) rotate(12deg);z-index:3}.outcome-art-piece:nth-child(4){transform:translateY(-3px);z-index:4}
.outcome-art-count{position:absolute;right:4px;bottom:4px;z-index:5;padding:3px 5px;border:1px solid #736022;border-radius:5px;background:#1e1b11;color:#ffe04a;font-size:8px;font-weight:1000}
.outcome-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.outcome-name{font-size:12px;line-height:1.3;font-weight:950;color:#f7f7f9;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.outcome-detail{font-size:9px;line-height:1.4;color:#aaaab2;overflow-wrap:anywhere}
.outcome-price{font-size:15px;color:#e1e1e5;font-weight:1000;white-space:nowrap}
.outcome-card[data-state="win"] .outcome-price{color:#c7ff8e}.outcome-card[data-state="loss"] .outcome-price{color:#ffa49b}
@media(max-width:1050px){.upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(255px,1fr) minmax(0,1fr);gap:10px}.source-column>.hero-card,.upgrade-layout>.hero-card{height:230px;flex-basis:230px}.outcome-visual{width:94px;flex-basis:94px;height:96px}.outcome-name{font-size:11px}.outcome-price{font-size:13px}}
@media(max-width:760px){.upgrade-layout{grid-template-columns:minmax(0,1fr);gap:10px}.source-column{gap:9px;align-self:auto}.source-column>.hero-card,.upgrade-layout>.hero-card{height:205px;flex:0 0 205px;max-width:600px;margin:0 auto}.outcome-card{width:100%;max-width:600px;min-height:146px;margin:0 auto;padding:10px 11px}.outcome-content{gap:9px}.outcome-visual{width:92px;flex-basis:92px;height:88px}.outcome-name{font-size:11px}.outcome-price{font-size:13px}.wheel-column{grid-row:auto;padding:8px 0 10px;gap:13px}.wheel-wrap{width:min(76vw,270px)}.upgrade-actions{width:min(100%,350px)}.quick-controls{max-width:450px;margin:0 auto}.quick-settings{left:50%;right:auto;transform:translateX(-50%);bottom:calc(100% + 10px)}.upgrade-layout .target{grid-row:auto}}
@media(max-width:390px){.outcome-visual{width:76px;flex-basis:76px;height:78px}.outcome-info{gap:3px}.outcome-name{font-size:10px}.outcome-detail{font-size:8px}.outcome-price{font-size:12px}.outcome-kicker{font-size:8px}.outcome-status{font-size:7px;padding:4px}.quick-controls{gap:4px}}


/* Final layout refinements: balanced skin cards, restored shortcut row, clear speed bolt. */
.source-column{justify-content:center}
.source-column>.hero-card,.upgrade-layout>.hero-card{height:248px;flex:0 0 248px;min-width:0}
.quick-controls{width:min(100%,450px);margin:12px auto 20px;justify-content:center}
.quick-settings{right:0;bottom:calc(100% + 10px)}
.fast-spin-btn .fast-spin-icon{display:block;width:25px;height:25px;fill:currentColor;filter:drop-shadow(0 1px 2px #0007)}
.fast-spin-btn.active .fast-spin-icon{filter:drop-shadow(0 1px 1px #fff4)}
@media(max-width:760px){
  .source-column>.hero-card,.upgrade-layout>.hero-card{height:248px;flex-basis:248px}
  .quick-controls{width:min(100%,450px);margin:8px auto 16px;gap:5px}
  .quick-settings{left:50%;right:auto;transform:translateX(-50%);bottom:calc(100% + 10px)}
}

/* Successful upgrade reveal: cinematic glow/pulse, then the won skin settles into inventory. */
@keyframes upgradeWinReveal{0%{opacity:.25;transform:scale(.72) rotate(-8deg);filter:brightness(2.2) drop-shadow(0 0 0 #ffe34a)}45%{opacity:1;transform:scale(1.12) rotate(3deg);filter:brightness(1.5) drop-shadow(0 0 22px #ffe34a)}72%{transform:scale(.96) rotate(-1deg);filter:brightness(1.15) drop-shadow(0 0 15px #a8ff73)}100%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 7px 7px #000b)}}
@keyframes winCardPulse{0%{box-shadow:inset 0 0 0 1px #a8ff7355,0 0 0 0 #a8ff7300}45%{box-shadow:inset 0 0 0 1px #a8ff73,0 0 24px #a8ff7355}100%{box-shadow:inset 0 0 0 1px #a8ff7355,0 0 0 0 #a8ff7300}}
.outcome-card[data-state="win"] .outcome-visual img,.outcome-card[data-state="win"] .outcome-art-piece{animation:upgradeWinReveal 1.05s cubic-bezier(.2,.8,.2,1) both}
.target-win-reveal img,.target-win-reveal .outcome-art-piece{animation:upgradeWinReveal 1.25s cubic-bezier(.2,.8,.2,1) both}
.target-win-reveal{overflow:visible;filter:drop-shadow(0 0 15px #a8ff7355)}
.target-win-reveal:after{content:'';position:absolute;inset:8% 14%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#a8ff7330,transparent 68%);animation:targetWinGlow 1.25s ease-out both}
@keyframes targetWinGlow{0%{opacity:0;transform:scale(.45)}35%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.5)}}
.inventory-total-price{color:var(--gold);font-size:12px;font-weight:1000;white-space:nowrap;font-variant-numeric:tabular-nums}
@keyframes sourceLossReveal{0%{opacity:1;transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 #fc503e)}30%{transform:scale(1.08);filter:brightness(1.8) drop-shadow(0 0 18px #fc503e)}65%{opacity:.75;transform:scale(.92) rotate(-3deg);filter:grayscale(.75) drop-shadow(0 0 12px #fc503e)}100%{opacity:0;transform:scale(.55) rotate(7deg);filter:grayscale(1) blur(2px)}}
.source-loss-reveal img,.source-loss-reveal .source-stack-item{animation:sourceLossReveal 1.1s ease-in both}
.source-loss-reveal{overflow:visible;filter:drop-shadow(0 0 10px #fc503e55)}
.source-loss-reveal:after{content:'';position:absolute;inset:8% 14%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fc503e35,transparent 68%);animation:targetWinGlow 1.1s ease-out reverse both}


/* Selected badge placement; original wheel appearance and motion restored. */
.skin-card.selected:after{top:25px;right:5px;z-index:2;box-shadow:0 2px 8px #0009,0 0 0 2px #171719;}


/* Rarity styling: subtle tinted card surfaces, rarity-colored names, and a soft hover glow. */
.skin-card.rarity-card{--rarity:#4b69ff;background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 15%,#202024),color-mix(in srgb,var(--rarity) 5%,#17171a) 72%);border-color:color-mix(in srgb,var(--rarity) 40%,#303035);transition:transform .18s ease,border-color .18s ease,box-shadow .22s ease,background .22s ease}
.skin-card.rarity-card .skin-name{color:var(--rarity);text-shadow:0 0 10px color-mix(in srgb,var(--rarity) 18%,transparent)}
.skin-card.rarity-card .skin-art{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 72%)}
.skin-card.rarity-card:hover{transform:translateY(-2px);border-color:var(--rarity);box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 32%,transparent),0 0 20px color-mix(in srgb,var(--rarity) 28%,transparent),inset 0 0 18px color-mix(in srgb,var(--rarity) 8%,transparent)}
.skin-card.rarity-card.selected{border-color:var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 42%,transparent),0 0 14px color-mix(in srgb,var(--rarity) 18%,transparent);background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 25%,#28251c),color-mix(in srgb,var(--rarity) 9%,#17171a))}
.skin-card.rarity-card .selected-tag{border:1px solid color-mix(in srgb,var(--rarity) 55%,#171719)}


/* Upgrade Battle: demo-only player-vs-bot mode */
.mode-switch{display:flex;justify-content:center;gap:8px;margin:10px 0 18px;flex-wrap:wrap}
.mode-switch button{border:1px solid #34343a;border-radius:8px;padding:10px 16px;background:#171719;color:#b9b9c0;font-size:11px;font-weight:950;letter-spacing:.04em;cursor:pointer;transition:.18s}
.mode-switch button.active{background:linear-gradient(180deg,#ffe34a,#c9a51c);border-color:#e8ca45;color:#191609;box-shadow:0 4px 16px #e6b82720}
body.case-mode .mode-switch #caseModeButton{border-color:#d9b344;color:#fff5c6;background:linear-gradient(180deg,#342a13,#211c12);box-shadow:0 0 0 1px #d9b34422,inset 0 1px #fff1}
#battlePanel{display:none;padding:4px 0 22px}
body.battle-mode main>:not(#battlePanel){display:none!important}
body.battle-mode #battlePanel{display:block}
.battle-head{text-align:center;margin:0 auto 18px;max-width:720px}
.battle-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:1000;color:#e3c83c}
.battle-head h2{font-size:clamp(22px,3vw,31px);margin:7px 0 5px;letter-spacing:-.04em}
.battle-head p{font-size:11px;color:#93939c;line-height:1.6;margin:0}
.battle-stake{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 18px;flex-wrap:wrap}
.battle-stake label{font-size:10px;font-weight:850;color:#bcbcc3}
.battle-stake select{width:min(360px,100%);background:#171719;color:#f2f2f4;border:1px solid #414147;border-radius:7px;padding:10px;font-size:11px;font-weight:800;outline:none}
.battle-arena{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:stretch;gap:12px;max-width:900px;margin:0 auto}
.battle-card{min-width:0;border:1px solid #37373d;border-radius:12px;padding:15px;background:radial-gradient(ellipse at 50% 32%,#282821 0,transparent 62%),linear-gradient(145deg,#1b1b1e,#111113);text-align:center;overflow:hidden}
.battle-card.bot{background:radial-gradient(ellipse at 50% 32%,#382125 0,transparent 62%),linear-gradient(145deg,#211719,#111113);border-color:#4b2c30}
.battle-player{font-size:10px;letter-spacing:.1em;font-weight:1000;color:#e1c83e}
.battle-card.bot .battle-player{color:#ff8e8e}
.battle-avatar{width:100%;height:32px;margin:8px auto 4px;display:grid;place-items:center;font-size:22px;font-weight:1000;color:#f0d64a}
.battle-card.bot .battle-avatar{color:#ff7777}
.battle-art{height:150px;display:grid;place-items:center;margin:2px 0 9px;background:radial-gradient(ellipse at center,#ffffff08,transparent 68%)}
.battle-art img{max-width:100%;width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 10px 9px #0009)}
.battle-item-name{font-size:13px;font-weight:950;line-height:1.35;min-height:34px;overflow-wrap:anywhere}
.battle-item-type{font-size:9px;color:#8d8d95;margin-top:4px}
.battle-item-price{font-size:14px;color:#e5ca3b;font-weight:1000;margin-top:8px}
.battle-roll{font-size:11px;color:#9e9ea6;margin-top:10px;min-height:16px;font-weight:850}
.battle-vs{display:grid;place-items:center;font-size:22px;font-weight:1000;font-style:italic;color:#e9d14b;text-shadow:0 0 20px #e9d14b2b}
.battle-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px auto 10px}
.battle-controls button{border:1px solid #4b431f;border-radius:8px;padding:12px 22px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;font-size:11px;font-weight:1000;cursor:pointer}
.battle-controls button.secondary{background:#19191c;border-color:#38383e;color:#d7d7dc}
.battle-controls button:disabled{opacity:.45;cursor:not-allowed}
.battle-result{display:none;max-width:700px;margin:14px auto 0;text-align:center;padding:14px;border-radius:10px;font-size:13px;font-weight:950}
.battle-result.show{display:block}.battle-result.win{background:#1e2b18;border:1px solid #4b6d2c;color:#c9ff93}.battle-result.loss{background:#2c1b1b;border:1px solid #6b3333;color:#ffa6a6}.battle-result.draw{background:#24241b;border:1px solid #6b612d;color:#ffe68a}
.battle-note{text-align:center;font-size:9px;line-height:1.6;color:#777780;max-width:650px;margin:12px auto 0}
@media(max-width:600px){.battle-arena{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:5px}.battle-card{padding:10px 7px}.battle-art{height:100px}.battle-art img{height:96px}.battle-item-name{font-size:10px;min-height:42px}.battle-item-price{font-size:12px}.battle-vs{font-size:15px}.battle-avatar{font-size:18px}.mode-switch button{flex:1;padding:10px 8px}}


/* Upgrade Battle: paired copies of the original upgrader wheel */
.battle-wheel-arena{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:stretch;max-width:1080px;margin:0 auto}
.battle-wheel-card{min-width:0;border:1px solid #37373d;border-radius:13px;padding:15px 16px 14px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#2c2b20 0,transparent 58%),linear-gradient(145deg,#1b1b1e,#111113)}
.battle-wheel-card.bot{background:radial-gradient(ellipse at 50% 20%,#382125 0,transparent 58%),linear-gradient(145deg,#211719,#111113);border-color:#4b2c30}
.battle-current-art{height:96px;display:grid;place-items:center;margin:6px auto 2px}.battle-current-art img{width:100%;height:92px;object-fit:contain;filter:drop-shadow(0 8px 7px #0009)}
.battle-wheel-card .battle-item-name{font-size:12px;min-height:30px}.battle-wheel-card .battle-item-price{margin-top:4px;font-size:16px}.battle-target-line{font-size:9px;letter-spacing:.04em;color:#8e8e96;margin:8px 0 1px}.battle-target-line strong{color:#f0d74a;font-size:10px;letter-spacing:0}
.battle-wheel-wrap{width:min(100%,230px);margin:9px auto 13px}.battle-wheel-wrap .wheel-inner .chance-big{font-size:24px}.battle-spin-button{width:min(100%,260px);min-height:44px;border:1px solid #6e5d1e;border-radius:8px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;font-size:11px;font-weight:1000;letter-spacing:.04em;cursor:pointer;box-shadow:0 5px 15px #0005}.battle-spin-button:disabled{opacity:.42;cursor:not-allowed}.battle-spin-button.bot-button{background:linear-gradient(180deg,#403033,#241a1c);border-color:#643a3e;color:#ff9c9c;box-shadow:none}.battle-wheel-card .battle-item-type{min-height:16px;margin-top:9px}.battle-reset{border:1px solid #3c3c43;border-radius:7px;padding:10px 12px;background:#19191c;color:#d7d7dc;font-size:10px;font-weight:900;cursor:pointer}.battle-wheel-card.outcome-win{border-color:#6a8a3a;box-shadow:inset 0 0 0 1px #7eb34c30}.battle-wheel-card.outcome-loss{border-color:#78403d;opacity:.86}.battle-wheel-card.spinning{box-shadow:0 0 0 1px #e7ca3a55,0 0 28px #e7ca3a12}
.battle-top-actions{display:flex;justify-content:center;margin:8px auto 10px}
.battle-inventory-panel{width:100%;max-width:none;box-sizing:border-box;margin:12px auto 2px;padding:10px;border:1px solid #34343a;border-radius:10px;background:linear-gradient(145deg,#1b1b1e,#111113)}
.battle-inventory-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#d9d9df;font-size:11px;letter-spacing:.1em;font-weight:950}
.battle-inventory-heading span{color:#92929c;font-size:10px;letter-spacing:0}.battle-inventory-summary{display:flex;align-items:center;gap:10px}.battle-inventory-summary strong{color:#8ce6b1;font-size:11px;letter-spacing:0;font-weight:900}
.battle-inventory-grid{max-height:220px;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;padding:2px}
.battle-inventory-grid .skin-card{min-width:0}
.battle-inventory-grid .skin-card.battle-selected{border-color:#ffe15b;box-shadow:0 0 0 1px #ffe15b55,0 0 18px #ffe15b12;background:#282518}
.battle-inventory-help{font-size:9px;color:#8c8c95;margin-top:8px;line-height:1.5}
.battle-outcome-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.battle-outcome-item{min-width:0;padding:10px;border:1px solid #ffffff18;border-radius:12px;background:#0003}
.battle-outcome-item-label{font-size:9px;letter-spacing:.1em;color:#a6a6af;font-weight:950}
.battle-outcome-item-art{height:108px;display:grid;place-items:center}
.battle-outcome-item-art img{width:100%;height:108px;object-fit:contain;animation:battleWinReveal 1.15s cubic-bezier(.2,.8,.2,1) both}
.battle-outcome-item-name{font-size:11px;line-height:1.35;font-weight:900;overflow-wrap:anywhere;color:#fff}
.battle-outcome-item-price{font-size:17px;font-weight:1000;color:#b5ff8a;margin-top:5px}
.battle-outcome-overlay.loss .battle-outcome-item-price{color:#ff8d83}
@media(max-width:600px){.battle-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));max-height:190px}.battle-outcome-items{gap:7px}.battle-outcome-item{padding:7px}.battle-outcome-item-art,.battle-outcome-item-art img{height:82px}}
.battle-chance-controls{width:100%;max-width:none;box-sizing:border-box;margin:12px auto 0;padding:10px;border:1px solid #38383e;border-radius:10px;background:linear-gradient(145deg,#1d1d20,#121214)}
.battle-chance-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c6c6cd;font-size:10px;font-weight:950;letter-spacing:.08em}
.battle-chance-heading strong{font-size:17px;color:#ffe15b;font-variant-numeric:tabular-nums}
.battle-chance-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0 7px}
.battle-chance-presets button{min-width:0;border:1px solid #39383e;border-radius:6px;padding:8px 4px;background:#19191c;color:#d4d4db;font-size:10px;font-weight:950;cursor:pointer}
.battle-chance-presets button:disabled{opacity:.42;cursor:not-allowed}.battle-chance-controls input:disabled{opacity:.45;cursor:not-allowed}.battle-chance-presets button.active{border-color:#ffe05b;background:linear-gradient(180deg,#302b1b,#201d15);color:#ffe879;box-shadow:inset 0 0 0 1px #ffe05b26}
#battleCustomChance{width:100%;accent-color:#f4d33e;cursor:pointer}
.battle-chance-foot{font-size:9px;line-height:1.5;color:#85858d;margin-top:4px}
@keyframes battleWinReveal{0%{opacity:.15;transform:scale(.55) rotate(-10deg);filter:brightness(2.4) drop-shadow(0 0 0 #ffe34a)}42%{opacity:1;transform:scale(1.16) rotate(4deg);filter:brightness(1.6) drop-shadow(0 0 24px #a8ff73)}75%{transform:scale(.96) rotate(-2deg)}100%{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 7px 7px #000b)}}
@keyframes battleLossReveal{0%{opacity:1;transform:scale(1);filter:brightness(1.35) drop-shadow(0 0 0 #fc503e)}28%{opacity:1;transform:scale(1.06);filter:brightness(1.65) drop-shadow(0 0 20px #fc503e)}62%{opacity:.92;transform:scale(1) rotate(-2deg);filter:grayscale(.45) sepia(.2) hue-rotate(320deg) drop-shadow(0 0 12px #c75a56)}100%{opacity:1;transform:scale(1);filter:grayscale(.82) saturate(.45) drop-shadow(0 0 8px #8d5555)}}
.battle-current-art.battle-win-reveal img,.battle-current-art.battle-win-reveal .art-fallback{animation:battleWinReveal 1.15s cubic-bezier(.2,.8,.2,1) both}
.battle-current-art.battle-loss-reveal img,.battle-current-art.battle-loss-reveal .art-fallback{animation:battleLossReveal 1.15s ease-in both}
@media(max-width:700px){.battle-wheel-arena{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px}.battle-wheel-card{padding:12px 7px}.battle-current-art{height:76px}.battle-current-art img{height:72px}.battle-wheel-wrap{width:min(100%,175px)}.battle-wheel-wrap .wheel-inner .chance-big{font-size:19px}.battle-spin-button{font-size:9px;padding:8px 3px}.battle-wheel-card .battle-item-name{font-size:10px;min-height:38px}.battle-wheel-card .battle-item-price{font-size:13px}.battle-target-line{font-size:8px}.battle-vs{font-size:14px}.battle-stake{padding:0 5px}}


/* Battle wheel percentage segments and full-screen result reveal */
.battle-wheel-wrap .wheel{--chance-angle:270deg;--chance-start:45deg;transition:filter .25s ease,transform .25s ease}
.battle-wheel-wrap{width:min(100%,250px)}
.battle-wheel-wrap .wheel-inner{inset:47px}
.battle-wheel-wrap .wheel-bolts span{transform:rotate(var(--a)) translateY(-116px)}
.battle-outcome-overlay{position:fixed;inset:0;z-index:99999;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);cursor:pointer}
.battle-outcome-overlay.show{display:grid;animation:battleOverlayIn .25s ease both}
.battle-outcome-panel{width:min(94vw,480px);padding:28px 22px 24px;text-align:center;border:1px solid #6c3939;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#7c24243d,transparent 58%),linear-gradient(145deg,#211617,#101012);box-shadow:0 25px 90px #000c;cursor:pointer}
.battle-outcome-overlay.win .battle-outcome-panel{border-color:#7dbd50;background:radial-gradient(ellipse at 50% 0%,#5cae3e45,transparent 60%),linear-gradient(145deg,#182317,#101012);box-shadow:0 0 65px #66c83b20,0 25px 90px #000c}
.battle-outcome-kicker{font-size:10px;letter-spacing:.2em;font-weight:1000;color:#a6a6af}
.battle-outcome-panel h2{font-size:clamp(28px,6vw,42px);line-height:1.1;margin:10px 0 16px;color:#ff7777;font-weight:1000;text-shadow:0 0 22px #ff353544}
.battle-outcome-overlay.win .battle-outcome-panel h2{color:#a8f578;text-shadow:0 0 24px #7aff454c}
.battle-outcome-art{min-height:165px;display:grid;place-items:center;position:relative}
.battle-outcome-art img{width:min(100%,270px);height:165px;object-fit:contain;filter:drop-shadow(0 10px 16px #0009);animation:battleWinReveal 1.1s cubic-bezier(.2,.8,.2,1) both}
.battle-outcome-overlay.loss .battle-outcome-art img{animation:battleLossReveal 1.1s ease both}
.battle-outcome-name{font-size:15px;font-weight:950;line-height:1.35;overflow-wrap:anywhere;margin-top:8px;color:#fff}
.battle-outcome-price{font-size:22px;font-weight:1000;color:#ff8d83;margin-top:8px}
.battle-outcome-overlay.win .battle-outcome-price{color:#b5ff8a}
.battle-outcome-hint{margin-top:22px;font-size:10px;letter-spacing:.06em;color:#aaaab2;animation:battleHintPulse 1.3s ease-in-out infinite alternate}
@keyframes battleOverlayIn{from{opacity:0}to{opacity:1}}
@keyframes battleHintPulse{from{opacity:.45}to{opacity:1}}
@media(max-width:600px){.battle-wheel-wrap{width:min(100%,190px)}.battle-wheel-wrap .wheel-bolts span{transform:rotate(var(--a)) translateY(-93px)}.battle-wheel-wrap .wheel-inner{inset:37px}.battle-outcome-panel{padding:22px 16px}.battle-outcome-art,.battle-outcome-art img{min-height:130px;height:130px}}


/* 2x wheel mode also speeds up the normal Upgrade win/loss reveal animations. */
body.fast-outcome-mode .outcome-card[data-state="win"] .outcome-visual img,
body.fast-outcome-mode .outcome-card[data-state="win"] .outcome-art-piece{animation-duration:.525s!important}
body.fast-outcome-mode .target-win-reveal img,
body.fast-outcome-mode .target-win-reveal .outcome-art-piece{animation-duration:.625s!important}
body.fast-outcome-mode .target-win-reveal:after{animation-duration:.625s!important}
body.fast-outcome-mode .source-loss-reveal img,
body.fast-outcome-mode .source-loss-reveal .source-stack-item{animation-duration:.55s!important}
body.fast-outcome-mode .source-loss-reveal:after{animation-duration:.55s!important}
body.fast-outcome-mode .outcome-card[data-state="win"]{animation-duration:.5s!important}


/* Chicken Climb mini-game */
#chickenPanel{display:none;padding:4px 0 30px;}
body.chicken-mode main>:not(#chickenPanel){display:none!important}
body.chicken-mode #chickenPanel{display:block}
.chicken-head{text-align:center;max-width:760px;margin:0 auto 18px}.chicken-eyebrow{font-size:9px;letter-spacing:.18em;font-weight:1000;color:#f0cf3e}.chicken-head h2{font-size:clamp(24px,3vw,34px);margin:7px 0;color:#f7f7f8;letter-spacing:-.04em}.chicken-head p{color:#a2a2aa;max-width:620px;margin:0 auto;line-height:1.65;font-size:12px}
.chicken-controls{display:flex;justify-content:center;align-items:end;gap:10px;flex-wrap:wrap;margin:18px auto 20px}.chicken-field{display:flex;flex-direction:column;gap:6px;min-width:min(320px,100%);color:#bdbdc5;font-size:10px;font-weight:850}.chicken-field select{width:100%;background:#171719;color:#fff;border:1px solid #414147;border-radius:8px;padding:12px;outline:none}.chicken-btn{border:1px solid #d9bc36;border-radius:8px;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;padding:12px 18px;font-weight:1000;font-size:11px;box-shadow:0 4px 16px #e6b82718}.chicken-btn.secondary{background:#1b1b1e;border-color:#414147;color:#f5f5f5}.chicken-btn:disabled{opacity:.4;cursor:not-allowed}
 .chicken-hud{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 16px;position:relative;z-index:3}.chicken-stat{background:rgba(12,19,36,.82);backdrop-filter:none;border:1px solid #b9eaff36;border-radius:10px;padding:9px 15px;min-width:120px;text-align:center;box-shadow:0 8px 24px #080b1850}.chicken-stat small{display:block;color:#a7c7d7;font-size:9px;font-weight:900;letter-spacing:.08em}.chicken-stat strong{display:block;color:#fff3a0;font-size:16px;margin-top:3px;font-variant-numeric:tabular-nums}
.chicken-course{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9abbe53b;border-radius:18px;min-height:480px;padding:22px 16px 18px;background:radial-gradient(ellipse at 50% 12%,#5b5a7a 0,#333650 20%,#1c243a 46%,transparent 70%),linear-gradient(180deg,#25273a 0%,#171d2d 42%,#0c1220 74%,#080d16 100%);box-shadow:inset 0 1px #ffffff16,inset 0 -50px 80px #03060dbb,0 16px 40px #0008;transition:box-shadow .35s,background .35s,border-color .35s}
.chicken-course:before{content:"";position:absolute;z-index:-1;left:-4%;right:-4%;top:0;height:44%;background:linear-gradient(180deg,#b9c9ef42,#9ca7d72b 45%,#646d9c18);clip-path:polygon(0 0,100% 0,100% 35%,96% 35%,94% 58%,89% 58%,87% 45%,82% 45%,79% 72%,74% 72%,70% 49%,65% 49%,61% 63%,57% 63%,54% 35%,49% 35%,46% 60%,39% 60%,35% 43%,30% 43%,27% 73%,21% 73%,18% 53%,12% 53%,8% 67%,0 67%);filter:none}
.chicken-course:after{content:"";position:absolute;z-index:0;pointer-events:none;left:-5%;right:-5%;bottom:-25px;height:43%;background:radial-gradient(ellipse at 50% 0%,#8db9ff20,transparent 65%),linear-gradient(180deg,#343d6500 0,#18234288 25%,#080e1af2 100%);border-top:1px solid #a4c7ff14;transition:background .35s}
.chicken-course-label{position:relative;z-index:3;text-align:center;color:#f2eaff;font-size:10px;font-weight:1000;letter-spacing:.16em;margin:0 auto 6px;text-shadow:0 2px 9px #20174b}
.chicken-steps{position:absolute;z-index:2;left:6%;right:2%;top:54px;bottom:42px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;align-items:stretch;perspective:1100px}
.chicken-step{position:relative;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:7px 2px 2px;transform:translateY(calc((5 - var(--step)) * -12px)) scale(calc(1 - (5 - var(--step)) * .018));transform-origin:center bottom;transition:filter .25s,transform .3s;}
.chicken-step .step-loot{width:100%;min-height:134px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;position:relative;z-index:2;padding:6px 3px 9px;text-align:center;border-radius:9px;background:linear-gradient(180deg,#28234b05,#161c3b2b);transition:filter .25s,opacity .25s}
.chicken-step .step-num{font-size:9px;color:#f6efff;font-weight:1000;letter-spacing:.04em;text-shadow:0 1px 5px #15123a}
.chicken-step .step-skin{width:100%;height:53px;display:grid;place-items:center;overflow:visible}
.chicken-step .step-skin img{max-width:100%;max-height:50px;object-fit:contain;filter:drop-shadow(0 5px 7px #17123b99)}
.chicken-step .step-fallback{font-size:25px;color:#f4e9ff;text-shadow:0 0 12px #c7f3ff}
.chicken-step .step-name{font-size:9px;text-align:center;line-height:1.18;color:#fff;font-weight:900;overflow-wrap:anywhere;min-height:21px;text-shadow:0 1px 5px #17143c}
.chicken-step .step-price{font-size:11px;font-weight:1000;color:#fff18b;text-shadow:0 1px 5px #19133c}
.ice-cube{position:relative;width:88%;height:36px;flex:none;margin:0 auto 8px;border:1px solid #d9f8ffb8;border-radius:5px;background:linear-gradient(150deg,#fbf3ff 0%,#c8eaff 25%,#a5d6f8 60%,#8aa9ec 100%);box-shadow:inset 0 1px 0 #fff, inset -7px -5px 0 #8c9de53b,0 6px 0 #8679cf,0 12px 0 #625db0,0 17px 0 #3b3d80,0 22px 18px #17143e99;transform:perspective(180px) rotateX(12deg) skewX(-5deg);transition:filter .2s,box-shadow .2s,transform .4s,opacity .4s,clip-path .4s}
.ice-cube:before{content:"";position:absolute;inset:2px 5px auto;height:9px;background:linear-gradient(90deg,#fff9,#d5f7ff9c,#fff5);clip-path:polygon(0 0,100% 0,88% 100%,10% 100%);opacity:.85}
.ice-cube:after{content:"";position:absolute;left:8%;right:8%;bottom:-17px;height:15px;background:linear-gradient(180deg,#8c91df,#484b9c);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);border-bottom:1px solid #b9e6ff70}
.ice-cracks{position:absolute;z-index:3;inset:1px;opacity:0;background:linear-gradient(125deg,transparent 47%,#53639c 48%,#fff 50%,#5264a2 52%,transparent 54%),linear-gradient(65deg,transparent 60%,#5865a1 61%,#fff 63%,#5865a1 65%,transparent 66%);pointer-events:none}
.chicken-step.landed .ice-cube{border-color:#eaffcf;filter:brightness(1.2) saturate(1.22);box-shadow:inset 0 1px 0 #fff,0 0 11px 4px #fff18a88,0 0 25px 9px #72ffd475,0 6px 0 #78cda8,0 12px 0 #40887f,0 17px 0 #24596c,0 22px 18px #070c1899}
.chicken-step.celebrate .ice-cube{animation:chickenLandingBurst 1.05s cubic-bezier(.2,.7,.2,1) both}
.chicken-step.celebrate .step-loot{animation:chickenLootPop .72s cubic-bezier(.15,.8,.25,1) both}
.ice-cube .chicken-cube-burst{position:absolute;z-index:4;inset:-35px;pointer-events:none;background:radial-gradient(circle at 50% 50%,#faffc9d9 0, #baffec82 17%,#9fffff00 67%);animation:cubeSparkBurst .72s ease-out forwards}
@keyframes cubeSparkBurst{0%{opacity:0;transform:scale(.25)}28%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.8)}}
.chicken-step.landed .step-loot{filter:brightness(1.18)}
.chicken-step.current .ice-cube{border-color:#fffbd3;box-shadow:inset 0 1px 0 #fff,0 0 13px 4px #c7faff9c,0 0 32px 9px #78dbff90,0 6px 0 #9798df,0 12px 0 #6665b2,0 17px 0 #3b3d80,0 22px 18px #17143e99;animation:none}
.chicken-step.current .step-loot{filter:brightness(1.15)}
.chicken-step.broken .ice-cube{animation:iceBreak .7s cubic-bezier(.45,.05,.8,.35) forwards;box-shadow:0 0 15px #fff4,inset 0 0 20px #fff9}
.chicken-step.broken .ice-cracks{opacity:1}
.chicken-step.broken .step-loot{opacity:.3;filter:grayscale(.9)}
.chicken-start-pad{position:absolute;z-index:2;left:4.5%;bottom:49px;width:72px;height:32px;border:1px solid #d8f6ff;border-radius:5px;background:linear-gradient(150deg,#fbf4ff,#b5dbfa 65%,#8a8fe0);box-shadow:inset 0 1px #fff,0 6px 0 #8073c4,0 12px 0 #4b4b91,0 19px 17px #090d2a99;transform:perspective(160px) rotateX(13deg) skewX(-7deg)}.chicken-start-pad span{position:absolute;left:0;right:0;top:-18px;color:#fff;font-size:8px;font-weight:1000;text-align:center;letter-spacing:.1em;text-shadow:0 1px 5px #201744}
.chicken-runner{position:absolute;z-index:5;left:3%;bottom:70px;font-size:39px;line-height:1;filter:drop-shadow(0 7px 8px #161236b8);transition:left .52s cubic-bezier(.2,.8,.2,1),bottom .52s cubic-bezier(.2,.8,.2,1);pointer-events:none;transform-origin:center bottom}
.chicken-runner.jumping{animation:chickenJump .56s cubic-bezier(.25,.6,.3,1)}
.chicken-runner.fallen{animation:chickenFall .78s ease-in forwards}
.chicken-status{text-align:center;min-height:24px;margin:18px 0 0;color:#e8e8ff;font-size:12px;font-weight:900;text-shadow:0 2px 7px #070a1c}
.chicken-footnote{text-align:center;color:#a2a4c8;font-size:10px;margin:8px auto 0;line-height:1.6}
@keyframes iceTargetGlow{from{filter:brightness(1);transform:perspective(180px) rotateX(12deg) skewX(-5deg)}to{filter:brightness(1.28);transform:perspective(180px) rotateX(12deg) skewX(-5deg) translateY(-3px)}}
@keyframes iceBreak{0%{transform:perspective(180px) rotateX(12deg) skewX(-5deg);opacity:1;clip-path:inset(0)}32%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translateX(-4px);clip-path:polygon(0 0,55% 0,44% 32%,61% 52%,45% 100%,0 100%);opacity:1}68%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translate(8px,12px) rotate(12deg);clip-path:polygon(0 0,55% 0,44% 32%,61% 52%,45% 100%,0 100%);opacity:.6}100%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translate(13px,30px) rotate(23deg) scale(.65);opacity:0;clip-path:polygon(0 0,55% 0,44% 32%,61% 52%,45% 100%,0 100%)}}
@keyframes chickenJump{0%{transform:translateY(0) rotate(0) scale(1)}38%{transform:translateY(-86px) rotate(-11deg) scale(1.09)}72%{transform:translateY(-33px) rotate(7deg) scale(1.03)}100%{transform:translateY(0) rotate(0) scale(1)}}
@keyframes chickenFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}28%{transform:translateY(24px) rotate(18deg);opacity:1}100%{transform:translate(44px,190px) rotate(105deg) scale(.62);opacity:0}}

@keyframes chickenLandingBurst{0%{filter:brightness(1);box-shadow:inset 0 1px 0 #fff,0 6px 0 #78cda8,0 12px 0 #40887f,0 17px 0 #24596c,0 22px 18px #070c1899}32%{filter:brightness(1.8);box-shadow:inset 0 1px 0 #fff,0 0 28px 12px #fff9bddd,0 0 65px 24px #72ffd4cc,0 6px 0 #b4f2c8,0 12px 0 #40887f,0 17px 0 #24596c,0 22px 18px #070c1899}100%{filter:brightness(1.2);box-shadow:inset 0 1px 0 #fff,0 0 12px 5px #fff18a99,0 0 28px 10px #72ffd487,0 6px 0 #78cda8,0 12px 0 #40887f,0 17px 0 #24596c,0 22px 18px #070c1899}}
@keyframes chickenLootPop{0%{transform:translateY(0) scale(1);filter:brightness(1)}34%{transform:translateY(-12px) scale(1.08);filter:brightness(1.8)}100%{transform:translateY(0) scale(1);filter:brightness(1.22)}}
@keyframes chickenLandingFlash{0%{box-shadow:inset 0 1px #ffffff16,inset 0 -50px 80px #03060dbb,0 16px 40px #0008}35%{box-shadow:inset 0 0 0 1px #e7ffcf80,0 0 45px #8dffd13d,inset 0 -50px 80px #03060dbb,0 16px 40px #0008}100%{box-shadow:inset 0 1px #ffffff16,inset 0 -50px 80px #03060dbb,0 16px 40px #0008}}
@keyframes chickenVictoryFlash{0%{filter:brightness(1);box-shadow:inset 0 1px #ffffff16,0 0 0 #baff8b00,0 16px 40px #0008}22%{filter:brightness(1.26);box-shadow:inset 0 0 0 2px #e5ffba99,0 0 70px #baff8b66,0 0 130px #68dfff22,0 16px 40px #0008}65%{filter:brightness(1.08);box-shadow:inset 0 0 0 1px #e5ffba55,0 0 48px #baff8b35,0 16px 40px #0008}100%{filter:brightness(1);box-shadow:inset 0 1px #ffffff16,0 0 0 #baff8b00,0 16px 40px #0008}}
.chicken-course.landing-flash{animation:chickenLandingFlash .75s ease-out both}
.chicken-course.chicken-win-flash{border-color:#d9ff9eaa;animation:chickenVictoryFlash 1.55s ease-out both}
.chicken-course.chicken-win-flash:after{background:radial-gradient(ellipse at 50% 30%,#a7ff7b55,transparent 68%),linear-gradient(180deg,#315b5000,#0b171deF)}
.chicken-course.loss-flash{border-color:#ff5050aa;box-shadow:inset 0 0 70px #ff1d3021,0 0 42px #ff1d3024}
.chicken-inventory-panel{margin:24px auto 0;padding:18px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(180deg,#151a25,#0d1119);box-shadow:0 12px 32px #0003}
.chicken-inventory-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.chicken-inventory-head h3{margin:0;color:#f0f4ff;font-size:13px;letter-spacing:.045em}
.chicken-inventory-head p{margin:5px 0 0;color:#858da1;font-size:10px;line-height:1.45}
.chicken-add-skins{border:1px solid #4b576a;border-radius:7px;background:#1b2331;color:#e7efff;padding:9px 12px;font-size:10px;font-weight:900;cursor:pointer}
.chicken-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}
.chicken-inventory-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:10px 8px 9px;border:1px solid #333d4c;border-radius:9px;background:linear-gradient(150deg,#202a37,#111821);color:#e8edf8;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.chicken-inventory-card:hover{transform:translateY(-2px);border-color:#9fcfff88}
.chicken-inventory-card.selected{border-color:#ffe56b;background:linear-gradient(150deg,#3d3a2b,#171d25);box-shadow:0 0 0 1px #ffe56b55,0 0 20px #ffe56b17}
.chicken-inv-artbox{height:58px;width:100%;display:grid;place-items:center}
.chicken-inv-artbox img{max-width:100%;max-height:56px;object-fit:contain;filter:drop-shadow(0 6px 7px #0009)}
.chicken-inv-artbox .art-fallback{font-size:21px;color:#e9f6ff}
.chicken-inventory-name{font-size:10px;font-weight:900;line-height:1.3;overflow-wrap:anywhere;min-height:26px}
.chicken-inventory-price{font-size:11px;color:#ffe782;font-weight:1000}
.chicken-inventory-card small{font-size:8px;color:#aab2c2}
.chicken-empty-inventory{grid-column:1/-1;color:#99a4b7;font-size:11px;text-align:center;padding:24px;border:1px dashed #384253;border-radius:9px;line-height:1.6}
.chicken-loss-overlay{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(5,7,12,.92);backdrop-filter:none;cursor:pointer;animation:chickenLossBackdrop .2s ease-out both}
.chicken-loss-overlay.open{display:flex}
.chicken-loss-card{width:min(100%,390px);text-align:center;padding:25px 25px 22px;border:1px solid #ff4f62;border-radius:15px;background:linear-gradient(160deg,#331820,#17121a 75%);box-shadow:0 0 0 1px #ff35432c,0 0 50px #ff253c55,0 22px 80px #000b;animation:chickenLossCard .65s cubic-bezier(.15,.85,.2,1) both}
.chicken-loss-kicker{color:#ff6675;font-size:10px;font-weight:1000;letter-spacing:.2em}
.chicken-loss-card h2{margin:8px 0 5px;color:#fff;font-size:25px;letter-spacing:-.04em;text-shadow:0 0 20px #ff284b5c}
.chicken-loss-card p{margin:0;color:#d2adb4;font-size:11px;line-height:1.6}
.chicken-loss-art{height:124px;display:grid;place-items:center;margin:12px auto 9px;padding:8px;background:radial-gradient(ellipse at 50% 65%,#ff3b583b,transparent 68%)}
.chicken-loss-art img{max-width:100%;max-height:112px;object-fit:contain;filter:drop-shadow(0 0 11px #ff3455aa) drop-shadow(0 8px 10px #0009);animation:chickenLostSkin .9s ease-out both}
.chicken-loss-art .art-fallback{font-size:42px;color:#fff}
.chicken-loss-name{font-size:14px;font-weight:1000;color:#fff;line-height:1.35;overflow-wrap:anywhere}
.chicken-loss-price{margin-top:5px;color:#ff8490;font-size:13px;font-weight:1000}
.chicken-loss-dismiss{margin-top:20px;color:#b7a9af;font-size:9px;font-weight:900;letter-spacing:.11em}
@keyframes chickenLossBackdrop{from{opacity:0}to{opacity:1}}
@keyframes chickenLossCard{0%{transform:translateY(28px) scale(.82);opacity:0;filter:blur(6px)}48%{transform:translateY(-5px) scale(1.03);opacity:1;filter:blur(0)}100%{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}
@keyframes chickenLostSkin{0%{transform:scale(.65) rotate(-12deg);filter:brightness(2) drop-shadow(0 0 24px #ff234d)}45%{transform:scale(1.12) rotate(5deg);filter:brightness(1.3) drop-shadow(0 0 22px #ff234d)}100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 11px #ff3455aa) drop-shadow(0 8px 10px #0009)}}
@media(max-width:650px){.chicken-inventory-panel{padding:12px}.chicken-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chicken-inventory-card{padding:9px 6px}.chicken-loss-card{padding:22px 17px}}

@media(max-width:900px){.chicken-steps{left:5%;right:1%;gap:4px}.chicken-step .step-name{font-size:8px}.chicken-step .step-num{font-size:8px}.chicken-start-pad{width:48px;left:.5%}.chicken-runner{font-size:33px}}
@media(max-width:650px){.chicken-course{min-height:520px;padding:18px 8px 14px}.chicken-course-label{font-size:8px;letter-spacing:.1em}.chicken-steps{left:10%;right:3%;top:58px;bottom:44px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px 5px}.chicken-step{transform:translateY(calc((5 - var(--step)) * -2px)) scale(.98);padding:4px 1px}.chicken-step .step-loot{min-height:114px;padding:4px 1px 7px;gap:2px}.chicken-step .step-skin{height:40px}.chicken-step .step-skin img{max-height:39px}.chicken-step .step-name{font-size:7px;min-height:28px}.chicken-step .step-price{font-size:10px}.chicken-step .step-num{font-size:7px}.ice-cube{width:78%;height:25px;margin-bottom:17px;box-shadow:inset 0 1px 0 #fff,0 5px 0 #8679cf,0 10px 0 #625db0,0 14px 0 #3b3d80,0 18px 13px #17143e99}.ice-cube:after{height:10px;bottom:-11px}.chicken-start-pad{width:50px;height:24px;left:4%;bottom:38px}.chicken-start-pad span{font-size:6px;top:-14px}.chicken-runner{font-size:27px}.chicken-status{font-size:11px}}


/* Chicken Climb refinements: explicit multipliers, controls below the course, and clear loot prices. */
.chicken-controls-bottom{margin:14px auto 8px;position:relative;z-index:4}
.chicken-step .step-num{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 3px}
.chicken-step .step-multiplier{display:inline-block;flex:0 0 auto;padding:2px 4px;border:1px solid #ffe67d72;border-radius:4px;background:#24213f;color:#fff18b;font-size:9px;line-height:1.1;font-weight:1000;box-shadow:0 1px 4px #060a1c66}
.chicken-runner{font-size:32px!important}
@media(max-width:650px){.chicken-controls-bottom{margin:12px auto 6px;gap:7px}.chicken-controls-bottom .chicken-btn{padding:11px 12px}.chicken-step .step-num{font-size:7px}.chicken-step .step-multiplier{font-size:7px;padding:2px 3px}.chicken-runner{font-size:27px!important}}

/* Chicken Climb performance tuning: short effects, no idle animation loops, no heavy blur filters. */
body.chicken-mode .chicken-step.current .ice-cube{
  animation:none!important;
  transform:perspective(180px) rotateX(12deg) skewX(-5deg);
  box-shadow:inset 0 1px 0 #fff,0 0 10px 3px #b9f7ff75,0 6px 0 #9798df,0 12px 0 #6665b2,0 17px 0 #3b3d80,0 20px 12px #17143e75;
}
body.chicken-mode .chicken-step.celebrate .ice-cube{animation:chickenLandingLite .42s ease-out both}
body.chicken-mode .chicken-step.celebrate .step-loot{animation:chickenLootLite .3s ease-out both}
body.chicken-mode .ice-cube .chicken-cube-burst{animation:cubeSparkLite .32s ease-out forwards}
body.chicken-mode .chicken-runner{filter:none;transition:left .34s ease-out,bottom .34s ease-out}
body.chicken-mode .chicken-runner.jumping{animation:chickenJump .38s ease-out}
body.chicken-mode .chicken-runner.fallen{animation:chickenFall .48s ease-in forwards}
body.chicken-mode .chicken-course.landing-flash{animation:chickenLandingLiteFlash .35s ease-out both}
body.chicken-mode .chicken-course.chicken-win-flash{animation:chickenWinLite .68s ease-out both}
body.chicken-mode .chicken-step .step-skin img{filter:none}
body.chicken-mode .chicken-inv-artbox img{filter:none}
body.chicken-mode .chicken-loss-card{animation-duration:.36s;box-shadow:0 0 0 1px #ff35432c,0 0 24px #ff253c38,0 16px 50px #0009}
body.chicken-mode .chicken-loss-art img{animation-duration:.42s;filter:drop-shadow(0 0 6px #ff345577)}
@keyframes chickenLandingLite{0%{filter:brightness(1)}35%{filter:brightness(1.55)}100%{filter:brightness(1.12)}}
@keyframes chickenLootLite{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.035)}100%{transform:translateY(0) scale(1)}}
@keyframes cubeSparkLite{0%{opacity:0;transform:scale(.6)}35%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}
@keyframes chickenLandingLiteFlash{0%{border-color:#9abbe53b}40%{border-color:#d8ffbb9a}100%{border-color:#9abbe53b}}
@keyframes chickenWinLite{0%{filter:brightness(1);border-color:#9abbe53b}30%{filter:brightness(1.12);border-color:#d9ff9eaa}100%{filter:brightness(1);border-color:#9abbe53b}}
@media(prefers-reduced-motion:reduce){
 body.chicken-mode .chicken-step.celebrate .ice-cube,
 body.chicken-mode .chicken-step.celebrate .step-loot,
 body.chicken-mode .ice-cube .chicken-cube-burst,
 body.chicken-mode .chicken-runner.jumping,
 body.chicken-mode .chicken-runner.fallen,
 body.chicken-mode .chicken-course.landing-flash,
 body.chicken-mode .chicken-course.chicken-win-flash,
 body.chicken-mode .chicken-loss-card,
 body.chicken-mode .chicken-loss-art img{animation:none!important;transition:none!important}
}


/* Chicken Climb v2: şans etiketi, kazanma ekranı, uçan ödül yazısı */
.chicken-step .step-chance{font-size:9px;font-weight:1000;letter-spacing:.04em;margin-top:1px;color:#9ff0c0;text-shadow:0 1px 4px #10152e}
.chicken-step .step-chance.mid{color:#ffe27a}.chicken-step .step-chance.low{color:#ff9a8a}.chicken-step .step-chance.done{color:#d9ff9e}
.chicken-win-overlay{background:rgba(5,10,8,.9)}
.chicken-win-overlay .chicken-loss-card{border-color:#6ee7a0;background:linear-gradient(160deg,#143324,#10171a 75%);box-shadow:0 0 0 1px #4ade8033,0 0 50px #3ddc8455,0 22px 80px #000b}
.chicken-win-overlay .chicken-loss-kicker{color:#7df0ae}
.chicken-win-overlay .chicken-loss-card h2{text-shadow:0 0 20px #3ddc8470}
.chicken-win-overlay .chicken-loss-card p{color:#a9d4bb}
.chicken-win-overlay .chicken-loss-art{background:radial-gradient(ellipse at 50% 65%,#3ddc8442,transparent 68%)}
.chicken-win-overlay .chicken-loss-art img{filter:drop-shadow(0 0 11px #4ade80aa) drop-shadow(0 8px 10px #0009)}
.chicken-win-overlay .chicken-loss-price{color:#8ff5b8}
.chicken-win-overlay .chicken-loss-dismiss{color:#a3bfae}
.chicken-float{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,0);font-weight:1000;font-size:15px;color:#fff6a8;text-shadow:0 2px 8px #1b1540,0 0 14px #ffe86b88;white-space:nowrap;animation:chickenFloatUp .95s ease-out forwards}
@keyframes chickenFloatUp{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}100%{opacity:0;transform:translate(-50%,-58px) scale(1)}}
.chicken-stat.pop strong{animation:chickenStatPop .45s ease-out}
@keyframes chickenStatPop{0%{transform:scale(1)}40%{transform:scale(1.22);color:#fff}100%{transform:scale(1)}}
body.chicken-mode .chicken-win-overlay .chicken-loss-card{box-shadow:0 0 0 1px #4ade8033,0 0 28px #3ddc8444,0 16px 50px #0009}
body.chicken-mode .chicken-win-overlay .chicken-loss-art img{filter:drop-shadow(0 0 7px #4ade8088)}
@media(prefers-reduced-motion:reduce){.chicken-float,.chicken-stat.pop strong{animation:none!important}.chicken-float{opacity:1}}
@media(max-width:650px){.chicken-step .step-chance{font-size:8px}}

/* Upgrade Battle: one larger shared wheel, with the existing spin/reveal animation language retained. */
.battle-wheel-arena{display:none!important}
.battle-stakes-row{display:grid;grid-template-columns:minmax(205px,.78fr) minmax(350px,1.35fr) minmax(205px,.78fr);grid-template-areas:"player wheel bot";align-items:stretch;gap:15px;max-width:1240px;margin:10px auto 0}.battle-stake-card.player{grid-area:player}.battle-stake-card.bot{grid-area:bot}
.battle-stake-card{min-width:0;min-height:218px;padding:13px 16px 12px;text-align:center;border:1px solid #424249;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#ffe34a12,transparent 60%),linear-gradient(145deg,#202024,#121214);overflow:hidden}
.battle-stake-card.bot{border-color:#55343a;background:radial-gradient(ellipse at 50% 0%,#ee6b7c14,transparent 60%),linear-gradient(145deg,#23191c,#121214)}
.battle-stake-label{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:1000;letter-spacing:.12em;color:#dcdce2}
.battle-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.player-dot{background:#ffe34a;box-shadow:0 0 9px #ffe34a66}.bot-dot{background:#f16b7b;box-shadow:0 0 9px #f16b7b66}
.battle-stake-card .battle-current-art{height:92px;margin:7px auto 1px}.battle-stake-card .battle-current-art img{height:88px}.battle-stake-card .battle-item-name{min-height:30px;font-size:12px;font-weight:900;overflow-wrap:anywhere}.battle-stake-card .battle-item-price{font-size:17px;font-weight:1000;color:#ffe35b;margin-top:3px}.battle-stake-card.bot .battle-item-price{color:#ff9ca8}.battle-stake-card .battle-item-type{font-size:9px;color:#92929b;margin-top:7px;min-height:15px}
.battle-stakes-row .battle-vs{font-size:19px;font-weight:1000;color:#777780;text-align:center}
.battle-single-wheel-stage{grid-area:wheel;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;padding:15px 12px 13px;border:1px solid #35353b;border-radius:15px;background:radial-gradient(ellipse at 50% 12%,#ffe34a0b,transparent 57%),linear-gradient(145deg,#19191c,#101012);box-shadow:0 14px 38px #0003}
.battle-wheel-heading{font-size:10px;letter-spacing:.12em;font-weight:1000;text-align:center;color:#d2d2d8;margin:0 0 13px}
.battle-odds-row{width:min(100%,355px);display:flex;justify-content:space-between;gap:18px;margin:0 0 2px}
.battle-odds-chip{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:1000;letter-spacing:.08em}.battle-odds-chip strong{font-size:13px;font-variant-numeric:tabular-nums}.battle-odds-chip.player{color:#ffe35b}.battle-odds-chip.bot{color:#ff9ca8}
.battle-single-wheel-wrap{width:min(100%,360px)!important;margin:0 auto 13px!important;flex:0 0 auto}
.battle-single-wheel-wrap .wheel{background:conic-gradient(from 90deg,#ffe34a 0deg var(--battle-player-angle,180deg),#df596d var(--battle-player-angle,180deg) 360deg);box-shadow:0 0 0 2px #29292d,0 0 0 9px #141416,0 0 0 10px #49434a,0 0 32px #000c;}
.battle-single-wheel-wrap .wheel:before{opacity:.7}.battle-single-wheel-wrap .wheel-inner{inset:67px;background:radial-gradient(circle at 45% 27%,#27272b,#121214 72%);border-color:#545057}
.battle-single-wheel-wrap .wheel-inner .chance-big{font-size:clamp(27px,3vw,36px)}.battle-single-wheel-wrap .wheel-inner .chance-caption{max-width:100px;font-size:8px;line-height:1.35}
.battle-single-wheel-wrap .wheel-bolts span{transform:rotate(var(--a)) translateY(-167px)}
.battle-single-wheel-wrap .pointer{border-top-color:#fff5b0;filter:drop-shadow(0 3px 5px #000d)}
.battle-single-spin-button{width:min(100%,350px);min-height:48px;font-size:12px;letter-spacing:.08em;box-shadow:0 5px 18px #0008,0 0 18px #ffe34a10}
.battle-spin-actions{width:min(100%,350px);display:flex;align-items:stretch;justify-content:center;gap:8px}
.battle-spin-actions .battle-single-spin-button{width:auto;min-width:0;flex:1 1 auto}
.battle-fast-spin-btn{position:relative;inset:auto;flex:0 0 50px;width:50px;min-height:48px;height:auto;border-radius:9px;border:1px solid #716027;background:linear-gradient(155deg,#2c291e,#161619);color:#ffe04a;box-shadow:0 5px 16px #0009,0 0 0 1px #4d431f;transform:none}
.battle-fast-spin-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03)}
.battle-fast-spin-btn.active{border-color:#ffe64d;background:linear-gradient(155deg,#fff078,#d7ab1d);color:#171407;box-shadow:0 0 0 2px #ffe14b40,0 7px 18px #0008}
.battle-fast-spin-btn .fast-spin-icon{display:block;width:25px;height:25px;fill:currentColor;filter:drop-shadow(0 1px 2px #0007)}
.battle-fast-spin-btn.active .fast-spin-icon{filter:drop-shadow(0 1px 1px #fff4)}
@media(max-width:420px){.battle-spin-actions{gap:6px}.battle-fast-spin-btn{flex-basis:44px;width:44px;min-height:46px}}
.battle-wheel-status{font-size:10px;color:#96969f;text-align:center;min-height:16px;margin-top:10px}
.battle-inventory-outside{max-width:820px;margin:14px auto 2px}
#battlePanel .battle-chance-controls[hidden],#battlePanel #battleBotSpin[hidden]{display:none!important}
.battle-stake-card.spinning{box-shadow:0 0 0 1px #e7ca3a55,0 0 28px #e7ca3a12}.battle-stake-card.outcome-win{border-color:#6a8a3a;box-shadow:inset 0 0 0 1px #7eb34c30}.battle-stake-card.outcome-loss{border-color:#78403d;opacity:.9}
@media(max-width:900px){.battle-stakes-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"player bot" "wheel wheel";gap:10px}.battle-stake-card{padding:12px 10px;min-height:202px}.battle-stake-card .battle-current-art{height:75px}.battle-stake-card .battle-current-art img{height:72px}.battle-stake-card .battle-item-name{font-size:10px;min-height:37px}.battle-stake-card .battle-item-price{font-size:13px}.battle-single-wheel-stage{padding:14px 10px}.battle-single-wheel-wrap{width:min(86vw,310px)!important}.battle-single-wheel-wrap .wheel-inner{inset:58px}.battle-single-wheel-wrap .wheel-bolts span{transform:rotate(var(--a)) translateY(-145px)}.battle-single-spin-button{max-width:330px}}@media(max-width:420px){.battle-stakes-row{gap:7px}.battle-stake-card{padding:10px 6px;min-height:190px}.battle-stake-card .battle-item-name{font-size:9px}.battle-stake-card .battle-item-type{font-size:8px}.battle-single-wheel-wrap{width:min(86vw,280px)!important}.battle-single-wheel-wrap .wheel-inner{inset:51px}.battle-single-wheel-wrap .wheel-bolts span{transform:rotate(var(--a)) translateY(-130px)}}


/* Wallet + virtual skin shop: local-only demo economy, no payment integration. */
.wallet-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #245f4b;border-radius:8px;padding:7px 10px;background:linear-gradient(145deg,#15372e,#14231f);color:#b7ffd9;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px #ffffff0a}
.wallet-open strong{color:#42f59b;font-size:11px;font-weight:1000;font-variant-numeric:tabular-nums}
.wallet-open:hover{border-color:#32ca80;filter:brightness(1.08)}
.wallet-modal{width:min(100%,430px);max-height:92vh}
.wallet-head{align-items:center;padding-bottom:15px}
.wallet-head h2{font-size:21px}
.wallet-head p{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.wallet-free-label{color:#20e887;font-weight:900}
.wallet-balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 20px 0;padding:14px 15px;border:1px solid #34436c;border-radius:12px;background:#1a2854;color:#b3bddc;font-size:12px}
.wallet-balance-row strong{font-size:18px;font-weight:1000;color:#20e887;font-variant-numeric:tabular-nums}
.wallet-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 20px 0}
.wallet-presets button{min-height:47px;border:1px solid #34436c;border-radius:12px;background:#1b2a55;color:#f4f6ff;font-weight:950;font-size:13px}
.wallet-presets button:hover:not(:disabled),.wallet-presets button.active{border-color:#20e887;background:#163d48;color:#20e887}
.wallet-presets button:disabled,.wallet-add-button:disabled,.wallet-custom-row input:disabled{opacity:.38;cursor:not-allowed}
.wallet-custom-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px;margin:19px 20px 0}
.wallet-custom-row input{width:100%;min-width:0;border:1px solid #34436c;border-radius:12px;background:#1b2a55;color:#fff;padding:12px 14px;font-size:12px;font-weight:800;outline:none}
.wallet-custom-row input:focus{border-color:#20e887}
.wallet-add-button{border:0;border-radius:24px;background:#20d879;color:#073b2b;font-weight:1000;font-size:12px;padding:10px}
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:19px 20px 0}
.wallet-actions button{min-height:42px;border:1px solid #34436c;border-radius:12px;background:#1b2a55;color:#aab6db;font-weight:850;font-size:11px}
.wallet-actions button:hover{border-color:#6575a8;color:#fff}
.wallet-actions #walletToggleEnabled[aria-pressed="true"]{border-color:#a34646;background:#3b212d;color:#ffb8b8}
.wallet-note{margin:14px 20px 18px;color:#929dbd;font-size:10px;line-height:1.5}
#marketWalletHint{color:#a5ffd0;font-weight:800}
.deposit-confirm:disabled{opacity:.38}
@media(max-width:480px){.header-right{gap:4px}.wallet-open{gap:4px;padding:6px 7px;font-size:8px}.wallet-open strong{font-size:9px}.wallet-balance-row{margin-left:13px;margin-right:13px}.wallet-presets{margin-left:13px;margin-right:13px;gap:6px}.wallet-custom-row,.wallet-actions{margin-left:13px;margin-right:13px}.wallet-note{margin-left:13px;margin-right:13px}}

/* Optional profile, progress, collection showcase and stats add-on. Core game styles stay untouched. */
.profile-open{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a435c;border-radius:8px;padding:7px 10px;background:linear-gradient(145deg,#202a42,#171b28);color:#dce6ff;font-size:10px;font-weight:950;white-space:nowrap}
.profile-open:hover{border-color:#829bd5;filter:brightness(1.08)}
.profile-modal{width:min(100%,1060px);max-height:94vh;background:linear-gradient(180deg,#191d29,#101216);border-color:#343c51}
.profile-modal .deposit-head{background:#191d29}
.profile-scroll{overflow:auto;padding:14px 17px 18px;overscroll-behavior:contain}
.profile-identity{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid #343c51;border-radius:12px;background:linear-gradient(130deg,#202a42,#171b27)}
.profile-avatar-large{width:70px;height:70px;display:grid;place-items:center;border:1px solid #64739b;border-radius:18px;background:#111827;font-size:34px;box-shadow:inset 0 1px #fff1}
.profile-name-row{display:flex;gap:7px;min-width:0}
.profile-name-row input{flex:1;min-width:0;border:1px solid #3c4968;border-radius:8px;background:#101625;color:#fff;padding:10px 11px;font-weight:850;outline:none}
.profile-name-row input:focus{border-color:#a4bafa}
.profile-name-row button,.profile-small-btn{border:1px solid #5a6b8e;border-radius:8px;background:#263452;color:#e1eaff;padding:8px 10px;font-size:10px;font-weight:900;white-space:nowrap}
.profile-avatar-choices{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.profile-avatar-choices button{width:27px;height:27px;border:1px solid #3b455c;border-radius:7px;background:#121826;font-size:15px;padding:0}
.profile-avatar-choices button.active{border-color:#ffe15b;background:#39321a;box-shadow:0 0 0 1px #ffe15b35}
.profile-muted{color:#8e98ae;font-size:10px;line-height:1.45}
.profile-welcome{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 13px;border:1px solid #665526;border-radius:10px;background:#282418;color:#f3e1a0;font-size:11px}
.profile-welcome.show{display:flex}
.profile-xp-card{margin-top:10px;padding:13px 14px;border:1px solid #3b465f;border-radius:11px;background:linear-gradient(110deg,#1d2b35,#1a1d29)}
.profile-xp-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.profile-level-title{font-size:17px;font-weight:1000;color:#f5f6ff}.profile-rank-tag{border:1px solid #5b704a;border-radius:6px;padding:4px 7px;background:#202d1d;color:#c7ff8e;font-size:9px;font-weight:1000;letter-spacing:.06em}
.profile-xp-track{height:8px;margin-top:10px;border-radius:999px;background:#0f131b;overflow:hidden;border:1px solid #2b3546}
.profile-xp-fill{height:100%;width:0;background:linear-gradient(90deg,#44d7a0,#ffe15b);border-radius:999px;transition:width .3s}
.profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.profile-stat{min-width:0;padding:11px 12px;border:1px solid #30384b;border-radius:10px;background:#171b25}
.profile-stat span{display:block;color:#9099ad;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.profile-stat strong{display:block;margin-top:5px;color:#f3f5fc;font-size:18px;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-best-win{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;padding:9px 12px;border:1px solid #4d482c;border-radius:9px;background:#211f18;color:#d5d9e5;font-size:10px}.profile-best-win strong{color:#ffe15b;font-size:11px}
.profile-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.profile-panel{min-width:0;padding:13px;border:1px solid #30384b;border-radius:11px;background:linear-gradient(180deg,#191d27,#14171f)}
.profile-panel h3{margin:0 0 4px;color:#eef2ff;font-size:12px;font-weight:1000;letter-spacing:.02em}
.profile-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.profile-quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.profile-quest{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:1px solid #333c50;border-radius:9px;background:#171c27}
.profile-quest.done{border-color:#42694e;background:#18261f}
.profile-quest-title{font-size:10px;font-weight:900;color:#edf0fb;line-height:1.35}.profile-quest-progress{font-size:9px;color:#a2acc1}
.profile-mini-track{height:5px;background:#0f131b;border-radius:999px;overflow:hidden}.profile-mini-track span{display:block;height:100%;background:#87dc9f;border-radius:999px}
.profile-quest button{border:1px solid #536844;border-radius:6px;padding:6px;background:#233521;color:#caffaa;font-size:9px;font-weight:950}.profile-quest button:disabled{opacity:.38;cursor:default}
.profile-featured{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid #5c4f2c;border-radius:10px;background:linear-gradient(120deg,#2b281d,#191a20)}
.profile-empty-featured{padding:18px 14px;border:1px dashed #3e4556;border-radius:9px;color:#9da8bd;background:linear-gradient(120deg,#1a202d,#171a22);font-size:11px;line-height:1.5}
.profile-featured-art{height:86px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at center,#5b4b2777,transparent 75%)}.profile-featured-art img{width:100%;height:100%;object-fit:contain}
.profile-featured-name{font-size:12px;font-weight:1000;color:#fff6d4;line-height:1.35}.profile-featured-price{font-size:14px;font-weight:1000;color:#ffe15b;margin:5px 0}
.profile-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.profile-action-btn{border:1px solid #414b61;border-radius:6px;background:#222a3a;color:#dce6ff;padding:6px 8px;font-size:9px;font-weight:900}.profile-action-btn.primary{border-color:#77652b;background:#302a19;color:#ffe888}.profile-action-btn.active{border-color:#8d7730;background:#39311b;color:#ffe15b}
.profile-search{width:100%;min-width:0;margin:8px 0;border:1px solid #343d51;border-radius:7px;background:#10141c;color:#f3f5ff;padding:8px 9px;font-size:10px;outline:none}.profile-search:focus{border-color:#8fa9e7}
.profile-items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.profile-item{min-width:0;padding:7px;border:1px solid #30394c;border-radius:8px;background:#151a24;overflow:hidden}
.profile-item-art{height:62px;display:grid;place-items:center;margin-bottom:5px;background:radial-gradient(ellipse at center,#34405677,transparent 75%);overflow:hidden}.profile-item-art img{width:100%;height:100%;object-fit:contain}.profile-item-name{font-size:9px;font-weight:850;line-height:1.25;height:24px;overflow:hidden}.profile-item-price{font-size:10px;color:#ffe15b;font-weight:1000;margin-top:3px}
.profile-item-actions{display:flex;gap:4px;margin-top:6px}.profile-item-actions button{flex:1;min-width:0;border:1px solid #3b465d;border-radius:5px;background:#222b3d;color:#dbe4fa;padding:5px 3px;font-size:8px;font-weight:900}.profile-item-actions button.active{border-color:#8d7730;background:#39311b;color:#ffe15b}
.profile-compare-search-results{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow:auto}.profile-compare-result{display:flex;align-items:center;gap:7px;padding:6px 7px;border:1px solid #30394c;border-radius:7px;background:#151a24}.profile-compare-result span{flex:1;min-width:0;font-size:9px;line-height:1.3}.profile-compare-result button{border:1px solid #455474;border-radius:5px;padding:5px 7px;background:#252f44;color:#e0e9ff;font-size:8px;font-weight:950}.profile-compare-result button:hover{border-color:#ffe15b;color:#ffe15b}
.profile-compare-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin-top:9px}.profile-compare-card{padding:8px;border:1px solid #353d50;border-radius:8px;background:#161b25;text-align:center;min-width:0}.profile-compare-card .profile-item-art{height:76px}.profile-compare-card .profile-item-name{height:auto;min-height:24px}.profile-compare-diff{margin-top:8px;padding:9px;border:1px solid #3c4f44;border-radius:7px;background:#18241f;color:#c9ffd8;text-align:center;font-size:10px;font-weight:900}
.profile-activity-list{display:flex;flex-direction:column;gap:5px}.profile-activity{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #282f3c}.profile-activity:last-child{border-bottom:0}.profile-activity-mark{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:6px;background:#222b3b;color:#c4d7ff;font-size:12px}.profile-activity-text{font-size:10px;color:#e0e5f3;line-height:1.35}.profile-activity-time{margin-top:3px;color:#818ba0;font-size:8px}
.profile-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2d3443;font-size:10px;color:#dce2f2}.profile-settings-row:last-child{border-bottom:0}.profile-settings-row input{accent-color:#ffe15b}
.profile-guide-panel{padding:13px;margin-top:9px;border:1px solid #4a5a78;border-radius:10px;background:#1b2435}.profile-guide-panel[hidden]{display:none!important}.profile-guide-panel h4{margin:0 0 6px;color:#ffe78b;font-size:12px}.profile-guide-panel p{margin:0;color:#d3daea;font-size:11px;line-height:1.5}
.profile-footer-note{margin-top:10px;color:#737e94;font-size:9px;line-height:1.45}

/* Simplified profile: keep the essentials visible, tuck extra tools away until requested. */
.profile-modal{width:min(100%,900px)}
.profile-scroll{padding:12px 14px 16px}
.profile-identity{padding:12px;gap:11px;background:linear-gradient(130deg,#202b43,#171b27)}
.profile-xp-card{margin-top:8px;padding:11px 13px}
.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}
.profile-stat{padding:9px 10px}
.profile-stat strong{font-size:16px}
.profile-best-win{margin-top:7px;padding:8px 10px}
.profile-two-col{gap:8px;margin-top:8px}
.profile-panel{padding:11px}
.profile-more{margin-top:10px;border:1px solid #30384b;border-radius:11px;background:#141821;overflow:hidden}
.profile-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;color:#dce6ff;font-size:11px;font-weight:950}
.profile-more>summary::-webkit-details-marker{display:none}
.profile-more>summary:after{content:'＋';display:grid;place-items:center;width:22px;height:22px;border:1px solid #3b465d;border-radius:6px;color:#ffe15b;font-size:15px}
.profile-more[open]>summary:after{content:'−'}
.profile-more>summary:hover{background:#1a2030}
.profile-more-content{padding:0 8px 9px}
.profile-more-content .profile-two-col:first-child{margin-top:0}
@media(max-width:760px){.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-more-content{padding:0 6px 7px}.profile-more>summary{padding:11px}.profile-scroll{padding:9px}}
body.profile-reduced-effects .chicken-course *,body.profile-reduced-effects .target-win-reveal,body.profile-reduced-effects .source-loss-reveal,body.profile-reduced-effects .outcome-card[data-state="win"] .outcome-visual img,body.profile-reduced-effects .outcome-card[data-state="win"] .outcome-art-piece{animation-duration:.22s!important;transition-duration:.12s!important}
body.profile-reduced-effects .chicken-cube-burst,body.profile-reduced-effects .target-win-reveal:after,body.profile-reduced-effects .source-loss-reveal:after{display:none!important}
@media(max-width:760px){.profile-scroll{padding:10px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-two-col{grid-template-columns:minmax(0,1fr)}.profile-quest-grid{grid-template-columns:minmax(0,1fr)}.profile-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-modal{max-height:96vh}.profile-open{padding:6px 7px;font-size:8px}.profile-identity{grid-template-columns:58px minmax(0,1fr);padding:10px}.profile-avatar-large{width:54px;height:54px;font-size:28px;border-radius:14px}.profile-featured{grid-template-columns:80px minmax(0,1fr)}.profile-featured-art{height:74px}}
@media(max-width:480px){.profile-open{gap:0;padding:5px;min-width:27px;width:27px;height:29px}.profile-open-label{display:none;font-size:7px}.profile-name-row{flex-wrap:wrap}.profile-name-row input{min-width:100%;flex:auto}.profile-name-row button{flex:1}.profile-item-actions button{font-size:7px}.profile-compare-pair{gap:5px}.profile-featured-name{font-size:10px}}


.profile-level-reward-panel{margin-top:10px;padding:11px;background:linear-gradient(180deg,#171d29,#141720)}
.profile-level-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}
.profile-level-reward{min-width:0;border:1px solid #30394c;border-radius:9px;background:#171b25;padding:8px;display:flex;flex-direction:column;gap:5px}
.profile-level-reward.claimable{border-color:#607b4a;background:linear-gradient(160deg,#202d1d,#171b25)}
.profile-level-reward.claimed{border-color:#344358;opacity:.75}
.profile-level-reward.locked .profile-level-art{filter:grayscale(.75);opacity:.7}
.profile-level-art{height:58px;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:radial-gradient(ellipse at center,#343b4a,transparent 75%)}
.profile-level-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}
.profile-level-art .art-fallback{height:42px;width:70%;font-size:12px}
.profile-level-badge{font-size:9px;font-weight:1000;color:#d8e3ff;letter-spacing:.03em}
.profile-level-name{font-size:9px;line-height:1.25;font-weight:900;color:#f4f6ff;min-height:23px;overflow-wrap:anywhere}
.profile-level-price{font-size:10px;font-weight:1000;color:#ffe15b}
.profile-level-status{font-size:8px;line-height:1.3;color:#97a2ba;min-height:20px}
.profile-level-reward button{width:100%;border:1px solid #556b43;border-radius:6px;padding:6px 4px;background:#263620;color:#d4ffb0;font-size:9px;font-weight:950}
.profile-level-reward button:disabled{border-color:#343b48;background:#1c202a;color:#778197;opacity:1;cursor:default}
@media(max-width:760px){.profile-level-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-level-art{height:64px}}

/* Profile frames and compact avatar on the home header */
.profile-open{gap:7px}
.profile-mini-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:8px;font-size:17px;display:grid;place-items:center;background:#111827;line-height:1}
.avatar-frame{position:relative;isolation:isolate;border:2px solid #586985;box-shadow:inset 0 1px #fff1;transition:border-color .18s,box-shadow .18s,filter .18s}
.avatar-frame[data-frame="none"]{border-color:#64739b;box-shadow:inset 0 1px #fff1}
.avatar-frame[data-frame="ice"]{border-color:#8cecff;box-shadow:0 0 0 2px #4cb8ef3d,0 0 12px #70eaff75,inset 0 0 7px #87efff30}
.avatar-frame[data-frame="gold"]{border-color:#ffd66b;box-shadow:0 0 0 2px #d9a52755,0 0 13px #ffd66b70,inset 0 0 8px #ffdc7533}
.avatar-frame[data-frame="violet"]{border-color:#c8a0ff;box-shadow:0 0 0 2px #9b62ff50,0 0 13px #bb8aff70,inset 0 0 8px #b88aff35}
.avatar-frame[data-frame="legend"]{border-color:#ff896a;box-shadow:0 0 0 2px #ff4d3c55,0 0 14px #ff7c5b85,inset 0 0 8px #ffd06a33}
.profile-frame-picker-wrap{margin-top:8px}
.profile-frame-label{margin-bottom:5px}
.profile-frame-choices{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.profile-frame-choice{display:flex;align-items:center;gap:5px;border:1px solid #3b455c;border-radius:7px;background:#121826;color:#c9d2e5;padding:4px 6px;font-size:9px;font-weight:850;cursor:pointer}
.profile-frame-choice .frame-swatch{width:18px;height:18px;display:grid;place-items:center;border:2px solid #64739b;border-radius:5px;background:#111827;color:#fff;font-size:9px}
.profile-frame-choice[data-profile-frame="ice"] .frame-swatch{border-color:#8cecff;box-shadow:0 0 5px #70eaff66}
.profile-frame-choice[data-profile-frame="gold"] .frame-swatch{border-color:#ffd66b;box-shadow:0 0 5px #ffd66b66}
.profile-frame-choice[data-profile-frame="violet"] .frame-swatch{border-color:#c8a0ff;box-shadow:0 0 5px #bb8aff66}
.profile-frame-choice[data-profile-frame="legend"] .frame-swatch{border-color:#ff896a;box-shadow:0 0 5px #ff7c5b66}
.profile-frame-choice.active{border-color:#ffe15b;color:#fff1aa;background:#2b281d}
.profile-frame-choice:disabled{opacity:.48;cursor:not-allowed}
.profile-level-art{height:88px;min-height:88px;padding:3px}
.profile-level-art img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center center;padding:2px;transform:none!important;filter:drop-shadow(0 4px 4px #0008)}
.profile-level-art .art-fallback{flex:0 0 auto}
.profile-level-extra{font-size:8px;line-height:1.25;font-weight:900;color:#b9e8ff;border:1px solid #4b728e65;background:#162534;border-radius:5px;padding:4px;text-align:center}
.profile-level-reward.has-frame{border-color:#4c627b}
@media(max-width:760px){.profile-level-art{height:84px;min-height:84px}.profile-frame-choice{font-size:8px;padding:4px}.profile-mini-avatar{width:25px;height:25px;flex-basis:25px}}


/* Selling appears only after a skin is selected; compact premium action. */
.inventory-item-shell{position:relative;display:flex;flex-direction:column;min-width:0;min-height:100%}
.inventory-item-shell>.skin-card{width:100%;height:100%;min-height:158px;padding-bottom:10px}
.inventory-item-shell.selected>.skin-card{padding-bottom:35px}
.inventory-item-shell .skin-card .selected-tag{bottom:33px}
.inventory-sell-btn{position:absolute;left:6px;right:6px;bottom:5px;z-index:7;min-width:0;min-height:28px;padding:5px 7px;border:1px solid #a64f5a;border-radius:7px;background:linear-gradient(180deg,#a63b49,#63232f);box-shadow:0 3px 12px #0007,inset 0 1px #ffffff25;color:#fff2f3;font-size:9px;font-weight:1000;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .14s,transform .14s,visibility .14s}
.inventory-item-shell.selected .inventory-sell-btn{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.inventory-item-shell.selected>.skin-card{border-color:#e2c341}
.inventory-sell-btn:hover:not(:disabled){border-color:#ff9ba4;background:linear-gradient(180deg,#c64b5b,#7a2635);color:#fff;filter:brightness(1.08)}
.inventory-sell-btn:disabled{opacity:.4;cursor:not-allowed}
/* Prevent long-press image previews/context menus while browsing the skin market. */
#depositModal img,#depositModal .skin-art,#depositModal .deposit-item-card{ -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
#depositModal img{ -webkit-user-drag:none; user-drag:none; pointer-events:none; }
#depositModal .deposit-item-card{touch-action:manipulation}
.profile-item-actions [data-sell-inventory]{border-color:#6c3c43;background:#2a1b21;color:#ffb7bd}
.profile-item-actions [data-sell-inventory]:hover{border-color:#ef7583;color:#fff}
/* The complete weapon image gets a larger contain-only canvas so long rifles are not clipped. */
.profile-level-art{height:124px!important;min-height:124px!important;padding:4px 9px!important;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important}
.profile-level-art img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;margin:0!important;transform:none!important}
.profile-level-art .art-fallback{max-width:75%;max-height:90%;}
@media(max-width:760px){.profile-level-art{height:114px!important;min-height:114px!important}.inventory-item-shell>.skin-card{min-height:145px}}
/* Profile avatars use selected skin artwork or a user-uploaded photo only. */
.profile-avatar-large,.profile-mini-avatar{overflow:visible;position:relative}
.profile-avatar-visual{width:100%;height:100%;display:grid;place-items:center;position:relative;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#35425a,#111827 74%)}
.profile-avatar-visual img{width:100%;height:100%;max-width:100%;max-height:100%;padding:5px;object-fit:contain;filter:drop-shadow(0 3px 4px #000b)}
.profile-avatar-visual .profile-avatar-glyph{font-size:34px;line-height:1;display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#35425a,#111827 72%)}
.profile-mini-avatar .profile-avatar-visual img{padding:2px}
.profile-mini-avatar .profile-avatar-visual .profile-avatar-glyph{font-size:16px}
.profile-avatar-choices button{display:grid;place-items:center;width:43px;height:43px;overflow:hidden;border:1px solid #3b455c;border-radius:10px;background:linear-gradient(145deg,#28344b,#111827);padding:2px;transition:border-color .15s,transform .15s,box-shadow .15s}
.profile-avatar-choices button img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009)}
.profile-avatar-choices button .profile-avatar-glyph{font-size:23px}
.profile-avatar-photo-pick{display:grid;place-items:center;width:100%;height:100%;color:#d8c47a;background:linear-gradient(145deg,#28251b,#151516)}.profile-avatar-photo-pick svg{width:23px;height:23px}.profile-avatar-empty{background:linear-gradient(145deg,#252731,#121318)}
.profile-avatar-choices button:hover{transform:translateY(-1px);border-color:#8ca9e2}
.profile-avatar-choices button.active{border-color:#ffe15b;background:linear-gradient(145deg,#4b4120,#202015);box-shadow:0 0 0 2px #ffe15b35,0 0 12px #ffe15b20}
/* More crafted earned frames, visible on the profile and the compact header portrait. */
.avatar-frame[data-frame="ice"]{border:2px solid #9df3ff;background:#101d2b;outline:1px solid #4cb8ef66;outline-offset:2px}
.avatar-frame[data-frame="ice"]:after{content:"✦";position:absolute;right:-5px;top:-6px;font-size:11px;color:#c8fbff;text-shadow:0 0 7px #70eaff;pointer-events:none;z-index:5}
.avatar-frame[data-frame="gold"]{border:3px double #ffd66b;background:#211b0e;outline:1px solid #d9a52766;outline-offset:2px}
.avatar-frame[data-frame="gold"]:after{content:"✦";position:absolute;right:-5px;bottom:-6px;font-size:12px;color:#fff0a6;text-shadow:0 0 8px #ffd66b;pointer-events:none;z-index:5}
.avatar-frame[data-frame="violet"]{border:2px solid #d1aaff;background:#1c1231;outline:1px solid #9b62ff88;outline-offset:2px}
.avatar-frame[data-frame="violet"]:after{content:"◆";position:absolute;right:-5px;top:-6px;font-size:10px;color:#f0d9ff;text-shadow:0 0 8px #bb8aff;pointer-events:none;z-index:5}
.avatar-frame[data-frame="legend"]{border:3px double #ff9867;background:#28150f;outline:1px solid #ff4d3c88;outline-offset:3px}
.avatar-frame[data-frame="legend"]:after{content:"♛";position:absolute;right:-7px;top:-8px;font-size:12px;color:#ffdfa0;text-shadow:0 0 9px #ff7c5b;pointer-events:none;z-index:5}


  /* Case Opening: full CS case archive and virtual, inventory-linked opening flow. */
  #casePanel{display:none;padding:4px 0 34px;}
  body.case-mode main>:not(#casePanel){display:none!important}
  body.case-mode #casePanel{display:block}
  .case-head{text-align:center;max-width:800px;margin:0 auto 20px;padding:8px 10px 0}
  .case-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:9px;letter-spacing:.2em;font-weight:1000;color:#d9b344}
  .case-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#d9b344;box-shadow:0 0 12px #e9c75c}
  .case-head h2{margin:8px 0 7px;font-size:clamp(27px,4vw,42px);line-height:1;letter-spacing:-.055em;font-weight:1000;color:#f8f8fa}
  .case-head h2 span{color:#e4bd4d}
  .case-head p{max-width:620px;margin:0 auto;color:#9898a2;font-size:12px;line-height:1.75}
  .case-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}
  .case-overview-stat{min-width:0;padding:13px 16px;background:linear-gradient(140deg,#19191c,#131315);border:1px solid #2e2e33;border-radius:12px;display:flex;flex-direction:column;gap:5px}
  .case-overview-stat>span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#8d8d96}
  .case-overview-stat strong{font-size:20px;letter-spacing:-.03em;color:#f6f6f8;font-variant-numeric:tabular-nums}
  .case-overview-stat small{font-size:10px;color:#777780}
  .case-featured{background:linear-gradient(145deg,#1a1918,#141416 60%);border:1px solid #3d3522;border-radius:15px;padding:18px;margin-bottom:27px;box-shadow:0 18px 45px #0002,inset 0 1px #fff05}
  .case-featured-heading,.case-catalog-head,.case-roulette-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
  .case-featured-heading{margin:0 0 13px}
  .case-section-kicker{display:block;font-size:9px;font-weight:1000;letter-spacing:.17em;color:#c4a94b}
  .case-featured-heading h3,.case-catalog-head h3,.case-roulette-top h3{font-size:17px;letter-spacing:-.025em;margin:4px 0 0;color:#f2f2f5}
  .case-demo-pill{border:1px solid #6a5928;background:#292311;color:#edcf6a;font-size:8px;letter-spacing:.12em;font-weight:1000;border-radius:100px;padding:7px 10px;white-space:nowrap}
  .case-selected-card{display:grid;grid-template-columns:150px minmax(0,1fr) 175px;align-items:center;gap:19px;border:1px solid #333238;border-radius:12px;padding:15px;background:linear-gradient(130deg,#202023,#171719 72%)}
  .case-selected-art{display:flex;justify-content:center;min-width:0}
  .case-pack{--case-a:#b18a31;--case-b:#332711;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:116px;height:143px;overflow:hidden;border-radius:7px;border:1px solid color-mix(in srgb,var(--case-a) 76%,#fff);background:radial-gradient(ellipse at 20% 18%,color-mix(in srgb,var(--case-a) 45%,transparent),transparent 44%),linear-gradient(145deg,var(--case-a),var(--case-b) 52%,#101012 100%);box-shadow:inset 0 0 0 4px #0c0c0d55,inset 0 0 0 5px #fff1,0 12px 22px #0006;flex:0 0 auto}
  .case-pack:before{content:"";position:absolute;inset:13px 10px;border:1px solid color-mix(in srgb,var(--case-a) 75%,#ffffff);clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);opacity:.65;z-index:-1}
  .case-pack:after{content:"";position:absolute;width:80px;height:80px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #ffffff2b;box-shadow:0 0 0 10px #ffffff06;z-index:-1}
  .case-pack-kicker{font-size:7px;font-weight:1000;letter-spacing:.24em;color:#fffbd9;text-shadow:0 2px 5px #0008}
  .case-pack-sigil{display:grid;place-items:center;width:44px;height:44px;font-size:27px;font-weight:1000;line-height:1;color:#fff8df;text-shadow:0 3px 6px #0008;border:1px solid #ffffff6b;background:linear-gradient(145deg,#ffffff22,#00000022);transform:rotate(45deg);box-shadow:0 5px 16px #0005}
  .case-pack-sigil span{transform:rotate(-45deg)}
  .case-pack-label{max-width:92px;padding:0 4px;text-align:center;color:#fff7df;font-size:8px;line-height:1.15;font-weight:1000;letter-spacing:.03em;text-shadow:0 2px 4px #000b}
  .case-pack.large{width:130px;height:164px;border-radius:9px}
  .case-pack.large .case-pack-sigil{width:52px;height:52px;font-size:32px}
  .case-selected-copy{min-width:0}
  .case-selected-meta{display:flex;gap:7px;align-items:center;margin-bottom:6px;flex-wrap:wrap}
  .case-selected-meta span{font-size:8px;font-weight:950;letter-spacing:.12em;color:#b9a86d;border:1px solid #4a4028;border-radius:5px;padding:4px 6px;background:#2b261a}
  .case-selected-copy h3{font-size:23px;letter-spacing:-.04em;margin:0 0 5px;line-height:1.16;overflow-wrap:anywhere}
  .case-selected-copy>p{font-size:11px;line-height:1.55;color:#a5a4ad;margin:0 0 12px}
  .case-odds-line{display:flex;gap:7px 12px;flex-wrap:wrap}
  .case-odds-line>span{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#aaaab1;white-space:nowrap}
  .case-odds-line b{font-variant-numeric:tabular-nums;color:#e3e3e8;font-size:8px}
  .odds-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.odds-blue{background:#4b69ff}.odds-purple{background:#8847ff}.odds-pink{background:#d32ce6}.odds-red{background:#eb4b4b}.odds-gold{background:#e4ae39}
  .case-featured-note{font-size:9px;color:#73737c;line-height:1.45;margin-top:10px}
  .case-selected-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;border-left:1px solid #343138;padding-left:17px;min-width:0}
  .case-open-label{font-size:8px;font-weight:900;color:#85858f;letter-spacing:.12em}
  .case-selected-actions>strong{font-size:25px;color:#f5d45b;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
  .case-open-button,.case-wallet-button{width:100%;border-radius:7px;padding:11px 9px;font-weight:1000;font-size:10px;letter-spacing:.045em;transition:transform .15s ease,filter .15s ease,background .15s ease}
  .case-open-button{border:1px solid #ecd16b;color:#1b180e;background:linear-gradient(180deg,#ffe57a,#c99c2f);box-shadow:0 7px 20px #d5ae3522}
  .case-open-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
  .case-open-button:disabled{opacity:.58;cursor:wait;filter:saturate(.6)}
  .case-wallet-button{border:1px solid #45434a;color:#dbd8ce;background:#252428}
  .case-wallet-button:hover{border-color:#9b8541;color:#ffe59b}
  .case-roulette-wrap{margin:0 0 15px;padding:14px;border:1px solid #3d3627;background:linear-gradient(180deg,#191817,#131315);border-radius:10px;scroll-margin:18px 0}
  .case-roulette-top{margin-bottom:12px}
  .case-spinning-status{font-size:8px;letter-spacing:.14em;color:#c7ad55;font-weight:1000;white-space:nowrap}
  .case-roulette-window{position:relative;overflow:hidden;border-radius:8px;border:1px solid #3d3a31;background:repeating-linear-gradient(90deg,#111113 0 145px,#171719 145px 290px);min-height:137px;box-shadow:inset 0 0 25px #0008}
  .case-roulette-window:before,.case-roulette-window:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:74px;pointer-events:none}
  .case-roulette-window:before{left:0;background:linear-gradient(90deg,#111113,transparent)}
  .case-roulette-window:after{right:0;background:linear-gradient(270deg,#111113,transparent)}
  .case-roulette-pointer{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#ffe16b;box-shadow:0 0 12px #f0d052aa}
  .case-roulette-pointer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #ffe16b}
  .case-roulette-pointer:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(180deg);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #ffe16b}
  .case-roulette-strip{display:flex;align-items:stretch;gap:10px;width:max-content;padding:7px 0;transform:translateX(0);will-change:transform;min-height:135px}
  .case-roll-item{--drop-color:#4b69ff;display:flex;flex:0 0 142px;width:142px;min-width:142px;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;padding:10px 7px 8px;border:1px solid color-mix(in srgb,var(--drop-color) 35%,#343438);border-bottom:3px solid var(--drop-color);border-radius:7px;background:linear-gradient(160deg,color-mix(in srgb,var(--drop-color) 14%,#202023),#151517 78%);text-align:center}
  .case-roll-art{height:67px;width:100%;display:grid;place-items:center;position:relative;pointer-events:none}
  .case-roll-art img{width:100%;height:67px;max-width:116px;object-fit:contain;filter:drop-shadow(0 4px 7px #0008);user-select:none;-webkit-user-drag:none}
  .case-roll-art .art-fallback{height:50px;width:70px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff15;border-radius:5px;font-size:11px;font-weight:1000;color:var(--drop-color)}
  .case-roll-item>strong{max-width:100%;font-size:9px;line-height:1.15;color:#ececf0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .case-roll-item>small{font-size:9px;color:#b8b8c0;font-variant-numeric:tabular-nums}
  .case-roulette-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#787882;font-size:9px;padding:10px 2px 0}
  .case-reveal-result{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:15px;margin-top:13px;padding:13px;border-radius:9px;border:1px solid #6d592a;background:linear-gradient(120deg,#2b2414,#181719 75%);animation:caseRevealIn .35s ease both}
  @keyframes caseRevealIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
  .case-result-art{height:86px;display:grid;place-items:center;border-radius:7px;background:radial-gradient(ellipse,#ffffff12,transparent 70%);pointer-events:none}
  .case-result-art img{width:100%;height:86px;object-fit:contain;filter:drop-shadow(0 5px 7px #0007)}
  .case-result-art .art-fallback{color:#f0d46a;font-weight:1000;font-size:18px}
  .case-result-tag{display:inline-block;margin-bottom:5px;color:#e6c957;font-size:8px;font-weight:1000;letter-spacing:.15em}
  .case-result-copy h3{font-size:19px;line-height:1.2;letter-spacing:-.025em;margin:0 0 5px;overflow-wrap:anywhere}
  .case-result-copy p{margin:0;color:#aaa8a1;font-size:10px;line-height:1.5}
  .case-result-value{margin-top:8px;font-size:15px;font-weight:1000;color:#f1d46a;font-variant-numeric:tabular-nums}
  .case-catalog-head{align-items:flex-end;margin:0 0 14px;flex-wrap:wrap}
  .case-catalog-head h3{font-size:22px;margin-top:5px}
  .case-catalog-head p{font-size:11px;color:#8f8f99;margin:5px 0 0;line-height:1.5}
  .case-search-wrap{display:flex;align-items:center;gap:8px;width:min(100%,260px);height:38px;padding:0 11px;border:1px solid #34343a;border-radius:8px;background:#18181b;color:#9b9ba4}
  .case-search-wrap>span{font-size:23px;line-height:1;transform:translateY(-1px)}
  .case-search-wrap input{width:100%;min-width:0;outline:none;border:0;background:transparent;color:#f3f3f6;font-size:11px}
  .case-search-wrap input::placeholder{color:#73737c}
  .case-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
  .case-filter{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #303036;background:#18181b;border-radius:7px;color:#92929b;font-size:9px;font-weight:950;letter-spacing:.07em;transition:all .16s ease}
  .case-filter:hover{border-color:#6c5a2a;color:#f0d56f}
  .case-filter.active{background:#302713;border-color:#8d742e;color:#f5db79;box-shadow:inset 0 1px #fff08}
  .case-filter span{font-size:8px;color:#d3b956;border-radius:4px;background:#51431f;padding:2px 4px}
  .case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
  .case-tile{position:relative;display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:10px;padding:12px 11px 11px;border:1px solid #2d2d32;border-radius:11px;background:linear-gradient(145deg,#1d1d20,#151517);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}
  .case-tile:hover{transform:translateY(-2px);border-color:#75612e;box-shadow:0 8px 22px #0003}
  .case-tile.selected{border-color:#b3953d;background:linear-gradient(145deg,#2b2518,#1b1a1b);box-shadow:inset 0 0 0 1px #dfbd4c30,0 7px 21px #d3a72a0c}
  .case-tile.selected:after{content:"SELECTED";position:absolute;top:9px;right:8px;color:#e5cd68;font-size:7px;font-weight:1000;letter-spacing:.1em;border:1px solid #6e5c2d;background:#211d12;border-radius:4px;padding:4px 5px}
  .case-tile-art{display:flex;align-items:center;justify-content:center;min-height:151px;border-radius:7px;background:radial-gradient(ellipse at center,#ffffff07,transparent 72%),linear-gradient(180deg,#ffffff02,transparent);padding:4px}
  .case-tile-art .case-pack{width:104px;height:128px;transition:transform .18s ease}
  .case-tile:hover .case-tile-art .case-pack{transform:translateY(-2px) rotate(-1deg)}
  .case-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#7f7f89;font-size:8px;font-weight:900;letter-spacing:.07em}
  .case-tile-name{font-size:12px;font-weight:950;letter-spacing:-.01em;color:#f2f2f5;line-height:1.25;min-height:31px;overflow-wrap:anywhere}
  .case-tile-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;padding-top:8px;border-top:1px solid #2b2b30}
  .case-tile-footer span{font-size:8px;letter-spacing:.08em;color:#85858e;font-weight:850}
  .case-tile-footer strong{font-size:12px;color:#e8cf75;font-variant-numeric:tabular-nums;white-space:nowrap}
  .case-empty-state{grid-column:1/-1;text-align:center;padding:35px 15px;color:#85858f;border:1px dashed #3a3a40;border-radius:10px;font-size:12px}
  .case-recent-section{margin-top:31px}
  .case-recent-head{margin-bottom:12px}
  .case-history-count{color:#7d7d86;font-size:9px}
  .case-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .case-history-empty{grid-column:1/-1;padding:22px;text-align:center;border:1px dashed #323238;border-radius:9px;color:#777780;font-size:11px}
  .case-recent-item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:9px;border:1px solid #2d2d32;border-radius:8px;background:#18181b}
  .case-recent-art{height:54px;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse,#ffffff0b,transparent 72%)}
  .case-recent-art img{width:100%;height:54px;object-fit:contain}
  .case-recent-art .art-fallback{color:#b6a052;font-weight:1000;font-size:12px}
  .case-recent-copy{min-width:0}
  .case-recent-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#ececf0}
  .case-recent-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#85858f;margin-top:4px}
  .case-recent-copy b{display:block;font-size:10px;color:#d7bd5c;margin-top:4px}
  .case-disclaimer{font-size:9px;line-height:1.65;color:#65656e;margin:24px 0 0;padding:13px 15px;border-top:1px solid #26262b}
  @media(max-width:1050px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-selected-card{grid-template-columns:125px minmax(0,1fr) 158px;gap:13px}.case-selected-actions{padding-left:12px}.case-odds-line{gap:6px 9px}.case-odds-line>span{font-size:7px}}
  @media(max-width:760px){.case-overview-stats{gap:7px}.case-overview-stat{padding:11px}.case-overview-stat strong{font-size:16px}.case-overview-stat small{font-size:9px}.case-selected-card{grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:start}.case-selected-card .case-pack{width:94px;height:120px}.case-selected-actions{grid-column:1/-1;border-left:0;border-top:1px solid #343138;padding:13px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px 10px}.case-open-label{grid-column:1/-1}.case-selected-actions>strong{font-size:22px}.case-open-button,.case-wallet-button{margin:0}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case-tile{padding:9px}.case-tile-art{min-height:130px}.case-tile-art .case-pack{width:91px;height:112px}.case-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-roulette-window:before,.case-roulette-window:after{width:35px}.case-odds-line{gap:6px 9px}}
  @media(max-width:480px){.case-head{margin-bottom:14px}.case-head p{font-size:11px}.case-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.case-overview-stat{padding:9px 7px}.case-overview-stat>span{font-size:7px;letter-spacing:.04em}.case-overview-stat strong{font-size:13px}.case-overview-stat small{font-size:8px;line-height:1.3}.case-featured{padding:11px}.case-featured-heading h3{font-size:15px}.case-demo-pill{font-size:7px;padding:6px 7px}.case-selected-card{padding:10px;grid-template-columns:78px minmax(0,1fr);gap:10px}.case-selected-card .case-pack{width:74px;height:98px}.case-selected-card .case-pack-sigil{width:35px;height:35px;font-size:21px}.case-selected-card .case-pack-label{font-size:6px}.case-selected-copy h3{font-size:17px}.case-selected-copy>p{font-size:10px}.case-odds-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.case-odds-line>span{font-size:7px}.case-odds-line b{font-size:7px}.case-featured-note{font-size:8px}.case-roulette-wrap{padding:9px}.case-roulette-top{align-items:flex-start}.case-spinning-status{font-size:7px;white-space:normal;text-align:right}.case-roll-item{flex-basis:122px;width:122px;min-width:122px}.case-roulette-foot{font-size:8px}.case-reveal-result{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px}.case-result-copy h3{font-size:15px}.case-result-copy p{font-size:9px}.case-catalog-head{align-items:stretch}.case-catalog-head h3{font-size:19px}.case-search-wrap{width:100%}.case-filter{padding:8px 9px;font-size:8px}.case-tile-art{min-height:112px}.case-tile-art .case-pack{width:78px;height:98px}.case-tile-name{font-size:10px;min-height:28px}.case-tile-footer{align-items:flex-start;flex-direction:column;gap:4px}.case-tile-footer strong{font-size:11px}.case-recent-grid{grid-template-columns:1fr}.case-roulette-window{min-height:125px}.case-roulette-strip{min-height:123px}.case-roll-art,.case-roll-art img{height:58px}.case-roll-item{gap:3px;padding:7px 6px}.case-roll-item>strong{font-size:8px}}


  #casePanel img{ -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; -webkit-user-drag:none; }
  #casePanel .case-tile,#casePanel .case-roll-item{touch-action:manipulation}


/* Chicken Climb: dimensional illustrated runner; game movement hooks stay on #chickenRunner. */
.chicken-runner{width:54px;height:64px;font-size:0!important;line-height:0;filter:drop-shadow(0 8px 8px #090c1d99)!important;}
.chicken-runner .chicken-3d{display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 90%;animation:henIdle 2.8s ease-in-out infinite;}
.chicken-runner.jumping .chicken-3d,.chicken-runner.fallen .chicken-3d{animation:none;}
@keyframes henIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1.2deg)}}
@media(max-width:900px){.chicken-runner{width:49px;height:58px}}
@media(max-width:650px){.chicken-runner{width:41px;height:49px}}
@media(prefers-reduced-motion:reduce){.chicken-runner .chicken-3d{animation:none}}

/* Chicken Climb: compact, readable movement and a restrained win celebration. */
.chicken-runner.landed{animation:henLandBounce .4s cubic-bezier(.2,.75,.25,1)}
.chicken-runner.landed .chicken-3d,.chicken-runner.winning .chicken-3d{animation:none}
.chicken-runner .hen-wing{transform-box:fill-box;transform-origin:72% 55%}
.chicken-runner.winning{animation:henWinHop .82s cubic-bezier(.2,.75,.25,1)}
.chicken-runner.winning .hen-wing{animation:henWingFlick .72s ease-in-out}
.chicken-runner.winning:after{content:"";position:absolute;inset:12%;border:1.5px solid #fff0a7;border-radius:50%;opacity:0;pointer-events:none;animation:henWinHalo .82s ease-out}
@keyframes henLandBounce{0%{transform:translateY(-7px) scale(1.04,.94)}55%{transform:translateY(1px) scale(.98,1.03)}100%{transform:translateY(0) scale(1)}}
@keyframes henWinHop{0%,100%{transform:translateY(0) rotate(0) scale(1)}28%{transform:translateY(-13px) rotate(-5deg) scale(1.04)}54%{transform:translateY(1px) rotate(2deg) scale(.98,1.02)}76%{transform:translateY(-6px) rotate(-2deg) scale(1.02)} }
@keyframes henWingFlick{0%,100%{transform:rotate(0)}35%,65%{transform:rotate(-20deg)}}
@keyframes henWinHalo{0%{opacity:.75;transform:scale(.72)}100%{opacity:0;transform:scale(1.65)}}
@media(prefers-reduced-motion:reduce){.chicken-runner.landed,.chicken-runner.winning,.chicken-runner.winning .hen-wing,.chicken-runner.winning:after{animation:none!important}}


.profile-market-target{outline:2px solid var(--gold)!important;outline-offset:2px;box-shadow:0 0 0 3px #ffdf3526,0 0 22px #ffdf3533!important}
/* Case archive refresh: compact image-led CS2 case catalogue based on the supplied reference. */
body.case-mode #casePanel{padding:12px 14px 30px;margin:0 auto;background:linear-gradient(135deg,#202f7d 0%,#1b286f 47%,#15225e 100%);border-radius:8px;min-height:calc(100vh - 110px);box-sizing:border-box;}
body.case-mode main{padding-top:8px;}
.case-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:0 2px;color:#dfe6ff;min-height:28px;}
.case-toolbar-left{display:flex;align-items:baseline;gap:8px;min-width:0;}
.case-count-line{font-size:14px;font-weight:750;white-space:nowrap;color:#e9edff;}
.case-count-line strong{font-size:15px;font-variant-numeric:tabular-nums;color:#fff;}
.case-terminal-hint{font-size:10px;color:#aebcf2;white-space:nowrap;}
.case-toolbar-right{display:flex;align-items:center;gap:8px;min-width:0;}
body.case-mode .case-search-wrap{width:170px;height:29px;border-radius:16px;border:1px solid #5667a6;background:#27367c;color:#c7d3ff;padding:0 9px;}
body.case-mode .case-search-wrap>span{font-size:17px;}
body.case-mode .case-search-wrap input{font-size:10px;color:#fff;}
body.case-mode .case-search-wrap input::placeholder{color:#aab8f0;}
.case-sort-wrap{height:29px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #5667a6;border-radius:17px;background:#29377a;color:#b9c8ff;min-width:96px;}
.case-sort-wrap>span{font-size:15px;line-height:1;}
.case-sort-wrap select{border:0;outline:0;max-width:125px;background:transparent;color:#ecf0ff;font:700 10px Arial,sans-serif;cursor:pointer;appearance:none;padding:0;}
.case-sort-wrap select option{background:#1c2867;color:#fff;}
.case-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px 10px;align-items:stretch;}
.case-tile{position:relative;display:flex;min-width:0;height:99px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:2px;padding:6px 7px 6px;border:1px solid #2c3c84;border-radius:12px;background:linear-gradient(145deg,#19265f,#121c4d 85%);text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px #ffffff04;}
.case-tile:hover{transform:translateY(-1px);border-color:#6f85db;box-shadow:0 5px 12px #050d3580;}
.case-tile.selected{border-color:#9cb0ff;background:linear-gradient(145deg,#263880,#17245e);box-shadow:inset 0 0 0 1px #c4d0ff22,0 0 0 1px #8fa8ff44;}
.case-tile.selected:after{content:"";position:absolute;inset:0;border:1px solid #cbd6ff22;border-radius:11px;pointer-events:none;}
.case-price-badge{position:absolute;right:5px;top:5px;z-index:2;padding:2px 5px;border-radius:5px;background:#071c35;color:#00f0a4;font-size:9px;font-weight:950;line-height:1.25;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #0003;}
.case-tile-meta,.case-tile-footer{display:none!important;}
.case-tile-art{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;height:62px;border-radius:5px;background:transparent;padding:0 3px;margin:2px 0 1px;overflow:hidden;}
.case-real-art{height:60px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;}
.case-real-art img{display:block;width:100%;height:100%;max-width:124px;object-fit:contain;filter:drop-shadow(0 3px 2px #06102b55);user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none;}
.case-img-fallback{display:none;max-width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#d8bd56;text-align:center;font-size:9px;font-weight:1000;letter-spacing:.1em;padding:7px;background:radial-gradient(ellipse,#3e3219,#171717 72%);border:1px solid #6f5a29;border-radius:7px;}
.case-img-fallback span{font-size:24px;line-height:1;color:#f6d871;}
.case-real-art.large{width:122px;height:140px;flex:0 0 122px;}
.case-real-art.large img{max-width:122px;}
.case-tile-art .case-pack{width:82px;height:52px;border-radius:5px;box-shadow:inset 0 0 0 2px #0c0c0d55,0 4px 7px #0004;}
.case-tile-art .case-pack:before{inset:5px;border-width:1px;}
.case-tile-art .case-pack:after{width:35px;height:35px;}
.case-tile-art .case-pack-kicker{font-size:4px;letter-spacing:.12em;}
.case-tile-art .case-pack-sigil{height:21px;width:21px;font-size:11px;}
.case-tile-art .case-pack-label{font-size:5px;max-width:72px;}
.case-tile-name{display:block;min-height:18px;height:auto;margin:0;padding:0;font-size:9.5px;font-weight:750;letter-spacing:-.01em;line-height:1.08;color:#ecf0ff;overflow-wrap:anywhere;word-break:normal;}
.case-tile.selected .case-tile-name{color:#fff;}
.case-empty-state{grid-column:1/-1;color:#d1dcff;border-color:#5366aa;background:#1b2a6e;}
.case-modal-backdrop{display:none;position:fixed;inset:0;background:#030716cc;backdrop-filter:blur(4px);z-index:9998;}
.case-modal-backdrop.open{display:block;}
.case-featured:not(.open){display:none!important;}
.case-featured.open{display:block;position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:min(930px,calc(100vw - 28px));max-height:91vh;overflow:auto;margin:0;padding:16px;background:linear-gradient(145deg,#181d41,#111629);border:1px solid #5b6cb1;border-radius:15px;box-shadow:0 26px 100px #0009;}
.case-featured-heading{align-items:center;margin-bottom:12px;}
.case-featured-tools{display:flex;align-items:center;gap:9px;}
.case-modal-close{width:29px;height:29px;border:1px solid #5868a2;border-radius:8px;background:#202b5c;color:#eef2ff;font-size:22px;line-height:1;cursor:pointer;}
.case-modal-close:hover{background:#354682;border-color:#97a8f3;}
.case-selected-card{grid-template-columns:145px minmax(0,1fr) 170px;background:linear-gradient(130deg,#202744,#15192b);border-color:#3b466e;gap:15px;}
.case-selected-copy h3{color:#f7f8ff;}
.case-selected-copy>p{color:#b2bad4;}
.case-selected-meta span{background:#252d51;border-color:#4b5684;color:#c1cbf4;}
.case-selected-actions{border-color:#424969;}
.case-open-button{cursor:pointer;}
.case-wallet-button{cursor:pointer;}
.case-roulette-wrap{background:linear-gradient(180deg,#171b31,#101321);border-color:#3f4869;}
.case-roulette-window{border-color:#49516d;}
.case-recent-section{margin-top:28px;}
.case-disclaimer{color:#a8b3e6;border-color:#3e4d91;}
.case-recent-item{background:#172354;border-color:#32427e;}
.case-recent-copy strong{color:#f0f3ff;}
.case-recent-copy small{color:#adbae9;}
.case-recent-copy b{color:#4cf7bf;}
body.case-modal-open{overflow:hidden;}
/* Wallet can open above the selected case; closing Wallet reveals the case again. */
body.case-modal-open #walletModal{z-index:10020;background:#000b;backdrop-filter:blur(5px)}
body.case-modal-open #walletModal .deposit-modal{border-color:#655522;box-shadow:0 28px 100px #000e}
body.case-modal-open #walletModal .deposit-head{border-color:#4a4022}
.case-contents-panel{margin:14px 0 2px;padding:14px;border:1px solid #34343a;border-radius:11px;background:linear-gradient(145deg,#1d1d1f,#141416)}
.case-contents-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.case-contents-head h4{margin:0;font-size:13px;font-weight:1000;color:#f4e5a2}
.case-contents-head p{margin:3px 0 0;font-size:10px;color:#9999a1}
.case-contents-source{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 9px;border:1px solid #675526;border-radius:7px;background:#282316;color:#ffe16a;text-decoration:none;font-size:10px;font-weight:900}
.case-contents-source:hover{border-color:#e5c744;background:#332b18}
.case-contents-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.case-content-card{min-width:0;display:flex;flex-direction:column;gap:5px;padding:7px;border:1px solid #303035;border-radius:7px;background:#19191c}
.case-content-art{height:64px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#353027,transparent 75%);overflow:hidden}
.case-content-art img{max-width:100%;max-height:100%;object-fit:contain}
.case-content-name{font-size:9px;line-height:1.25;font-weight:800;color:#e8e8ec;overflow-wrap:anywhere}
.case-content-rarity{font-size:8px;color:var(--content-color,#aaa);font-weight:900}
.case-content-card-gold{border-color:#78612a;background:linear-gradient(155deg,#292315,#191817 72%);box-shadow:inset 0 0 14px #d7a92a12}
.case-content-card-gold .case-content-art{background:radial-gradient(ellipse,#6a5320aa,transparent 76%)}
.case-gold-emblem{display:block;width:88px;height:64px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 5px #d7a52c55)}
.case-content-card-gold .case-content-name{color:#ffe5a0}
.case-content-card-gold .case-content-rarity{color:#f0c650;line-height:1.25}
.case-contents-special{margin-top:9px;padding:8px 10px;border:1px solid #5b4920;border-radius:7px;background:#211c11;color:#e5cf78;font-size:10px;line-height:1.45}
@media(max-width:700px){.case-contents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-contents-head{flex-direction:column}.case-contents-source{align-self:flex-start}}

@media(max-width:1080px){.case-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}.case-tile{height:99px;}}
@media(max-width:700px){body.case-mode #casePanel{padding:9px 9px 25px;}.case-toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px;}.case-toolbar-right{width:100%;}.case-search-wrap{flex:1;}.case-sort-wrap{flex:0 0 auto;}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}.case-tile{height:96px;padding:5px;}.case-tile-art{height:57px;}.case-tile-name{font-size:9px;}.case-selected-card{grid-template-columns:100px minmax(0,1fr);}.case-selected-actions{grid-column:1/-1;}.case-selected-card .case-real-art.large{width:90px;height:112px;flex-basis:90px;}}
@media(max-width:510px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.case-tile{height:95px;border-radius:9px;}.case-price-badge{font-size:8px;}.case-tile-name{font-size:8.5px;}.case-toolbar-right{gap:6px;}.case-sort-wrap{padding:0 8px;}.case-sort-wrap select{max-width:98px;font-size:9px;}.case-featured.open{padding:10px;width:calc(100vw - 14px);max-height:94vh;}.case-selected-card{padding:9px;grid-template-columns:72px minmax(0,1fr);gap:8px;}.case-selected-card .case-real-art.large{width:68px;height:98px;flex-basis:68px;}.case-selected-copy h3{font-size:16px;}.case-selected-copy>p{font-size:9px;}.case-selected-actions{padding-top:10px;}.case-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:355px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.case-tile{height:102px;}}

/* RHOYSKIN case catalog polish: keep the site's charcoal / forge-gold palette. */
body.case-mode #casePanel{padding:13px 14px 32px;margin:0 auto;background:radial-gradient(ellipse at 50% -9%,#292317 0%,#141414 36%,#0d0d0e 76%);border:1px solid #242326;border-radius:12px;min-height:calc(100vh - 110px);box-sizing:border-box;}
body.case-mode main{padding-top:8px;}
.case-toolbar{color:#ddd8c8;}
.case-count-line{color:#e8e2d2;}
.case-count-line strong{color:var(--gold);}
.case-terminal-hint{color:#9d9786;}
body.case-mode .case-search-wrap{border-color:#454039;background:#191817;color:#e8dfc5;}
body.case-mode .case-search-wrap input{color:#f7f1df;}
body.case-mode .case-search-wrap input::placeholder{color:#817b6e;}
.case-sort-wrap{border-color:#484031;background:#1b1a17;color:#d3c89b;}
.case-sort-wrap select{color:#f2e8c8;}
.case-sort-wrap select option{background:#181714;color:#fff4d3;}
.case-grid{gap:9px 10px;}
.case-tile{border-color:#302d27;background:linear-gradient(145deg,#1b1b1b,#111112 88%);box-shadow:inset 0 1px #ffffff06;}
.case-tile:hover{border-color:#8a7331;box-shadow:0 6px 16px #0008,0 0 0 1px #b99b3620;}
.case-tile.selected{border-color:#c9a945;background:linear-gradient(145deg,#292316,#171613);box-shadow:inset 0 0 0 1px #efce5c20,0 0 0 1px #c9a94555;}
.case-tile.selected:after{border-color:#ffe79721;}
.case-price-badge{background:#15140f;border:1px solid #4a4026;color:#9eff62;}
.case-tile-art{background:radial-gradient(ellipse at center,#e3bd4b0b,transparent 74%);}
.case-real-art img{filter:drop-shadow(0 4px 4px #0009);}
.case-tile-name{color:#e4e1d8;}
.case-tile.selected .case-tile-name{color:#ffe895;}
.case-empty-state{color:#b8b0a0;border-color:#4a4131;background:#171613;}
.case-modal-backdrop.open{background:#050504e8;backdrop-filter:blur(8px);}
.case-featured.open{background:radial-gradient(ellipse at 15% 0%,#3a2f16 0%,transparent 43%),linear-gradient(145deg,#1c1b18,#101011 72%);border:1px solid #8a7132;box-shadow:0 28px 110px #000d,0 0 0 1px #d5b33a20,inset 0 1px #ffffff0a;}
.case-modal-close{border-color:#574823;background:#211e15;color:#f6da75;}
.case-modal-close:hover{background:#332a16;border-color:#d6b749;}
.case-selected-card{background:linear-gradient(130deg,#252219,#171715 72%);border-color:#51432a;}
.case-selected-copy h3{color:#fff8e5;}
.case-selected-copy>p{color:#aaa69b;}
.case-selected-meta span{background:#292316;border-color:#5b4a26;color:#d7c078;}
.case-selected-actions{border-color:#3d3628;}
.case-selected-art{align-items:center;min-height:145px;padding:3px;border-radius:10px;background:radial-gradient(ellipse at center,#d8b34416 0%,transparent 73%);overflow:visible;}
.case-selected-art .case-real-art.large{display:flex;width:100%;max-width:150px;height:150px;flex:0 1 150px;overflow:visible;}
.case-selected-art .case-real-art.large img{display:block;width:100%;height:100%;max-width:150px;object-fit:contain;filter:drop-shadow(0 9px 13px #000b) drop-shadow(0 0 8px #d2a93b12);}
.case-selected-art .case-pack.large{transform:scale(1.02);}
.case-open-button{border-color:#f1d875;background:linear-gradient(180deg,#ffe988,#c99d33);color:#18140a;box-shadow:0 7px 20px #d5ae3522;}
.case-open-button:hover:not(:disabled){filter:brightness(1.08);}
.case-wallet-button{border-color:#484238;background:#24221d;color:#e5dcc0;}
.case-wallet-button:hover{border-color:#b99b3a;color:#ffe895;}
.case-batch-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:2px;}
.case-qty-control{display:flex;min-width:0;flex-direction:column;gap:4px;color:#a7a08d;font-size:8px;font-weight:900;letter-spacing:.1em;}
.case-qty-control select{width:100%;min-width:0;height:31px;padding:0 8px;border:1px solid #49402c;border-radius:7px;background:#171613;color:#f4e6b5;font-size:10px;font-weight:850;outline:none;}
.case-qty-control select:focus{border-color:#d6b747;}
.case-fast-control{position:relative;display:flex;align-items:center;align-self:end;gap:6px;min-height:31px;padding:0 8px;border:1px solid #454033;border-radius:7px;background:#1c1a15;color:#c9b66c;font-size:8px;font-weight:950;letter-spacing:.045em;white-space:nowrap;cursor:pointer;}
.case-fast-control input{position:absolute;width:1px;height:1px;opacity:0;}
.case-fast-switch{width:24px;height:13px;position:relative;border-radius:10px;background:#48443a;box-shadow:inset 0 0 0 1px #ffffff0b;transition:background .18s;}
.case-fast-switch:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#d5d0c3;transition:transform .18s,background .18s;}
.case-fast-control:has(input:checked){border-color:#ba9b37;color:#ffe68a;background:#292313;}
.case-fast-control input:checked+.case-fast-switch{background:#a78327;}
.case-fast-control input:checked+.case-fast-switch:after{transform:translateX(11px);background:#fff2b0;}
.case-fast-control input:focus-visible+.case-fast-switch{outline:2px solid #f1d875;outline-offset:3px;}
.case-batch-summary{color:#a59e8c;font-size:8px;text-align:center;line-height:1.4;font-variant-numeric:tabular-nums;}
.case-roulette-wrap{background:linear-gradient(180deg,#191815,#111110);border-color:#453a25;}
.case-roulette-window{border-color:#49402c;background:repeating-linear-gradient(90deg,#111110 0 145px,#191815 145px 290px);}
.case-roulette-window:before{background:linear-gradient(90deg,#111110,transparent);}
.case-roulette-window:after{background:linear-gradient(270deg,#111110,transparent);}
.case-reveal-result{border-color:#8a702b;background:linear-gradient(120deg,#2a2416,#171614 75%);}
.case-recent-section{margin-top:28px;}
.case-disclaimer{color:#8e8879;border-color:#2a2822;}
.case-recent-item{background:linear-gradient(145deg,#1c1b18,#141414);border-color:#343027;}
.case-recent-copy strong{color:#eee9d9;}
.case-recent-copy small{color:#979080;}
.case-recent-copy b{color:#cbb14c;}
.case-history-empty{border-color:#393328;color:#8d8677;}
.case-section-kicker{color:#d4b74f;}
.case-demo-pill{border-color:#6a5625;background:#292313;color:#f0d77f;}
.case-win-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 42%,#241d12d9 0%,#050504f2 64%);backdrop-filter:blur(11px);cursor:pointer;animation:caseWinBackdropIn .2s ease both;}
.case-win-overlay[hidden]{display:none!important;}
@keyframes caseWinBackdropIn{from{opacity:0}to{opacity:1}}
.case-win-panel{position:relative;width:min(840px,calc(100vw - 28px));max-height:min(90vh,900px);overflow:auto;border:1px solid #9b7e2c;border-radius:17px;padding:clamp(15px,3vw,28px);background:radial-gradient(ellipse at 50% 0%,#413116 0%,#201b13 30%,#111110 72%);box-shadow:0 25px 110px #000e,0 0 0 1px #ebcf6824,inset 0 1px #fff1;text-align:center;cursor:pointer;animation:caseWinCardIn .42s cubic-bezier(.2,.8,.2,1) both;}
@keyframes caseWinCardIn{from{opacity:0;transform:translateY(17px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.case-win-top{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;}
.case-win-kicker{font-size:9px;letter-spacing:.18em;font-weight:1000;color:#dfc35e;}
.case-win-close{height:30px;width:30px;border:1px solid #5a4b28;border-radius:8px;background:#211d13;color:#f4d86e;font-size:22px;line-height:1;}
.case-win-heading{font-size:clamp(21px,3vw,31px);font-weight:1000;letter-spacing:-.04em;color:#fff4ce;margin:7px 0 17px;text-shadow:0 3px 24px #e4b83b28;}
.case-win-items{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;align-items:stretch;justify-content:center;max-height:calc(90vh - 150px);overflow:auto;padding:1px 4px 4px;}
.case-win-item{--win-color:#d7bd50;min-width:0;display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;padding:18px;border:1px solid color-mix(in srgb,var(--win-color) 50%,#3b3424);border-radius:13px;background:linear-gradient(125deg,color-mix(in srgb,var(--win-color) 9%,#211d16),#111110 78%);box-shadow:inset 0 1px #ffffff05;}
.case-win-item.single{grid-template-columns:minmax(0,1fr);justify-items:center;padding:12px 18px 22px;}
.case-win-art{display:grid;place-items:center;width:100%;height:205px;min-width:0;overflow:visible;border-radius:10px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--win-color) 17%,transparent),transparent 72%);}
.case-win-item.single .case-win-art{height:clamp(235px,43vh,390px);max-width:560px;overflow:visible;}
.case-win-item.single .case-win-art img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;}
.case-win-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #000a) drop-shadow(0 0 18px color-mix(in srgb,var(--win-color) 17%,transparent));pointer-events:none;user-select:none;-webkit-user-drag:none;}
.case-win-art .art-fallback{width:110px;height:110px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--win-color) 55%,#3a3327);border-radius:50%;font-size:25px;font-weight:1000;color:var(--win-color);background:#08080870;}
.case-win-copy{text-align:left;min-width:0;}
.case-win-item.single .case-win-copy{text-align:center;}
.case-win-tier{font-size:9px;letter-spacing:.15em;font-weight:1000;color:var(--win-color);margin-bottom:7px;}
.case-win-name{font-size:clamp(19px,3vw,30px);font-weight:1000;letter-spacing:-.04em;line-height:1.16;color:#fffaf0;overflow-wrap:anywhere;margin:0 0 8px;}
.case-win-case{font-size:10px;color:#a9a18f;margin-bottom:12px;}
.case-win-value{font-size:clamp(19px,2.6vw,27px);font-weight:1000;letter-spacing:-.04em;color:#ffe47a;font-variant-numeric:tabular-nums;}
.case-win-dismiss{padding-top:16px;color:#9d9270;letter-spacing:.12em;font-size:8px;font-weight:900;}
.case-win-items.multi{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.case-win-items.multi .case-win-item{display:flex;flex-direction:column;gap:7px;padding:8px 7px 10px;}
.case-win-items.multi .case-win-art{height:90px;}
.case-win-items.multi .case-win-tier{font-size:7px;margin:0;letter-spacing:.08em;}
.case-win-items.multi .case-win-name{font-size:10px;line-height:1.2;min-height:25px;margin:0;}
.case-win-items.multi .case-win-case{display:none;}
.case-win-items.multi .case-win-value{font-size:12px;}
@media(max-width:1080px){.case-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media(max-width:700px){body.case-mode #casePanel{padding:9px 9px 25px;}.case-toolbar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px;}.case-toolbar-right{width:100%;}.case-search-wrap{flex:1;}.case-sort-wrap{flex:0 0 auto;}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}.case-tile{height:96px;padding:5px;}.case-tile-art{height:57px;}.case-tile-name{font-size:9px;}.case-selected-card{grid-template-columns:100px minmax(0,1fr);}.case-selected-art .case-real-art.large{width:95px;height:112px;flex-basis:95px;}.case-selected-actions{grid-column:1/-1;}.case-win-items.multi{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.case-win-items.multi .case-win-art{height:75px;}}
@media(max-width:510px){.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.case-tile{height:95px;border-radius:9px;}.case-price-badge{font-size:8px;}.case-tile-name{font-size:8.5px;}.case-toolbar-right{gap:6px;}.case-sort-wrap{padding:0 8px;}.case-sort-wrap select{max-width:98px;font-size:9px;}.case-featured.open{padding:10px;width:calc(100vw - 14px);max-height:94vh;}.case-selected-card{padding:9px;grid-template-columns:72px minmax(0,1fr);gap:8px;}.case-selected-art .case-real-art.large{width:75px;height:98px;flex-basis:75px;}.case-selected-copy h3{font-size:16px;}.case-selected-copy>p{font-size:9px;}.case-selected-actions{padding-top:10px;}.case-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.case-batch-controls{grid-template-columns:minmax(0,1fr) auto;gap:6px}.case-qty-control select{font-size:9px;padding:0 4px}.case-fast-control{padding:0 6px;gap:4px;font-size:7px}.case-win-overlay{padding:7px}.case-win-panel{width:calc(100vw - 14px);max-height:94vh;padding:13px 9px}.case-win-heading{margin-bottom:10px}.case-win-item.single{padding:8px 8px 15px}.case-win-item.single .case-win-art{height:clamp(190px,36vh,300px)}.case-win-item{grid-template-columns:110px minmax(0,1fr);gap:9px;padding:8px}.case-win-art{height:120px}.case-win-name{font-size:16px}.case-win-case{font-size:8px;margin-bottom:6px}.case-win-dismiss{font-size:7px;line-height:1.4}.case-win-items.multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.case-win-items.multi .case-win-art{height:80px}.case-win-items.multi .case-win-name{font-size:9px;min-height:30px}}



/* ===== v2 fixes ===== */
/* Selected tile: an old "SELECTED" badge rule was still painting an opaque box over the whole tile (the grey, empty card). */
.case-tile.selected::after{content:"";position:absolute;inset:0;padding:0;background:none!important;color:transparent;font-size:0;letter-spacing:0;border:1px solid #ffe79733;border-radius:11px;pointer-events:none}
/* Panel uses the site's own background instead of its own gradient/blue */
body.case-mode #casePanel{background:transparent;border:0;border-radius:0;box-shadow:none}
/* Lighter dialog backdrops so the page never turns into a grey blur */
.case-modal-backdrop.open{background:#050504b0;backdrop-filter:blur(3px)}
.case-win-overlay{background:radial-gradient(ellipse at 50% 42%,#241d12d0 0%,#050504ee 66%);backdrop-filter:blur(5px)}
/* Batch select was squeezed to an empty box */
.case-batch-controls{grid-template-columns:minmax(0,1fr)}
.case-qty-control select{min-width:120px}
/* Empty bar under the roulette (hidden result box still had display set) */
.case-reveal-result[hidden]{display:none!important}
/* Uniform case art */
.case-real-art img{object-fit:contain;object-position:center}
/* Winner card glows the moment the wheel settles, before the reveal hit */
.case-roll-item.is-landed{border-color:var(--drop-color)!important;box-shadow:0 0 0 1px var(--drop-color),0 0 26px color-mix(in srgb,var(--drop-color) 45%,transparent)!important}

/* ===== Find the Skin v2: brushed-steel cups on a gold-lit table ===== */
#findSkinPanel{display:none;padding:4px 0 34px}body.find-skin-mode main>:not(#findSkinPanel){display:none!important}body.find-skin-mode #findSkinPanel{display:block}
.find-skin-head{text-align:center;max-width:720px;margin:0 auto 18px}
.find-skin-head h2{margin:0 0 7px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:clamp(24px,4vw,34px);font-weight:1000;letter-spacing:-.035em;color:#f7f7f8}
.find-skin-head h2 svg{width:.95em;height:.95em;flex:0 0 auto;filter:drop-shadow(0 0 12px #ffdf3545)}
.find-skin-head p{margin:0 auto;max-width:650px;color:#93939b;font-size:12px;line-height:1.65}
.find-skin-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:14px;align-items:stretch}
.find-skin-panel-card{border:1px solid #2c2c30;border-radius:14px;background:linear-gradient(160deg,#1b1b1e,#121214);box-shadow:0 18px 50px #0006,inset 0 1px #ffffff09}
.find-skin-board-panel{padding:13px;min-width:0;display:flex;flex-direction:column;gap:9px}
/* phase tracker */
.fs-steps{display:flex;gap:6px}
.fs-step{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;height:30px;border:1px solid #2a2a2e;border-radius:8px;background:#141416;color:#5f5f68;font-size:10px;font-weight:950;letter-spacing:.09em;transition:color .25s,border-color .25s,background .25s,box-shadow .25s}
.fs-step i{width:7px;height:7px;border-radius:50%;background:#33333a;transition:background .25s,box-shadow .25s}
.fs-step.on{color:#ffe34a;border-color:#7d6a22;background:linear-gradient(180deg,#2a2412,#17160f);box-shadow:0 0 20px #ffdf3516}
.fs-step.on i{background:#ffdf35;box-shadow:0 0 10px #ffdf35;animation:fsPulse 1s ease-in-out infinite}
.fs-step.done{color:#9eff62;border-color:#2b4a21;background:#121a10}.fs-step.done i{background:#9eff62}
@keyframes fsPulse{50%{transform:scale(1.5);opacity:.6}}
.find-skin-status{min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #2a2a2e;border-radius:9px;background:#141416;color:#d6d6dc;text-align:center;font-weight:850;font-size:12px;transition:color .3s,border-color .3s,background .3s}
.find-skin-status[data-result="won"]{border-color:#3b6a29;background:linear-gradient(180deg,#162615,#0f170e);color:#b8ff8d;font-size:13px;text-shadow:0 0 14px #9eff6266}
.find-skin-status[data-result="lost"]{border-color:#6b2c27;background:linear-gradient(180deg,#2a1311,#170d0c);color:#ffaa9f}
.fs-progress{height:3px;margin-top:-3px;border-radius:2px;background:#202024;overflow:hidden}
.fs-progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,#ffa52e,#ffdf35);box-shadow:0 0 10px #ffdf35aa;transition:width .22s linear}
/* stage */
.find-skin-stage{--rar:#ffdf35;position:relative;width:100%;height:clamp(330px,58vh,510px);overflow:hidden;border:1px solid #2a2a2e;border-radius:12px;background:#0a0a0b;isolation:isolate;transition:border-color .4s,box-shadow .4s}
.find-skin-stage.is-won{border-color:color-mix(in srgb,var(--rar) 70%,#2a2a2e);box-shadow:0 0 0 1px color-mix(in srgb,var(--rar) 30%,transparent),0 0 46px color-mix(in srgb,var(--rar) 32%,transparent)}
.find-skin-stage.is-lost{border-color:#6b2c27;box-shadow:0 0 36px #fc503e26;animation:fsShake .5s}
@keyframes fsShake{15%{transform:translateX(-7px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}}
.fs-spot{position:absolute;z-index:0;left:0;right:0;top:0;height:100%;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(180deg,#ffe9a038 0,#ffdf3512 55%,transparent 92%);pointer-events:none;transition:background .5s}
.find-skin-stage[data-phase="reveal"] .fs-spot{background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 40%,transparent) 0,color-mix(in srgb,var(--rar) 12%,transparent) 55%,transparent 92%)}
.fs-lamp{position:absolute;z-index:0;top:-5px;left:50%;width:120px;height:9px;margin-left:-60px;border-radius:50%;background:#fff3c4;box-shadow:0 0 38px 12px #ffdf3560}
.fs-table{position:absolute;z-index:0;left:-4%;right:-4%;bottom:0;top:calc(var(--fs-floor,240px) - var(--fs-cw,120px)*.3);background:radial-gradient(ellipse 60% 70% at 50% 18%,#ffdf3514,transparent 70%),linear-gradient(180deg,#1d1d20 0,#131315 50%,#0b0b0c 100%);border-top:1px solid #3a3526;box-shadow:inset 0 22px 40px #00000070}
.fs-table:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 54px)}
.find-skin-pod{position:absolute;z-index:2;left:50%;top:0;width:132px;height:172px;transform:translateX(calc(-50% + var(--cup-x,0px)));will-change:transform}
.fs-shadow{position:absolute;z-index:0;left:-9%;right:-9%;bottom:-6%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#000e 0,#0009 40%,transparent 72%);filter:blur(3px);transition:transform .5s,opacity .5s}
.find-skin-pod.lifted .fs-shadow{transform:scale(1.14);opacity:.55}
.find-skin-pod.thud .fs-shadow{animation:fsDust .42s ease-out}
@keyframes fsDust{0%{transform:scale(1)}35%{transform:scale(1.35,1.5);opacity:.9}100%{transform:scale(1)}}
.find-skin-pod.reveal:before{content:"";position:absolute;z-index:0;left:-14%;right:-14%;bottom:0;height:150%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--rar) 26%,transparent));clip-path:polygon(32% 0,68% 0,100% 100%,0 100%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 78%,transparent);animation:fsFadeIn .5s both;pointer-events:none}
@keyframes fsFadeIn{from{opacity:0}}
.find-skin-under{position:absolute;z-index:1;left:50%;bottom:7%;width:88%;height:36%;display:flex;align-items:flex-end;justify-content:center;transform:translateX(-50%);pointer-events:none}
.find-skin-under:before{content:"";position:absolute;left:-6%;right:-6%;bottom:-10%;height:62%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rar) 62%,transparent),transparent 68%);filter:blur(7px);opacity:0;transition:opacity .4s}
.find-skin-pod.lifted .find-skin-under:before{opacity:1}
.find-skin-under img{position:relative;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px #000c)}
.find-skin-under .art-fallback{position:relative}
.find-skin-pod.lifted .find-skin-under>*{animation:fsSkinPop .65s cubic-bezier(.2,1.2,.3,1) both}
@keyframes fsSkinPop{from{transform:translateY(16px) scale(.7);opacity:0}}
.find-skin-pod.lost-skin .find-skin-under img{filter:grayscale(.8) brightness(.7) drop-shadow(0 6px 8px #000c)}
.find-skin-cup{position:absolute;z-index:3;inset:0;padding:0;border:0;background:transparent;cursor:default;transform:translateY(0);transition:transform .38s cubic-bezier(.5,0,.2,1),filter .25s;filter:drop-shadow(0 14px 10px #000a);-webkit-tap-highlight-color:transparent}
.find-skin-cup:disabled{opacity:1}
.find-skin-pod.lifted .find-skin-cup{transform:translateY(calc(0px - var(--lift,60px)));transition:transform .6s cubic-bezier(.2,.9,.3,1.12),filter .25s}
.fs-body{position:absolute;inset:0;transform-origin:50% 100%}
.find-skin-pod.thud .fs-body{animation:fsThud .3s ease-out}
@keyframes fsThud{0%{transform:scale(1.05,.93)}60%{transform:scale(.99,1.02)}100%{transform:none}}
.find-skin-cup-art{position:absolute;inset:0;clip-path:url(#fsCupClip);background:
 linear-gradient(180deg,transparent 0 90.5%,#7a5f12 91%,#ffe34a 92.2%,#ffdf35 94%,#9a7a14 97%,#2a2208 100%),
 linear-gradient(180deg,transparent 0 59%,#4d3a0c 59.5%,#ffe97a 61%,#ffdf35 63.5%,#b8941a 67%,#5a440c 69%,transparent 69.6%),
 linear-gradient(180deg,#ffffff1c 0,transparent 24%,transparent 66%,#0000007a 100%),
 repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 7px),
 linear-gradient(90deg,#050506 0%,#17171a 9%,#2f2f35 21%,#52525b 33%,#3a3a41 45%,#202024 66%,#0e0e10 88%,#040405 100%)}
.fs-shine{position:absolute;left:19%;top:9%;width:11%;height:56%;border-radius:50%;background:linear-gradient(180deg,#fff9,#fff2 60%,transparent);transform:rotate(-4deg);filter:blur(1px);opacity:.55}
.fs-cap{position:absolute;z-index:2;left:13.5%;right:13.5%;top:-6.5%;height:13%;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#6b6b75 0,#34343b 55%,#1a1a1e 100%);border:1.5px solid #c9a51c;box-shadow:inset 0 2px 3px #fff3,0 2px 6px #0009,0 0 10px #ffdf3522}
.fs-q{position:absolute;z-index:3;left:0;right:0;top:26%;text-align:center;font-weight:1000;font-size:calc(var(--fs-cw,120px)*.3);line-height:1;color:#ffdf35;text-shadow:0 0 14px #ffdf3577,0 2px 0 #5a440c;opacity:0;transform:scale(.7);transition:opacity .25s,transform .3s cubic-bezier(.2,1.3,.3,1);pointer-events:none}
.find-skin-pod.idle .fs-q{opacity:.2;transform:none}
.find-skin-pod.guess-ready .fs-q{opacity:.78;transform:none}
.find-skin-pod.idle .fs-body,.find-skin-pod.guess-ready .fs-body{animation:fsBob 2.3s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.6s)}
@keyframes fsBob{50%{transform:translateY(-6px)}}
.find-skin-pod.guess-ready .find-skin-cup{cursor:pointer}
.find-skin-pod.guess-ready .find-skin-cup:hover,.find-skin-pod.guess-ready .find-skin-cup:focus-visible{transform:translateY(-14px) scale(1.035);filter:drop-shadow(0 0 16px #ffdf3577) drop-shadow(0 16px 12px #000a)}
.find-skin-pod.guess-ready .find-skin-cup:hover .fs-q{opacity:1;transform:scale(1.14)}
.find-skin-pod.guess-ready .find-skin-cup:focus-visible{outline:2px solid #ffdf35;outline-offset:6px;border-radius:12px}
.find-skin-pod.selected-correct .find-skin-cup{filter:drop-shadow(0 0 22px #9eff62aa) drop-shadow(0 14px 10px #000a)}
.find-skin-pod.selected-wrong .find-skin-cup{filter:drop-shadow(0 0 20px #fc503eaa) drop-shadow(0 14px 10px #000a)}
.find-skin-pod.selected-wrong .fs-body{animation:fsWrong .5s}
@keyframes fsWrong{20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}
/* win / lose moment */
.fs-flash{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#fff 0,color-mix(in srgb,var(--flash,#ffdf35) 60%,transparent) 40%,transparent 75%)}
.fs-flash.go{animation:fsFlash .8s ease-out}
@keyframes fsFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.fs-fx{position:absolute;inset:0;z-index:10;width:100%;height:100%;pointer-events:none}
.fs-win{position:absolute;inset:0;z-index:8;display:grid;place-items:center;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s}
.fs-win.show{visibility:visible;opacity:1;cursor:pointer;transition:opacity .35s}
.fs-win:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0b0b0acc 0,#050505f0 85%)}
.fs-rays{position:absolute;left:50%;top:50%;width:170%;aspect-ratio:1;margin:-85% 0 0 -85%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rar) 38%,transparent) 0 5deg,transparent 5deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 0,#0007 30%,transparent 58%);mask-image:radial-gradient(circle,#000 0,#0007 30%,transparent 58%);opacity:0;animation:fsSpin 24s linear infinite}
.fs-win.show .fs-rays{opacity:.9;transition:opacity 1s .2s}
@keyframes fsSpin{to{transform:rotate(360deg)}}
.fs-win.lose .fs-rays{display:none}
.fs-card{position:relative;z-index:1;width:min(80%,350px);padding:16px 16px 14px;text-align:center;border:1px solid color-mix(in srgb,var(--rar) 55%,#2c2c30);border-radius:16px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--rar) 22%,transparent),transparent 70%),linear-gradient(180deg,#1c1c1f,#111113);box-shadow:0 0 50px color-mix(in srgb,var(--rar) 34%,transparent),0 24px 60px #000c;opacity:0}
.fs-win.lose .fs-card{--rar:#fc503e;box-shadow:0 0 40px #fc503e22,0 24px 60px #000c}
.fs-win.show .fs-card{animation:fsCardIn .7s .1s cubic-bezier(.2,1.25,.3,1) both}
@keyframes fsCardIn{from{opacity:0;transform:scale(.55) translateY(26px)}to{opacity:1;transform:none}}
.fs-title{font-size:clamp(17px,3.2vw,23px);font-weight:1000;letter-spacing:.05em;background:linear-gradient(180deg,#fff4a8,#ffdf35 45%,#ffa52e);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-win.lose .fs-title{background:linear-gradient(180deg,#ffd0c8,#fc503e);-webkit-background-clip:text;background-clip:text}
.fs-art{height:clamp(70px,16vh,116px);margin:8px 0 4px;display:flex;align-items:center;justify-content:center}
.fs-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--rar) 60%,transparent)) drop-shadow(0 8px 10px #000a);animation:fsFloat 2.6s ease-in-out infinite}
.fs-win.lose .fs-art img{filter:grayscale(.85) brightness(.7) drop-shadow(0 8px 10px #000a);animation:none}
@keyframes fsFloat{50%{transform:translateY(-6px) rotate(-1.5deg)}}
.fs-name{font-size:12px;font-weight:900;line-height:1.3;color:var(--rar);overflow-wrap:anywhere}
.fs-win.lose .fs-name{color:#c9c9d0}
.fs-price{margin-top:4px;font-size:clamp(24px,4.4vw,32px);font-weight:1000;color:#ffe34a;font-variant-numeric:tabular-nums;text-shadow:0 0 22px #ffdf3555}
.fs-win.lose .fs-price{color:#ff8a7d;text-shadow:none}
.fs-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.fs-chip{padding:4px 9px;border:1px solid #34343a;border-radius:999px;background:#141416;color:#a6a6ae;font-size:10px;font-weight:900}
.fs-chip.gain{border-color:#3b6a29;background:#142412;color:#9eff62}
.fs-chip.mult{border-color:#7d6a22;background:#241f0e;color:#ffe34a}
.fs-hint{margin-top:10px;color:#6f6f78;font-size:9px;font-weight:800}
/* controls */
.find-skin-controls{padding:15px;display:flex;flex-direction:column;gap:11px}
.find-skin-controls h3{margin:0;color:#f1f1f4;font-size:12px;font-weight:1000;letter-spacing:.08em}
.find-skin-item-preview{--rarity:#3a3a40;min-height:82px;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid color-mix(in srgb,var(--rarity) 38%,#2c2c30);border-radius:10px;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--rarity) 16%,transparent),transparent 70%),#131316;transition:border-color .3s}
.find-skin-item-art{height:62px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.find-skin-item-art img{max-width:88px;max-height:60px;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.find-skin-item-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.find-skin-item-copy small{font-size:8px;color:#7d7d86;font-weight:900;letter-spacing:.07em}
.find-skin-item-copy strong{font-size:10.5px;line-height:1.3;color:#f3f3f6;overflow-wrap:anywhere}
.find-skin-item-copy span{font-size:11px;color:#ffe34a;font-weight:1000}
.find-skin-rate-box{padding:11px;border:1px solid #2c2c30;border-radius:10px;background:#131316}
.find-skin-rate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.find-skin-rate-row label{font-size:9px;color:#9a9aa3;font-weight:1000;letter-spacing:.07em}
.find-skin-rate-row output{font-size:19px;color:#ffe34a;font-weight:1000;font-variant-numeric:tabular-nums}
.find-skin-rate-box input[type=range]{width:100%;margin:4px 0 1px;accent-color:#ffdf35;cursor:pointer}
.find-skin-rate-box input[type=range]:disabled{opacity:.45;cursor:not-allowed}
.find-skin-multiplier-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:7px 0 8px}
.find-skin-multiplier-preset{min-height:29px;border:1px solid #34343a;border-radius:7px;background:#1a1a1d;color:#a6a6ae;font-size:10px;font-weight:1000;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s}
.find-skin-multiplier-preset:hover:not(:disabled){transform:translateY(-1px);border-color:#9a8228;color:#fff2a0}
.find-skin-multiplier-preset.active{border-color:#e8ca45;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;box-shadow:0 3px 12px #e6b82722}
.find-skin-multiplier-preset:disabled{opacity:.4;cursor:not-allowed}
.find-skin-rate-ends{display:flex;justify-content:space-between;color:#6f6f78;font-size:8px;font-weight:900}
.find-skin-rate-note{margin:7px 0 0;color:#74747d;font-size:9px;line-height:1.5}
.find-skin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.find-skin-metric{padding:8px 9px;border:1px solid #2a2a2e;border-radius:9px;background:#131316}
.find-skin-metric small{display:block;color:#7d7d86;font-size:8px;font-weight:900;letter-spacing:.07em}
.find-skin-metric strong{display:block;margin-top:4px;color:#f1f1f4;font-size:14px;font-weight:1000}
.find-skin-start{position:relative;overflow:hidden;width:100%;min-height:46px;border:1px solid #f0d24a;border-radius:10px;background:linear-gradient(180deg,#ffe94d,#e0a81d);color:#191609;font-size:12px;font-weight:1000;letter-spacing:.05em;box-shadow:0 6px 22px #e6b82738,inset 0 1px #fff8;transition:filter .15s,transform .15s}
.find-skin-start:before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-20deg);animation:fsSheen 3.2s ease-in-out infinite}
@keyframes fsSheen{0%,55%{left:-40%}100%{left:130%}}
.find-skin-start:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}
.find-skin-start:disabled{filter:saturate(.2) brightness(.7);opacity:.7;cursor:not-allowed;box-shadow:none}
.find-skin-start:disabled:before{display:none}
.find-skin-add{border:0;background:transparent;color:#d9bd3c;font-size:9px;font-weight:1000;letter-spacing:.03em;text-align:center}.find-skin-add:hover{color:#ffe97a}
/* inventory */
.find-skin-inventory-panel{margin-top:14px;padding:14px;border:1px solid #2a2a2e;border-radius:12px;background:#151517}
.find-skin-inventory-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.find-skin-inventory-head h3{margin:0;color:#ececf0;font-size:11px;font-weight:1000;letter-spacing:.07em}
.find-skin-inventory-head p{margin:4px 0 0;color:#7d7d86;font-size:9px;line-height:1.4}
.find-skin-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.find-skin-inventory-card{--rarity:#4b69ff;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--rarity) 36%,#2d2d32);border-radius:9px;background:linear-gradient(155deg,color-mix(in srgb,var(--rarity) 14%,#1e1e22),#17171a 72%);color:#f2f2f5;text-align:left;transition:border-color .16s,transform .16s,box-shadow .16s}
.find-skin-inventory-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--rarity);box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 26%,transparent)}
.find-skin-inventory-card.selected{border-color:var(--rarity);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 45%,transparent),0 0 20px color-mix(in srgb,var(--rarity) 30%,transparent)}
.find-skin-inventory-card:disabled{opacity:.45;cursor:not-allowed}
.find-skin-inv-art{height:55px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.find-skin-inv-art img{max-width:100%;max-height:53px;object-fit:contain}
.find-skin-inv-name{min-height:24px;margin-top:5px;font-size:8px;line-height:1.3;font-weight:900;color:var(--rarity);overflow-wrap:anywhere}
.find-skin-inv-price{margin-top:4px;color:#ffe34a;font-size:9px;font-weight:1000}
.find-skin-inv-hint{display:block;margin-top:4px;color:#7d7d86;font-size:7px;font-weight:900}
.find-skin-inventory-card.selected .find-skin-inv-hint{color:var(--rarity)}
.find-skin-empty{grid-column:1/-1;padding:16px;border:1px dashed #3a3a40;border-radius:9px;color:#9a9aa3;text-align:center;font-size:10px;line-height:1.5}
@media(max-width:900px){.find-skin-layout{grid-template-columns:minmax(0,1fr)}.find-skin-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){#findSkinPanel{padding:5px 0 25px}.find-skin-head{margin-bottom:13px}.find-skin-head p{font-size:10.5px}.find-skin-layout{gap:9px}.find-skin-board-panel,.find-skin-controls{padding:10px}.find-skin-stage{height:clamp(300px,52vh,420px)}.fs-step{font-size:8.5px;gap:5px;letter-spacing:.05em}.find-skin-inventory-panel{padding:10px}.find-skin-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
@media(prefers-reduced-motion:reduce){.fs-body,.fs-rays,.fs-art img,.find-skin-start:before,.fs-step.on i{animation:none!important}.fs-card,.fs-flash.go,.find-skin-stage.is-lost{animation-duration:.01ms!important}.find-skin-cup{transition-duration:.01ms!important}}



.case-win-overlay.closing{animation:caseWinBackdropOut .28s ease both;pointer-events:none}.case-win-overlay.closing .case-win-panel{animation:caseWinCardOut .28s ease both}
@keyframes caseWinBackdropOut{to{opacity:0}}
@keyframes caseWinCardOut{to{opacity:0;transform:translateY(10px) scale(.975)}}
/* Multi-case rewards: keep every drop visible in a five-column grid. */
.case-win-items.multi{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;max-height:none;overflow:visible;gap:8px;align-items:stretch}
.case-win-items.multi .case-win-item{min-width:0;padding:8px 6px 9px;gap:6px}
.case-win-items.multi .case-win-art{height:clamp(58px,10vh,86px)}
.case-win-items.multi .case-win-copy{width:100%;text-align:center}
.case-win-items.multi .case-win-name{font-size:clamp(8px,1.05vw,10px);line-height:1.2;min-height:2.4em;overflow-wrap:anywhere}
.case-win-items.multi .case-win-value{font-size:clamp(10px,1.25vw,12px)}
@media(max-width:700px){.case-win-items.multi{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.case-win-items.multi .case-win-item{padding:6px 3px 7px;gap:4px}.case-win-items.multi .case-win-art{height:clamp(48px,11vw,70px)}.case-win-items.multi .case-win-name{font-size:8px;min-height:2.4em}.case-win-items.multi .case-win-value{font-size:10px}}
@media(max-width:510px){.case-win-items.multi{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.case-win-items.multi .case-win-item{padding:5px 2px 6px;gap:3px;border-radius:8px}.case-win-items.multi .case-win-art{height:clamp(42px,13vw,58px)}.case-win-items.multi .case-win-tier{font-size:6px;letter-spacing:.03em}.case-win-items.multi .case-win-name{font-size:7px;min-height:2.5em}.case-win-items.multi .case-win-value{font-size:9px}}/* Explicit five-card rows make every multi-open reward visible. */
.case-win-items.multi{display:flex;flex-direction:column;max-height:none;overflow:visible;gap:8px}
.case-win-items.multi .case-win-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}
@media(max-width:700px){.case-win-items.multi .case-win-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}}
@media(max-width:510px){.case-win-items.multi .case-win-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}}
.case-roulette-window.case-roulette-batch{--case-batch-columns:5;min-height:0;padding:12px;overflow:hidden;background:linear-gradient(145deg,#171511,#241d18 60%,#151416)}
.case-roulette-window.case-roulette-batch:before,.case-roulette-window.case-roulette-batch:after,.case-roulette-window.case-roulette-batch>.case-roulette-pointer{display:none}
.case-roulette-window.case-roulette-batch>.case-roulette-strip{display:grid;width:100%;min-height:0;grid-template-columns:repeat(var(--case-batch-columns),minmax(0,1fr));gap:10px;padding:0;transform:none!important;transition:none!important;align-items:stretch}
.case-batch-lane{box-sizing:border-box;min-width:0;overflow:hidden;padding:7px;border:1px solid #49392d;border-radius:10px;background:linear-gradient(155deg,#2a211b,#151413 82%);box-shadow:inset 0 1px #ffffff0b;transition:border-color .2s,box-shadow .2s}
.case-batch-lane-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:0 1px 6px;color:#d2c2b3;font-size:8px;font-weight:1000;letter-spacing:.1em;white-space:nowrap}
.case-batch-lane-status{color:var(--ember,#ff7a1a);font-size:7px;letter-spacing:.08em}
.case-batch-lane-window{position:relative;height:108px;overflow:hidden;border:1px solid #493a30;border-radius:7px;background:repeating-linear-gradient(90deg,#171513 0 78px,#211b17 78px 156px);box-shadow:inset 0 0 18px #0009}
.case-batch-lane-window:before,.case-batch-lane-window:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:15px;pointer-events:none}
.case-batch-lane-window:before{left:0;background:linear-gradient(90deg,#171513,transparent)}
.case-batch-lane-window:after{right:0;background:linear-gradient(270deg,#171513,transparent)}
.case-batch-pointer{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:#ffb14a;box-shadow:0 0 9px #ff7a1aaa;pointer-events:none}
.case-batch-pointer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ffb14a}
.case-batch-lane-track{box-sizing:border-box;display:flex;align-items:stretch;gap:7px;width:max-content;height:100%;padding:6px 0;will-change:transform}
.case-batch-roll-card{box-sizing:border-box;flex:0 0 auto;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;padding:6px 4px 5px;border:1px solid color-mix(in srgb,var(--drop-color) 42%,#49392d);border-bottom:2px solid var(--drop-color);border-radius:6px;background:linear-gradient(155deg,color-mix(in srgb,var(--drop-color) 18%,#2a211b),#151413 82%);text-align:center}
.case-batch-roll-art{display:grid;place-items:center;width:100%;height:58px;min-height:0}
.case-batch-roll-art img{width:100%;height:58px;object-fit:contain;filter:drop-shadow(0 3px 5px #0009);user-select:none;-webkit-user-drag:none}
.case-batch-roll-card>strong{display:block;width:100%;overflow:hidden;color:#f2e8dd;font-size:8px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.case-batch-roll-card>small{color:#e4d4c6;font-size:8px;font-variant-numeric:tabular-nums}
.case-batch-lane.is-spinning .case-batch-lane-window{border-color:#d0782d;box-shadow:inset 0 0 20px #000a,0 0 12px #ff7a1a30}
.case-batch-lane.is-landed{border-color:#bf7134;box-shadow:0 0 12px #ff7a1a24,inset 0 1px #ffffff0b}
.case-batch-lane.is-landed .case-batch-lane-window{border-color:#ffb14a;box-shadow:inset 0 0 20px #000a,0 0 18px #ff7a1a40}
.case-batch-lane.is-landed .case-batch-lane-status{color:#9de6a4}
@media(max-width:600px){.case-roulette-window.case-roulette-batch{padding:7px}.case-roulette-window.case-roulette-batch>.case-roulette-strip{gap:6px}.case-batch-lane{padding:4px;border-radius:7px}.case-batch-lane-head{font-size:7px;margin-bottom:4px}.case-batch-lane-status{font-size:6px}.case-batch-lane-window{height:92px}.case-batch-lane-track{gap:4px;padding:5px 0}.case-batch-roll-card{padding:5px 2px 4px;gap:2px}.case-batch-roll-art,.case-batch-roll-art img{height:44px}.case-batch-roll-card>strong,.case-batch-roll-card>small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.case-batch-lane,.case-batch-lane-window{transition:none}}
/* ===== RHOYSKIN · Forge Theme Layer =====
   Yalnızca görsel katman: HTML/JS mantığına dokunmaz, sadece CSS ekler.
   Performans: statik gradyanlar + yalnızca transform/opacity animasyonu (toplam 3 küçük öğe).
   Silmek için bu <style> bloğunu kaldırman yeterli. */
:root{--ember:#ff7a1a;--ember2:#ff4b1f;--forge-steel:#26262b;--forge-edge:#4a4220}
::selection{background:#ffdf35;color:#17140a}
:focus-visible{outline:2px solid #ffdf35;outline-offset:2px}

/* Arka plan: sabit, tek katman (animasyonsuz) — üstten ateş ışığı + ince çelik ızgara */
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:
  radial-gradient(ellipse 60% 38% at 50% -6%,#ff7a1a26 0,transparent 70%),
  radial-gradient(ellipse 40% 30% at 0% 100%,#ff4b1f10 0,transparent 70%),
  radial-gradient(ellipse 40% 30% at 100% 100%,#ffdf3510 0,transparent 70%),
  repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 44px),
  repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 44px)}
.shell{position:relative}

/* Başlık fontu: sistemde hazır endüstriyel yığın (indirme yok) */
.brand-word,.mode-switch button,.battle-head h2,.hero-name,.chance-big,.upgrade-btn,.deposit-head h2,.hero-price,.collection-title,.battle-eyebrow,.deposit-eyebrow{font-family:Bahnschrift,"DIN Alternate","Arial Narrow","Segoe UI",Inter,system-ui,sans-serif}

/* Üst çubuk: altın-kor çizgi */
.topbar{position:relative;border-bottom-color:transparent}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ffdf3566 20%,#ff7a1aaa 50%,#ffdf3566 80%,transparent)}
.brand-word .rhoyskin{font-size:19px;letter-spacing:.07em;text-shadow:0 0 22px #ffb81f40}
.brand-mark{box-shadow:inset 0 1px #fff2,0 0 22px #ff9d1f33}

/* Boş giriş alanı: ocak çizgisi + tek kayan parıltı */
.intro.intro-empty{position:relative;padding:0;height:14px;overflow:hidden}
.intro.intro-empty:before{content:"";position:absolute;left:8%;right:8%;top:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#ff4b1f66,#ffb81f,#ff4b1f66,transparent);opacity:.55}
.intro.intro-empty:after{content:"";position:absolute;top:5px;left:0;width:18%;height:4px;border-radius:4px;background:radial-gradient(ellipse at center,#fff2a8,#ffb81f 40%,transparent 72%);opacity:.9;animation:forgeGlint 6s ease-in-out infinite;will-change:transform}
@keyframes forgeGlint{0%{transform:translateX(-30%)}50%{transform:translateX(480%)}100%{transform:translateX(-30%)}}

/* Mod sekmeleri */
.mode-switch button{position:relative;border-radius:7px;background:linear-gradient(180deg,#1d1d20,#141416);border-color:#33333a;letter-spacing:.07em;text-transform:uppercase}
.mode-switch button:hover:not(.active){border-color:#8a7424;color:#ffe9a0;background:linear-gradient(180deg,#25221a,#16150f)}
.mode-switch button.active{background:linear-gradient(180deg,#fff06a,#d9a91b 55%,#b98a10);border-color:#fff08a;box-shadow:0 0 0 1px #ffdf3544,0 6px 22px #ff9d1f3d,inset 0 1px #fffbd0}
.mode-switch button.active:after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:0;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #d9a91b}

/* Hero kartları: HUD köşe işaretleri */
.hero-card{border-color:#34312a;box-shadow:inset 0 0 40px #00000055,0 10px 30px #0006}
.hero-card.target{border-color:#5a2f33;box-shadow:inset 0 0 44px #00000055,0 10px 34px #fc503e12}
.hero-card:after{content:"";position:absolute;inset:6px;pointer-events:none;z-index:2;opacity:.75;
 --c:#ffdf35;
 background:
  linear-gradient(var(--c),var(--c)) top left/14px 2px no-repeat,
  linear-gradient(var(--c),var(--c)) top left/2px 14px no-repeat,
  linear-gradient(var(--c),var(--c)) top right/14px 2px no-repeat,
  linear-gradient(var(--c),var(--c)) top right/2px 14px no-repeat,
  linear-gradient(var(--c),var(--c)) bottom left/14px 2px no-repeat,
  linear-gradient(var(--c),var(--c)) bottom left/2px 14px no-repeat,
  linear-gradient(var(--c),var(--c)) bottom right/14px 2px no-repeat,
  linear-gradient(var(--c),var(--c)) bottom right/2px 14px no-repeat}
.hero-card.target:after{--c:#fc503e}
.hero-name{letter-spacing:.01em}
.hero-price{text-shadow:0 0 14px #ffdf3540}

/* Çark: daha parlak halka, ocak ışıltısı */
.wheel-halo{background:radial-gradient(circle,#ff9d1f26 0 52%,transparent 74%);filter:none}
.wheel{box-shadow:0 0 0 2px #2f2a1a,0 0 0 9px #141416,0 0 0 10px #6b5a1d,0 0 34px #ff9d1f30,0 0 25px #000a}
.chance-big{text-shadow:0 0 18px #ffdf3555,0 2px 0 #00000088}
.pointer{filter:drop-shadow(0 0 6px #ffb81f99) drop-shadow(0 3px 3px #000b)}

/* Ana eylem düğmesi: sadece aktifken kayan ışık (tek öğe, transform) */
.upgrade-btn{position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.09em;background:linear-gradient(180deg,#fff06a,#e0ae1c 55%,#b98a10);box-shadow:0 6px 22px #ff9d1f33,inset 0 1px #fffbd0}
.upgrade-btn:not(:disabled):after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:translateX(-140%) skewX(-18deg);animation:forgeSheen 3.4s ease-in-out infinite;pointer-events:none;will-change:transform}
@keyframes forgeSheen{0%,55%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(340%) skewX(-18deg)}}
.upgrade-btn:disabled{box-shadow:none}

/* Hızlı seçim düğmeleri */
.quick-btn{border-radius:5px;background:linear-gradient(180deg,#1f1f22,#161618)}
.quick-btn:hover,.quick-btn.active{box-shadow:0 0 12px #ffdf3526}

/* Envanter / katalog panelleri */
.collection-panel{position:relative;border-color:#2f2f34;box-shadow:0 12px 34px #0006}
.collection-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,#ffdf35,#ff7a1a 45%,transparent 85%);opacity:.85}
.collection-head{background:linear-gradient(180deg,#222226,#1a1a1d)}
.title-icon{background:linear-gradient(145deg,#fff06a,#d9a91b);box-shadow:0 0 14px #ffdf3540}
.title-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.count-badge{color:#d9c36a;background:#2a2719}
.skin-card.rarity-card:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--rarity) 28%,transparent)}
.skin-card.selected{box-shadow:0 0 0 1px #ffdf35,0 0 18px #ffdf3530}

/* Battle başlığı ve kartlar */
.battle-head h2{text-shadow:0 0 28px #ff9d1f40}
.battle-eyebrow,.deposit-eyebrow{color:#ff9d1f}
.battle-stake-card{box-shadow:0 10px 28px #0006}

/* Modallar */
.deposit-modal{position:relative;border-color:#4a4220;box-shadow:0 25px 90px #000b,0 0 60px #ff9d1f10}
.deposit-modal:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,#ffdf35,#ff7a1a,#ffdf35)}
.deposit-confirm,.deposit-open{box-shadow:0 4px 16px #ff9d1f2e,inset 0 1px #fffbd0}

/* Üst çubuk düğmeleri */
.pill,.reset-top{border-radius:6px}
.disclaimer{color:#6f6f77}

/* İnce kaydırma çubukları (yalnızca listelerde) */
.skin-grid,.deposit-scroll{scrollbar-width:thin;scrollbar-color:#6b5a1d #141416}

/* Hareket azaltma: sistem tercihi veya sitenin kendi "hafif animasyon" ayarı */
@media(prefers-reduced-motion:reduce){.intro.intro-empty:after,.upgrade-btn:not(:disabled):after{animation:none}}
body.profile-reduced-effects .intro.intro-empty:after,body.profile-reduced-effects .upgrade-btn:not(:disabled):after{animation:none}
/* Dar ekran: süsleri sadeleştir */
@media(max-width:600px){.hero-card:after{inset:4px;opacity:.55}.brand-word .rhoyskin{font-size:15px;letter-spacing:.02em}.brand-word{gap:4px}.mode-switch button.active:after{display:none}}

/* ===== Sonuç animasyonları (kazanma / kaybetme) =====
   JS'in verdiği süre penceresi korunur (kazanma ~1.45sn, kaybetme ~1.15sn).
   Yalnızca transform/opacity ağırlıklı, sonuç anında 1-2 saniye çalışan tek seferlik efektler. */
.target-win-reveal>img,.source-loss-reveal>img{position:relative;z-index:2}

/* ---------- KAZANMA ---------- */
.target-win-reveal img,.target-win-reveal .outcome-art-piece{animation:fwWinItem 1.25s cubic-bezier(.16,1,.3,1) both}
@keyframes fwWinItem{
 0%{opacity:0;transform:scale(1.9) translateY(-14px) rotate(-6deg);filter:brightness(3) drop-shadow(0 0 0 #fff6b0)}
 22%{opacity:1;transform:scale(.88) rotate(2deg);filter:brightness(2) drop-shadow(0 0 26px #ffe34a)}
 40%{transform:scale(1.12) rotate(-1deg);filter:brightness(1.4) drop-shadow(0 0 24px #ffe34a)}
 62%{transform:scale(.97);filter:brightness(1.15) drop-shadow(0 0 18px #a8ff73)}
 100%{opacity:1;transform:scale(1);filter:drop-shadow(0 8px 10px #000b) drop-shadow(0 0 12px #a8ff7344)}}
/* Şok dalgası halkası + dışa saçılan kıvılcımlar */
.target-win-reveal:before{content:"";position:absolute;left:50%;top:50%;width:190px;height:190px;margin:-95px 0 0 -95px;border-radius:50%;pointer-events:none;z-index:1;border:2px solid #fff2a8;
 background:
  radial-gradient(circle at 96% 50%,#fff 0 2px,transparent 3px),radial-gradient(circle at 82% 82%,#ffe34a 0 2px,transparent 3px),
  radial-gradient(circle at 50% 96%,#fff 0 2px,transparent 3px),radial-gradient(circle at 18% 82%,#a8ff73 0 2px,transparent 3px),
  radial-gradient(circle at 4% 50%,#fff 0 2px,transparent 3px),radial-gradient(circle at 18% 18%,#ffe34a 0 2px,transparent 3px),
  radial-gradient(circle at 50% 4%,#fff 0 2px,transparent 3px),radial-gradient(circle at 82% 18%,#a8ff73 0 2px,transparent 3px),
  radial-gradient(circle,#ffe34a40 0,#a8ff7318 45%,transparent 68%);
 animation:fwShock 1.1s cubic-bezier(.12,.8,.2,1) both;will-change:transform,opacity}
@keyframes fwShock{0%{opacity:0;transform:scale(.15)}15%{opacity:1}100%{opacity:0;transform:scale(2.3)}}
/* Dönen ışık huzmeleri (mevcut glow'un yerine) */
.target-win-reveal:after{inset:auto;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;z-index:1;
 background:repeating-conic-gradient(from 0deg,#ffe34a55 0 6deg,transparent 6deg 24deg);
 -webkit-mask:radial-gradient(circle,#000 0,transparent 68%);mask:radial-gradient(circle,#000 0,transparent 68%);
 animation:fwRays 1.3s ease-out both;will-change:transform,opacity}
@keyframes fwRays{0%{opacity:0;transform:scale(.3) rotate(0)}25%{opacity:1}100%{opacity:0;transform:scale(1.35) rotate(40deg)}}
/* Kart: altın çerçeve patlaması + ışık süpürmesi + hedef kilitleme köşeleri + fiyat pop */
.hero-card.target:has(.target-win-reveal){animation:fwCardWin 1.4s ease-out}
@keyframes fwCardWin{
 0%{border-color:#5a2f33;box-shadow:inset 0 0 44px #00000055,0 10px 34px #fc503e12}
 20%{border-color:#fff2a8;box-shadow:0 0 0 1px #ffe34a,0 0 38px #ffe34a66,inset 0 0 60px #ffe34a30}
 55%{border-color:#a8e96d;box-shadow:0 0 0 1px #a8e96d88,0 0 26px #a8ff7340,inset 0 0 44px #a8ff7318}
 100%{border-color:#5a2f33;box-shadow:inset 0 0 44px #00000055,0 10px 34px #fc503e12}}
.hero-card.target:has(.target-win-reveal):before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 30%,#fff7c455 50%,transparent 70%);transform:translateX(-120%);animation:fwSweep 1s ease-out .05s both}
@keyframes fwSweep{to{transform:translateX(120%)}}
.hero-card.target:has(.target-win-reveal):after{--c:#ffe34a;animation:fwLock 1.2s ease-out both}
@keyframes fwLock{0%{opacity:0;transform:scale(1.25)}30%{opacity:1;transform:scale(1)}100%{opacity:.75;transform:scale(1)}}
.hero-card.target:has(.target-win-reveal) .hero-price{animation:fwPrice .9s .25s cubic-bezier(.2,1.4,.3,1) both}
@keyframes fwPrice{0%{opacity:0;transform:scale(.6);color:#fff}60%{opacity:1;transform:scale(1.25);color:#fff7b0}100%{opacity:1;transform:scale(1);color:var(--gold)}}
/* Çark ışıltısı + yüzde rakamı parlaması */
.upgrade-layout:has(.target-win-reveal) .wheel-halo{background:radial-gradient(circle,#ffe34a55 0 50%,#a8ff7322 62%,transparent 76%);animation:fwHalo 1.3s ease-out both}
@keyframes fwHalo{0%{opacity:.3;transform:scale(.96)}30%{opacity:1;transform:scale(1.12)}100%{opacity:.5;transform:scale(1)}}
.upgrade-layout:has(.target-win-reveal) .chance-big{animation:fwChanceWin 1.3s ease-out}
@keyframes fwChanceWin{0%{transform:scale(1)}25%{transform:scale(1.25);color:#fff7b0;text-shadow:0 0 28px #ffe34a}100%{transform:scale(1)}}

/* ---------- KAYBETME ---------- */
.source-loss-reveal>img{animation:fwLossItem 1.1s ease-in both}
.source-loss-reveal .outcome-art-stack{animation:fwLossItem 1.1s ease-in both}
.source-loss-reveal .outcome-art-stack img{animation:none}
@keyframes fwLossItem{
 0%{opacity:1;transform:none;filter:brightness(1)}
 12%{transform:translateX(-6px) scale(1.04);filter:brightness(2.2) saturate(1.6) drop-shadow(0 0 20px #fc503e)}
 24%{transform:translateX(6px) rotate(1.5deg);filter:brightness(1.6) drop-shadow(0 0 16px #fc503e)}
 36%{transform:translateX(-4px) rotate(-1.5deg);filter:grayscale(.4) brightness(1.3) drop-shadow(0 0 12px #fc503e)}
 50%{transform:translateX(2px);opacity:.85;filter:grayscale(.8) brightness(.9) drop-shadow(0 0 10px #fc503e)}
 100%{opacity:0;transform:translateY(22px) scale(.72) rotate(5deg);filter:grayscale(1) brightness(.5) blur(3px)}}
/* Kırmızı tarama çizgisi (yukarıdan aşağı) */
.source-loss-reveal:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#ff6b5a,transparent);box-shadow:0 0 14px #fc503e;opacity:0;animation:fwScan .85s ease-in-out .08s both;will-change:transform,opacity}
@keyframes fwScan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(132px)}}
/* İçe çöken halka (mevcut glow'un yerine) */
.source-loss-reveal:after{inset:auto;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;z-index:1;border:2px solid #ff6b5a;background:radial-gradient(circle,transparent 40%,#fc503e22 70%);animation:fwImplode 1s ease-in both;will-change:transform,opacity}
@keyframes fwImplode{0%{opacity:0;transform:scale(1.5)}25%{opacity:1}100%{opacity:0;transform:scale(.1)}}
/* Kart: sarsıntı + kırmızı çerçeve patlaması + parlama + köşe titremesi + yazı glitch'i */
.hero-card.source:has(.source-loss-reveal){animation:fwCardLoss 1.1s ease-out}
@keyframes fwCardLoss{
 0%{transform:none;border-color:#34312a;box-shadow:inset 0 0 40px #00000055,0 10px 30px #0006}
 10%{transform:translateX(-5px);border-color:#fc503e;box-shadow:0 0 0 1px #fc503e,0 0 30px #fc503e55,inset 0 0 50px #fc503e33}
 20%{transform:translateX(5px)}30%{transform:translateX(-3px)}40%{transform:translateX(2px)}
 50%{transform:none;border-color:#8a3a33}
 100%{transform:none;border-color:#34312a;box-shadow:inset 0 0 40px #00000055,0 10px 30px #0006}}
.hero-card.source:has(.source-loss-reveal):before{background:radial-gradient(ellipse at 50% 50%,#fc503e55,transparent 70%);opacity:0;animation:fwRedFlash .7s ease-out both}
@keyframes fwRedFlash{0%{opacity:0}15%{opacity:1}100%{opacity:0}}
.hero-card.source:has(.source-loss-reveal):after{--c:#ff5a47;animation:fwFlicker 1.1s linear both}
@keyframes fwFlicker{0%,100%{opacity:.75}15%{opacity:1}25%{opacity:.15}35%{opacity:1}45%{opacity:.2}60%{opacity:.9}}
.hero-card.source:has(.source-loss-reveal) .hero-name,.hero-card.source:has(.source-loss-reveal) .hero-price{animation:fwLossText 1.1s ease-out both}
@keyframes fwLossText{0%{opacity:1}20%{color:#ff6b5a;transform:translateX(3px)}40%{transform:translateX(-3px)}100%{opacity:.45;color:#8f8f96;transform:none}}
.upgrade-layout:has(.source-loss-reveal) .wheel-halo{background:radial-gradient(circle,#fc503e40 0 52%,transparent 74%);animation:fwHaloLoss 1.1s ease-out both}
@keyframes fwHaloLoss{0%{opacity:.3}25%{opacity:1}100%{opacity:.4}}
.upgrade-layout:has(.source-loss-reveal) .chance-big{animation:fwChanceLoss 1.1s ease-out}
@keyframes fwChanceLoss{0%{transform:none}20%{color:#ff6b5a;transform:translateX(4px)}40%{transform:translateX(-4px)}60%{transform:translateX(2px)}100%{transform:none}}

/* ---------- Ekran geneli vurgu (tek sabit katman, sadece opacity) ---------- */
.shell:has(.target-win-reveal):before,.shell:has(.source-loss-reveal):before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0}
.shell:has(.target-win-reveal):before{background:radial-gradient(ellipse at 50% 38%,#ffe34a40,transparent 62%);animation:fwScreen 1.2s ease-out both}
.shell:has(.source-loss-reveal):before{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#fc503e38 100%);animation:fwScreen 1.1s ease-out both}
@keyframes fwScreen{0%{opacity:0}25%{opacity:1}100%{opacity:0}}

/* Hızlı mod: tüm ek efektler kısa pencereye sığar */
body.fast-outcome-mode .target-win-reveal:before,body.fast-outcome-mode .source-loss-reveal:before,body.fast-outcome-mode .source-loss-reveal:after,body.fast-outcome-mode .source-loss-reveal .outcome-art-stack,
body.fast-outcome-mode .hero-card.target:has(.target-win-reveal),body.fast-outcome-mode .hero-card.source:has(.source-loss-reveal),
body.fast-outcome-mode .hero-card:has(.target-win-reveal):before,body.fast-outcome-mode .hero-card:has(.target-win-reveal):after,body.fast-outcome-mode .hero-card:has(.source-loss-reveal):before,body.fast-outcome-mode .hero-card:has(.source-loss-reveal):after,
body.fast-outcome-mode .hero-card:has(.target-win-reveal) .hero-price,body.fast-outcome-mode .hero-card:has(.source-loss-reveal) .hero-name,body.fast-outcome-mode .hero-card:has(.source-loss-reveal) .hero-price,
body.fast-outcome-mode .shell:has(.target-win-reveal):before,body.fast-outcome-mode .shell:has(.source-loss-reveal):before,
body.fast-outcome-mode .upgrade-layout:has(.target-win-reveal) .wheel-halo,body.fast-outcome-mode .upgrade-layout:has(.source-loss-reveal) .wheel-halo,
body.fast-outcome-mode .upgrade-layout:has(.target-win-reveal) .chance-big,body.fast-outcome-mode .upgrade-layout:has(.source-loss-reveal) .chance-big{animation-duration:.55s!important;animation-delay:0s!important}

/* Hareket azaltma: sistem tercihi veya sitenin "animasyonları hafiflet" ayarı */
@media(prefers-reduced-motion:reduce){
 .target-win-reveal:before,.source-loss-reveal:before,.source-loss-reveal:after,.shell:before{display:none!important}
 .hero-card:has(.target-win-reveal),.hero-card:has(.source-loss-reveal),.hero-card:has(.target-win-reveal) *,.hero-card:has(.source-loss-reveal) *,.upgrade-layout:has(.target-win-reveal) *,.upgrade-layout:has(.source-loss-reveal) *{animation:none!important}}
body.profile-reduced-effects .target-win-reveal:before,body.profile-reduced-effects .source-loss-reveal:before,body.profile-reduced-effects .source-loss-reveal:after,body.profile-reduced-effects .shell:before{display:none!important}
body.profile-reduced-effects .hero-card:has(.target-win-reveal),body.profile-reduced-effects .hero-card:has(.source-loss-reveal),body.profile-reduced-effects .upgrade-layout:has(.target-win-reveal) .wheel-halo,body.profile-reduced-effects .upgrade-layout:has(.source-loss-reveal) .wheel-halo{animation:none!important}

/* ===== Sayfa kaydırma çubuğunu gizle (kaydırma tekerlek/dokunma/klavye ile çalışmaya devam eder) ===== */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}

/* ===== Yeni logo ===== */
.brand{gap:10px}
.brand-mark{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:0;background:none;box-shadow:none;display:inline-grid;place-items:center}
.brand-mark svg{width:40px;height:40px;filter:drop-shadow(0 0 8px #ff9d1f40)}
.forge-spark{transform-box:fill-box;transform-origin:center;animation:fgTwinkle 3.4s ease-in-out infinite}
@keyframes fgTwinkle{0%,100%{opacity:.55;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
.brand-word{gap:8px;align-items:center}
.brand-word .rhoyskin{display:inline-flex;font-size:22px;font-weight:900;letter-spacing:.1em;background:none;color:transparent;text-shadow:none;transform:skewX(-8deg);filter:drop-shadow(0 0 12px #ffb81f33)}
.brand-word .sk-silver{background:linear-gradient(180deg,#ffffff,#b9b9c6 70%,#8f8f9c);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.brand-word .sk-gold{background:linear-gradient(180deg,#fff7c4,#ffdf35 45%,#e0951a 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-word .demo-tag{color:#ffcf4a;border-color:#6b5a1d;background:#1c1a12;border-radius:3px;letter-spacing:.16em}

/* ===== Oyun modu sekmeleri ===== */
.mode-switch{gap:10px}
.mode-switch button.mode-tab{position:relative;display:block;border:0!important;border-radius:0;padding:1px!important;min-width:0;text-transform:none;letter-spacing:0;color:#bdbdc6;
 background:linear-gradient(180deg,#4a4630,#26262a)!important;box-shadow:none!important;
 clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
 transition:transform .16s,color .16s,background .16s}
.mode-tab .mode-in{display:flex;align-items:center;justify-content:center;gap:10px;height:100%;min-height:44px;padding:8px 18px 8px 14px;
 background:linear-gradient(180deg,#212125,#141416);
 clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
 box-shadow:inset 0 1px #ffffff0d;transition:background .16s}
.mode-tab .mode-ico{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;color:#ffdf35;background:#2b2818;border:1px solid #4a4220;transition:background .16s,color .16s,border-color .16s}
.mode-tab .mode-ico svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mode-tab .mode-txt{font-size:12px;font-weight:900;letter-spacing:.09em;white-space:nowrap}
.mode-switch button.mode-tab:hover:not(.active){transform:translateY(-2px);color:#fff1b8;background:linear-gradient(180deg,#a68a22,#4a4220)!important}
.mode-tab:hover:not(.active) .mode-in{background:linear-gradient(180deg,#2a2719,#181712)}
.mode-tab:hover:not(.active) .mode-ico{background:#3b3416;border-color:#8a7424}
.mode-switch button.mode-tab.active{color:#17140a;background:linear-gradient(180deg,#fff7b8,#e2a81c)!important}
.mode-tab.active .mode-in{background:linear-gradient(180deg,#ffe95c,#e2b21c 60%,#c2910f);box-shadow:inset 0 1px #fffbd0,inset 0 -3px 0 #fff3b0aa}
.mode-tab.active .mode-ico{color:#ffe95c;background:#17140a;border-color:#17140a}
.mode-tab.active .mode-txt{text-shadow:0 1px #ffffff55}
.mode-switch button.mode-tab.active:after{display:none}
.mode-switch button.mode-tab:focus-visible{outline:none}
.mode-switch button.mode-tab:focus-visible .mode-in{box-shadow:inset 0 0 0 2px #fff}
@media(max-width:600px){
 .mode-switch{gap:6px}
 .mode-switch button.mode-tab{flex:1 1 22%}
 .mode-switch #caseModeButton{flex:1 1 100%}
 .mode-tab .mode-in{flex-direction:column;gap:5px;padding:7px 3px;min-height:58px;text-align:center}
 .mode-switch #caseModeButton .mode-in{flex-direction:row;min-height:42px;gap:9px}
 .mode-tab .mode-ico{width:26px;height:26px;flex-basis:26px}
 .mode-tab .mode-txt{font-size:9.5px;letter-spacing:.05em;white-space:normal;line-height:1.15}
 .brand-mark,.brand-mark svg{width:32px;height:32px;flex-basis:32px}
 .brand-word .rhoyskin{font-size:16px;letter-spacing:.05em}
 .brand{gap:6px}.brand-word{gap:4px}}
@media(prefers-reduced-motion:reduce){.forge-spark{animation:none}}
body.profile-reduced-effects .forge-spark{animation:none}

/* ===== CHICKEN CLIMB · Forge yenileme =====
   Oyun mantığına dokunmaz. Animasyonlar kısa ve olay anında; sürekli çalan yalnızca 3 küçük öğe var
   (aktif blok ışığı, ZIPLA düğmesi parıltısı, kazanma ekranındaki huzmeler — ekran açıkken). */
body.chicken-mode .chicken-head{position:relative;padding-top:4px}
body.chicken-mode .chicken-eyebrow{display:inline-block;padding:4px 10px;border:1px solid #6b5a1d;border-radius:3px;background:#1c1a12;color:#ffcf4a;letter-spacing:.2em}
body.chicken-mode .chicken-head h2{font-family:Bahnschrift,"DIN Alternate","Arial Narrow",Inter,system-ui,sans-serif;letter-spacing:.06em;text-shadow:0 0 26px #ff9d1f40}

/* HUD */
body.chicken-mode .chicken-stat{min-width:132px;border:1px solid #3a3626;border-radius:9px;background:linear-gradient(180deg,#202024,#141416);box-shadow:inset 0 2px 0 #ffdf3555,0 8px 22px #0006}
body.chicken-mode .chicken-stat small{color:#9b9ba4;letter-spacing:.1em}
body.chicken-mode .chicken-stat strong{color:#ffe56b;font-family:Bahnschrift,"DIN Alternate",Inter,system-ui,sans-serif;font-size:18px;letter-spacing:.02em}
body.chicken-mode .chicken-stat.pop strong{animation:chickenStatPop .45s ease-out;text-shadow:0 0 16px #ffe56b99}

/* Parkur: risk arttıkça renk ısınır (mavi → altın → turuncu) */
body.chicken-mode .chicken-course{--heat:#8fd3ff;--heat-a:#8db9ff22;border-color:color-mix(in srgb,var(--heat) 34%,#2a2a30);transition:border-color .45s,box-shadow .35s}
body.chicken-mode .chicken-course:has(.chicken-step[data-step="3"].landed){--heat:#ffd54a;--heat-a:#ffd54a26}
body.chicken-mode .chicken-course:has(.chicken-step[data-step="5"].landed){--heat:#ff8a2a;--heat-a:#ff8a2a36}
body.chicken-mode .chicken-course:after{background:radial-gradient(ellipse at 50% 0%,var(--heat-a),transparent 65%),linear-gradient(180deg,#34406500 0,#18234288 25%,#080e1af2 100%)}
body.chicken-mode .chicken-course-label{color:color-mix(in srgb,var(--heat) 70%,#fff);transition:color .45s}

/* Basamak kartları */
body.chicken-mode .chicken-step .step-loot{border:1px solid #ffffff12;background:linear-gradient(180deg,#ffffff08,#0a0d1a55);transition:border-color .25s,background .25s,filter .25s,opacity .25s}
body.chicken-mode .chicken-step.landed .step-loot{border-color:#a8e96d66;background:linear-gradient(180deg,#a8e96d14,#0a0d1a55)}
body.chicken-mode .chicken-step.current .step-loot{border-color:#ffdf3599;background:linear-gradient(180deg,#ffdf3518,#0a0d1a55);box-shadow:0 0 18px #ffdf3522}
body.chicken-mode .chicken-step .step-multiplier{border-color:#ffe67d88;background:linear-gradient(180deg,#2b2818,#1a1810);color:#ffe56b}
body.chicken-mode .chicken-step.landed .step-multiplier{border-color:#a8e96d;background:#1f3a22;color:#d9ff9e}
/* Sıradaki hedef: yukarıdan inen ışık sütunu (tek öğe, sadece opacity) */
body.chicken-mode .chicken-step.current:before{content:"";position:absolute;z-index:1;left:14%;right:14%;top:8%;bottom:30px;pointer-events:none;background:linear-gradient(180deg,transparent,#fff6b82e 60%,#9ff0ff44);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);animation:ccBeam 2.2s ease-in-out infinite}
body.chicken-mode .chicken-step.current[data-step="5"]:before,body.chicken-mode .chicken-step.current[data-step="6"]:before{background:linear-gradient(180deg,transparent,#ff8a2a33 60%,#ff4b1f55)}
body.chicken-mode .chicken-step.current[data-step="5"] .step-loot,body.chicken-mode .chicken-step.current[data-step="6"] .step-loot{border-color:#ff8a2a99;box-shadow:0 0 20px #ff8a2a2e}
@keyframes ccBeam{0%,100%{opacity:.35}50%{opacity:1}}

/* Zıplama: çömelme → yay → iniş ezilmesi (JS bekleme süresi .56sn ile uyumlu) */
body.chicken-mode .chicken-runner.jumping{animation:ccJump .56s cubic-bezier(.3,.6,.3,1)}
@keyframes ccJump{
 0%{transform:translateY(0) scale(1.08,.88)}
 14%{transform:translateY(2px) scale(1.1,.86)}
 42%{transform:translateY(-88px) rotate(-10deg) scale(.95,1.1)}
 76%{transform:translateY(-30px) rotate(6deg) scale(1,1.03)}
 92%{transform:translateY(0) scale(1.1,.88)}
 100%{transform:translateY(0) scale(1)}}
body.chicken-mode .chicken-runner.landed:before{content:"";position:absolute;left:6%;right:6%;bottom:-1px;height:10px;border-radius:50%;background:radial-gradient(ellipse,#e8f8ffcc,transparent 70%);animation:ccDust .42s ease-out both;pointer-events:none}
@keyframes ccDust{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(1.9,1.2)}}

/* İniş: blok yaylanır + halka dalgası + ödül kartı altın parlar */
body.chicken-mode .chicken-step.celebrate .ice-cube{animation:ccLand .5s ease-out both}
@keyframes ccLand{
 0%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translateY(-6px);filter:brightness(1.6)}
 38%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translateY(5px) scaleY(.88);filter:brightness(1.4)}
 70%{transform:perspective(180px) rotateX(12deg) skewX(-5deg) translateY(-2px);filter:brightness(1.2)}
 100%{transform:perspective(180px) rotateX(12deg) skewX(-5deg);filter:brightness(1.12)}}
body.chicken-mode .ice-cube .chicken-cube-burst{inset:-8px -12px;border:2px solid #fff6b8;border-radius:50%;background:radial-gradient(circle,#faffc944,transparent 65%);animation:ccRipple .55s ease-out forwards}
@keyframes ccRipple{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}
body.chicken-mode .chicken-step.celebrate .step-loot{animation:ccLoot .55s ease-out both}
@keyframes ccLoot{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-9px) scale(1.06);box-shadow:0 0 0 1px #ffe56b,0 0 22px #ffe56b66}100%{transform:translateY(0) scale(1)}}

/* Buz kırılması: kıymıklar saçılır + parkur sarsılır */
body.chicken-mode .chicken-step.broken:after{content:"";position:absolute;z-index:4;left:50%;bottom:4px;width:130px;height:92px;margin-left:-65px;pointer-events:none;
 background:
  radial-gradient(circle at 12% 50%,#fff 0 2px,transparent 3px),radial-gradient(circle at 30% 20%,#bfeaff 0 2px,transparent 3px),
  radial-gradient(circle at 50% 8%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 20%,#bfeaff 0 2px,transparent 3px),
  radial-gradient(circle at 88% 50%,#fff 0 2px,transparent 3px),radial-gradient(circle at 25% 78%,#bfeaff 0 2px,transparent 3px),
  radial-gradient(circle at 50% 88%,#fff 0 2px,transparent 3px),radial-gradient(circle at 75% 78%,#bfeaff 0 2px,transparent 3px);
 animation:ccShards .7s ease-out forwards}
@keyframes ccShards{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
body.chicken-mode .chicken-course.loss-flash{animation:ccShake .5s ease-out}
@keyframes ccShake{0%,100%{transform:none}15%{transform:translateX(-5px)}30%{transform:translateX(5px)}45%{transform:translateX(-3px)}60%{transform:translateX(2px)}}

/* Uçan ödül yazısı */
body.chicken-mode .chicken-float{padding:4px 11px;border:1px solid #ffdf3577;border-radius:999px;background:#1a1710ee;color:#ffe56b;font-size:14px;text-shadow:none;box-shadow:0 4px 16px #0008,0 0 14px #ffdf3530}
/* Kazanma: parkur çerçevesi altın-yeşil parlar */
body.chicken-mode .chicken-course.chicken-win-flash{box-shadow:inset 0 0 90px #a8ff7338,0 0 44px #ffe56b30}

/* Durum satırı */
body.chicken-mode .chicken-status{max-width:820px;margin:14px auto 0;padding:9px 14px;border:1px solid #2f2f34;border-radius:8px;background:#141416;color:#e9e9ee;text-shadow:none;box-shadow:inset 3px 0 0 #ffdf35}

/* Düğmeler */
body.chicken-mode .chicken-btn{font-family:Bahnschrift,"DIN Alternate",Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;border-radius:7px;transition:transform .15s,filter .15s}
body.chicken-mode .chicken-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
body.chicken-mode #chickenJumpBtn{position:relative;overflow:hidden;padding:14px 26px;font-size:13px;background:linear-gradient(180deg,#fff06a,#e0ae1c 55%,#b98a10);box-shadow:0 6px 22px #ff9d1f33,inset 0 1px #fffbd0}
body.chicken-mode #chickenJumpBtn:not(:disabled):after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:translateX(-140%) skewX(-18deg);animation:forgeSheen 3.4s ease-in-out infinite;pointer-events:none}
body.chicken-mode #chickenCashoutBtn:not(:disabled){background:linear-gradient(180deg,#c9ff8e,#6fcf3f 60%,#4aa52c);border-color:#d9ff9e;color:#10200a;box-shadow:0 6px 22px #7dff6a2e,inset 0 1px #f0ffd8}
body.chicken-mode #chickenStartBtn{box-shadow:0 6px 22px #ff9d1f2a,inset 0 1px #fffbd0}

/* Envanter paneli */
body.chicken-mode .chicken-inventory-panel{position:relative;border-color:#2f2f34;background:linear-gradient(180deg,#1a1a1d,#141416);box-shadow:0 12px 34px #0006}
body.chicken-mode .chicken-inventory-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#ffdf35,#ff7a1a 45%,transparent 85%);opacity:.85}
body.chicken-mode .chicken-inventory-head h3{color:#f4f4f6;letter-spacing:.07em}
body.chicken-mode .chicken-inventory-card{border-color:#303035;background:linear-gradient(145deg,#212125,#17171a)}
body.chicken-mode .chicken-inventory-card:hover{border-color:#8a7424;box-shadow:0 6px 18px #ffdf3518}
body.chicken-mode .chicken-inventory-card.selected{border-color:#ffe03d;background:linear-gradient(160deg,#4a431d,#222119);box-shadow:0 0 0 1px #ffdf35,0 0 18px #ffdf3530}
body.chicken-mode .chicken-add-skins{border-color:#6b5a1d;background:#1c1a12;color:#ffe56b}

/* ----- Kazanma ekranı: jackpot açılışı ----- */
body.chicken-mode .chicken-win-overlay{background:radial-gradient(ellipse at 50% 42%,rgba(40,92,60,.55),rgba(5,10,8,.94) 62%)}
body.chicken-mode .chicken-win-overlay .chicken-loss-card{position:relative;border-color:#c9f08a;background:linear-gradient(160deg,#173a28,#10171a 75%);box-shadow:0 0 0 1px #a8ff7340,0 0 60px #7dff6a40,0 22px 80px #000b;animation:ccWinCard .75s cubic-bezier(.16,1,.3,1) both}
@keyframes ccWinCard{0%{opacity:0;transform:translateY(30px) scale(.7)}55%{opacity:1;transform:translateY(-4px) scale(1.04)}100%{opacity:1;transform:none}}
body.chicken-mode .chicken-win-overlay .chicken-loss-kicker{color:#d9ff9e}
body.chicken-mode .chicken-win-overlay .chicken-loss-card h2{background:linear-gradient(180deg,#fff7c4,#ffdf35 55%,#e0951a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;letter-spacing:.02em;animation:ccPrice .7s .2s cubic-bezier(.2,1.4,.3,1) both}
body.chicken-mode .chicken-win-overlay .chicken-loss-art{position:relative;height:132px}
body.chicken-mode .chicken-win-overlay .chicken-loss-art:before{content:"";position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;pointer-events:none;
 background:repeating-conic-gradient(from 0deg,#ffe34a40 0 7deg,transparent 7deg 24deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 68%);mask:radial-gradient(circle,#000 0,transparent 68%);animation:ccRays 16s linear infinite}
@keyframes ccRays{to{transform:rotate(360deg)}}
body.chicken-mode .chicken-win-overlay .chicken-loss-art img{position:relative;z-index:1;animation:ccWinSkin .9s cubic-bezier(.16,1,.3,1) .15s both}
@keyframes ccWinSkin{0%{opacity:0;transform:scale(.4) rotate(-8deg);filter:brightness(3) drop-shadow(0 0 0 #fff6b0)}45%{opacity:1;transform:scale(1.14) rotate(2deg);filter:brightness(1.6) drop-shadow(0 0 26px #ffe34a)}100%{opacity:1;transform:none;filter:drop-shadow(0 0 12px #a8ff7388) drop-shadow(0 8px 10px #0009)}}
body.chicken-mode .chicken-win-overlay .chicken-loss-price{font-size:21px;color:#c9ff8e;animation:ccPrice .7s .45s cubic-bezier(.2,1.4,.3,1) both}
@keyframes ccPrice{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:none}}
/* Konfeti patlaması: dışa saçılan altın/yeşil noktalar (tek seferlik) */
body.chicken-mode .chicken-win-overlay.open .chicken-loss-card:before{content:"";position:absolute;left:50%;top:156px;width:340px;height:340px;margin:-170px 0 0 -170px;pointer-events:none;z-index:2;
 background:
  radial-gradient(circle at 96% 50%,#ffe34a 0 3px,transparent 4px),radial-gradient(circle at 84% 84%,#a8ff73 0 3px,transparent 4px),
  radial-gradient(circle at 50% 97%,#fff 0 3px,transparent 4px),radial-gradient(circle at 16% 84%,#ffe34a 0 3px,transparent 4px),
  radial-gradient(circle at 3% 50%,#a8ff73 0 3px,transparent 4px),radial-gradient(circle at 16% 16%,#fff 0 3px,transparent 4px),
  radial-gradient(circle at 50% 3%,#ffe34a 0 3px,transparent 4px),radial-gradient(circle at 84% 16%,#a8ff73 0 3px,transparent 4px),
  radial-gradient(circle at 70% 94%,#fff 0 2px,transparent 3px),radial-gradient(circle at 30% 94%,#ffe34a 0 2px,transparent 3px),
  radial-gradient(circle at 94% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 6% 30%,#a8ff73 0 2px,transparent 3px);
 animation:ccConfetti 1s cubic-bezier(.1,.7,.2,1) .2s both}
@keyframes ccConfetti{0%{opacity:0;transform:scale(.2)}15%{opacity:1}100%{opacity:0;transform:scale(1.7)}}

/* ----- Kaybetme ekranı: sarsıntı + soluklaşan skin ----- */
body.chicken-mode .chicken-loss-overlay:not(.chicken-win-overlay) .chicken-loss-card{animation:chickenLossCard .65s cubic-bezier(.15,.85,.2,1) both,ccShake .45s ease-out .35s}
body.chicken-mode .chicken-loss-overlay:not(.chicken-win-overlay) .chicken-loss-art img{animation:ccLostSkin 1s ease-out both}
@keyframes ccLostSkin{0%{transform:scale(.65) rotate(-12deg);filter:brightness(2) drop-shadow(0 0 24px #ff234d)}40%{transform:scale(1.1) rotate(4deg);filter:brightness(1.3) drop-shadow(0 0 22px #ff234d)}100%{transform:scale(1) rotate(0);filter:grayscale(.85) brightness(.8) drop-shadow(0 0 8px #ff3455aa)}}

/* Hareket azaltma: sistem tercihi veya sitenin "animasyonları hafiflet" ayarı */
@media(prefers-reduced-motion:reduce){
 body.chicken-mode .chicken-step.current:before,body.chicken-mode #chickenJumpBtn:not(:disabled):after,body.chicken-mode .chicken-win-overlay .chicken-loss-art:before,body.chicken-mode .chicken-win-overlay.open .chicken-loss-card:before,body.chicken-mode .chicken-step.broken:after,body.chicken-mode .chicken-runner.landed:before{animation:none!important}
 body.chicken-mode .chicken-win-overlay .chicken-loss-art:before,body.chicken-mode .chicken-win-overlay.open .chicken-loss-card:before,body.chicken-mode .chicken-step.broken:after,body.chicken-mode .chicken-runner.landed:before{display:none}
 body.chicken-mode .chicken-win-overlay .chicken-loss-card,body.chicken-mode .chicken-win-overlay .chicken-loss-card h2,body.chicken-mode .chicken-win-overlay .chicken-loss-art img,body.chicken-mode .chicken-win-overlay .chicken-loss-price,body.chicken-mode .chicken-loss-overlay:not(.chicken-win-overlay) .chicken-loss-card,body.chicken-mode .chicken-loss-overlay:not(.chicken-win-overlay) .chicken-loss-art img,body.chicken-mode .chicken-course.loss-flash,body.chicken-mode .chicken-runner.jumping{animation:none!important}}
body.profile-reduced-effects.chicken-mode .chicken-step.current:before,body.profile-reduced-effects.chicken-mode #chickenJumpBtn:not(:disabled):after,body.profile-reduced-effects.chicken-mode .chicken-win-overlay .chicken-loss-art:before{animation:none!important}
body.profile-reduced-effects.chicken-mode .chicken-win-overlay.open .chicken-loss-card:before,body.profile-reduced-effects.chicken-mode .chicken-step.broken:after,body.profile-reduced-effects.chicken-mode .chicken-runner.landed:before{display:none}
/* Upgrade Battle: match the upgrader's wheel glow and win/loss reveal. */
#battlePanel .battle-single-wheel-wrap .wheel-halo{transition:background .25s ease,opacity .25s ease,transform .25s ease}
#battlePanel .battle-single-wheel-wrap.spinning .wheel-halo{background:radial-gradient(circle,#ffe34a6b 0 50%,#a8ff7330 62%,transparent 76%);animation:battleWheelHaloCharge .72s ease-in-out infinite alternate}
#battlePanel .battle-single-wheel-wrap.spinning .wheel{filter:brightness(1.14) saturate(1.08);box-shadow:0 0 0 2px #29292d,0 0 0 9px #141416,0 0 0 10px #ffe34a,0 0 38px #ffe34a70;animation:battleWheelRingCharge .72s ease-in-out infinite alternate}
#battlePanel .battle-single-wheel-wrap.spinning .chance-big{animation:battleWheelNumberCharge .72s ease-in-out infinite alternate}
@keyframes battleWheelHaloCharge{from{opacity:.58;transform:scale(.96)}to{opacity:1;transform:scale(1.1)}}
@keyframes battleWheelRingCharge{from{filter:brightness(1.08) saturate(1.05)}to{filter:brightness(1.32) saturate(1.22)}}
@keyframes battleWheelNumberCharge{from{text-shadow:0 0 12px #ffe34a55}to{color:#fff6b5;text-shadow:0 0 28px #ffe34a}}
#battlePanel .battle-single-wheel-wrap.outcome-win .wheel-halo{background:radial-gradient(circle,#ffe34a55 0 50%,#a8ff7322 62%,transparent 76%);animation:fwHalo 1.3s ease-out both}
#battlePanel .battle-single-wheel-wrap.outcome-loss .wheel-halo{background:radial-gradient(circle,#fc503e40 0 52%,transparent 74%);animation:fwHaloLoss 1.1s ease-out both}
#battlePanel .battle-single-wheel-wrap.outcome-win .wheel{box-shadow:0 0 0 2px #29292d,0 0 0 9px #141416,0 0 0 10px #a8ff73,0 0 38px #a8ff7370}
#battlePanel .battle-single-wheel-wrap.outcome-loss .wheel{box-shadow:0 0 0 2px #29292d,0 0 0 9px #141416,0 0 0 10px #fc503e,0 0 34px #fc503e66}
#battlePanel .battle-single-wheel-wrap.outcome-win .chance-big{animation:fwChanceWin 1.3s ease-out both}
#battlePanel .battle-single-wheel-wrap.outcome-loss .chance-big{animation:fwChanceLoss 1.1s ease-out both}
#battlePanel .battle-current-art{position:relative}
#battlePanel .battle-current-art.battle-win-reveal{z-index:2;overflow:visible;filter:drop-shadow(0 0 15px #a8ff7355)}
#battlePanel .battle-current-art.battle-win-reveal>img{animation:fwWinItem 1.25s cubic-bezier(.16,1,.3,1) both}
#battlePanel .battle-current-art.battle-loss-reveal>img{animation:fwLossItem 1.1s ease-in both}
#battlePanel .battle-current-art.battle-win-reveal:before{content:"";position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px 0 0 -80px;border:2px solid #fff2a8;border-radius:50%;background:radial-gradient(circle,#ffe34a26,transparent 68%);box-shadow:0 0 25px #ffe34a66;pointer-events:none;animation:fwShockwave .85s ease-out both}
@keyframes fwShockwave{0%{opacity:0;transform:scale(.35)}30%{opacity:1}100%{opacity:0;transform:scale(1.3)}}
#battlePanel .battle-current-art.battle-loss-reveal:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#ff6b5a,transparent);box-shadow:0 0 14px #fc503e;animation:fwScan .85s ease-in-out .08s both}
#battlePanel .battle-current-art.battle-loss-reveal:after{content:"";position:absolute;inset:8% 14%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fc503e35,transparent 68%);animation:targetWinGlow 1.1s ease-out reverse both}
#battleOutcomeOverlay.win .battle-outcome-item-art>img{animation:fwWinItem 1.25s cubic-bezier(.16,1,.3,1) both}
#battleOutcomeOverlay.loss .battle-outcome-item-art>img{animation:fwLossItem 1.1s ease-in both}
.shell:has(#battlePanel.battle-show-win):before{background:radial-gradient(ellipse at 50% 38%,#ffe34a40,transparent 62%);animation:fwScreen 1.2s ease-out both}
.shell:has(#battlePanel.battle-show-loss):before{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#fc503e38 100%);animation:fwScreen 1.1s ease-out both}
body.fast-outcome-mode #battlePanel .battle-single-wheel-wrap.outcome-win .wheel-halo,body.fast-outcome-mode #battlePanel .battle-single-wheel-wrap.outcome-loss .wheel-halo,body.fast-outcome-mode #battlePanel .battle-single-wheel-wrap.outcome-win .chance-big,body.fast-outcome-mode #battlePanel .battle-single-wheel-wrap.outcome-loss .chance-big{animation-duration:.55s!important}
body.fast-outcome-mode #battlePanel .battle-current-art.battle-win-reveal>img,body.fast-outcome-mode #battleOutcomeOverlay.win .battle-outcome-item-art>img{animation-duration:.625s!important}
body.fast-outcome-mode #battlePanel .battle-current-art.battle-loss-reveal>img,body.fast-outcome-mode #battleOutcomeOverlay.loss .battle-outcome-item-art>img{animation-duration:.55s!important}
@media(prefers-reduced-motion:reduce){#battlePanel .battle-single-wheel-wrap.spinning .wheel-halo,#battlePanel .battle-single-wheel-wrap.spinning .wheel,#battlePanel .battle-single-wheel-wrap.spinning .chance-big,#battlePanel .battle-current-art.battle-win-reveal>img,#battlePanel .battle-current-art.battle-loss-reveal>img,#battleOutcomeOverlay .battle-outcome-item-art>img{animation:none!important}}
body.profile-reduced-effects #battlePanel .battle-single-wheel-wrap .wheel-halo,body.profile-reduced-effects #battlePanel .battle-single-wheel-wrap .wheel,body.profile-reduced-effects #battlePanel .battle-single-wheel-wrap .chance-big,body.profile-reduced-effects #battlePanel .battle-current-art:before,body.profile-reduced-effects #battlePanel .battle-current-art:after,body.profile-reduced-effects #battlePanel .battle-current-art img,body.profile-reduced-effects #battleOutcomeOverlay .battle-outcome-item-art>img{animation:none!important}
/* ===== BATTLE VICTORY LAYER · Upgrade Battle kazanma deneyimi =====
   Upgrader'daki kazanma dili (altın çerçeve patlaması, ışık süpürmesi, şok halkaları, fiyat pop, ekran parıltısı)
   Battle'a taşındı + konfeti, ganimet uçuşu, net kazanç sayacı ve harf harf "KAZANDIN!" eklendi.
   Silmek için bu <style> bloğunu (ve JS'teki "BATTLE VICTORY LAYER" bloğunu) kaldırman yeterli. */
body{--bv-k:1}body.fast-outcome-mode{--bv-k:.5}
#battlePanel .battle-single-wheel-stage{position:relative;overflow:hidden;isolation:isolate}
#battlePanel .battle-stake-card{position:relative}

/* --- Çark: vuruş + şok halkaları + dönen ışık huzmeleri + beyaz parlama --- */
#battlePanel .battle-single-wheel-wrap.outcome-win{animation:bvImpact calc(.7s*var(--bv-k)) cubic-bezier(.2,1.4,.3,1) both}
@keyframes bvImpact{0%{transform:scale(1)}18%{transform:scale(1.05) rotate(.4deg)}38%{transform:scale(.99) rotate(-.3deg)}100%{transform:scale(1)}}
#battlePanel .battle-single-wheel-wrap.outcome-win .wheel{animation:bvWheelFlash calc(1.3s*var(--bv-k)) ease-out both}
@keyframes bvWheelFlash{0%{filter:brightness(2.2) saturate(1.4)}35%{filter:brightness(1.4) saturate(1.2)}100%{filter:brightness(1.05)}}
#battlePanel .battle-single-wheel-wrap.outcome-win:before,#battlePanel .battle-single-wheel-wrap.outcome-win:after{content:"";position:absolute;inset:4%;border-radius:50%;pointer-events:none;z-index:6;border:2px solid #fff2a8;box-shadow:0 0 28px #ffe34a88,inset 0 0 22px #ffe34a44;opacity:0;animation:bvRing calc(1.3s*var(--bv-k)) cubic-bezier(.12,.8,.2,1) both}
#battlePanel .battle-single-wheel-wrap.outcome-win:after{border-color:#a8ff73;box-shadow:0 0 28px #a8ff7377;animation-delay:calc(.2s*var(--bv-k))}
@keyframes bvRing{0%{opacity:0;transform:scale(.82)}18%{opacity:1}100%{opacity:0;transform:scale(1.6)}}
#battlePanel .battle-single-wheel-stage:has(.outcome-win):before{content:"";position:absolute;left:50%;top:46%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffe34a34 0 5deg,transparent 5deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0,#0006 32%,transparent 60%);mask-image:radial-gradient(circle,#000 0,#0006 32%,transparent 60%);animation:bvRays calc(3.4s*var(--bv-k)) ease-out both}
@keyframes bvRays{0%{opacity:0;transform:scale(.5) rotate(0)}18%{opacity:1}100%{opacity:0;transform:scale(1.15) rotate(60deg)}}
#battlePanel .battle-single-wheel-stage:has(.outcome-win){animation:bvStageWin calc(1.8s*var(--bv-k)) ease-out both}
@keyframes bvStageWin{0%{border-color:#35353b}18%{border-color:#fff2a8;box-shadow:0 0 0 1px #ffe34a,0 0 44px #ffe34a55}55%{border-color:#a8e96d;box-shadow:0 0 30px #a8ff7338}100%{border-color:#6a8a3a;box-shadow:0 14px 38px #0003}}

/* --- Kartlar: kazanan altın çerçeve + ışık süpürmesi + fiyat pop + rozet; kaybeden sarsıntı --- */
#battlePanel .battle-stake-card.outcome-win{animation:bvCardWin calc(1.7s*var(--bv-k)) ease-out both}
@keyframes bvCardWin{0%{border-color:#424249}20%{border-color:#fff2a8;box-shadow:0 0 0 1px #ffe34a,0 0 38px #ffe34a66,inset 0 0 60px #ffe34a30}55%{border-color:#a8e96d;box-shadow:0 0 0 1px #a8e96d88,0 0 26px #a8ff7340,inset 0 0 44px #a8ff7318}100%{border-color:#6a8a3a;box-shadow:inset 0 0 0 1px #7eb34c30,0 0 22px #a8ff7322}}
#battlePanel .battle-stake-card.outcome-win:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 30%,#fff7c455 50%,transparent 70%);transform:translateX(-120%);animation:bvSweep calc(1s*var(--bv-k)) ease-out .05s both}
@keyframes bvSweep{to{transform:translateX(120%)}}
#battlePanel .battle-stake-card.outcome-win .battle-item-price{animation:bvPrice calc(.9s*var(--bv-k)) calc(.25s*var(--bv-k)) cubic-bezier(.2,1.4,.3,1) both}
@keyframes bvPrice{0%{opacity:0;transform:scale(.6);color:#fff}60%{opacity:1;transform:scale(1.25);color:#fff7b0}100%{opacity:1;transform:scale(1)}}
#battlePanel .battle-stake-card.outcome-loss{animation:bvCardLoss calc(1.1s*var(--bv-k)) ease-out both}
@keyframes bvCardLoss{0%{transform:none}10%{transform:translateX(-5px);border-color:#fc503e;box-shadow:0 0 0 1px #fc503e,0 0 30px #fc503e55,inset 0 0 50px #fc503e33}20%{transform:translateX(5px)}30%{transform:translateX(-3px)}40%{transform:translateX(2px)}55%{transform:none;border-color:#8a3a33}100%{transform:none;border-color:#78403d;box-shadow:none}}
#battlePanel .battle-stake-card.outcome-win .battle-stake-label:after,#battlePanel .battle-stake-card.outcome-loss .battle-stake-label:after{font-size:8px;letter-spacing:.1em;padding:3px 8px;border-radius:99px;animation:bvTag calc(.5s*var(--bv-k)) calc(.35s*var(--bv-k)) cubic-bezier(.2,1.5,.3,1) both}
#battlePanel .battle-stake-card.outcome-win .battle-stake-label:after{content:"KAZANAN";background:#ffe34a;color:#17140a}
#battlePanel .battle-stake-card.outcome-loss .battle-stake-label:after{content:"KAYBETTİ";background:#3a1f1f;color:#ff9c9c;border:1px solid #6b3333}
html:lang(en) #battlePanel .battle-stake-card.outcome-win .battle-stake-label:after{content:"WINNER"}
html:lang(en) #battlePanel .battle-stake-card.outcome-loss .battle-stake-label:after{content:"LOST"}
@keyframes bvTag{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}
.bv-plus{position:fixed;z-index:100001;pointer-events:none;transform:translate(-50%,0);font:1000 22px Bahnschrift,"Arial Narrow",system-ui,sans-serif;color:#b5ff8a;text-shadow:0 0 16px #7aff45aa,0 2px 6px #000;animation:bvPlus 1.4s ease-out both}
@keyframes bvPlus{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%,-6px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-56px) scale(1)}}

/* --- Sonuç ekranı: dönen ışık, giriş, harf harf başlık, net kazanç, kademeli ödüller --- */
.battle-outcome-overlay.win{background:radial-gradient(ellipse at 50% 42%,#2b2810dc 0,#050504f2 66%)}
.bv-rays{position:absolute;left:50%;top:50%;width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,#ffe34a2c 0 4deg,transparent 4deg 16deg);-webkit-mask-image:radial-gradient(circle,#000 0,#0007 14%,transparent 34%);mask-image:radial-gradient(circle,#000 0,#0007 14%,transparent 34%);will-change:transform}
.battle-outcome-overlay.win .bv-rays{animation:bvRaysIn calc(1s*var(--bv-k)) .1s ease-out both,bvSpin 48s linear infinite}
@keyframes bvRaysIn{from{opacity:0}to{opacity:1}}
@keyframes bvSpin{to{transform:rotate(360deg)}}
.battle-outcome-overlay.win .battle-outcome-panel{position:relative;overflow:hidden;border-color:#ffe34a;box-shadow:0 0 0 1px #ffe34a55,0 0 80px #ffe34a33,0 25px 90px #000c;animation:bvPanelIn calc(.7s*var(--bv-k)) cubic-bezier(.2,1.25,.3,1) both}
@keyframes bvPanelIn{0%{opacity:0;transform:scale(.7) translateY(30px)}100%{opacity:1;transform:none}}
.battle-outcome-overlay.win .battle-outcome-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fff7c44a 50%,transparent 65%);transform:translateX(-130%);animation:bvShine 3.8s .5s ease-in-out infinite}
@keyframes bvShine{0%{transform:translateX(-130%)}35%,100%{transform:translateX(130%)}}
.battle-outcome-overlay.win .battle-outcome-panel h2{text-shadow:0 0 30px #ffe34a88,0 0 60px #a8ff7355;color:#d8ff9e}
.bv-ch{display:inline-block;animation:bvChar calc(.55s*var(--bv-k)) cubic-bezier(.2,1.5,.3,1) both;animation-delay:calc(var(--i)*.045s*var(--bv-k) + .25s)}
@keyframes bvChar{0%{opacity:0;transform:translateY(-30px) scale(1.9);filter:blur(6px)}100%{opacity:1;transform:none;filter:none}}
.bv-profit{display:inline-flex;align-items:baseline;gap:10px;margin:-4px 0 14px;padding:7px 18px;border:1px solid #ffe34a88;border-radius:99px;background:linear-gradient(180deg,#2d2a12,#1a1a0e);box-shadow:0 0 28px #ffe34a26,inset 0 1px #ffffff14;animation:bvProfitIn calc(.6s*var(--bv-k)) calc(.55s*var(--bv-k)) cubic-bezier(.2,1.4,.3,1) both}
.bv-profit span{font-size:9px;letter-spacing:.16em;font-weight:1000;color:#d9c765}
.bv-profit strong{font-size:clamp(22px,6vw,30px);font-weight:1000;color:#ffe34a;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 0 18px #ffe34a66}
@keyframes bvProfitIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:none}}
.battle-outcome-overlay.win .battle-outcome-item{animation:bvItemIn calc(.65s*var(--bv-k)) cubic-bezier(.2,1.2,.3,1) both}
.battle-outcome-overlay.win .battle-outcome-item:nth-child(1){animation-delay:calc(.7s*var(--bv-k))}
.battle-outcome-overlay.win .battle-outcome-item:nth-child(2){animation-delay:calc(.95s*var(--bv-k));border-color:#ffe34a77;background:radial-gradient(ellipse at 50% 30%,#ffe34a1f,#0003 70%);box-shadow:0 0 30px #ffe34a22}
#battleOutcomeOverlay.win .battle-outcome-item:nth-child(1) .battle-outcome-item-art>img{animation-delay:calc(.7s*var(--bv-k))}
#battleOutcomeOverlay.win .battle-outcome-item:nth-child(2) .battle-outcome-item-art>img{animation-delay:calc(.95s*var(--bv-k))}
@keyframes bvItemIn{0%{opacity:0;transform:translateY(26px) scale(.85)}100%{opacity:1;transform:none}}
.battle-outcome-overlay.win .battle-outcome-hint{animation:bvHintIn calc(.5s*var(--bv-k)) calc(1.6s*var(--bv-k)) both,battleHintPulse 1.3s calc(2.1s*var(--bv-k)) ease-in-out infinite alternate}
@keyframes bvHintIn{from{opacity:0}to{opacity:.45}}
@media(prefers-reduced-motion:reduce){.bv-rays,.battle-outcome-overlay.win .battle-outcome-panel,.battle-outcome-overlay.win .battle-outcome-panel:after,.bv-ch,.bv-profit,.battle-outcome-overlay.win .battle-outcome-item,#battlePanel .battle-single-wheel-wrap.outcome-win,#battlePanel .battle-single-wheel-wrap.outcome-win:before,#battlePanel .battle-single-wheel-wrap.outcome-win:after,#battlePanel .battle-single-wheel-stage:has(.outcome-win):before,#battlePanel .battle-stake-card.outcome-win:before,#battlePanel .battle-stake-card.outcome-loss{animation:none!important}.battle-outcome-overlay.win .bv-rays{opacity:.6}}
body.profile-reduced-effects .bv-rays,body.profile-reduced-effects .battle-outcome-overlay.win .battle-outcome-panel:after,body.profile-reduced-effects #battlePanel .battle-single-wheel-wrap.outcome-win:before,body.profile-reduced-effects #battlePanel .battle-single-wheel-wrap.outcome-win:after,body.profile-reduced-effects #battlePanel .battle-single-wheel-stage:has(.outcome-win):before,body.profile-reduced-effects #battlePanel .battle-stake-card.outcome-win:before{display:none!important}
/* ===== CASE SHOWCASE LAYER · Case Opening yeniden tasarım (yalnızca görsel; mantığa dokunmaz) =====
   Silmek için bu <style> bloğunu ve #casePanel başındaki .cs-hero bölümünü kaldırman yeterli. */
@keyframes csSpin{to{transform:rotate(360deg)}}
@keyframes csFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes csPulse{0%,100%{box-shadow:0 8px 26px #ffb81f40,0 0 0 0 #ffe34a55}50%{box-shadow:0 8px 36px #ffb81f77,0 0 0 8px #ffe34a00}}
@keyframes csShine{0%{transform:translateX(-140%)}40%,100%{transform:translateX(140%)}}
@keyframes csBlink{from{opacity:.55}to{opacity:1}}
html:lang(en) .cs-tr{display:none}html:not(:lang(en)) .cs-en{display:none}

/* Hero */
#casePanel .cs-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,34px);margin:6px 0 16px;padding:clamp(16px,3vw,28px) clamp(16px,4vw,40px);border:1px solid #6b5722;border-radius:18px;background:radial-gradient(ellipse 70% 120% at 12% 50%,#5a3a0f66,transparent 62%),radial-gradient(ellipse 50% 90% at 100% 0%,#ff4b1f22,transparent 60%),linear-gradient(135deg,#1d1810,#121214 70%);box-shadow:0 20px 60px #0007,inset 0 1px #ffffff12}
#casePanel .cs-hero-rays{position:absolute;left:-6%;top:50%;width:540px;height:540px;margin-top:-270px;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffdf3526 0 6deg,transparent 6deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 66%);mask-image:radial-gradient(circle,#000 0,transparent 66%);animation:csSpin 70s linear infinite}
#casePanel .cs-hero-crate{width:clamp(84px,14vw,140px);filter:drop-shadow(0 14px 18px #000b) drop-shadow(0 0 26px #ffb81f55);animation:csFloat 4.6s ease-in-out infinite}
#casePanel .cs-hero-crate svg{display:block;width:100%;height:auto}
#casePanel .cs-hero h2{margin:0;font-family:Bahnschrift,"DIN Alternate","Arial Narrow","Segoe UI",system-ui,sans-serif;font-size:clamp(30px,5.2vw,54px);line-height:1;font-weight:1000;letter-spacing:-.025em;background:linear-gradient(180deg,#fff7c4,#ffc42e 55%,#c2760f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px #ffb81f44)}
#casePanel .cs-hero p{margin:10px 0 0;max-width:54ch;font-size:13px;line-height:1.6;color:#bdb5a0}
#casePanel .cs-rarity-bar{display:flex;gap:4px;height:6px;max-width:380px;margin:16px 0 0}
#casePanel .cs-rarity-bar i{flex:var(--w);border-radius:4px;background:var(--c);box-shadow:0 0 10px var(--c)}

/* Araç çubuğu */
#casePanel .case-toolbar{margin-bottom:14px;padding:10px 14px;border:1px solid #2f2b20;border-radius:12px;background:linear-gradient(135deg,#1a1814,#131315)}
#casePanel .case-count-line{font-size:13px;color:#a9a392}#casePanel .case-count-line strong{font-size:22px;font-weight:1000;color:#ffe34a;margin-right:3px;text-shadow:0 0 16px #ffb81f55}
#casePanel .case-search-wrap:focus-within,#casePanel .case-sort-wrap:focus-within{border-color:#ffe34a;box-shadow:0 0 0 3px #ffe34a1f}

/* Kasa kartları */
#casePanel .case-tile{position:relative;overflow:hidden;border:1px solid #33301f;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,#ffdf3514,transparent 62%),linear-gradient(160deg,#1d1c1a,#121214);transition:transform .22s cubic-bezier(.2,.9,.3,1.2),border-color .2s,box-shadow .25s}
#casePanel .case-tile:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff4b833 50%,transparent 65%);transform:translateX(-140%);transition:transform .7s ease}
#casePanel .case-tile:hover,#casePanel .case-tile:focus-visible{transform:translateY(-5px);border-color:#e0bf35;box-shadow:0 16px 36px #0008,0 0 0 1px #ffdf3555,0 0 34px #ffb81f26}
#casePanel .case-tile:hover:before,#casePanel .case-tile:focus-visible:before{transform:translateX(140%)}
#casePanel .case-tile .case-pack{transition:transform .3s cubic-bezier(.2,1.3,.3,1);filter:drop-shadow(0 12px 14px #000a)}
#casePanel .case-tile:hover .case-pack,#casePanel .case-tile:focus-visible .case-pack{transform:translateY(-7px) rotate(-3deg) scale(1.08)}
#casePanel .case-tile-art{position:relative}
#casePanel .case-tile-art:after{content:"";position:absolute;left:19%;bottom:5px;width:62%;height:12px;border-radius:50%;background:radial-gradient(ellipse,#ffb81f55,transparent 70%);opacity:.45;transition:opacity .2s;pointer-events:none}
#casePanel .case-tile:hover .case-tile-art:after{opacity:1}
#casePanel .case-tile.selected{border-color:#ffe34a;box-shadow:0 0 0 1px #ffe34a,0 0 30px #ffe34a33}
#casePanel .case-price-badge{top:8px;right:8px;padding:3px 8px;border:0;border-radius:99px;background:linear-gradient(180deg,#ffe57a,#c99c2f);color:#1b180e;font-size:10px;font-weight:1000;box-shadow:0 3px 10px #0006}
#casePanel .case-tile-name{text-align:center;padding:0 4px 4px}

/* Seçili kasa penceresi */
#casePanel .case-featured.open{border-color:#c9a53a;box-shadow:0 30px 120px #000e,0 0 0 1px #ffdf3530,0 0 80px #ffb81f1c}
#casePanel .case-featured-heading h3{font-size:clamp(20px,3vw,28px);font-weight:1000;letter-spacing:-.03em}
#casePanel .case-selected-art{animation:csFloat 4.4s ease-in-out infinite;filter:drop-shadow(0 18px 22px #000c) drop-shadow(0 0 24px #ffb81f40)}
#casePanel #caseSelectedPrice{font-size:28px;font-weight:1000;color:#ffe47a;text-shadow:0 0 22px #ffb81f55}
#casePanel .case-open-button{position:relative;overflow:hidden;min-height:50px;border-radius:10px;font-size:13px;font-weight:1000;letter-spacing:.07em;animation:csPulse 2.4s ease-in-out infinite}
#casePanel .case-open-button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#fffbe099 50%,transparent 65%);transform:translateX(-140%);animation:csShine 3.2s ease-in-out infinite}
#casePanel .case-open-button:disabled{animation:none;filter:saturate(.3)}#casePanel .case-open-button:disabled:after{display:none}

/* Rulet */
#casePanel .case-roulette-wrap{border-color:#8a7132;background:radial-gradient(ellipse at 50% 0%,#3a2c1066,transparent 60%),linear-gradient(180deg,#191714,#101011);box-shadow:0 0 44px #ffb81f1c}
#casePanel .case-roulette-pointer{width:3px;background:linear-gradient(180deg,#fff7b0,#ffe34a,#fff7b0);box-shadow:0 0 14px #ffe34a,0 0 36px #ffb81f99}
#casePanel .case-roulette-pointer:before,#casePanel .case-roulette-pointer:after{content:"";position:absolute;left:50%;margin-left:-8px;transform:none;border:8px solid transparent}
#casePanel .case-roulette-pointer:before{top:0;border-top-color:#ffe34a}#casePanel .case-roulette-pointer:after{bottom:0;border-bottom-color:#ffe34a}
#casePanel .case-spinning-status{animation:csBlink 1s ease-in-out infinite alternate}

@media(max-width:600px){#casePanel .cs-hero{grid-template-columns:1fr;text-align:center;justify-items:center}#casePanel .cs-rarity-bar{margin-inline:auto}#casePanel .cs-hero-rays{left:50%;margin-left:-270px}}
@media(prefers-reduced-motion:reduce){#casePanel .cs-hero-rays,#casePanel .cs-hero-crate,#casePanel .case-selected-art,#casePanel .case-open-button,#casePanel .case-open-button:after,#casePanel .case-spinning-status{animation:none!important}}
body.profile-reduced-effects #casePanel .cs-hero-rays,body.profile-reduced-effects #casePanel .cs-hero-crate,body.profile-reduced-effects #casePanel .case-selected-art,body.profile-reduced-effects #casePanel .case-open-button,body.profile-reduced-effects #casePanel .case-open-button:after{animation:none!important}
/* ===== CASE WIN REVEAL · kasadan çıkan skin için sinematik gösterim (nadirlik rengine göre) =====
   Silmek için bu <style> bloğunu ve JS'teki "CASE WIN REVEAL" bloğunu kaldırman yeterli. */
#caseWinOverlay{--cw:#d7bd50}
#caseWinOverlay .cw-rays{position:absolute;left:50%;top:50%;width:140vmax;height:140vmax;margin:-70vmax 0 0 -70vmax;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--cw) 30%,transparent) 0 4deg,transparent 4deg 16deg);-webkit-mask-image:radial-gradient(circle,#000 0,#0007 14%,transparent 34%);mask-image:radial-gradient(circle,#000 0,#0007 14%,transparent 34%);will-change:transform}
#caseWinOverlay.show .cw-rays{animation:cwRaysIn 1s .15s ease-out both,cwSpin 55s linear infinite}
#caseWinOverlay .cw-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--cw) 70%,#fff) 0,color-mix(in srgb,var(--cw) 35%,transparent) 38%,transparent 70%)}
#caseWinOverlay.show .cw-flash{animation:cwFlash .8s ease-out both}
@keyframes cwRaysIn{from{opacity:0}to{opacity:1}}@keyframes cwSpin{to{transform:rotate(360deg)}}
@keyframes cwFlash{0%{opacity:0}12%{opacity:.85}100%{opacity:0}}
#caseWinOverlay .case-win-panel{overflow-x:hidden;border-color:var(--cw);box-shadow:0 25px 110px #000e,0 0 0 1px color-mix(in srgb,var(--cw) 40%,transparent),0 0 90px color-mix(in srgb,var(--cw) 28%,transparent),inset 0 1px #fff1;animation:cwPanelIn .75s cubic-bezier(.2,1.25,.3,1) both}
#caseWinOverlay[data-tier="red"] .case-win-panel,#caseWinOverlay[data-tier="gold"] .case-win-panel{animation:cwPanelBig .95s cubic-bezier(.2,1.25,.3,1) both}
@keyframes cwPanelIn{0%{opacity:0;transform:scale(.62) translateY(34px)}100%{opacity:1;transform:none}}
@keyframes cwPanelBig{0%{opacity:0;transform:scale(.5) translateY(40px)}45%{opacity:1;transform:scale(1.06)}58%{transform:translate(-4px,2px) scale(1.03)}70%{transform:translate(4px,-2px) scale(1.02)}82%{transform:translate(-2px,1px)}100%{transform:none}}
#caseWinOverlay .case-win-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--cw) 30%,#fff) 50%,transparent 65%);opacity:.22;transform:translateX(-130%);animation:cwShine 4s .9s ease-in-out infinite}
@keyframes cwShine{0%{transform:translateX(-130%)}35%,100%{transform:translateX(130%)}}
#caseWinOverlay .case-win-heading{animation:cwUp .6s .2s ease-out both}
#caseWinOverlay .case-win-item{--d:.35s;animation:cwCardIn .6s var(--d) cubic-bezier(.2,1.2,.3,1) both;box-shadow:inset 0 1px #ffffff05,0 0 34px color-mix(in srgb,var(--win-color) 18%,transparent)}
@keyframes cwCardIn{0%{opacity:0;transform:translateY(24px) scale(.88)}100%{opacity:1;transform:none}}
#caseWinOverlay .case-win-art{position:relative}
#caseWinOverlay .case-win-art img{animation:cwSlam 1.15s var(--d) cubic-bezier(.16,1,.3,1) both}
@keyframes cwSlam{0%{opacity:0;transform:scale(2.5) rotate(-9deg);filter:blur(10px) brightness(3)}35%{opacity:1;transform:scale(.88) rotate(2deg);filter:blur(0) brightness(1.9) drop-shadow(0 0 30px var(--win-color))}62%{transform:scale(1.09) rotate(-1deg);filter:brightness(1.3) drop-shadow(0 0 26px var(--win-color))}100%{opacity:1;transform:none;filter:drop-shadow(0 10px 15px #000a) drop-shadow(0 0 22px color-mix(in srgb,var(--win-color) 45%,transparent))}}
#caseWinOverlay .case-win-art:before{content:"";position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;margin:0;translate:-50% -50%;border:2px solid var(--win-color);border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 30px var(--win-color),inset 0 0 24px color-mix(in srgb,var(--win-color) 50%,transparent);animation:cwRing 1.1s calc(var(--d) + .08s) cubic-bezier(.12,.8,.2,1) both}
@keyframes cwRing{0%{opacity:0;transform:scale(.3)}15%{opacity:1}100%{opacity:0;transform:scale(2.1)}}
#caseWinOverlay .case-win-tier{animation:cwStamp .55s calc(var(--d) + .3s) cubic-bezier(.2,1.4,.3,1) both;text-shadow:0 0 16px color-mix(in srgb,var(--win-color) 70%,transparent)}
@keyframes cwStamp{0%{opacity:0;letter-spacing:.7em;transform:scale(1.7)}100%{opacity:1;letter-spacing:.15em;transform:none}}
#caseWinOverlay .case-win-name{animation:cwUp .6s calc(var(--d) + .45s) ease-out both}
#caseWinOverlay .case-win-case{animation:cwUp .6s calc(var(--d) + .55s) ease-out both}
#caseWinOverlay .case-win-value{animation:cwPop .7s calc(var(--d) + .65s) cubic-bezier(.2,1.5,.3,1) both;text-shadow:0 0 22px color-mix(in srgb,var(--win-color) 55%,transparent)}
@keyframes cwUp{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:none}}
@keyframes cwPop{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:none}}
#caseWinOverlay .case-win-dismiss{animation:cwUp .5s 1.8s both}
@media(prefers-reduced-motion:reduce){#caseWinOverlay .cw-rays,#caseWinOverlay .cw-flash,#caseWinOverlay .case-win-panel,#caseWinOverlay .case-win-panel:after,#caseWinOverlay .case-win-item,#caseWinOverlay .case-win-art img,#caseWinOverlay .case-win-art:before,#caseWinOverlay .case-win-tier,#caseWinOverlay .case-win-name,#caseWinOverlay .case-win-case,#caseWinOverlay .case-win-value,#caseWinOverlay .case-win-heading,#caseWinOverlay .case-win-dismiss{animation:none!important}#caseWinOverlay .cw-rays{opacity:.5}}
body.profile-reduced-effects #caseWinOverlay .cw-rays,body.profile-reduced-effects #caseWinOverlay .cw-flash,body.profile-reduced-effects #caseWinOverlay .case-win-panel:after,body.profile-reduced-effects #caseWinOverlay .case-win-art:before{display:none!important}
/* ===== MAĞAZA ===== */
#depositModal .deposit-modal{width:min(100%,1180px);max-height:94vh;background:linear-gradient(180deg,#1e1d21,#101012);border-color:#4a4226;box-shadow:0 30px 110px #000c,0 0 0 1px #ffdf3514}
#depositModal .deposit-head{align-items:center;padding:20px 24px 14px;background:radial-gradient(ellipse at 0 0,#ffdf3524,transparent 55%),#18171a;border-bottom:1px solid #3a3522}
#depositModal .deposit-head h2{font-size:25px;margin:2px 0}
.mk-wallet{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;padding:8px 14px;border:1px solid #6b5a1e;border-radius:11px;background:linear-gradient(145deg,#2c2714,#18171a)}
.mk-wallet{font:inherit;color:inherit;text-align:right;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s,filter .18s}
.mk-wallet:hover{border-color:#e0bf35;box-shadow:0 0 0 3px rgba(255,225,91,.08),0 6px 18px rgba(0,0,0,.4);transform:translateY(-1px);filter:brightness(1.08)}
.mk-wallet:active{transform:scale(.97)}
.mk-wallet:focus-visible{outline:2px solid #ffe15b;outline-offset:2px}
.mk-wallet-row{display:flex;align-items:center;gap:8px}
.mk-wallet-plus{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#17140a;font-size:15px;font-weight:1000;line-height:1;transition:transform .2s}
.mk-wallet:hover .mk-wallet-plus{transform:rotate(90deg) scale(1.08)}
.mk-wallet small{font-size:9px;letter-spacing:.12em;color:#b9a34c;font-weight:900}.mk-wallet strong{font-size:19px;color:var(--gold);letter-spacing:-.02em}
.mk-chips{display:flex;gap:7px;overflow-x:auto;padding:12px 24px 0;scrollbar-width:none}.mk-chips::-webkit-scrollbar{display:none}
.mk-chip{flex:0 0 auto;padding:8px 14px;border:1px solid #3a3a40;border-radius:999px;background:#1c1c1f;color:#cfcfd5;font-weight:800;font-size:11px;transition:.15s}
.mk-chip:hover{border-color:#b99c28;color:#ffe15b;transform:translateY(-1px)}
.mk-chip.on{background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;border-color:#ffe34a}
.mk-chips.price .mk-chip{padding:6px 12px;font-size:10px;background:#161618}
#depositModal .deposit-controls{padding:12px 24px 6px}
#depositModal .deposit-controls input,#depositModal .deposit-controls select{padding:11px 12px;border-radius:9px;background:#141416}
#depositModal .deposit-bulk-actions,#depositModal .deposit-meta{padding-left:24px;padding-right:24px}
#depositModal .deposit-scroll{padding:4px 24px 18px}
#depositModal .deposit-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}
#depositModal .deposit-skin-card{position:relative;overflow:hidden;border-radius:14px;min-height:178px;padding:0 0 8px;transition:transform .16s,box-shadow .16s,border-color .16s}
#depositModal .deposit-skin-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rarity);box-shadow:0 0 12px var(--rarity);z-index:2}
#depositModal .deposit-skin-card:hover{transform:translateY(-3px)}
#depositModal .deposit-skin-pick{padding:10px 9px 4px}
#depositModal .deposit-grid .skin-art{height:98px}
#depositModal .deposit-grid .skin-name{font-size:12px;font-weight:900;margin-top:4px}
#depositModal .deposit-grid .skin-type{font-size:10px;color:#9a9aa3}
#depositModal .deposit-skin-card.selected{transform:translateY(-2px);box-shadow:0 0 0 2px var(--gold),0 8px 26px #ffdf3530}
#depositModal .deposit-skin-card.selected:after{display:grid;content:"✓";position:absolute;top:9px;left:9px;width:23px;height:23px;place-items:center;border-radius:50%;background:var(--gold);color:#17140a;font-weight:1000;font-size:13px;z-index:3;box-shadow:0 2px 8px #000a}
#depositModal .deposit-footer{padding:14px 24px;background:linear-gradient(180deg,#1b1b1e,#141416);border-top:1px solid #3a3522}
#depositModal .deposit-confirm{padding:13px 22px;font-size:12px;border-radius:10px;box-shadow:0 6px 22px #ffdf3530}
@media(max-width:600px){#depositModal .deposit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#depositModal .deposit-controls{grid-template-columns:1fr 1fr}.mk-wallet strong{font-size:15px}}
/* ===== PROFİL ===== */
.profile-modal{width:min(100%,1120px);background:linear-gradient(180deg,#171a24,#0e1015)}
.profile-identity{position:relative;overflow:hidden;display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;align-items:end;padding:104px 20px 18px;border-radius:16px;border:1px solid #3a4260}
.pf-banner{position:absolute;inset:0 0 auto 0;height:138px;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.profile-identity>*:not(.pf-banner){position:relative}
.profile-modal .profile-avatar-large{width:116px;height:116px;border-radius:50%;font-size:48px;display:grid;place-items:center;background:#10131b;box-shadow:0 8px 28px #000a}
.profile-modal .profile-avatar-visual{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.profile-modal .profile-avatar-visual img{width:84%;height:84%;object-fit:contain}
.profile-modal .profile-avatar-visual img.pf-photo,.pf-photo{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%}
.profile-avatar-choices{display:flex!important;flex-wrap:wrap;gap:8px}
.profile-avatar-choices button{width:48px;height:48px;border-radius:12px;overflow:hidden;display:grid;place-items:center;transition:.15s}
.profile-avatar-choices button:hover{transform:translateY(-2px)}
.profile-avatar-choices button img{width:86%;height:86%;object-fit:contain}.profile-avatar-choices button img.pf-photo{width:100%;height:100%;border-radius:0}
#pfMeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}
.pf-chip{padding:4px 9px;border-radius:999px;border:1px solid #44507a;background:#1b2133cc;color:#cdd6f4;font-size:10px;font-weight:900;letter-spacing:.06em}
.pf-chip.gold{border-color:#8a722a;background:#2a2312cc;color:#ffe15b}
.pf-bio{flex-basis:100%;color:#b5bdd6;font-size:12px;font-style:italic}
.pf-studio-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:10px}
.pf-label{font-size:9px;letter-spacing:.13em;font-weight:900;color:#8a94b8;margin:10px 0 6px}.pf-label:first-child{margin-top:0}
.pf-banners{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.pf-banners button{height:38px;border-radius:9px;border:2px solid #2b3248;background-size:cover;background-position:center;transition:.15s}
.pf-banners button:hover{transform:scale(1.06)}.pf-banners button.on{border-color:#ffe15b;box-shadow:0 0 12px #ffdf3555}
.pf-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pf-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.pf-shot{position:relative;aspect-ratio:3/2;border-radius:11px;overflow:hidden;border:1px solid #333b52;background:#0d0f15}
.pf-shot img{width:100%;height:100%;object-fit:cover;display:block}
.pf-shot-actions{position:absolute;inset:auto 0 0 0;display:flex;gap:4px;padding:6px;background:linear-gradient(transparent,#000d);opacity:0;transition:.15s}
.pf-shot:hover .pf-shot-actions,.pf-shot:focus-within .pf-shot-actions{opacity:1}
.pf-shot-actions button{flex:1;padding:5px 2px;border:1px solid #ffffff30;border-radius:6px;background:#0009;color:#fff;font-size:10px;font-weight:800}
.pf-empty{grid-column:1/-1;padding:22px;text-align:center;border:1px dashed #3a4260;border-radius:11px;color:#8a94b8}
.profile-panel{border-radius:14px;border-color:#2f3750;background:linear-gradient(180deg,#1a1f2c,#13161e)}
.profile-xp-card{border-radius:14px}.profile-xp-fill{background:linear-gradient(90deg,#ffb52e,#ffe34a);box-shadow:0 0 14px #ffdf3566}
.profile-stat{border-radius:13px;background:linear-gradient(145deg,#1d2333,#141824);border:1px solid #2f3750;transition:.15s}.profile-stat:hover{transform:translateY(-2px);border-color:#6a5d2b}
.profile-level-reward{transition:.15s}.profile-level-reward:hover{transform:translateY(-2px)}
.profile-two-col:has(#profileQuestGrid){grid-template-columns:minmax(0,1fr)}
.profile-quest-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pf-quest-sum{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b5bdd6;font-size:12px}.pf-quest-sum strong{color:#ffe15b}
.pf-q{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:13px;border:1px solid #333b50;background:linear-gradient(135deg,#1c2231,#141720)}
.pf-q.done{border-color:#4d8a2f;background:linear-gradient(135deg,#1c2b1b,#141a14)}.pf-q.claimed{opacity:.6}
.pf-q-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:21px;background:radial-gradient(circle,#3a3010,#1a1608);border:1px solid #6b5a1e}
.pf-q-desc{font-size:10px;color:#8a94b8;margin:2px 0 6px}
.pf-q button{padding:7px 10px;border-radius:8px;border:1px solid #6b5a1e;background:#2a2312;color:#ffe15b;font-weight:900;font-size:10px}.pf-q button:disabled{opacity:.4}
/* Yeni çerçeveler */
.avatar-frame[data-frame="neon"]{border:3px solid #39ff88;background:#08150e;box-shadow:0 0 0 2px #39ff8840,0 0 16px #39ff88aa,inset 0 0 10px #39ff8840;outline:0}
.avatar-frame[data-frame="emerald"]{border:3px solid #2fe3a0;background:#0a1a14;box-shadow:0 0 0 2px #1f9d7455,0 0 14px #2fe3a080;outline:1px solid #2fe3a066;outline-offset:3px}
.avatar-frame[data-frame="ruby"]{border:3px double #ff5470;background:#220b12;box-shadow:0 0 0 2px #c2253d55,0 0 15px #ff547090;outline:1px solid #ff547066;outline-offset:3px}
.avatar-frame[data-frame="galaxy"]{border:3px solid transparent;background:linear-gradient(#0d0b1c,#0d0b1c) padding-box,conic-gradient(#6a5cff,#d36bff,#4fd3ff,#6a5cff) border-box;outline:1px solid #7a6cff66;outline-offset:3px;animation:pfPulse 3s ease-in-out infinite}
.avatar-frame[data-frame="aurora"]{border:3px solid transparent;background:linear-gradient(#0a1618,#0a1618) padding-box,conic-gradient(#3ef0c8,#6a9df7,#ff6bd6,#ffe15b,#3ef0c8) border-box;outline:1px solid #3ef0c855;outline-offset:3px;animation:pfPulse 3s ease-in-out infinite}
.avatar-frame[data-frame="galaxy"]:after{content:"✧";position:absolute;right:-6px;top:-7px;font-size:13px;color:#e0d4ff;text-shadow:0 0 8px #a28bff;z-index:5}
.avatar-frame[data-frame="aurora"]:after{content:"❖";position:absolute;right:-6px;bottom:-7px;font-size:12px;color:#c8fff2;text-shadow:0 0 8px #3ef0c8;z-index:5}
@keyframes pfPulse{0%,100%{box-shadow:0 0 10px #8a7cff55}50%{box-shadow:0 0 22px #5fe3ffaa}}
.profile-reduced-effects .avatar-frame{animation:none!important}
@media(max-width:700px){.profile-identity{grid-template-columns:92px 1fr;padding-top:92px}.profile-modal .profile-avatar-large{width:92px;height:92px}.pf-studio-grid{grid-template-columns:1fr}}
.mk-chips.price .mk-chip.on{background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;border-color:#ffe34a}.mk-chips{flex:0 0 auto;min-height:max-content}.mk-chips.price{padding-top:8px;padding-bottom:2px}
.profile-modal .profile-avatar-large{align-self:start;margin-top:-30px}
.pf-banner{height:150px}
.case-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.case-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid #45558d;border-radius:999px;background:linear-gradient(135deg,#202d67,#151f4c);color:#cbd5ff;font:800 9px/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.case-filter-chip:hover{transform:translateY(-1px);border-color:#a9b9ff}
.case-filter-chip.active{border-color:#d5b849;background:linear-gradient(135deg,#554523,#26305c);color:#fff1ad;box-shadow:0 0 12px #d6b84b22}
.case-filter-chip b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#0b143a;color:#e7eaff;font-size:8px;font-variant-numeric:tabular-nums}
.case-filter-chip.active b{background:#dbc253;color:#251c04}
@media(max-width:510px){.case-filter-row{gap:6px}.case-filter-chip{padding:0 9px;font-size:8px;gap:6px}}
/* Kasa kataloğu v3: sekmeler, bölümler, daha geniş kartlar.
   Silmek için bu <style> bloğunu kaldırman yeterli (JS'teki "Case catalog v3" bloğu ayrı çalışır). */
#casePanel .cs-hero{margin:0 0 14px;padding:14px clamp(14px,3vw,26px);border-radius:14px;gap:clamp(12px,2.4vw,22px)}
#casePanel .cs-hero-crate{width:clamp(52px,7vw,72px)}
#casePanel .cs-hero h2{font-size:clamp(22px,3.2vw,32px)}
#casePanel .cs-hero p{margin-top:6px;font-size:12.5px;line-height:1.5;max-width:62ch}
#casePanel .case-toolbar{margin-bottom:12px;padding:8px 12px;gap:12px}
#casePanel .case-count-line{font-size:13px}
#casePanel .case-count-line strong{font-size:18px}
#casePanel .case-toolbar-right{flex:1;justify-content:flex-end}
body.case-mode #casePanel .case-search-wrap{width:min(100%,340px);height:38px;border-radius:10px;padding:0 12px}
body.case-mode #casePanel .case-search-wrap input{font-size:13px}
body.case-mode #casePanel .case-search-wrap>span{font-size:20px}
#casePanel .case-sort-wrap{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px}
#casePanel .case-sort-wrap select{font-size:12px;max-width:175px}
#casePanel .case-nav{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}
#casePanel .case-tabs{display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid #2f2b20;border-radius:12px;background:#141413;transition:opacity .15s}
#casePanel .case-nav.searching .case-tabs{opacity:.4}
#casePanel .case-tab{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#a39d8b;font:800 13px/1 inherit;white-space:nowrap;transition:background .15s,color .15s}
#casePanel .case-tab:hover{color:#f3eedb}
#casePanel .case-tab.active{background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a}
#casePanel .case-tab b{font-size:11px;font-weight:900;padding:2px 7px;border-radius:99px;background:#26241c;color:#cfc7a8;font-variant-numeric:tabular-nums}
#casePanel .case-tab.active b{background:#17140a2e;color:#17140a}
#casePanel .case-subfilters{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
#casePanel .case-sub{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid #33301f;border-radius:99px;background:#16150f;color:#b6af9b;font:700 12px/1 inherit;transition:border-color .15s,color .15s,background .15s}
#casePanel .case-sub:hover{border-color:#8a7331;color:#f3eedb}
#casePanel .case-sub.active{border-color:#d9b93a;background:#2a2412;color:#ffe895}
#casePanel .case-sub b{font-size:10.5px;font-weight:800;color:#8d8778;font-variant-numeric:tabular-nums}
#casePanel .case-sub.active b{color:#e5cd68}
#casePanel .case-tour-select{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 12px;border:1px solid #33301f;border-radius:99px;background:#16150f;color:#b6af9b;font-size:12px;font-weight:700}
#casePanel .case-tour-select select{max-width:170px;height:28px;border:0;outline:0;background:transparent;color:#f2e8c8;font:700 12px/1 inherit;cursor:pointer}
#casePanel .case-tour-select select option{background:#181714;color:#fff4d3}
#casePanel .case-tour-select:focus-within{border-color:#ffe34a}
#casePanel .case-search-note{font-size:12px;color:#9a9484;margin-right:4px}
#casePanel #caseGrid.case-grid{display:block}
#casePanel .case-section{margin:0 0 28px}
#casePanel .case-section-head{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:0;border:0;background:none;color:inherit;text-align:left}
#casePanel .case-section-head h3{margin:0;font-size:16px;font-weight:900;letter-spacing:-.01em;color:#f3eedb}
#casePanel .case-section-head .n{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;border:1px solid #2e2b22;background:#1b1a17;color:#9a9484;font-variant-numeric:tabular-nums}
#casePanel .case-section-head:after{content:"";order:2;flex:1;height:1px;background:#2a271f}
#casePanel button.case-section-head{cursor:pointer;margin:0;padding:10px 14px;border:1px solid #2a271f;border-radius:10px;background:#15140f;transition:border-color .15s,background .15s}
#casePanel button.case-section-head:hover{border-color:#6c5a2a;background:#1a1812}
#casePanel button.case-section-head:focus-visible{outline:2px solid #ffe34a;outline-offset:2px}
#casePanel .case-section-head .chev{order:3;width:8px;height:8px;border-right:2px solid #b6af9b;border-bottom:2px solid #b6af9b;transform:rotate(45deg) translateY(-2px);transition:transform .18s}
#casePanel .case-section.open .case-section-head .chev{transform:rotate(-135deg) translateY(-2px)}
#casePanel .case-section.collapsible{margin-bottom:10px}
#casePanel .case-section.collapsible .case-cards{display:none}
#casePanel .case-section.collapsible.open .case-cards{display:grid;margin-top:12px;margin-bottom:18px}
#casePanel .case-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#casePanel .case-cards .case-tile{height:auto;min-height:0;padding:10px 12px 11px;gap:8px;justify-content:flex-start;align-items:stretch;border:1px solid #2c2a22;border-radius:12px;text-align:left;background:linear-gradient(170deg,#1b1a17,#121213)}
#casePanel .case-cards .case-tile:before,#casePanel .case-cards .case-tile-art:after{display:none}
#casePanel .case-cards .case-tile:hover,#casePanel .case-cards .case-tile:focus-visible{transform:translateY(-2px);border-color:#a88c2f;box-shadow:0 8px 20px #0007}
#casePanel .case-cards .case-tile:focus-visible{outline:2px solid #ffe34a;outline-offset:2px}
#casePanel .case-cards .case-tile.selected{border-color:#ffe34a;box-shadow:0 0 0 1px #ffe34a,0 0 22px #ffe34a26}
#casePanel .case-cards .case-tile-art{flex:none;height:118px;min-height:118px;margin:0;padding:0;border-radius:8px;background:radial-gradient(ellipse at 50% 60%,#ffdf3512,transparent 70%)}
#casePanel .case-cards .case-real-art{height:100%;width:100%}
#casePanel .case-cards .case-real-art img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;image-rendering:auto}
#casePanel .case-cards .case-tile .case-pack{width:104px;height:72px}
#casePanel .case-cards .case-tile:hover .case-pack{transform:none}
#casePanel .ct-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
#casePanel .case-cards .case-tile-name{min-height:2.5em;padding:0;font-size:13px;font-weight:800;line-height:1.25;text-align:left;color:#f1ede0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#casePanel .case-cards .case-tile.selected .case-tile-name{color:#ffe895}
#casePanel .ct-sub{font-size:11px;line-height:1.3;color:#8d8778}
#casePanel .ct-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #29271f;font-size:11px;font-weight:700;color:#8d8778}
#casePanel .ct-foot .hl{color:#ffd84a}
#casePanel .ct-foot strong{font-size:13px;font-weight:900;color:var(--green);font-variant-numeric:tabular-nums;white-space:nowrap}
#casePanel .case-empty-state{padding:30px 16px;text-align:center;border:1px dashed #3a3626;border-radius:12px;background:#131310;color:#b8b0a0;font-size:13px}
#casePanel .case-empty-state button{margin-left:8px;height:30px;padding:0 12px;border:1px solid #6c5a2a;border-radius:99px;background:#221d0f;color:#ffe895;font:700 12px/1 inherit}
@media(max-width:1100px){#casePanel .case-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){#casePanel .case-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#casePanel .case-toolbar-right{flex-wrap:wrap}body.case-mode #casePanel .case-search-wrap{width:auto;flex:1 1 180px}#casePanel .case-tabs{width:100%}#casePanel .case-tab{flex:1;justify-content:center;padding:0 10px}#casePanel .case-subfilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}#casePanel .case-sub,#casePanel .case-tour-select{flex:0 0 auto}}
@media(max-width:560px){#casePanel .case-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#casePanel .case-cards .case-tile{padding:8px 9px 10px}#casePanel .case-cards .case-tile-art{height:92px;min-height:92px}#casePanel .case-cards .case-tile-name{font-size:12px}#casePanel .ct-foot strong{font-size:12px}#casePanel .cs-hero p{display:none}}
@media(prefers-reduced-motion:reduce){#casePanel .case-cards .case-tile,#casePanel .case-section-head .chev{transition:none}#casePanel .case-cards .case-tile:hover{transform:none}}
/* Final responsive pass: prevent the three-column desktop masthead from forcing a 550px mobile canvas. */
@media (max-width: 800px) {
  .topbar {
    height: auto;
    min-height: 0;
    padding: 8px 0 9px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas: "audio brand" "actions actions";
    align-items: center;
    gap: 8px 10px;
  }
  .top-actions { grid-area: audio; min-width: 0; gap: 4px; }
  .brand { grid-area: brand; min-width: 0; justify-self: start; gap: 6px; }
  .brand-word { min-width: 0; gap: 4px; }
  .brand-word .rhoyskin { white-space: nowrap; }
  .header-right {
    grid-area: actions;
    display: flex;
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
  }
  .header-right > button { min-width: 0; flex-shrink: 0; }
  #openDeposit { flex: 1 1 auto; min-width: 0; }
  #openDeposit span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  #resetTop { white-space: nowrap; }
}
@media (max-width: 350px) {
  .shell { padding-left: 8px; padding-right: 8px; }
  .brand { font-size: 14px; }
  .brand-mark { width: 28px; height: 28px; flex-basis: 28px; }
  .brand-word .demo-tag { font-size: 7px; padding: 2px 3px; }
  .header-right { gap: 4px; }
  #openWallet { gap: 0; padding: 6px; }
  #openWallet .wallet-open-label,
  #openProfile .profile-open-label { display: none !important; }
  #openProfile { width: 27px; min-width: 27px; height: 29px; padding: 4px; }
  #openDeposit { flex: 0 0 34px; width: 34px; height: 29px; padding: 6px; gap: 0; justify-content: center; }
  #openDeposit svg { flex: 0 0 14px; }
  #openDeposit span { display: none; }
  #languageToggle { min-width: 32px; width: 32px; padding: 6px 4px; }
  #resetTop { width: 30px; min-width: 30px; height: 29px; padding: 5px; font-size: 0; }
  #resetTop::after { content: "↻"; font-size: 14px; line-height: 1; }
}
@media (max-width: 340px) {
  .topbar { gap: 7px 8px; }
  .brand { gap: 4px; }
  .brand-mark { width: 26px; height: 26px; flex-basis: 26px; }
  .brand-word { gap: 3px; }
  .brand-word .rhoyskin { font-size: 13px; }
  .header-right { gap: 3px; }
}
/* The case category names are wider than a small phone; keep the tabs in their own horizontal scroller. */
@media (max-width: 700px) {
  #casePanel .case-tabs {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  #casePanel .case-tab {
    flex: 0 0 auto;
    min-width: max-content;
    white-space: nowrap;
  }
}
/* Modal contents should scroll internally, never widen the viewport on phones. */
.modal-backdrop { overscroll-behavior: contain; }
.deposit-modal, .profile-modal { width: min(100%, 940px); min-width: 0; }
.deposit-controls > *, .deposit-footer > *, .profile-scroll > * { min-width: 0; }
input, select, textarea, button { touch-action: manipulation; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #ffe15b;
  outline-offset: 2px;
}
/* Tüm cihazlar: telefon / tablet / bilgisayar için son uyum katmanı */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
img,svg,video,canvas{max-width:100%}
.shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
@media(min-width:1051px){.shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}
/* Oyun sekmeleri: tablet ve telefonda düzenli 3x2 ızgara */
@media(max-width:900px){
  .mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:640px;margin:10px auto 16px}
  .mode-switch button{width:100%;min-width:0;padding:10px 6px}
  .mode-switch .mode-in{flex-direction:column!important;gap:5px;justify-content:center;align-items:center;text-align:center}
  .mode-switch .mode-txt{white-space:normal;line-height:1.15;font-size:10px;letter-spacing:.04em}
}
@media(max-width:380px){.mode-switch{gap:5px}.mode-switch .mode-txt{font-size:9px;letter-spacing:.02em}}
/* Tablet: envanter + katalog alt alta, kartlar okunur genişlikte */
@media(min-width:761px) and (max-width:900px){
  .collections{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
  .collections .skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .collections .collection-head{flex-wrap:wrap}
}
/* Dokunmatik cihazlar: iOS'ta yazı alanına tıklayınca zoom olmasın, dokunma hedefleri rahat olsun */
@supports(-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}
@media(hover:none) and (pointer:coarse){
  button,.skin-card,.case-tile{min-height:36px}
  .skin-card{min-height:0}
}
/* Modallar: mobil tarayıcı adres çubuğuna göre yükseklik */
@supports(height:100dvh){.modal-backdrop .deposit-modal,.modal-backdrop .profile-modal{max-height:94dvh}}
/* Çok geniş ekranlar */
@media(min-width:1700px){.shell{max-width:1500px;margin-left:auto;margin-right:auto}}
/* Yatay telefon */
@media(max-height:480px) and (orientation:landscape){.topbar{position:static}}
/* Telefon: kaynak kart – çark – hedef kart, bilgisayardaki gibi YAN YANA */
@media(max-width:760px){
  .upgrade-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)!important;grid-template-areas:"s w t" "a a a";gap:6px!important;align-items:center;margin-top:6px}
  .upgrade-layout .source-column{grid-area:s;align-self:center;min-width:0}
  .upgrade-layout>.hero-card.target{grid-area:t;grid-row:auto!important;min-width:0}
  .upgrade-layout .wheel-column{display:contents!important}
  .upgrade-layout .wheel-wrap{grid-area:w;justify-self:center;align-self:center;width:270px!important;max-width:none;zoom:.5}
  .upgrade-layout .wheel-inner{inset:52px!important}
  .upgrade-layout .wheel-bolts span{transform:rotate(var(--a)) translateY(-130px)!important}
  .upgrade-layout .upgrade-actions{grid-area:a;width:100%!important;max-width:420px;justify-self:center;margin-top:4px}
  .upgrade-layout .source-column>.hero-card,.upgrade-layout>.hero-card{height:clamp(176px,52vw,236px)!important;flex:0 0 auto!important;width:100%;max-width:none;margin:0;padding:7px 6px!important}
  .upgrade-layout .hero-card .hero-instruction{display:none}
  .upgrade-layout .hero-card .hero-top{gap:4px}
  .upgrade-layout .hero-card .hero-kicker{font-size:7px;letter-spacing:.02em;line-height:1.2}
  .upgrade-layout .hero-card .hero-name{font-size:11px;line-height:1.15;word-break:break-word}
  .upgrade-layout .hero-card .hero-weapon{font-size:8px}
  .upgrade-layout .hero-card .hero-price{font-size:11px}
  .upgrade-layout .hero-card .hero-image img{max-height:78px}
  .upgrade-layout .hero-card .hero-placeholder{width:62px;height:62px;font-size:22px}
  .upgrade-layout .hero-card .hero-top>span.hero-kicker{display:none}
  .upgrade-layout .hero-card .hero-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important}
}
@media(max-width:340px){.upgrade-layout .wheel-wrap{zoom:.46}}
@media(min-width:341px) and (max-width:380px){.upgrade-layout .wheel-wrap{zoom:.5}}
@media(min-width:381px) and (max-width:420px){.upgrade-layout .wheel-wrap{zoom:.52}}
@media(min-width:421px) and (max-width:480px){.upgrade-layout .wheel-wrap{zoom:.62}}
@media(min-width:481px) and (max-width:560px){.upgrade-layout .wheel-wrap{zoom:.74}}
@media(min-width:561px) and (max-width:640px){.upgrade-layout .wheel-wrap{zoom:.82}}
@media(min-width:641px) and (max-width:700px){.upgrade-layout .wheel-wrap{zoom:.88}}
@media(min-width:701px) and (max-width:760px){.upgrade-layout .wheel-wrap{zoom:.95}}
/* Telefon: Eşyalarım | Eşya seç yan yana */
@media(max-width:760px){
  .collections{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;align-items:start}
  .collections>*{min-width:0}
  .collections .collection-head{flex-direction:column!important;align-items:stretch!important;height:auto!important;gap:5px;padding:7px 6px!important}
  .collections .collection-tools{width:100%!important;flex-wrap:wrap;gap:4px!important}
  .collections .collection-tools>*{min-width:0;flex:1 1 100%!important;width:100%!important}
  .collections .collection-title{font-size:11px!important}
  .collections .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .collections .skin-card{min-height:112px;padding:5px 4px}
  .collections .skin-name,.collections .skin-card .name{font-size:9px}
  .collections input,.collections select{font-size:12px!important;padding:6px!important}
  .collections .price-filter,.collections .price-range,.collections .price-row{flex-wrap:wrap;gap:4px}
  .collections input[type=number],.collections input[placeholder=Min],.collections input[placeholder=Max]{flex:1 1 40%!important;width:auto!important;min-width:0}
}
/* Chicken Climb: telefonda da 6 basamak yan yana (bilgisayardaki gibi) */
@media(max-width:650px){
  .chicken-hud{flex-wrap:nowrap!important;gap:4px!important;margin-bottom:12px}
  .chicken-hud .chicken-stat{flex:1 1 0;min-width:0!important;padding:7px 3px!important}
  .chicken-hud .chicken-stat small{font-size:6.5px!important;letter-spacing:0!important;line-height:1.2;display:block}
  .chicken-hud .chicken-stat strong{font-size:12px!important}
  .chicken-course{min-height:300px!important;padding:16px 4px 12px!important}
  .chicken-steps{left:15%!important;right:4%!important;top:46px!important;bottom:38px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:2px!important}
  .chicken-step{transform:translateY(calc((5 - var(--step)) * -5px))!important;padding:2px 0!important}
  .chicken-step .step-loot{min-height:0!important;padding:3px 0 5px!important}
  .chicken-step .step-skin{height:26px!important}
  .chicken-step .step-skin img{max-height:25px!important}
  .chicken-step .step-name{font-size:5.5px!important;min-height:0!important;line-height:1.15;overflow:hidden;max-height:2.4em}
  .chicken-step .step-price{font-size:7.5px!important}
  .chicken-step .step-num,.chicken-step .step-chance{font-size:6px!important}
  .chicken-step .step-num{display:flex!important;flex-direction:column;align-items:center;gap:2px;white-space:normal;text-align:center}
  .chicken-step .step-multiplier{font-size:6px!important;padding:1px 2px!important;border-radius:3px!important}
  .chicken-start-pad{width:34px!important;height:18px!important;left:2%!important;bottom:30px!important}
  .chicken-start-pad span{font-size:4px!important}
  .ice-cube{width:92%!important;height:16px!important;margin-bottom:12px!important}
}
/* Performans: bulanıklık efektleri (backdrop-filter) telefonda animasyonu kasıyor, kapatıldı */
*,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Case animasyonu: kaydırılan şeritte pahalı gölge filtresi yok, GPU katmanı sabit */
.case-roll-art img{filter:none!important}
.case-roulette-strip,.case-batch-lane-track{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}
.case-roll-item{contain:layout paint;backface-visibility:hidden}
.case-roll-art img{transform:translateZ(0)}
@media(max-width:760px){
  /* Skin Mağazası: üstteki filtreler ekranı kaplamasın; tüm pencere birlikte kayar, alt buton sabit kalır */
  .deposit-modal{max-height:96dvh;max-height:96vh;overflow-y:auto!important;display:block!important;-webkit-overflow-scrolling:touch}
  @supports(height:100dvh){.deposit-modal{max-height:96dvh}}
  .deposit-scroll{overflow:visible!important;max-height:none!important;min-height:0}
  .deposit-footer{position:sticky;bottom:0;z-index:5;background:#19191c}
  .deposit-head p{display:none}
  .deposit-head{gap:10px}
  .deposit-head h2{font-size:16px!important}
  .deposit-controls input,.deposit-controls select{font-size:13px!important;padding:8px 9px!important}
  .deposit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  /* Yükseltme ekranı: filtre kutuları tam genişlik, küçük düzeltmeler */
  .collections select.filter,.collections select{width:100%!important;max-width:none!important;margin:0!important;flex:1 1 100%!important}
  .collections #clearFilters{min-height:26px;padding:3px!important;flex:0 0 100%!important}
  .upgrade-layout .hero-card .hero-top{padding-left:6px;padding-right:2px}
  .upgrade-layout .hero-card .hero-kicker{padding-left:2px}
}
@media(max-width:800px){
  .topbar{grid-template-columns:34px minmax(0,1fr) 34px!important;grid-template-areas:"audio brand ." "actions actions actions"!important}
  .topbar .brand{justify-self:center!important}
}
@media(max-width:760px){
  /* Eşya seç filtreleri: kompakt, Eşyalarım paneliyle dengeli */
  .collections .collection-tools{gap:4px!important}
  .collections select.filter{flex:1 1 calc(50% - 4px)!important;width:calc(50% - 2px)!important;min-width:0}
  .collections .collection-head .collection-tools>input.search{flex:1 1 100%!important}
  .collections input,.collections select{font-size:11px!important;padding:6px 4px!important;height:30px;box-sizing:border-box}
  .collections select.filter{font-size:10px!important}
  .collections .collection-body>.collection-tools{margin-bottom:5px!important;flex-wrap:nowrap!important}
  .collections .collection-body>.collection-tools>span{display:none}
  .collections .collection-body>.collection-tools>input{flex:1 1 0!important;width:auto!important;min-width:0}
  .collections .collection-body>.collection-tools>#clearFilters{flex:0 0 30px!important;width:30px!important;height:30px;min-height:30px;padding:0!important}
  .collections .collection-head{padding:6px!important;gap:5px!important}
  .collections .collection-body{padding:6px}
}
/* Find the Skin (telefon/tablet): oyun alanı yukarıda sabit kalır, skin seçerken oyunu görmeye devam edersin */
@media(max-width:900px){
  body.find-skin-mode .find-skin-board-panel{position:sticky;top:0;z-index:30;padding:8px!important;gap:6px!important;background:#101011;box-shadow:0 8px 14px #000c}
  body.find-skin-mode .find-skin-board-panel .fs-steps,body.find-skin-mode .find-skin-board-panel .fs-progress{display:none}
  body.find-skin-mode .find-skin-board-panel .find-skin-status{padding:7px 9px!important;font-size:11px!important;min-height:0}
  body.find-skin-mode .find-skin-stage{height:clamp(200px,32vh,290px)!important}
  body.find-skin-mode .find-skin-head p{display:none}
  body.find-skin-mode .find-skin-head{margin-bottom:8px!important}
}
@media(max-width:760px){
  #depositModal .deposit-footer{padding:7px 10px!important;gap:6px!important;flex-direction:column!important;align-items:stretch!important}
  #depositModal .deposit-footnote{font-size:8.5px!important;line-height:1.3;margin:0}
  #depositModal .deposit-foot-actions{display:flex;gap:6px;width:100%}
  #depositModal .deposit-cancel,#depositModal .deposit-confirm{padding:7px 8px!important;min-height:34px!important;font-size:10px!important;border-radius:8px!important;letter-spacing:.02em;line-height:1.15}
  #depositModal .deposit-cancel{flex:0 0 30%}
  #depositModal .deposit-confirm{flex:1 1 auto;box-shadow:none!important}
}
/* ===== PROFİL 2.0 — yeniden tasarım ===== */
#profileModal .profile-modal.pf2{width:min(100%,980px);max-height:94vh;display:flex;flex-direction:column;border-radius:22px;border:1px solid #2c3550;background:linear-gradient(180deg,#151925,#0c0e13);box-shadow:0 30px 90px #000d,0 0 0 1px #ffffff08 inset;overflow:hidden;position:relative}
#profileModal .pf2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#profileModal .pf2-x{position:absolute;top:14px;right:14px;z-index:8;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff30;background:#0b0d12b3;color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(6px);cursor:pointer;transition:.15s}
#profileModal .pf2-x:hover{background:#1b2030;border-color:#ffe15b;color:#ffe15b;transform:rotate(90deg)}
#profileModal .pf2-scroll{flex:1;min-height:0;overflow:auto;padding:0 0 22px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a4260 transparent}
#profileModal .pf2-scroll>*:not(.pf2-hero){margin-left:22px;margin-right:22px}

/* HERO */
#profileModal .pf2-hero{position:relative;overflow:hidden;padding:0 22px 18px;background:linear-gradient(180deg,transparent,#0f121a 62%)}
#profileModal .pf2-banner{position:absolute;inset:0 0 auto 0;height:170px;background-size:cover;background-position:center;opacity:.95;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
#profileModal .pf2-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 100%,#0c0e1399,transparent 60%),repeating-linear-gradient(115deg,#ffffff06 0 2px,transparent 2px 14px)}
#profileModal .pf2-hero-body{position:relative;display:flex;align-items:flex-end;gap:22px;padding-top:80px}
#profileModal .pf2-avatar-wrap{position:relative;flex:0 0 auto}
#profileModal .pf2 .profile-avatar-large{width:128px;height:128px;margin:0;align-self:auto;border-radius:50%;background:#10131b;box-shadow:0 10px 34px #000b;position:relative;display:grid;place-items:center}
#profileModal .pf2 .profile-avatar-visual{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#3a4868,#111827 74%)}
#profileModal .pf2 .profile-avatar-visual img{position:relative;z-index:1;width:86%;height:86%;padding:0;object-fit:contain;filter:drop-shadow(0 4px 6px #000b)}
#profileModal .pf2 .profile-avatar-visual img.pf-photo{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%;filter:none}
.pf2-initial{position:absolute;inset:0;z-index:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:1000;font-size:46px;line-height:1;color:#ffe15bcc;letter-spacing:.02em;text-shadow:0 2px 10px #000a}
.profile-avatar-visual.is-loaded .pf2-initial{display:none}
.profile-mini-avatar .pf2-initial{font-size:15px}
#profileModal .pf2-lvl-badge{position:absolute;right:-2px;bottom:4px;z-index:6;min-width:38px;height:38px;padding:0 6px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffe34a,#d89a14);color:#1a1405;font-weight:1000;font-size:15px;border:3px solid #0f121a;box-shadow:0 4px 14px #ffb52e66}
#profileModal .pf2-avatar-edit{position:absolute;left:-2px;bottom:4px;z-index:6;width:32px;height:32px;border-radius:50%;border:2px solid #0f121a;background:#263250;color:#dfe8ff;font-size:14px;display:grid;place-items:center;cursor:pointer;transition:.15s}
#profileModal .pf2-avatar-edit:hover{background:#34447a;transform:scale(1.1)}
#profileModal .pf2-id{flex:1;min-width:0;padding-bottom:6px}
#profileModal .pf2-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
#profileModal .pf2-id .profile-name-row{display:flex;gap:8px;align-items:center}
#profileModal .pf2-name input{flex:1;min-width:0;border:1px solid transparent;border-radius:12px;background:transparent;color:#fff;padding:9px 12px;font-size:26px;font-weight:1000;letter-spacing:.01em;outline:none;transition:.15s;font-family:inherit}
#profileModal .pf2-name input:hover{border-color:#2f3a5a}
#profileModal .pf2-name input:focus{border-color:#ffe15b;background:#0d1019}
#profileModal .pf2-name button{border:1px solid #6b5a1e;border-radius:10px;background:#2a2312;color:#ffe15b;padding:10px 14px;font-size:11px;font-weight:900;cursor:pointer}
#profileModal .pf2-name button:hover{background:#3a3016}
#profileModal .pf-bio{margin:6px 2px 0;color:#b9c2dd;font-size:12px;font-style:italic}
#profileModal #profileSavedLabel{margin:6px 2px 0;font-size:10px;color:#6f7a96}

/* XP */
#profileModal .pf2-xp{position:relative;margin-top:18px;padding:13px 16px;border-radius:16px;border:1px solid #2f3a58;background:linear-gradient(110deg,#1b2436,#141824)}
#profileModal .pf2-xp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
#profileModal .pf2-xp-left{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#profileModal .pf2-xp-level{font-size:19px;font-weight:1000;color:#fff;letter-spacing:.02em}
#profileModal .pf2 .profile-xp-track{height:12px;margin-top:10px;border-radius:99px;background:#0b0e15;border:1px solid #2a3350;overflow:hidden}
#profileModal .pf2 .profile-xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ff9d1c,#ffe34a);box-shadow:0 0 16px #ffc42e88;position:relative;transition:width .5s cubic-bezier(.2,.8,.2,1)}
#profileModal .pf2 .profile-xp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:translateX(-100%);animation:pf2Shine 2.6s ease-in-out infinite}
@keyframes pf2Shine{to{transform:translateX(100%)}}
body.profile-reduced-effects #profileModal .pf2 .profile-xp-fill:after{animation:none}
#profileModal .pf2-xp-next{margin-top:7px;font-size:11px}

/* WELCOME */
#profileModal .pf2 .profile-welcome{margin-top:14px;border-radius:14px;border-color:#7a6424;background:linear-gradient(100deg,#2c2512,#1b1a14);color:#f6e6a6}

/* section titles */
#profileModal .pf2-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:22px;margin-bottom:10px}
#profileModal .pf2-section-title h3{margin:0;font-size:12px;font-weight:1000;letter-spacing:.14em;color:#e8ecff}
#profileModal .pf2-section-title .profile-muted{margin-top:3px}

/* QUICK PLAY */
#profileModal .pf2-play{margin-top:14px}
#profileModal .pf2-play .pf2-section-title{margin-top:0}
#profileModal .pf2-play-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#profileModal .pf2-go{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px 13px 12px;border-radius:15px;border:1px solid #2f3a58;background:linear-gradient(150deg,#1d2538,#131722);color:#eef2ff;text-align:left;cursor:pointer;transition:.18s;overflow:hidden;min-width:0}
#profileModal .pf2-go:before{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#ffe15b30,transparent 70%);transition:.2s}
#profileModal .pf2-go:hover{transform:translateY(-3px);border-color:#ffe15b;box-shadow:0 10px 26px #ffc42e22}
#profileModal .pf2-go:hover:before{transform:scale(1.5)}
#profileModal .pf2-go-ico{font-size:22px;line-height:1}
#profileModal .pf2-go-name{font-size:12px;font-weight:1000;line-height:1.2}
#profileModal .pf2-go-sub{font-size:10px;color:#8d98b8;font-weight:800}
#profileModal .pf2-go-sub.hot{color:#ffe15b}
#profileModal .pf2-go-sub.hot:before{content:"● ";color:#ff6a3d}

/* TABS */
#profileModal .pf2-tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;margin-top:14px;margin-bottom:0;padding:10px 0 10px;overflow-x:auto;background:linear-gradient(180deg,#0e1117f2 75%,#0e111700);backdrop-filter:blur(8px);scrollbar-width:none}
#profileModal .pf2-tabs::-webkit-scrollbar{display:none}
#profileModal .pf2-tab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;border:1px solid #2a3350;background:#141824;color:#aab4d2;font-size:11px;font-weight:900;letter-spacing:.05em;cursor:pointer;transition:.15s;white-space:nowrap}
#profileModal .pf2-tab:hover{border-color:#5d6a95;color:#fff}
#profileModal .pf2-tab.on{background:linear-gradient(180deg,#ffe34a,#d9a21a);border-color:#ffe34a;color:#17140a;box-shadow:0 4px 18px #ffc42e33}
#profileModal .pf2-tab i{font-style:normal;min-width:17px;height:17px;padding:0 5px;display:inline-grid;place-items:center;border-radius:99px;background:#ff5a3d;color:#fff;font-size:9px;font-weight:1000}
#profileModal .pf2-pane[hidden]{display:none!important}
#profileModal .pf2-pane{animation:pf2In .25s ease}
@keyframes pf2In{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.profile-reduced-effects #profileModal .pf2-pane{animation:none}

/* cards */
#profileModal .pf2-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#profileModal .pf2-card{position:relative;padding:16px;border-radius:18px;border:1px solid #2f3a58;background:linear-gradient(160deg,#1b2233,#12151d);overflow:hidden;min-width:0}
#profileModal .pf2-card h4{margin:0 0 3px;font-size:13px;font-weight:1000;color:#fff;letter-spacing:.02em}
#profileModal .pf2-card .profile-muted{font-size:11px}
#profileModal .pf2-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
#profileModal .pf2-streak-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
#profileModal .pf2-day{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border-radius:11px;border:1px solid #2a3350;background:#10131b;font-size:9px;font-weight:900;color:#8590b0}
#profileModal .pf2-day b{font-size:14px;color:#c7d0ee;line-height:1}
#profileModal .pf2-day.done{border-color:#3f7d3c;background:linear-gradient(180deg,#1d3320,#12201a);color:#a8f0a0}
#profileModal .pf2-day.done b{color:#a8f0a0}
#profileModal .pf2-day.today{border-color:#ffe15b;background:linear-gradient(180deg,#3a3010,#1d1808);color:#ffe15b;box-shadow:0 0 18px #ffc42e44;animation:pf2Pulse 1.8s ease-in-out infinite}
#profileModal .pf2-day.today b{color:#ffe15b}
#profileModal .pf2-day.big b{font-size:15px}
@keyframes pf2Pulse{50%{box-shadow:0 0 28px #ffc42e99}}
body.profile-reduced-effects #profileModal .pf2-day.today{animation:none}
#profileModal .pf2-cta{width:100%;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid #ffe34a;background:linear-gradient(180deg,#ffe34a,#d89d14);color:#17140a;font-size:12px;font-weight:1000;letter-spacing:.05em;cursor:pointer;transition:.15s;box-shadow:0 6px 20px #ffc42e33}
#profileModal .pf2-cta:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}
#profileModal .pf2-cta:disabled{border-color:#2f3a58;background:#171c29;color:#7b86a5;box-shadow:none;cursor:default}
#profileModal .pf2-cta.ghost{background:#222b44;border-color:#44527f;color:#e5ecff;box-shadow:none}
#profileModal .pf2-next-body{display:flex;gap:14px;align-items:center}
#profileModal .pf2-next-art{flex:0 0 118px;height:96px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(ellipse at center,#4a3f1f88,#10131b 75%);border:1px solid #3a3820;overflow:hidden}
#profileModal .pf2-next-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #000a)}
#profileModal .pf2-next-art .outcome-placeholder{font-size:20px;font-weight:1000;color:#ffe15baa}
#profileModal .pf2-next-name{font-size:13px;font-weight:1000;color:#fff;line-height:1.3}
#profileModal .pf2-next-price{font-size:16px;font-weight:1000;color:#ffe15b;margin:3px 0 6px}
#profileModal .pf2-mini{height:7px;border-radius:99px;background:#0b0e15;border:1px solid #2a3350;overflow:hidden}
#profileModal .pf2-mini span{display:block;height:100%;background:linear-gradient(90deg,#ff9d1c,#ffe34a);border-radius:99px}
#profileModal .pf2-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#profileModal .pf2-xpchip{padding:4px 9px;border-radius:99px;background:#141a29;border:1px solid #2a3350;color:#9fb0d8;font-size:10px;font-weight:800}
#profileModal .pf2-xpchip b{color:#ffe15b}

/* stats */
#profileModal .pf2-stats.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
#profileModal .pf2-stat{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border-radius:16px;border:1px solid #2f3a58;background:linear-gradient(145deg,#1c2334,#12151e);transition:.15s}
#profileModal .pf2-stat:hover{transform:translateY(-2px);border-color:#6b5d2b}
#profileModal .pf2-stat-ico{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#10131b;border:1px solid #2a3350;font-size:20px}
#profileModal .pf2-ring{--p:0;flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffe34a calc(var(--p)*1%),#0e121b 0);position:relative;font-size:11px;font-weight:1000;color:#fff}
#profileModal .pf2-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#141824}
#profileModal .pf2-ring span{position:relative}
#profileModal .pf2-stat-txt{min-width:0}
#profileModal .pf2-stat-txt small{display:block;color:#8d98b8;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#profileModal .pf2-stat-txt strong{display:block;margin-top:3px;font-size:19px;font-weight:1000;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#profileModal .pf2-stat-txt em{display:block;margin-top:2px;font-style:normal;color:#7f8aa9;font-size:10px}

/* badges */
#profileModal .pf2-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
#profileModal .pf2-badge{display:flex;gap:11px;align-items:center;padding:12px;border-radius:15px;border:1px solid #2a3350;background:#12151e;opacity:.72}
#profileModal .pf2-badge .ico{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0d1018;font-size:20px;filter:grayscale(1)}
#profileModal .pf2-badge b{display:block;font-size:11px;color:#dfe5fb}
#profileModal .pf2-badge small{display:block;margin-top:2px;font-size:10px;color:#7f8aa9;line-height:1.3}
#profileModal .pf2-badge .pf2-mini{margin-top:6px;height:5px}
#profileModal .pf2-badge.got{opacity:1;border-color:#7a6424;background:linear-gradient(150deg,#2a2412,#15151a)}
#profileModal .pf2-badge.got .ico{filter:none;background:radial-gradient(circle,#4a3d14,#1a1608);border:1px solid #8a722a}
#profileModal .pf2-badge.got b{color:#ffe15b}

/* featured */
#profileModal .profile-featured{padding:14px;border-radius:16px;border:1px solid #6a5a26;background:linear-gradient(120deg,#2d2916,#141720)}
#profileModal .profile-empty-featured{padding:20px;border-radius:16px;border:1px dashed #3a4566;background:#11141c;color:#97a3c4;font-size:12px}

/* missions */
#profileModal .pf2 .profile-quest-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#profileModal .pf2 .pf-quest-sum{grid-column:1/-1;padding:12px 14px;border-radius:14px;border:1px solid #2f3a58;background:#12151e;font-size:12px}
#profileModal .pf2 .pf-q{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border-radius:15px;border:1px solid #2f3a58;background:linear-gradient(135deg,#1c2231,#13161f)}
#profileModal .pf2 .pf-q.done{border-color:#4d8a2f;background:linear-gradient(135deg,#1c2e1b,#131a14);box-shadow:0 0 22px #4d8a2f22}
#profileModal .pf2 .pf-q.claimed{opacity:.55}
#profileModal .pf2 .pf-q button{padding:9px 12px;min-width:64px;border-radius:10px;border:1px solid #6b5a1e;background:#2a2312;color:#ffe15b;font-weight:1000;font-size:10px;cursor:pointer}
#profileModal .pf2 .pf-q button.play{border-color:#44527f;background:#222b44;color:#e5ecff}
#profileModal .pf2 .pf-q button.play:hover{border-color:#ffe15b;color:#ffe15b}
#profileModal .pf2 .pf-q.done button:not(:disabled){border-color:#ffe34a;background:linear-gradient(180deg,#ffe34a,#d89d14);color:#17140a}
#profileModal .pf2 .pf-q button:disabled{opacity:.4;cursor:default}
#profileModal .pf2 .profile-level-rewards{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3a4260 transparent}
#profileModal .pf2 .profile-level-reward{flex:0 0 168px;scroll-snap-align:start;border-radius:16px;padding:11px;background:linear-gradient(160deg,#1b2233,#12151d);border-color:#2f3a58}
#profileModal .pf2 .profile-level-reward.claimable{border-color:#ffe34a;box-shadow:0 0 24px #ffc42e33;background:linear-gradient(160deg,#2c2812,#14161c)}
#profileModal .pf2 .profile-level-art{height:96px!important;min-height:96px!important}

/* collection / panels */
#profileModal .pf2 .profile-panel{margin-top:12px;padding:15px;border-radius:18px;border-color:#2f3a58;background:linear-gradient(160deg,#1a2031,#12151d)}
#profileModal .pf2-grid-2 .profile-panel{margin-top:0}
#profileModal .pf2 .profile-panel h3{font-size:12px;letter-spacing:.12em}
#profileModal .pf2 .profile-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#profileModal .pf2 .profile-action-btn,#profileModal .pf2 .profile-small-btn{cursor:pointer}

/* customize */
#profileModal .profile-avatar-choices{display:flex!important;flex-wrap:wrap;gap:10px;margin-top:10px}
#profileModal .pf2-tile{position:relative;width:62px!important;height:62px!important;border-radius:16px!important;overflow:hidden;display:grid;place-items:center;border:2px solid #2f3a58!important;background:linear-gradient(145deg,#26324b,#10131b)!important;padding:0!important;cursor:pointer;transition:.15s}
#profileModal .pf2-tile img{position:relative;z-index:1;width:88%!important;height:88%!important;object-fit:contain}
#profileModal .pf2-tile img.pf-photo{width:100%!important;height:100%!important;object-fit:cover!important}
#profileModal .pf2-tile .pf2-fb{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:1000;color:#ffe15baa}
#profileModal .pf2-tile.is-loaded .pf2-fb{display:none}
#profileModal .pf2-tile:hover{transform:translateY(-3px);border-color:#8ca9e2!important}
#profileModal .pf2-tile.active{border-color:#ffe15b!important;box-shadow:0 0 0 3px #ffe15b30,0 0 18px #ffc42e44}
#profileModal .pf2-tile.active:after{content:"✓";position:absolute;right:3px;top:3px;z-index:3;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ffe15b;color:#17140a;font-size:10px;font-weight:1000}
#profileModal .pf2 .pf-label{margin:16px 0 8px}

/* header button */
.profile-open{position:relative}
.pf2-dot{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#ff4a3a;color:#fff;font-size:10px;font-weight:1000;border:2px solid #0f1117;box-shadow:0 0 12px #ff4a3a99;animation:pf2Dot 1.8s ease-in-out infinite;pointer-events:none}
@keyframes pf2Dot{50%{transform:scale(1.18)}}
body.profile-reduced-effects .pf2-dot{animation:none}
.profile-mini-avatar .profile-avatar-visual{position:relative}
.profile-mini-avatar .profile-avatar-visual img{position:relative;z-index:1}

/* responsive */
@media(max-width:860px){
  #profileModal .pf2-play-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #profileModal .pf2-stats.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  #profileModal .pf2-scroll>*:not(.pf2-hero){margin-left:12px;margin-right:12px}
  #profileModal .pf2-hero{padding:0 12px 14px}
  #profileModal .pf2-hero-body{flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:96px}
  #profileModal .pf2 .profile-avatar-large{width:108px;height:108px}
  #profileModal .pf2-id{width:100%}
  #profileModal .pf2-chips{justify-content:center}
  #profileModal .pf2-name input{font-size:20px;text-align:center}
  #profileModal .pf2-grid-2{grid-template-columns:minmax(0,1fr)}
  #profileModal .pf2 .profile-quest-grid{grid-template-columns:minmax(0,1fr)}
  #profileModal .pf2-play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #profileModal .pf2-play-grid .pf2-go:last-child:nth-child(odd){grid-column:1/-1}
  #profileModal .pf2-next-art{flex-basis:92px;height:80px}
  #profileModal .pf2-streak-days{gap:4px}
  #profileModal .pf2-stat-txt strong{font-size:16px}
  #profileModal .pf2 .profile-modal,#profileModal .profile-modal.pf2{max-height:96vh;border-radius:18px}
  #profileModal .pf2-tab{padding:9px 13px}
  #profileModal .pf2 .profile-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* oyun modu sekmeleri: hafif hover/basma animasyonu */
.mode-switch button.mode-tab{transition:transform .18s cubic-bezier(.2,.8,.2,1),color .16s,background .16s,filter .18s}
.mode-tab .mode-in{position:relative;overflow:hidden}
.mode-tab .mode-in:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:38%;background:linear-gradient(100deg,transparent,#ffffff26,transparent);transform:skewX(-20deg);transition:left .55s ease;pointer-events:none}
.mode-switch button.mode-tab:hover .mode-in:after{left:140%}
.mode-tab .mode-ico{transition:transform .2s cubic-bezier(.2,.8,.2,1),background .16s,color .16s,border-color .16s}
.mode-switch button.mode-tab:hover .mode-ico{transform:translateY(-1px) scale(1.08)}
.mode-switch button.mode-tab:hover:not(.active){filter:drop-shadow(0 6px 10px #e8b03526)}
.mode-switch button.mode-tab:active{transform:translateY(1px) scale(.975);transition-duration:.07s}
.mode-switch button.mode-tab:focus-visible{outline:2px solid #ffe15b;outline-offset:3px}
body.profile-reduced-effects .mode-tab .mode-in:after{display:none}
@media(prefers-reduced-motion:reduce){.mode-tab .mode-in:after{display:none}.mode-switch button.mode-tab,.mode-tab .mode-ico{transition:none}}
/* ===== CHICKEN CLIMB 2.0: kutup ışıkları arka planı + kazanma hissi ===== */
body.chicken-mode .chicken-course:before{display:none!important}
.cc-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#040816 0%,#08142b 34%,#0c2038 62%,#050d16 100%)}
.cc-aurora{position:absolute;left:-25%;right:-25%;top:-12%;height:72%;filter:blur(30px);mix-blend-mode:screen;opacity:.8}
.cc-aurora.a{background:linear-gradient(100deg,transparent 8%,color-mix(in srgb,var(--heat,#8fd3ff) 55%,#27f2b0) 34%,transparent 62%);transform:skewY(-7deg);animation:ccAurA 15s ease-in-out infinite alternate}
.cc-aurora.b{background:linear-gradient(80deg,transparent 22%,#8b5cff88 46%,transparent 72%);animation:ccAurB 21s ease-in-out infinite alternate;opacity:.65}
.cc-aurora.c{top:6%;height:40%;background:linear-gradient(95deg,transparent 30%,color-mix(in srgb,var(--heat,#8fd3ff) 60%,#ffffff) 52%,transparent 78%);opacity:.28;animation:ccAurA 26s ease-in-out infinite alternate-reverse}
@keyframes ccAurA{0%{transform:translateX(-6%) skewY(-7deg)}100%{transform:translateX(7%) skewY(-3deg)}}
@keyframes ccAurB{0%{transform:translateX(8%) scaleY(.9)}100%{transform:translateX(-8%) scaleY(1.12)}}
.cc-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.7;animation:ccTw 3.6s ease-in-out infinite}
@keyframes ccTw{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1.2)}}
.cc-snow{position:absolute;top:-10px;width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#e8f6ff;opacity:.6;animation:ccSnow var(--d,11s) linear var(--l,0s) infinite}
@keyframes ccSnow{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--x,30px),560px,0)}}
.cc-mount{position:absolute;left:0;right:0;bottom:0;width:100%;height:46%}
body.chicken-mode .chicken-course:after{background:linear-gradient(180deg,transparent 0,#0a142840 35%,#050b14e0 100%)!important;border-top:0!important}
body.chicken-mode .chicken-course.chicken-win-flash:after{background:linear-gradient(180deg,transparent 0,#3a5a2a33 40%,#07140ee0 100%)!important}
body.chicken-mode .chicken-course{box-shadow:inset 0 0 60px #02060f99,0 10px 40px #0009}
body.chicken-mode .chicken-course.chicken-win-flash .cc-aurora{opacity:1;filter:blur(22px) saturate(1.5)}
body.chicken-mode .chicken-course.chicken-win-flash .cc-aurora.a{--heat:#ffe15b}
/* parıltı parçacıkları */
.cc-spark{position:absolute;z-index:6;width:6px;height:6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,var(--c,#ffe15b) 60%,transparent 70%);animation:ccSpark .75s ease-out forwards}
@keyframes ccSpark{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
/* kazanma ekranı: dönen ışınlar */
body.chicken-mode .chicken-win-overlay.open:before{content:"";position:absolute;left:50%;top:44%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffe15b12 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 38%);mask-image:radial-gradient(circle,#000 4%,transparent 38%);animation:ccRays 26s linear infinite}
@keyframes ccRays{to{transform:rotate(360deg)}}
body.chicken-mode .chicken-win-overlay .chicken-loss-card{z-index:2}
body.profile-reduced-effects .cc-aurora,body.profile-reduced-effects .cc-star,body.profile-reduced-effects .cc-snow,body.profile-reduced-effects .chicken-win-overlay.open:before{animation:none!important}
body.profile-reduced-effects .cc-snow{display:none}
@media(prefers-reduced-motion:reduce){.cc-aurora,.cc-star,.cc-snow{animation:none!important}.cc-snow{display:none}.chicken-win-overlay.open:before{animation:none!important}}
/* RHOYSKIN: telefon uyumluluğu (iPhone çentiği, 100dvh, yatay taşma, dokunma) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
html,body{max-width:100%;overflow-x:clip}
img,video,canvas,svg{max-width:100%}
button,a,select,summary,[role=button],input[type=checkbox],input[type=range]{touch-action:manipulation}
@supports(padding:max(0px)){
  .shell{padding-left:max(var(--sf-pad,10px),env(safe-area-inset-left))!important;padding-right:max(var(--sf-pad,10px),env(safe-area-inset-right))!important;padding-bottom:max(22px,env(safe-area-inset-bottom))!important}
  .topbar{padding-top:env(safe-area-inset-top)}
  footer.sf-legal{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:760px){
  :root{--sf-pad:10px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important}
  .deposit-modal,.profile-modal,.wallet-modal,[class$="-modal"]{max-height:calc(100dvh - 12px)}
  [class*="chip"],[class*="tabs"],[class*="filter-row"],.deposit-controls{-webkit-overflow-scrolling:touch;scrollbar-width:none}
  [class*="chip"]::-webkit-scrollbar,[class*="tabs"]::-webkit-scrollbar{display:none}
  .toast{max-width:calc(100vw - 20px)}
}
@media(max-width:380px){.brand{font-size:14px}}
@media(hover:none){.skin-card:hover{transform:none}}
/* RHOYSKIN logo: yumuşak ışık süpürmesi + nefes alan parıltı (dikkat dağıtmayan) */
.brand-word .rhoyskin{font-size:24px;font-weight:950;letter-spacing:.12em;filter:drop-shadow(0 2px 0 #0008) drop-shadow(0 0 14px #ffb81f40);animation:sfGlow 5.5s ease-in-out infinite}
.brand-word .sk-silver,.brand-word .sk-gold{background-repeat:no-repeat;background-size:260% 100%,100% 100%;background-position:170% 0,0 0}
.brand-word .sk-silver{background-image:linear-gradient(105deg,transparent 42%,#ffffffcc 50%,transparent 58%),linear-gradient(180deg,#ffffff,#b9b9c6 70%,#8f8f9c);animation:sfSweep 6.5s ease-in-out infinite}
.brand-word .sk-gold{background-image:linear-gradient(105deg,transparent 42%,#fffbe0f0 50%,transparent 58%),linear-gradient(180deg,#fff7c4,#ffdf35 45%,#e0951a 85%);animation:sfSweep 6.5s ease-in-out .55s infinite}
.brand-word .demo-tag{animation:sfTag 5.5s ease-in-out infinite}
.brand-mark svg{animation:sfMark 5.5s ease-in-out infinite;transform-origin:50% 60%}
.brand:hover .brand-mark svg{animation-duration:1.6s}
@keyframes sfSweep{0%,12%{background-position:170% 0,0 0}58%,100%{background-position:-70% 0,0 0}}
@keyframes sfGlow{0%,100%{filter:drop-shadow(0 2px 0 #0008) drop-shadow(0 0 10px #ffb81f2e)}50%{filter:drop-shadow(0 2px 0 #0008) drop-shadow(0 0 20px #ffb81f6e)}}
@keyframes sfMark{0%,100%{filter:drop-shadow(0 0 6px #ff9d1f40);transform:translateY(0) rotate(0)}50%{filter:drop-shadow(0 0 14px #ff9d1f90);transform:translateY(-1px) rotate(-2deg)}}
@keyframes sfTag{0%,100%{box-shadow:0 0 0 #ffcf4a00}50%{box-shadow:0 0 10px #ffcf4a40}}
@media(max-width:760px){.brand-word .rhoyskin{font-size:18px;letter-spacing:.07em}}
@media(max-width:380px){.brand-word .rhoyskin{font-size:16px;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.brand-word .rhoyskin,.brand-word .sk-silver,.brand-word .sk-gold,.brand-word .demo-tag,.brand-mark svg{animation:none!important}}
body.profile-reduced-effects .brand-word .rhoyskin,body.profile-reduced-effects .brand-word .sk-silver,body.profile-reduced-effects .brand-word .sk-gold,body.profile-reduced-effects .brand-word .demo-tag,body.profile-reduced-effects .brand-mark svg{animation:none!important}
/* ===== DAILY HUB v2 · giriş serisi, ödül çarkı, haftalık lig, Prime Time XP (silmek için bu blok + JS bloğu) ===== */
@keyframes dhPulse{0%,100%{box-shadow:0 8px 28px #ffb81f55,0 0 0 0 #ffe34a66}50%{box-shadow:0 8px 34px #ffb81f99,0 0 0 10px #ffe34a00}}
@keyframes dhShine{0%{transform:translateX(-130%) skewX(-20deg)}55%,100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes dhPop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:none}}
@keyframes dhBulb{0%,100%{opacity:1}50%{opacity:.22}}
@keyframes dhTick{0%{transform:rotate(0)}30%{transform:rotate(-18deg)}100%{transform:rotate(0)}}
@keyframes dhWinSeg{from{filter:brightness(1)}to{filter:brightness(1.85) saturate(1.35)}}
@keyframes dhRays{to{transform:rotate(360deg)}}
@keyframes dhCardIn{0%{opacity:0;transform:translateY(26px) scale(.8)}60%{transform:translateY(-4px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes dhFly{0%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rt)) scale(.6)}}
@keyframes dhToday{0%,100%{box-shadow:0 0 0 1px #ffe34a,0 0 14px #ffe34a44}50%{box-shadow:0 0 0 1px #ffe34a,0 0 26px #ffe34a99}}
@keyframes dhBtnShine{0%{transform:translateX(-140%) skewX(-22deg)}50%,100%{transform:translateX(340%) skewX(-22deg)}}
/* --- yüzen ödül butonu --- */
.dh-chip{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9000;display:flex;align-items:center;gap:10px;padding:7px 15px 7px 8px;border:1px solid #4b4020;border-radius:99px;background:linear-gradient(180deg,#26231b,#141310);color:#f3e7ad;cursor:pointer;overflow:hidden;box-shadow:0 8px 26px #000a;font-family:Bahnschrift,Inter,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}
.dh-chip:hover{transform:translateY(-2px)}
.dh-chip-ico{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff3a6,#e8a91f 55%,#8a5a12);box-shadow:inset 0 -3px 6px #0006,0 0 0 2px #17140a}
.dh-chip-ico svg{width:20px;height:20px;fill:none;stroke:#2a1c04;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dh-chip-tx{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.dh-chip-tx small{font-size:8.5px;letter-spacing:.16em;color:#a89b63;font-weight:900}
.dh-chip-tx b{font-size:13px;letter-spacing:.05em;font-weight:1000;font-variant-numeric:tabular-nums}
.dh-chip-n{display:none;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#eb4b4b;color:#fff;font:1000 11px/20px Bahnschrift,sans-serif;text-align:center;box-shadow:0 0 12px #eb4b4b99}
.dh-chip.ready{border-color:#ffe34a;background:linear-gradient(180deg,#4d3c0f,#2a2108);color:#fff7c4;animation:dhPulse 1.9s ease-in-out infinite}
.dh-chip.ready .dh-chip-tx small{color:#ebcd62}.dh-chip.ready .dh-chip-tx b{color:#ffe34a;text-shadow:0 0 12px #ffe34a66}.dh-chip.ready .dh-chip-n{display:block}
.dh-chip.ready:after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(90deg,transparent,#fff6,transparent);animation:dhShine 3.2s ease-in-out infinite;pointer-events:none}
/* --- panel --- */
.dh-ov{position:fixed;inset:0;z-index:10040;display:none;align-items:center;justify-content:center;padding:14px;background:radial-gradient(ellipse at 50% 30%,#2a1d0acc,#000d 70%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dh-ov.open{display:flex}
.dh-p{position:relative;width:min(580px,100%);max-height:94vh;overflow:auto;border:1px solid #6b5722;border-radius:22px;background:radial-gradient(ellipse 80% 26% at 50% 0%,#5a3d1060,transparent 72%),linear-gradient(165deg,#1a1820,#0f0f12 60%);box-shadow:0 30px 120px #000e,0 0 0 1px #00000088,inset 0 1px 0 #ffffff12;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.dh-head{display:flex;align-items:center;gap:12px;padding:16px 16px 4px}
.dh-head-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff3a6,#e8a91f 58%,#7a4d0e);box-shadow:inset 0 -4px 8px #0005,0 6px 18px #ffb81f44}
.dh-head-ico svg{width:26px;height:26px;fill:none;stroke:#2a1c04;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dh-head-tx{flex:1;min-width:0}.dh-head h2{margin:0;font:1000 22px Bahnschrift,"DIN Alternate",Inter,sans-serif;letter-spacing:.06em;background:linear-gradient(180deg,#fff7c4,#ffc42e 60%,#c2760f);-webkit-background-clip:text;background-clip:text;color:transparent}
.dh-head p{margin:2px 0 0;color:#8f8a78;font:700 11px Bahnschrift,Inter,sans-serif;letter-spacing:.04em}
.dh-x{width:40px;height:40px;border:1px solid #3a3a40;border-radius:12px;background:#19191c;color:#ddd;font-size:22px;cursor:pointer}.dh-x:hover{background:#25252a}
.dh-tabs{display:flex;gap:6px;margin:12px 16px 8px;padding:5px;border:1px solid #33301f;border-radius:14px;background:#12110e}
.dh-tabs button{position:relative;flex:1;padding:11px 6px;border:0;border-radius:10px;background:transparent;color:#a9a392;font:900 12px Bahnschrift,Inter,sans-serif;letter-spacing:.06em;cursor:pointer}
.dh-tabs button.on{background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#17140a;box-shadow:0 4px 14px #ffb81f33}
.dh-tabs button i{position:absolute;right:10px;top:8px;width:8px;height:8px;border-radius:50%;background:#eb4b4b;box-shadow:0 0 8px #eb4b4b}
.dh-b{padding:4px 16px 20px}
.dh-strip{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 4px}.dh-strip span{padding:6px 11px;border-radius:99px;border:1px solid #3a3320;background:#1a1913;color:#ecdc8c;font:900 11px Bahnschrift,Inter,sans-serif;letter-spacing:.03em}
.dh-strip .hot{border-color:#ff7a1a;color:#ffb36b}.dh-strip .prime{border-color:#ffe34a;color:#ffe34a;box-shadow:0 0 14px #ffe34a33}.dh-strip .boost{border-color:#ff9d1f;color:#ffc46b;box-shadow:0 0 14px #ff9d1f33}
.dh-sec{display:flex;align-items:center;gap:10px;margin:20px 0 10px;color:#ffe34a;font:1000 12px Bahnschrift,Inter,sans-serif;letter-spacing:.14em}
.dh-sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#6b572266,transparent)}
/* --- giriş serisi --- */
.dh-days{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(66px,1fr);gap:7px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scrollbar-color:#4b4020 transparent}
.dh-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 10px;border:1px solid #2f2d22;border-radius:13px;background:linear-gradient(180deg,#1d1c1a,#151417);text-align:center;color:#8d8d96;font:900 9px Bahnschrift,sans-serif;letter-spacing:.06em;overflow:hidden}
.dh-day em{font-style:normal;color:#77777f}.dh-day .dh-day-i{font-size:24px;line-height:1.1;filter:grayscale(.5) brightness(.85)}.dh-day b{font-size:12px;color:#d9c66a;letter-spacing:.02em}.dh-day small{font-size:8px;color:#7f7f88;letter-spacing:.05em;line-height:1.2}
.dh-day.today{border-color:#ffe34a;background:linear-gradient(180deg,#3a2f0c,#1d1808);animation:dhToday 1.8s ease-in-out infinite}.dh-day.today em,.dh-day.today small{color:#e9c95a}.dh-day.today .dh-day-i{filter:none}
.dh-day.done{border-color:#3f7a2a;background:linear-gradient(180deg,#17240f,#10170c)}.dh-day.done .dh-day-i{filter:none;opacity:.5}.dh-day.done b{color:#8fe06a}
.dh-day.done:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;background:#0b1308bb;color:#8fe06a;font:1000 26px sans-serif}
.dh-day.big{border-color:#7a5b16;background:linear-gradient(180deg,#34270a,#17120a)}.dh-day.big b{color:#ffe34a}
/* --- butonlar --- */
.dh-btn{position:relative;overflow:hidden;width:100%;min-height:52px;margin-top:12px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffe86a,#d4a919 70%,#b98a0f);color:#17140a;font:1000 14px Bahnschrift,Inter,sans-serif;letter-spacing:.08em;cursor:pointer;touch-action:manipulation;box-shadow:0 8px 22px #ffb81f33,inset 0 1px 0 #fff8;transition:transform .12s ease,filter .12s ease}
.dh-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.07)}.dh-btn:active:not(:disabled){transform:translateY(1px)}
.dh-btn:not(:disabled):after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:dhBtnShine 3.4s ease-in-out infinite;pointer-events:none}
.dh-btn:disabled{background:#202024;color:#6f6f78;box-shadow:none;cursor:default}
/* --- çark --- */
.dh-wheel-wrap{position:relative;width:min(330px,80vw);aspect-ratio:1;margin:14px auto 6px;filter:drop-shadow(0 18px 26px #000c) drop-shadow(0 0 34px #ffb81f26)}
.dh-wheel{position:absolute;inset:0;will-change:transform}.dh-wheel svg,.dh-wover svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.dh-wover{position:absolute;inset:0;pointer-events:none}
.dh-sg{transition:filter .2s}.dh-sg.win{animation:dhWinSeg .45s ease-in-out infinite alternate}
.dh-bulb{animation:dhBulb 1.1s ease-in-out infinite}.dh-bulb:nth-child(even){animation-delay:.55s}
.dh-wheel-wrap.spin .dh-bulb{animation-duration:.28s}.dh-wheel-wrap.spin .dh-bulb:nth-child(even){animation-delay:.14s}
.dh-ptr{transform-origin:200px 22px}.dh-ptr.tick{animation:dhTick .14s ease-out}
.dh-fx{position:absolute;inset:0;pointer-events:none;z-index:4}.dh-fx i{position:absolute;left:50%;top:50%;width:8px;height:12px;border-radius:2px;background:var(--c);animation:dhFly .95s ease-out forwards}
.dh-leg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.dh-leg span{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 3px;border:1px solid color-mix(in srgb,var(--c) 55%,#222);border-radius:9px;background:color-mix(in srgb,var(--c) 14%,#121214);color:#e6e6ec;font:900 9.5px Bahnschrift,sans-serif;letter-spacing:.03em;text-align:center;line-height:1.15}
/* --- görevler --- */
.dh-q{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:7px;border:1px solid #2f2d22;border-radius:13px;background:linear-gradient(180deg,#1a191b,#151417);font-size:12px;color:#d8d8de}.dh-q.done{border-color:#4d8a2f}
.dh-q div{flex:1;min-width:0}.dh-q small{display:block;color:#8f8f98;margin-top:3px}.dh-q .bar{display:block;height:5px;margin-top:6px;border-radius:9px;background:#26262b;overflow:hidden}.dh-q .bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#c9a51c,#ffe34a)}.dh-q.done .bar i{background:linear-gradient(90deg,#4d8a2f,#8fe06a)}
.dh-q button{padding:9px 14px;border:0;border-radius:10px;background:linear-gradient(180deg,#ffe86a,#c9a51c);color:#17140a;font:1000 11px Bahnschrift,sans-serif;letter-spacing:.05em;cursor:pointer}.dh-q button[data-go]{background:#26262b;color:#d9d9e0}
/* --- lig --- */
.dh-pod{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:8px;align-items:end;margin:12px 0 10px}
.dh-pod>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border:1px solid #3a3320;border-radius:14px;background:linear-gradient(180deg,#201d12,#141310);text-align:center;font:900 11px Bahnschrift,sans-serif;color:#d8d8de;min-width:0}
.dh-pod>div span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-pod>div strong{font-size:26px;line-height:1}.dh-pod>div em{font-style:normal;color:#ffe34a}
.dh-pod .p1{padding-top:20px;padding-bottom:20px;border-color:#ffe34a;background:linear-gradient(180deg,#3d3010,#17130a);box-shadow:0 0 24px #ffe34a2a}.dh-pod .me{border-color:#8fe06a}
.dh-row{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:5px;border:1px solid #2a2a2f;border-radius:11px;background:#16161a;font-size:13px}.dh-row b{width:34px;font:1000 14px Bahnschrift,sans-serif;color:#9a9aa3}.dh-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dh-row em{font-style:normal;font:900 12px Bahnschrift,sans-serif;color:#ffe34a}.dh-row.me{border-color:#ffe34a;background:#221e0f;box-shadow:0 0 18px #ffe34a2a}
.dh-prizes{display:grid;gap:6px;margin-top:10px}.dh-prizes div{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid #2f2d22;border-radius:10px;background:#16151a;color:#d8d8de;font:800 11px Bahnschrift,sans-serif}.dh-prizes b{min-width:56px;color:#ffe34a}
.dh-note{margin-top:12px;color:#77777f;font-size:10px;line-height:1.55}.dh-recap{padding:12px;margin-bottom:10px;border:1px solid #4d8a2f;border-radius:12px;background:#14200f;color:#b9f59a;font-size:12px}
/* --- ödül açılış ekranı --- */
.dh-rv{position:fixed;inset:0;z-index:10060;display:none;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--tc) 30%,#000) 0,#000e 62%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dh-rv.open{display:flex}
.dh-rv-rays{position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tc) 30%,transparent) 0 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 55%);mask-image:radial-gradient(circle,#000 0,transparent 55%);animation:dhRays 38s linear infinite;pointer-events:none}
.dh-rv-card{position:relative;width:min(360px,100%);padding:22px 18px 18px;border:1px solid color-mix(in srgb,var(--tc) 70%,#222);border-radius:22px;background:linear-gradient(170deg,color-mix(in srgb,var(--tc) 20%,#18161c),#0f0f12 70%);box-shadow:0 0 0 1px #000a,0 0 60px color-mix(in srgb,var(--tc) 45%,transparent),0 30px 90px #000d;text-align:center;animation:dhCardIn .6s cubic-bezier(.2,1.2,.3,1) both}
.dh-rv-tier{display:inline-block;padding:5px 14px;border-radius:99px;background:var(--tc);color:#120f06;font:1000 11px Bahnschrift,sans-serif;letter-spacing:.2em}
.dh-rv-art{display:grid;place-items:center;height:150px;margin:12px 0 6px}.dh-rv-art img{max-width:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 10px 20px #000c) drop-shadow(0 0 22px color-mix(in srgb,var(--tc) 60%,transparent))}.dh-rv-art .ico{font-size:84px;line-height:1;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--tc) 70%,transparent))}
.dh-rv-art .art-fallback{width:120px;height:120px;display:grid;place-items:center;font:1000 34px Bahnschrift,sans-serif;color:var(--tc);border:2px solid var(--tc);border-radius:50%}
.dh-rv-title{font:1000 19px Bahnschrift,Inter,sans-serif;letter-spacing:.04em;color:#fff;line-height:1.25}.dh-rv-sub{margin-top:6px;color:#b8b8c2;font:700 12px Bahnschrift,Inter,sans-serif;line-height:1.5}
.dh-rv .dh-btn{margin-top:16px}
@media(max-width:600px){.dh-ov{align-items:flex-end;padding:0}.dh-p{border-radius:22px 22px 0 0;max-height:95vh}.dh-chip{padding:6px 13px 6px 7px}.dh-chip-ico{width:32px;height:32px}.dh-chip-tx b{font-size:12px}.dh-leg{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.dh-chip.ready,.dh-chip.ready:after,.dh-btn:after,.dh-day.today,.dh-bulb,.dh-rv-rays,.dh-sg.win{animation:none!important}}
body.profile-reduced-effects .dh-chip.ready,body.profile-reduced-effects .dh-chip.ready:after,body.profile-reduced-effects .dh-btn:after,body.profile-reduced-effects .dh-bulb,body.profile-reduced-effects .dh-rv-rays{animation:none!important}
@media(min-width:761px){.brand-mark,.brand-mark svg{width:46px;height:46px;flex-basis:46px}.brand-word .rhoyskin{font-size:26px}}
.brand-mark svg{filter:drop-shadow(0 0 10px #ffb52e66)}
.brand-mark svg{filter:drop-shadow(0 0 9px #ffb52e55)}
.rh-c1,.rh-c2{animation:rhChev 2.8s ease-in-out infinite}.rh-c2{animation-delay:.35s}
@keyframes rhChev{0%,100%{opacity:1;transform:translateY(0)}45%{opacity:.35;transform:translateY(1.6px)}}
.brand-word .rhoyskin{font-weight:900;letter-spacing:.11em;filter:drop-shadow(0 0 10px #ffb81f26)}
@media(prefers-reduced-motion:reduce){.rh-c1,.rh-c2{animation:none!important}}
body.profile-reduced-effects .rh-c1,body.profile-reduced-effects .rh-c2{animation:none!important}
#sxBar{position:fixed;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#b8862b,#ffd36a,#fff1b8);box-shadow:0 0 8px rgba(255,205,90,.45);z-index:60;pointer-events:none;opacity:0;transition:opacity .25s}
#sxBar.on{opacity:1}
.sx-pre{opacity:0;transform:translate3d(0,var(--sx-d,16px),0)}
.sx-in{opacity:1;transform:none;transition:opacity var(--sx-t,.55s) ease,transform var(--sx-t,.55s) cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){html{scroll-behavior:smooth}.sx-pre{--sx-d:20px}}
@media(max-width:820px),(pointer:coarse){#sxBar{height:2px}.sx-pre{--sx-d:10px}.sx-in{--sx-t:.4s}}
@media(prefers-reduced-motion:reduce){.sx-pre{opacity:1;transform:none}.sx-in{transition:none}html{scroll-behavior:auto}}
body.profile-reduced-effects .sx-pre{opacity:1;transform:none}body.profile-reduced-effects .sx-in{transition:none}
#skPanel{display:none;padding:4px 0 30px}body.sk-mode main>:not(#skPanel){display:none!important}body.sk-mode #skPanel{display:block}
.sk-head{text-align:center;margin:6px auto 12px;max-width:760px}.sk-head h2{margin:0;font:1000 28px/1.1 Bahnschrift,"DIN Alternate",Inter,sans-serif;letter-spacing:.05em;background:linear-gradient(180deg,#fff8c8,#ffdf35 60%,#d69b17);-webkit-background-clip:text;background-clip:text;color:transparent}.sk-head p{margin:6px 0 0;color:#8f8f96;font-size:12px}
.sk-hist{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:42px;margin-bottom:14px}.sk-hist span:first-child{font-size:22px;padding:9px 18px;box-shadow:0 0 18px #0008;transform:translateY(-1px)}.sk-hist span{padding:8px 15px;border-radius:10px;font:1000 18px Bahnschrift,Inter,sans-serif;letter-spacing:.02em;background:#1b1b1d;border:1px solid #2c2c30}.sk-hist .c1{color:#ff8a7c}.sk-hist .c2{color:#ffe56b}.sk-hist .c3{color:#9eff62;border-color:#3f6a2a}
.sk-stage{position:relative;height:clamp(290px,44vw,430px);border:1px solid #2c2c30;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 125%,#2d2615,transparent 62%),#111113}.sk-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.sk-mult{position:absolute;left:50%;top:13%;transform:translateX(-50%);font:1000 clamp(46px,9vw,94px)/1 Bahnschrift,"DIN Alternate",Inter,sans-serif;color:#fff;text-shadow:0 0 30px #ffdf3555;pointer-events:none;font-variant-numeric:tabular-nums;white-space:nowrap;z-index:2}
.sk-stage.run .sk-mult{color:#ffe56b}.sk-stage.ghost .sk-mult{color:#8fb4ff;text-shadow:0 0 24px #6a9df755}.sk-stage.crash .sk-mult{color:#fc503e;text-shadow:0 0 34px #fc503e99;animation:skShake .5s}
.sk-rider{position:absolute;left:0;top:0;width:108px;height:80px;margin:-40px 0 0 -54px;pointer-events:none;will-change:transform;z-index:3}.sk-rider-in{width:100%;height:100%}.sk-rider-in img,.sk-rider-in .hero-placeholder{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px #ffdf35aa) drop-shadow(0 8px 8px #000a)}.sk-rider.swap .sk-rider-in{animation:skSwap .45s ease-out}.sk-stage.crash .sk-rider-in{animation:skBoom .7s ease-in forwards}.sk-stage.ghost .sk-rider-in{opacity:.5}
.sk-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#fc503e88,transparent 70%);opacity:0}.sk-stage.crash .sk-flash{animation:skFlash .8s ease-out}
.sk-float{position:absolute;left:50%;top:42%;transform:translateX(-50%);font:1000 22px Bahnschrift,Inter,sans-serif;color:#ffe56b;text-shadow:0 2px 10px #000;animation:skUp 1.1s ease-out forwards;pointer-events:none;z-index:4;white-space:nowrap}
.sk-info{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:10px;margin-top:10px}.sk-box{background:#171719;border:1px solid #2c2c30;border-radius:10px;padding:10px 12px;min-width:0}.sk-box small{display:block;color:#8f8f96;font-size:10px;margin-bottom:4px}.sk-box strong{font:900 17px Bahnschrift,Inter,sans-serif;color:#ffe56b}.sk-cur{display:flex;align-items:center;gap:10px}.sk-cur-art{width:84px;height:56px;flex:0 0 84px}.sk-cur-art img{width:100%;height:100%;object-fit:contain}.sk-nm{font-weight:900;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-bar{height:8px;border-radius:5px;background:#26262a;overflow:hidden;margin:8px 0 5px}.sk-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffa52e,#ffdf35);box-shadow:0 0 10px #ffdf35aa}.sk-sub{font-size:11px;color:#a5a5ad}
.sk-btn{display:block;width:min(100%,520px);margin:12px auto 0;padding:15px;border:1px solid #d2b52a;border-radius:10px;background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;font:1000 16px Bahnschrift,Inter,sans-serif;letter-spacing:.04em}.sk-btn:hover:not(:disabled){filter:brightness(1.08)}.sk-btn.cash{background:linear-gradient(180deg,#b6ff80,#4fbf3a);border-color:#8be25c;animation:skPulse .9s infinite}
.sk-status{max-width:820px;margin:12px auto 0;padding:9px 14px;border:1px solid #2f2f34;border-radius:8px;background:#141416;box-shadow:inset 3px 0 0 #ffdf35;text-align:center;font-size:12px;font-weight:800}
.sk-trail{display:flex;gap:6px;overflow:auto;min-height:6px;margin-top:10px}.sk-trail div{flex:0 0 78px;background:#171719;border:1px solid #2c2c30;border-radius:8px;padding:3px;text-align:center;font-size:9px;color:#aaa}.sk-trail img{width:100%;height:34px;object-fit:contain}
.sk-inv{margin-top:16px;border:1px solid #2c2c30;border-radius:12px;background:#141416;padding:14px}.sk-inv-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.sk-inv h3{margin:0;font-size:13px}.sk-add{border:1px solid #655522;border-radius:7px;padding:7px 10px;background:#292516;color:#ffe15b;font-weight:900;font-size:10px}.sk-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sk-card{border:1px solid #2c2c30;border-radius:9px;background:#1b1b1d;color:#eee;padding:6px;text-align:center;min-width:0}.sk-card.sel{border-color:#ffdf35;box-shadow:0 0 0 1px #ffdf3566}.sk-card img{width:100%;height:56px;object-fit:contain}.sk-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sk-card span{font-size:11px;color:#ffe56b;font-weight:900}.sk-empty{grid-column:1/-1;color:#8f8f96;padding:14px;text-align:center}
.sk-ov-win .chicken-loss-card{border-color:#4ade80;background:linear-gradient(160deg,#143222,#10181a 75%);box-shadow:0 0 0 1px #4ade8033,0 0 40px #3ddc8455,0 22px 80px #000b}.sk-ov-win .chicken-loss-kicker{color:#7dffae}
@keyframes skSwap{0%{transform:scale(.55) rotate(-8deg);opacity:.2}60%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes skBoom{to{transform:translateY(190px) rotate(45deg) scale(.25);opacity:0}}@keyframes skFlash{0%{opacity:1}100%{opacity:0}}@keyframes skUp{0%{opacity:0;margin-top:20px}20%{opacity:1}100%{opacity:0;margin-top:-60px}}@keyframes skShake{0%,100%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 9px))}75%{transform:translateX(calc(-50% + 9px))}}@keyframes skPulse{50%{box-shadow:0 0 0 6px #9eff6233,0 0 26px #9eff6255}}
@media(max-width:700px){.sk-info{grid-template-columns:1fr 1fr}.sk-info .sk-box:first-child{grid-column:1/-1}.sk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-switch #skModeButton{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.sk-rider-in,.sk-mult,.sk-float,.sk-flash,.sk-btn{animation:none!important}}body.profile-reduced-effects .sk-rider-in,body.profile-reduced-effects .sk-btn,body.profile-reduced-effects .sk-flash{animation:none!important}
.wallet-modal{width:min(100%,470px)!important;max-height:94vh;overflow:auto;border:1px solid #5a4a1c!important;background:radial-gradient(ellipse at 50% -10%,#3a2f14 0,transparent 55%),linear-gradient(180deg,#1d1d20,#111113)!important;box-shadow:0 0 0 1px #ffdf3514,0 28px 90px #000c,0 0 60px #ffdf3510!important}
.wallet-modal .wallet-head{border-bottom:1px solid #2c2c30}.wallet-modal .wallet-free-label{color:#9eff62!important;font-weight:800}
.wallet-hero{position:relative;overflow:hidden;margin:16px 20px 0;padding:18px 20px 18px;border:1px solid #7a6320;border-radius:16px;background:radial-gradient(circle at 92% 0,#ffdf3538 0,transparent 46%),linear-gradient(135deg,#332a12,#1a1810 62%,#141416);box-shadow:inset 0 1px #ffffff14,0 12px 30px #0007}
.wallet-hero:after{content:"";position:absolute;right:-30px;bottom:-46px;width:150px;height:150px;border-radius:50%;border:26px solid #ffdf3510}
.wallet-hero-top{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.wallet-ico{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#17140a;border:1px solid #6b5a1d;color:#ffe15b}.wallet-ico svg,.wallet-note svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wallet-hero-label{color:#cdbf86;font-size:12px;font-weight:800}.wallet-hero-badge{margin-left:auto;padding:3px 8px;border:1px solid #6b5a1d;border-radius:5px;background:#1c1a12;color:#ffcf4a;font-size:9px;font-weight:950;letter-spacing:.16em}
.wallet-hero #walletModalBalance{display:block;position:relative;z-index:1;margin:12px 0 4px;font:1000 40px/1.05 Bahnschrift,"DIN Alternate",Inter,sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#fff8c8,#ffdf35 65%,#d69b17);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.wallet-hero-sub{position:relative;z-index:1;color:#8f8a73;font-size:11px}
.wallet-section-title{margin:18px 20px 8px;color:#a5a5ad;font-size:11px;font-weight:850;letter-spacing:.04em}
.wallet-modal .wallet-presets{margin:0 20px;gap:9px}
.wallet-modal .wallet-presets button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:10px 6px;border:1px solid #34343a;border-radius:12px;background:linear-gradient(180deg,#232326,#18181a);color:#f4f4f6;transition:border-color .15s,transform .15s,background .15s,box-shadow .15s}
.wallet-presets button b{font:1000 19px Bahnschrift,Inter,sans-serif;color:#fff}.wallet-presets button small{font-size:9.5px;color:#85858d;font-weight:700}
.wallet-modal .wallet-presets button:hover:not(:disabled){border-color:#d4b32c;background:linear-gradient(180deg,#2c2815,#1b1a14);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 0 1px #ffdf3522}.wallet-presets button:hover:not(:disabled) b{color:#ffe56b}.wallet-presets button:active:not(:disabled){transform:translateY(0) scale(.98)}
.wallet-modal .wallet-presets button.pop{border-color:#8a7424;background:linear-gradient(180deg,#332b14,#1c1a12)}.wallet-presets button.pop b{color:#ffe56b}.wallet-presets button i{position:absolute;top:-8px;padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;font-size:8px;font-style:normal;font-weight:1000;letter-spacing:.08em}
.wallet-modal .wallet-custom-row{display:flex;gap:9px;margin:0 20px}.wallet-input{flex:1;display:flex;align-items:center;min-width:0;border:1px solid #37373d;border-radius:11px;background:#141416;transition:border-color .15s}.wallet-input:focus-within{border-color:#d4b32c;box-shadow:0 0 0 3px #ffdf3518}.wallet-input span{padding:0 4px 0 14px;color:#ffe15b;font-weight:1000;font-size:16px}.wallet-input input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:13px 12px 13px 4px;font:900 15px Bahnschrift,Inter,sans-serif;outline:none}
.wallet-modal .wallet-add-button{padding:0 20px;border:1px solid #d2b52a;border-radius:11px;background:linear-gradient(180deg,#ffe34a,#caa51b);color:#17140a;font-weight:1000;font-size:12px;white-space:nowrap}.wallet-modal .wallet-add-button:hover:not(:disabled){filter:brightness(1.08)}
.wallet-modal .wallet-actions{display:flex;gap:8px;margin:16px 20px 0;padding-top:14px;border-top:1px solid #2a2a2e}.wallet-actions button{flex:1;padding:9px 8px;border:1px solid #333338;border-radius:9px;background:#18181a;color:#a9a9b1;font-size:11px;font-weight:800}.wallet-actions button:hover{border-color:#6b5a1d;color:#ffe15b}
.wallet-modal .wallet-note{display:flex;gap:9px;align-items:flex-start;margin:14px 20px 18px;padding:10px 12px;border-radius:10px;background:#141416;border:1px solid #26262a;color:#85858d;font-size:10.5px;line-height:1.45}.wallet-note svg{flex:0 0 18px;color:#9eff62;margin-top:1px}
@media(max-width:480px){.wallet-hero #walletModalBalance{font-size:34px}.wallet-modal .wallet-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quick-settings{width:min(360px,calc(100vw - 24px))!important;padding:16px!important;border:1px solid #5a4a1c!important;border-radius:14px!important;background:radial-gradient(ellipse at 100% 0,#3a2f1455 0,transparent 55%),linear-gradient(165deg,#222124,#141416 75%)!important;box-shadow:0 24px 70px #000d,0 0 0 1px #ffdf3510!important}
.quick-settings .quick-settings-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #2e2c26}.qs-close{width:26px;height:26px;border:1px solid #37373c;border-radius:50%;background:#26262a;color:#bbb;font-size:16px;line-height:1}.qs-close:hover{color:#fff;border-color:#6b5a1d}
.qs-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:6px}.qs-readout small,.qs-stats small{display:block;color:#8f8f96;font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:3px}.qs-readout strong{font:1000 38px/1 Bahnschrift,"DIN Alternate",Inter,sans-serif;color:#ffe56b;text-shadow:0 0 22px #ffdf3544;font-variant-numeric:tabular-nums}
.qs-risk{padding:5px 11px;border-radius:999px;font-size:10px;font-weight:1000;border:1px solid;transition:color .15s,background .15s,border-color .15s}.qs-risk.r1{color:#ff7a6b;background:#3a1816;border-color:#7a2e28}.qs-risk.r2{color:#ffa52e;background:#3a2812;border-color:#7a5420}.qs-risk.r3{color:#ffe56b;background:#38300f;border-color:#7a6a20}.qs-risk.r4{color:#9eff62;background:#1c3414;border-color:#3f6a2a}
.quick-settings .chance-slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;margin:10px 0 6px;border-radius:6px;outline:none;accent-color:initial;background:linear-gradient(90deg,#0000 var(--p,80%),#232326 var(--p,80%)),linear-gradient(90deg,#fc503e,#ffa52e 45%,#9eff62);box-shadow:inset 0 1px 3px #0009}
.chance-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8c8,#ffdf35 60%,#c9a51c);border:2px solid #17140a;box-shadow:0 0 0 2px #ffdf3555,0 3px 8px #000b;cursor:grab}.chance-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ffdf35;border:2px solid #17140a;box-shadow:0 0 0 2px #ffdf3555;cursor:grab}.chance-slider:focus-visible{box-shadow:0 0 0 3px #ffdf3555}
.qs-scale{display:flex;justify-content:space-between;color:#6f6f78;font-size:9px;margin-bottom:12px}
.quick-settings .chance-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:12px}.quick-settings .chance-presets button{padding:7px 0;border-radius:7px;font-size:10px}.chance-presets button.active{border-color:#ffe05b;background:#33300f;color:#ffe56b}
.qs-stats{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-bottom:12px}.qs-stats>div{padding:9px 11px;border:1px solid #2e2e33;border-radius:9px;background:#18181a}.qs-stats b{font:900 15px Bahnschrift,Inter,sans-serif;color:#fff;white-space:nowrap}
.quick-settings .custom-chance-row{display:flex;align-items:center;gap:7px}.quick-settings .custom-chance-row input{text-align:center;font-size:14px;border-radius:8px;padding:9px 6px;-moz-appearance:textfield}.custom-chance-row input::-webkit-outer-spin-button,.custom-chance-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qs-step{flex:0 0 38px;height:38px;border:1px solid #414146;border-radius:8px;background:#1d1d20;color:#ffe15b;font-size:18px;font-weight:1000}.qs-step:hover{border-color:#ffe05b;background:#2a2716}.qs-step:active{transform:scale(.94)}
.quick-settings .qs-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 10px;cursor:pointer}.qs-switch input{-webkit-appearance:none;appearance:none;flex:0 0 40px;width:40px;height:22px;margin:0;border-radius:999px;background:#2e2e33;position:relative;transition:background .18s;cursor:pointer}.qs-switch input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9a9aa2;transition:transform .18s,background .18s}.qs-switch input:checked{background:#7a6320}.qs-switch input:checked:after{transform:translateX(18px);background:#ffe56b}.qs-switch input:focus-visible{outline:2px solid #ffe56b;outline-offset:2px}
.quick-settings #applyQuickSettings{padding:12px!important;border-radius:9px!important;font-size:12px!important;letter-spacing:.02em}.quick-settings #applyQuickSettings:hover{filter:brightness(1.08)}
/* yüzde modu: kompakt görünüm */
.quick-settings{width:min(292px,calc(100vw - 24px))!important;padding:12px 13px!important;border-radius:13px!important}
.quick-settings .quick-settings-heading{gap:8px;margin-bottom:10px;padding-bottom:9px}
.quick-settings .settings-gear-mark{width:28px!important;height:28px!important;font-size:14px!important;flex:0 0 28px}
.quick-settings .quick-settings-title{font-size:10px;letter-spacing:.12em}
.quick-settings .quick-settings-subtitle{display:none}
.quick-settings .qs-close{width:24px;height:24px;font-size:15px}
.quick-settings .qs-readout{margin-bottom:2px}.quick-settings .qs-readout small{font-size:8.5px;margin-bottom:1px}
.quick-settings .qs-readout strong{font-size:27px}
.quick-settings .qs-risk{padding:3px 9px;font-size:9px}
.quick-settings .chance-slider{height:8px;margin:7px 0 4px}
.quick-settings .chance-slider::-webkit-slider-thumb{width:18px;height:18px}
.quick-settings .qs-scale{font-size:8px;margin-bottom:9px}
.quick-settings .chance-presets{gap:4px;margin-bottom:9px}.quick-settings .chance-presets button{padding:5px 0;font-size:9.5px;border-radius:6px}
.quick-settings .qs-stats{gap:6px;margin-bottom:9px}.quick-settings .qs-stats>div{padding:6px 9px;border-radius:8px}.quick-settings .qs-stats small{font-size:8px;margin-bottom:1px}.quick-settings .qs-stats b{font-size:13px}
.quick-settings .qs-step{flex:0 0 32px;height:32px;font-size:16px;border-radius:7px}
.quick-settings .custom-chance-row{gap:6px}.quick-settings .custom-chance-row input{font-size:13px;padding:6px 4px;border-radius:7px;height:32px}
.quick-settings .qs-switch{margin:9px 0 7px;gap:8px}.quick-settings .qs-switch strong{font-size:10px}.quick-settings .qs-switch small{display:none}
.quick-settings .qs-switch input{flex:0 0 34px;width:34px;height:19px}.quick-settings .qs-switch input:after{top:2.5px;left:3px;width:14px;height:14px}.quick-settings .qs-switch input:checked:after{transform:translateX(14px)}
.quick-settings .settings-note{font-size:8.5px;line-height:1.35;margin:0 0 8px;color:#7d7d85}
.quick-settings #applyQuickSettings{padding:9px!important;font-size:11px!important;border-radius:8px!important}
/* ===== Upgrade Battle: kaybetme anı (skin yok olmaz, kırılır ve damgalanır) ===== */
#battleOutcomeOverlay.loss{--bl-k:1}
body.fast-outcome-mode #battleOutcomeOverlay.loss{--bl-k:.55}
#battleOutcomeOverlay.loss .battle-outcome-panel{position:relative;overflow:hidden;border-color:#6b2c27;box-shadow:0 0 0 1px #fc503e33,0 0 70px #fc503e22,0 25px 90px #000c;animation:blPanel calc(.9s*var(--bl-k)) ease-out both}
@keyframes blPanel{0%{transform:scale(.92);opacity:0}15%{transform:scale(1.02);opacity:1}25%{transform:translateX(-7px)}38%{transform:translateX(6px)}50%{transform:translateX(-4px)}62%{transform:translateX(3px)}100%{transform:none;opacity:1}}
#battleOutcomeOverlay.loss .battle-outcome-panel h2{animation:blTitle calc(1s*var(--bl-k)) both;text-shadow:0 0 30px #fc503e99}
@keyframes blTitle{0%{opacity:0;transform:scale(1.5);filter:blur(8px)}20%{opacity:1;transform:scale(.97);filter:none}30%{transform:translateX(-6px);text-shadow:4px 0 #00e5ff88,-4px 0 #ff2a2a}42%{transform:translateX(5px);text-shadow:-3px 0 #00e5ff66,3px 0 #ff2a2a}58%,100%{transform:none}}
#battleOutcomeOverlay.loss .battle-outcome-item{position:relative;transition:border-color .5s,background .5s,box-shadow .5s}
#battleOutcomeOverlay.loss .battle-outcome-item.bl-dead{border-color:#6b2c27;background:radial-gradient(ellipse at 50% 40%,#fc503e22,#0003 70%);box-shadow:0 0 30px #fc503e22}
#battleOutcomeOverlay.loss .battle-outcome-item-name{transition:opacity .5s}
#battleOutcomeOverlay.loss .bl-dead .battle-outcome-item-name{text-decoration:line-through;opacity:.5}
#battleOutcomeOverlay.loss .battle-outcome-item-art{position:relative;overflow:visible}
#battleOutcomeOverlay.loss .battle-outcome-item-art>img{animation:blItem calc(1.6s*var(--bl-k)) ease-out both}
@keyframes blItem{0%{opacity:1;filter:none;transform:none}10%{filter:brightness(2.4) saturate(1.8) drop-shadow(0 0 22px #fc503e);transform:translateX(-7px) scale(1.06)}20%{transform:translateX(7px) rotate(1.5deg)}30%{transform:translateX(-4px);filter:brightness(1.5) drop-shadow(0 0 14px #fc503e)}45%{transform:translateX(2px)}60%,100%{opacity:.55;filter:grayscale(1) brightness(.5) contrast(1.1);transform:translateY(8px) scale(.93) rotate(2deg)}}
.bl-crack{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.bl-crack path{fill:none;stroke:#ff6b5a;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #fc503e);stroke-dasharray:140;stroke-dashoffset:140;animation:blCrack calc(.5s*var(--bl-k)) calc(.45s*var(--bl-k)) ease-out forwards}
@keyframes blCrack{to{stroke-dashoffset:0}}
.bl-shard{position:absolute;z-index:2;left:50%;top:48%;width:var(--w);height:var(--w);background:linear-gradient(135deg,#ff6b5a,#5a1d19);clip-path:polygon(50% 0,100% 100%,0 80%);opacity:0;pointer-events:none;animation:blShard calc(1.1s*var(--bl-k)) calc(.5s*var(--bl-k) + var(--d)) ease-in forwards}
@keyframes blShard{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),130px) rotate(var(--r))}}
.bl-stamp{position:absolute;z-index:3;left:50%;top:46%;padding:4px 14px;border:3px solid #ff5a47;border-radius:6px;color:#ff5a47;background:#1a0b0acc;font-weight:1000;font-size:clamp(18px,5vw,26px);letter-spacing:.14em;white-space:nowrap;text-shadow:0 0 14px #fc503e88;box-shadow:0 0 24px #fc503e55,inset 0 0 14px #fc503e33;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(-11deg) scale(2.4);animation:blStamp calc(.45s*var(--bl-k)) calc(.95s*var(--bl-k)) cubic-bezier(.2,1.5,.4,1) forwards}
@keyframes blStamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-11deg) scale(2.4)}60%{opacity:1;transform:translate(-50%,-50%) rotate(-11deg) scale(.94)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-11deg) scale(1)}}
.bl-scan{position:absolute;left:0;right:0;top:0;height:3px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,#ff6b5a,transparent);box-shadow:0 0 14px #fc503e;opacity:0}
#battleOutcomeOverlay.loss.show .bl-scan{animation:blScan calc(.9s*var(--bl-k)) ease-in-out both}
@keyframes blScan{0%{opacity:0;top:0}12%{opacity:1}88%{opacity:1}100%{opacity:0;top:100%}}
.bl-ember{position:absolute;top:-8px;z-index:0;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);opacity:0;pointer-events:none}
#battleOutcomeOverlay.loss.show .bl-ember{animation:blAsh var(--t) var(--d) linear infinite}
@keyframes blAsh{0%{opacity:0;transform:translate(0,0)}15%{opacity:.8}100%{opacity:0;transform:translate(var(--dx),380px)}}
#battleOutcomeOverlay:not(.loss) :is(.bl-ember,.bl-scan){display:none}
@media(prefers-reduced-motion:reduce){.bl-shard,.bl-ember,.bl-scan{display:none}}
body.profile-reduced-effects :is(.bl-shard,.bl-ember,.bl-scan){display:none}
/* Profil penceresi dar telefonlarda sağa taşıyordu: sağ sütun küçülebilir olsun, chip'ler alta insin */
@media(max-width:480px){
  .profile-identity{grid-template-columns:84px minmax(0,1fr)!important;gap:12px!important;padding-left:14px!important;padding-right:14px!important}
  .profile-identity>*{min-width:0}
  #pfMeta{flex-wrap:wrap;gap:5px}
  .profile-identity input,.profile-identity button,.profile-identity select{min-width:0;max-width:100%}
  #profileAvatarChoices{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important}
}
.sf-legal{max-width:1340px;margin:6px auto 0;padding:14px max(14px,env(safe-area-inset-left)) calc(18px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));text-align:center;font-size:10px;line-height:1.55;color:#6f6f77;border-top:1px solid #1f1f23}
.sf-legal b{color:#9a9aa2;font-weight:800;letter-spacing:.04em}
.sf-legal a{color:#b8b8c0;text-decoration:underline;text-underline-offset:2px}.sf-legal a:hover{color:#ffdf35}
.sf-legal .en{display:none}html[lang="en"] .sf-legal .tr{display:none}html[lang="en"] .sf-legal .en{display:inline}
/* ===== RHOYSKIN · sadece telefon (PC görünümü etkilenmez) ===== */
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
  body{overflow-x:clip;overscroll-behavior-y:none;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
  button,a,select,summary,label,[role=button],.skin-card,.quick-btn,.mode-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  input,select,textarea{font-size:16px!important}               /* iOS: odaklanınca otomatik zoom olmasın */
  img{-webkit-user-drag:none;user-select:none}

  /* Günlük ödül butonu: küçük yuvarlak ikon, oyun butonlarını örtmesin; pencere açıkken gizle */
  .dh-chip{left:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:42px;height:42px;padding:0!important;gap:0!important;justify-content:center;border-radius:50%!important;overflow:visible!important}
  .dh-chip-tx{display:none!important}
  .dh-chip-ico{width:32px!important;height:32px!important}
  .dh-chip-n{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;line-height:18px;font-size:10px;padding:0 5px}
  .dh-chip.ready:after{display:none!important}
  body:has(.modal-backdrop.open,.case-modal-backdrop.open,.dh-ov.open,.dh-rv.open,.battle-outcome-overlay.show,.chicken-loss-overlay.open,.chicken-win-overlay.open,#caseWinOverlay.show,.case-featured.open,.profile-welcome.show) .dh-chip{display:none!important}

  /* Performans: ağır bulanıklık ve süs animasyonları kapalı (oyun/çark animasyonları aynen kalır) */
  *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .modal-backdrop,.dh-ov,.case-modal-backdrop,.battle-outcome-overlay,.chicken-loss-overlay,.chicken-win-overlay{background-color:rgba(6,6,8,.9)!important}
  .brand-mark svg,.brand-word .demo-tag,.brand-word .sk-gold,.brand-word .sk-silver,.brand-word,.forge-spark,
  .intro.intro-empty:after,.upgrade-btn:not(:disabled):after,.dh-btn:not(:disabled):after,.dh-chip.ready,.dh-bulb,.dh-rv-rays,.dh-day.today,
  .cc-aurora,.cc-snow,.cc-star,body.chicken-mode #chickenJumpBtn:not(:disabled):after,body.chicken-mode .chicken-win-overlay.open:before,
  body.chicken-mode .chicken-win-overlay .chicken-loss-art:before,.fs-rays,.find-skin-start:before,
  #casePanel .cs-hero-rays,#casePanel .case-open-button:after,#casePanel .case-selected-art,#casePanel .cs-hero-crate,
  #caseWinOverlay .case-win-panel:after,.battle-outcome-overlay.win .bv-rays,.battle-outcome-overlay.win .battle-outcome-panel:after,
  #profileModal .pf2 .profile-xp-fill:after,#profileModal .pf2-day.today,.pf2-dot,.avatar-frame[data-frame]{animation-iteration-count:1!important;animation-duration:.01s!important}
  .cc-snow{display:none!important}

  /* Dokunma hedefleri */
  .quick-btn{min-height:40px;min-width:42px;font-size:11px}
  .quick-btn.gear{min-width:42px}
  .clear-target{width:34px;height:34px}
  .upgrade-btn{min-height:50px}
  .upgrade-actions .fast-spin-btn{min-height:50px}
  .skin-card{-webkit-user-select:none;user-select:none}

  /* Modallar: gerçek ekran yüksekliğine (dvh) ve çentik/alt çubuğa uyum */
  .deposit-modal,.profile-modal,.wallet-modal{max-height:calc(100dvh - 16px)!important}
  .deposit-footer,.profile-modal .profile-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .toast{max-width:calc(100vw - 24px)}

  /* Skin Upgrader: çark ÜSTTE ve büyük, kaynak/hedef altında yan yana */
  .upgrade-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"w w" "s t" "a a"!important;gap:10px!important;margin-top:8px}
  .upgrade-layout .wheel-wrap{zoom:.9!important;justify-self:center}
  .upgrade-layout .upgrade-actions{max-width:none!important}
  .upgrade-layout #autoStopBtn{grid-column:1/-1!important;grid-area:auto}
  .upgrade-layout .source-column>.hero-card,.upgrade-layout>.hero-card{height:186px!important}
  .upgrade-layout .hero-card .hero-image img{max-height:84px!important}
    .quick-controls{gap:6px;justify-content:center}
  /* Durdurma butonu: kendi satırında, hedef kartını kaydırmaz */
  .upgrade-layout{grid-template-areas:"w w" "s t" "a a" "b b"!important}
  .upgrade-layout>.hero-card.target{grid-area:t!important}
  .upgrade-layout .source-column{grid-area:s!important}
  #autoStopBtn{grid-area:b!important;width:100%!important;font-size:10.5px!important;letter-spacing:.03em!important;min-height:44px}
  .inventory-sell-btn{font-size:10px!important;padding:6px 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .case-toolbar-right{width:100%}
  .case-search-wrap,.case-sort-wrap{flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0}


  /* Find the Skin: sonuç kartı (kazandın/kaybettin) tam görünsün */
  body.find-skin-mode .find-skin-stage:has(.fs-win.show){height:clamp(360px,54vh,460px)!important;height:clamp(360px,54dvh,460px)!important}
  .fs-win .fs-card{width:min(92%,350px);padding:12px 12px 10px}
  .fs-win .fs-art{height:clamp(62px,10vh,92px);margin:4px 0 2px}
  .fs-win .fs-price{font-size:clamp(22px,7vw,28px)}
  .fs-win .fs-chips{margin-top:6px}
  .fs-win .fs-hint{margin-top:8px;font-size:10px}

  /* Yüzde ayar paneli: ekranın altında, taşmayan kaydırılabilir panel */
  .quick-settings{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;max-height:min(84dvh,660px);overflow-y:auto;transform:none!important;z-index:9500;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
@media (max-width:340px){.upgrade-layout .wheel-wrap{zoom:.68!important}}
@media (min-width:341px) and (max-width:380px){.upgrade-layout .wheel-wrap{zoom:.76!important}}
@media (min-width:381px) and (max-width:430px){.upgrade-layout .wheel-wrap{zoom:.82!important}}
@media (min-width:431px) and (max-width:520px){.upgrade-layout .wheel-wrap{zoom:.9!important}}
@media (min-width:521px) and (max-width:760px){.upgrade-layout .wheel-wrap{zoom:1!important}}
/* RHOYSKIN: telefon son düzeltmeler (yalnızca <=800px; PC görünümü etkilenmez) */
@media(max-width:800px){
  /* Profil butonu: alt satırdan çıkıp üst satırın sağına (ses butonunun karşısına) geçti */
  .topbar{padding-top:max(8px,env(safe-area-inset-top))!important}
  #openProfile{
    position:absolute!important;
    top:calc(max(8px,env(safe-area-inset-top)) + 1px);
    right:0;
    width:34px!important;min-width:34px!important;height:34px!important;
    padding:0!important;gap:0!important;border-radius:9px;
    display:grid!important;place-items:center;z-index:3;
    box-shadow:inset 0 1px #ffffff0b,0 2px 7px #0005;
  }
  #openProfile .profile-open-label{display:none!important}
  #openProfile .profile-mini-avatar{width:26px;height:26px;flex:0 0 26px;margin:0}
  #openProfile .pf2-dot{top:-7px;right:-5px}
  /* Sağdaki boşalan yere göre alt satır butonları dengeli dağılsın */
  .header-right{gap:6px!important}
  #openDeposit{flex:1 1 auto!important;min-width:0!important}
  /* Sabit günlük ödül butonu son içeriği kapatmasın */
  body{padding-bottom:58px}
}
@media(max-width:350px){
  #openProfile{width:32px!important;min-width:32px!important;height:32px!important}
  #openProfile .profile-mini-avatar{width:24px;height:24px;flex-basis:24px}
}
.rh-bk-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 6px}.rh-bk-row button{flex:1 1 150px;min-height:40px}.rh-toast-bk{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:99999;max-width:calc(100vw - 24px);padding:10px 14px;border-radius:12px;background:#1b1a14;border:1px solid #ffe15b;color:#ffe15b;font-weight:800;font-size:12px;text-align:center}/* Çark merkezi logosu: arka planda soluk filigran, sayıların altında, tıklamayı engellemez */
.wheel-inner .inner-logo{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.11;animation:rwBreath 6s ease-in-out infinite}
.wheel-inner .inner-logo svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px #ffb52e30)}
.wheel-inner .chance-big,.wheel-inner .chance-caption{position:relative;z-index:1}
.wheel-inner .chance-big{text-shadow:0 1px 8px #000c}
@keyframes rwBreath{50%{opacity:.17}}
body.fw-spinning .wheel-inner .inner-logo,.wheel-wrap.spinning .inner-logo{opacity:.11;animation:none}
body.fw-win .wheel-inner .inner-logo{animation:rwWin 1.5s ease-out}
@keyframes rwWin{35%{opacity:.65;filter:drop-shadow(0 0 14px #ffe34a)}}
@media(prefers-reduced-motion:reduce){.wheel-inner .inner-logo{animation:none}}
.rh-bk-load{margin:8px 0 4px;display:flex;flex-direction:column;gap:8px}.rh-bk-load[hidden]{display:none}
.rh-bk-label{font-size:11px;font-weight:800;color:#d9d9df}
.rh-bk-input{width:100%;box-sizing:border-box;min-height:92px;padding:10px;border:1px solid #4a4a52;border-radius:10px;background:#0f0f11;color:#f1f1f4;font:11px/1.45 ui-monospace,Menlo,Consolas,monospace;resize:vertical;word-break:break-all;outline:none;-webkit-user-select:text;user-select:text}
.rh-bk-input:focus{border-color:#ffe15b;box-shadow:0 0 0 2px #ffe15b2e}
.rh-bk-load .rh-bk-row{margin:0}.rh-bk-load .rh-bk-row button{flex:1 1 90px;min-height:40px}
.rh-bk-status{min-height:16px;font-size:11px;font-weight:800;line-height:1.4}.rh-bk-status.ok{color:#8ce6b1}.rh-bk-status.err{color:#ff8d83}.rh-bk-status.warn{color:#ffe15b}
.inv-bulk{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:6px;z-index:6;margin:0 0 10px;padding:8px 10px;border-radius:12px;border:1px solid #5a4a1c;background:linear-gradient(180deg,#221e12f2,#15130cf2);box-shadow:0 6px 18px #0009;backdrop-filter:blur(6px)}
.inv-bulk[hidden]{display:none}
.inv-bulk-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:4px 12px 4px 8px;border-radius:10px;border:1px solid #ffe15b66;background:#ffe15b14;color:#ffe15b;font:900 12px/1 inherit;letter-spacing:.04em;cursor:pointer}
.inv-bulk-btn:active{transform:scale(.97)}
.inv-bulk-box{position:relative;width:20px;height:20px;border-radius:6px;border:2px solid #ffe15b;flex:0 0 auto}
.inv-bulk.all .inv-bulk-box{background:#ffe15b}
.inv-bulk.all .inv-bulk-box::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #1a1608;border-width:0 3px 3px 0;transform:rotate(45deg)}
.inv-bulk:not(.all) .inv-bulk-box::after{content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#ffe15b}
.inv-bulk-count{font-size:11px;font-weight:800;color:#b9b19a;white-space:nowrap}
#rhScrollFab{position:fixed;z-index:8500;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;align-items:center;width:44px;padding:3px;border-radius:999px;border:1px solid rgba(255,225,91,.28);background:linear-gradient(180deg,rgba(34,30,18,.86),rgba(17,16,12,.9));-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 10px 28px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06);opacity:0;transform:translateY(12px) scale(.94);pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
#rhScrollFab.show{opacity:1;transform:none;pointer-events:auto}
#rhScrollFab button{position:relative;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#ffe15b;display:grid;place-items:center;cursor:pointer;transition:background .18s,color .18s,transform .18s,height .28s,opacity .2s,margin .28s;-webkit-tap-highlight-color:transparent}
#rhScrollFab button svg{position:relative;z-index:1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
#rhScrollFab button:hover{background:rgba(255,225,91,.13);color:#fff2a0}
#rhScrollFab #rhUp:hover svg{transform:translateY(-2px)}
#rhScrollFab #rhDown:hover svg{transform:translateY(2px)}
#rhScrollFab button:active{transform:scale(.92)}
#rhScrollFab button:focus-visible{outline:2px solid #ffe15b;outline-offset:1px}
#rhScrollFab .rh-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
#rhScrollFab .rh-ring circle{fill:none;stroke-width:2.2}
#rhScrollFab .rh-ring .bg{stroke:rgba(255,225,91,.14)}
#rhScrollFab .rh-ring .fg{stroke:#ffe15b;stroke-linecap:round;transition:stroke-dashoffset .12s linear;filter:drop-shadow(0 0 3px rgba(255,225,91,.55))}
#rhScrollFab .rh-sep{width:20px;height:1px;background:rgba(255,225,91,.18);transition:opacity .2s,margin .28s}
#rhScrollFab[data-up="0"] #rhUp,#rhScrollFab[data-down="0"] #rhDown{height:0;opacity:0;pointer-events:none;margin:0;overflow:hidden}
#rhScrollFab[data-up="0"] .rh-sep,#rhScrollFab[data-down="0"] .rh-sep{opacity:0;height:0}
body:has(.modal-backdrop.open) #rhScrollFab{display:none}
@media(prefers-reduced-motion:reduce){#rhScrollFab,#rhScrollFab *{transition:none!important}}
@media(max-width:600px){.inv-bulk{padding:6px 6px;gap:6px}.inv-bulk-btn{font-size:10.5px;gap:6px;padding:4px 8px 4px 6px;min-height:36px}.inv-bulk-box{width:18px;height:18px}.inv-bulk-count{display:none}.inv-bulk-btn{flex:1;justify-content:center}}
/* ===== Skin mağazası: logo + animasyonlu başlık + telefon uyumu ===== */
#depositModal .deposit-head{gap:14px}
#depositModal .mk-logo{flex:0 0 auto;position:relative;width:52px;height:52px;display:grid;place-items:center;filter:drop-shadow(0 4px 12px rgba(255,210,58,.28));animation:mkGlow 4.5s ease-in-out infinite}
#depositModal .mk-logo-in{position:relative;display:block;width:100%;height:100%;overflow:hidden;clip-path:polygon(50% 1%,96% 26%,96% 74%,50% 99%,4% 74%,4% 26%)}
#depositModal .mk-logo svg{display:block;width:100%;height:100%}
#depositModal .mk-logo-in:after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-160%) skewX(-18deg);animation:mkSheen 5.5s ease-in-out infinite 1.2s}
#depositModal .mk-headtext{min-width:0;flex:1 1 auto}
#depositModal .deposit-eyebrow{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9.5px;letter-spacing:.2em;color:#d9a82e}
#depositModal .deposit-eyebrow:before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#ffd23a;box-shadow:0 0 0 0 rgba(255,210,58,.6);animation:mkDot 2.6s ease-out infinite}
#depositModal .deposit-head h2#depositTitle{width:max-content;max-width:100%;margin:3px 0 4px;font-size:27px;font-weight:900;letter-spacing:.015em;line-height:1.1;
  background:linear-gradient(100deg,#ffffff 0%,#ffeb99 28%,#ffd23a 50%,#ffeb99 72%,#ffffff 100%);background-size:240% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(255,210,58,.16));animation:mkShimmer 8s ease-in-out infinite,mkRise .6s .07s cubic-bezier(.2,.8,.2,1) both}
#depositModal .deposit-head h2#depositTitle:after{content:"";display:block;height:2px;width:34px;margin-top:5px;border-radius:2px;background:linear-gradient(90deg,#ffd23a,rgba(255,210,58,0))}
#depositModal.open .mk-logo-in{animation:mkLogoIn .75s cubic-bezier(.2,.9,.25,1.15) both}
#depositModal.open .mk-headtext>*{animation:mkRise .6s cubic-bezier(.2,.8,.2,1) both}
#depositModal.open .mk-headtext>*:nth-child(2){animation-delay:.07s,0s}
#depositModal.open .mk-headtext>*:nth-child(3){animation-delay:.14s}
#depositModal.open .deposit-head h2#depositTitle:after{animation:mkLine 1s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes mkShimmer{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes mkSheen{0%,55%{transform:translateX(-160%) skewX(-18deg)}85%,100%{transform:translateX(420%) skewX(-18deg)}}
@keyframes mkGlow{0%,100%{filter:drop-shadow(0 4px 10px rgba(255,210,58,.2))}50%{filter:drop-shadow(0 4px 16px rgba(255,210,58,.42))}}
@keyframes mkDot{0%{box-shadow:0 0 0 0 rgba(255,210,58,.55)}70%,100%{box-shadow:0 0 0 7px rgba(255,210,58,0)}}
@keyframes mkLogoIn{0%{opacity:0;transform:scale(.6) rotate(-14deg)}100%{opacity:1;transform:none}}
@keyframes mkRise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes mkLine{0%{width:0}100%{width:34px}}
@media(prefers-reduced-motion:reduce){#depositModal .mk-logo,#depositModal .mk-logo-in,#depositModal .mk-logo-in:after,#depositModal .mk-headtext>*,#depositModal .deposit-head h2#depositTitle,#depositModal .deposit-head h2#depositTitle:after,#depositModal .deposit-eyebrow:before{animation:none!important}#depositModal .deposit-head h2#depositTitle{background-position:50% 0}}
body.profile-reduced-effects #depositModal .mk-logo,body.profile-reduced-effects #depositModal .mk-logo-in:after,body.profile-reduced-effects #depositModal .deposit-head h2#depositTitle,body.profile-reduced-effects #depositModal .deposit-eyebrow:before{animation:none!important}
@media(max-width:760px){
  /* alttan açılan sheet gibi: tam genişlik, yuvarlak üst köşeler, güvenli alan */
  #depositModal.modal-backdrop{padding:0;place-items:end center}
  #depositModal .deposit-modal{width:100%;max-height:94vh;max-height:94dvh;border-radius:20px 20px 0 0;border-bottom:0}
  #depositModal.open .deposit-modal{animation:mkSheet .38s cubic-bezier(.2,.85,.25,1) both}
  #depositModal .deposit-head{position:sticky;top:0;z-index:7;padding:12px 12px 11px;gap:9px;background:radial-gradient(ellipse at 0 0,#ffdf3524,transparent 60%),#18171a}
  #depositModal .deposit-head:before{content:"";position:absolute;left:50%;top:5px;width:34px;height:4px;margin-left:-17px;border-radius:3px;background:#ffffff26}
  #depositModal .mk-logo{width:38px;height:38px}
  #depositModal .deposit-eyebrow{font-size:7.5px;letter-spacing:.14em}
  #depositModal .deposit-head h2#depositTitle{font-size:19px!important;margin:2px 0 3px}
  #depositModal .deposit-head h2#depositTitle:after{margin-top:3px;height:2px}
  #depositModal .mk-wallet{padding:5px 9px;border-radius:10px}
  #depositModal .mk-wallet small{font-size:7.5px}
  #depositModal .mk-wallet strong{font-size:13px}
  #depositModal .mk-wallet-plus{width:17px;height:17px;font-size:13px}
  #depositModal .deposit-close{flex:0 0 30px}
  #depositModal .deposit-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){#depositModal .mk-logo{width:32px;height:32px}#depositModal .deposit-head h2#depositTitle{font-size:17px!important}#depositModal .mk-wallet strong{font-size:12px}}
@keyframes mkSheet{0%{transform:translateY(40px);opacity:.4}100%{transform:none;opacity:1}}
/* ===== Üst menü "SKİN MAĞAZASI" butonu: profesyonel + hafif animasyonlu (sadece CSS) ===== */
#openDeposit.deposit-open{position:relative;overflow:hidden;isolation:isolate;gap:8px;padding:8px 15px 8px 9px;border-radius:10px;border:1px solid #ffe98a;
  background:linear-gradient(180deg,#ffe96a 0%,#f2c92b 48%,#c99a12 100%);color:#1b1503;
  font-family:Bahnschrift,"DIN Alternate","Segoe UI",system-ui,sans-serif;font-size:11.5px;font-weight:900;letter-spacing:.07em;text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 #fffbd0,inset 0 -2px 0 rgba(120,80,0,.35),0 4px 14px rgba(255,190,40,.28),0 0 0 0 rgba(255,210,58,.4);
  animation:mkBtnPulse 3.8s ease-out infinite;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
#openDeposit.deposit-open:after{content:"";position:absolute;z-index:2;top:-20%;bottom:-20%;left:0;width:34%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-170%) skewX(-20deg);animation:mkBtnSheen 5.2s ease-in-out infinite 1s}
#openDeposit.deposit-open span{position:relative;z-index:1;white-space:nowrap}
#openDeposit.deposit-open .deposit-market-icon{position:relative;z-index:1;flex:0 0 24px;width:24px;height:24px;padding:4px;border-radius:7px;
  background:linear-gradient(145deg,#2b2412,#14110a);fill:none;stroke:#ffe15b;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 1px 3px rgba(0,0,0,.4);transform-origin:50% 80%;animation:mkShopBob 6s ease-in-out infinite 2s;transition:transform .25s ease}
#openDeposit.deposit-open:hover{filter:brightness(1.07) saturate(1.05);transform:translateY(-2px);
  box-shadow:inset 0 1px 0 #fffbd0,inset 0 -2px 0 rgba(120,80,0,.35),0 8px 22px rgba(255,190,40,.42),0 0 0 3px rgba(255,225,91,.14)}
#openDeposit.deposit-open:hover .deposit-market-icon{transform:rotate(-8deg) scale(1.1)}
#openDeposit.deposit-open:active{transform:translateY(0) scale(.97);filter:brightness(.97)}
#openDeposit.deposit-open:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes mkBtnPulse{
  0%{box-shadow:inset 0 1px 0 #fffbd0,inset 0 -2px 0 rgba(120,80,0,.35),0 4px 14px rgba(255,190,40,.28),0 0 0 0 rgba(255,210,58,.42)}
  55%,100%{box-shadow:inset 0 1px 0 #fffbd0,inset 0 -2px 0 rgba(120,80,0,.35),0 4px 14px rgba(255,190,40,.28),0 0 0 8px rgba(255,210,58,0)}}
@keyframes mkBtnSheen{0%,60%{transform:translateX(-170%) skewX(-20deg)}90%,100%{transform:translateX(480%) skewX(-20deg)}}
@keyframes mkShopBob{0%,84%,100%{transform:none}89%{transform:translateY(-2px) rotate(-8deg)}94%{transform:translateY(0) rotate(5deg)}97%{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){#openDeposit.deposit-open,#openDeposit.deposit-open:after,#openDeposit.deposit-open .deposit-market-icon{animation:none!important}}
body.profile-reduced-effects #openDeposit.deposit-open,body.profile-reduced-effects #openDeposit.deposit-open:after,body.profile-reduced-effects #openDeposit.deposit-open .deposit-market-icon{animation:none!important}
@media(max-width:800px){#openDeposit.deposit-open{padding:7px 12px 7px 8px;font-size:10.5px;letter-spacing:.06em}}
@media(max-width:480px){#openDeposit.deposit-open{gap:6px;padding:6px 8px 6px 6px;font-size:9.5px;letter-spacing:.035em;border-radius:9px}
  #openDeposit.deposit-open .deposit-market-icon{flex-basis:21px;width:21px;height:21px;padding:3.5px;border-radius:6px}}
/* çok dar ekran: sadece ikon (mevcut davranış korunur) */
@media(max-width:350px){#openDeposit.deposit-open{padding:6px;gap:0;animation-duration:4.4s}
  #openDeposit.deposit-open .deposit-market-icon{flex:0 0 18px;width:18px;height:18px;padding:3px;background:linear-gradient(145deg,#2b2412,#14110a)}}
/* ===== Case Opening başlığı: kare kutu yerine 5 saniyede bir değişen bıçak ===== */
#casePanel .cs-kn{display:none}
#casePanel .cs-hero.kn-on .cs-hero-crate{display:none}
#casePanel .cs-hero.kn-on .cs-kn{display:block;position:relative;flex:none;width:clamp(130px,15vw,200px);height:clamp(74px,8vw,96px)}
#casePanel .cs-kn:before{content:"";position:absolute;inset:-18% -8%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,196,46,.30),rgba(255,140,30,.09) 48%,transparent 68%);animation:knGlow 5s ease-in-out infinite}
#casePanel .cs-kn:after{content:"";position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;margin:-35% 0 0 -35%;border-radius:50%;border:2px solid rgba(255,214,90,.8);opacity:0;pointer-events:none}
#casePanel .cs-kn.pulse:after{animation:knRing .9s ease-out}
#casePanel .kn-w{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;will-change:transform,opacity}
#casePanel .kn-img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.75)) drop-shadow(0 0 16px rgba(255,184,31,.38))}
#casePanel .kn-w.act .kn-img{animation:knFloat 4.6s ease-in-out infinite}
#casePanel .kn-w.in{opacity:1;animation:knIn .95s cubic-bezier(.2,.9,.25,1.12) both}
#casePanel .kn-w.out{animation:knOut .55s cubic-bezier(.5,0,.8,.4) both}
@keyframes knIn{0%{opacity:0;transform:translate(46px,-20px) rotate(24deg) scale(.55);filter:brightness(2.4) blur(2px)}55%{opacity:1;transform:translate(-4px,2px) rotate(-5deg) scale(1.08);filter:brightness(1.35) blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes knOut{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(-46px,18px) rotate(-22deg) scale(.6);filter:blur(2px)}}
@keyframes knFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-5px) rotate(1.5deg)}}
@keyframes knGlow{0%,100%{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.07)}}
@keyframes knRing{0%{opacity:.9;transform:scale(.35)}100%{opacity:0;transform:scale(1.7)}}
@keyframes knFade{0%{opacity:0}100%{opacity:1}}
@media(max-width:600px){#casePanel .cs-hero.kn-on .cs-kn{width:min(62%,230px);height:86px}}
@media(prefers-reduced-motion:reduce){#casePanel .kn-w.in{animation:knFade .5s both}#casePanel .kn-w.out{animation:none;opacity:0}#casePanel .kn-w.act .kn-img,#casePanel .cs-kn:before{animation:none}#casePanel .cs-kn.pulse:after{animation:none}}
body.profile-reduced-effects #casePanel .kn-w.act .kn-img,body.profile-reduced-effects #casePanel .cs-kn:before{animation:none}
/* ===== SADECE TELEFON: profil penceresi + ses seviyesi göstergesi ===== */
@media(max-width:760px){
  /* Profil: eski "deposit-modal" mobil kuralı pencereyi block+scroll yapıp iç kaydırmayı bozuyordu */
  #profileModal.modal-backdrop{padding:8px;place-items:center}
  #profileModal .profile-modal.pf2{
    display:flex!important;flex-direction:column;overflow:hidden!important;
    width:100%;height:auto;
    max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);
  }
  #profileModal .pf2-scroll{
    flex:1 1 auto;min-height:0;max-height:none;
    overflow-x:hidden;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;
    padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));
  }
}
@media(max-width:800px){
  /* Ses seviyesi sayısı RHOYSKIN yazısının altına inmesin: ikonun altında küçük bir kutu olarak açılsın */
  .top-actions{position:relative}
  .top-actions .sound-volume-control.open{
    position:absolute;top:calc(100% + 6px);left:0;z-index:70;
    padding:7px 11px;gap:8px;white-space:nowrap;
    background:#17171a;border:1px solid #4a4430;border-radius:10px;box-shadow:0 8px 24px #000c;
  }
  .top-actions .sound-volume-control input{width:96px;height:22px;margin:0;touch-action:pan-x}
  .top-actions .sound-volume-control span{min-width:32px;font-size:10px}
}
/* SADECE TELEFON: Upgrade ekranında kart yüksekliği sabit olduğu için hedef skin fiyatı kesiliyordu */
@media(max-width:760px){
  .upgrade-layout .source-column>.hero-card,.upgrade-layout>.hero-card{height:auto!important;min-height:186px;overflow:visible}
  .upgrade-layout .hero-card .hero-image{height:104px;min-height:84px;flex:0 0 auto}
  .upgrade-layout .source-art-stack .source-stack-item{width:42%;height:84%}
  .upgrade-layout .source-art-stack .source-stack-item:nth-child(1){transform:translateX(-32px) rotate(-10deg)}
  .upgrade-layout .source-art-stack .source-stack-item:nth-child(3){transform:translateX(32px) rotate(10deg)}
  .upgrade-layout .source-art-stack .source-stack-count{right:2px;bottom:0;font-size:8px;padding:3px 5px}
  .upgrade-layout .hero-card .hero-bottom{padding-bottom:4px}
  .upgrade-layout .hero-card .hero-price{display:block;line-height:1.3;margin-top:2px}
}
/* SADECE TELEFON: SKİN MAĞAZASI butonu diğer üst butonlarla orantılı olsun */
@media(max-width:800px){
  .header-right{justify-content:center!important;gap:6px!important}
  #openDeposit.deposit-open{flex:0 1 auto!important;min-width:0;padding:6px 11px 6px 7px!important;gap:6px!important;font-size:9px!important;border-radius:9px!important;min-height:0;height:34px}
  #openDeposit .mk-ico,#openDeposit svg{width:20px!important;height:20px!important;flex:0 0 20px}
  #openDeposit span{font-size:9px!important;letter-spacing:.02em}
}
/* Chicken Climb: okunaklilik (yazi boyutlari ayni, sadece kontrast/netlik) */
body.chicken-mode .chicken-hud,body.chicken-mode .chicken-course,body.chicken-mode .chicken-status,body.chicken-mode .chicken-inventory-panel,body.chicken-mode .chicken-head{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.chicken-mode .chicken-head p{color:#c9c9d2}
body.chicken-mode .chicken-field{color:#e2e2e8}
body.chicken-mode .chicken-stat small{color:#c6c6ce}
body.chicken-mode .chicken-stat strong{text-shadow:0 1px 2px #000a}
body.chicken-mode .chicken-course-label{color:color-mix(in srgb,var(--heat) 40%,#fff);text-shadow:0 1px 1px #0a0820,0 0 4px #0a0820,0 2px 12px #0a0820}
body.chicken-mode .chicken-start-pad span{color:#fff;text-shadow:0 1px 1px #000,0 0 4px #000,0 0 8px #0a0820}
body.chicken-mode .chicken-step .step-loot{background:linear-gradient(180deg,#0f1230e6,#080a1cf2);border-color:#ffffff26}
body.chicken-mode .chicken-step.landed .step-loot{background:linear-gradient(180deg,#1b3a24f0,#0a1a12f2);border-color:#a8e96d99}
body.chicken-mode .chicken-step.current .step-loot{background:linear-gradient(180deg,#3b3414f0,#15110af2);border-color:#ffdf35cc}
body.chicken-mode .chicken-step .step-num{color:#fff;text-shadow:0 1px 1px #000,0 0 5px #000c}
body.chicken-mode .chicken-step .step-name{color:#fff;font-weight:900;text-shadow:0 1px 1px #000,0 0 4px #000d}
body.chicken-mode .chicken-step .step-price{color:#fff27f;text-shadow:0 1px 1px #000,0 0 5px #000d}
body.chicken-mode .chicken-step .step-multiplier{color:#fff27f;text-shadow:0 1px 1px #000a}
body.chicken-mode .chicken-step.landed .step-multiplier{color:#e6ffb8}
body.chicken-mode .chicken-step .step-chance{color:#8dffbd;font-weight:1000;text-shadow:0 1px 1px #000,0 0 5px #000d}
body.chicken-mode .chicken-step .step-chance.mid{color:#ffe56b}
body.chicken-mode .chicken-step .step-chance.low{color:#ffa595}
body.chicken-mode .chicken-step .step-chance.done{color:#e3ffb0}
body.chicken-mode .chicken-status{color:#fff}
body.chicken-mode .chicken-footnote{color:#c6c8e6}
body.chicken-mode .chicken-inventory-head p{color:#b4bccf}
body.chicken-mode .chicken-inventory-name{color:#fff}
body.chicken-mode .chicken-inventory-price{color:#fff08f}
body.chicken-mode .chicken-inventory-card small{color:#cbd2e0}
body.chicken-mode .chicken-add-skins{color:#fff0a0}
body.chicken-mode .chicken-empty-inventory{color:#c2cbdb}
.chicken-loss-card p{color:#efd4da}
.chicken-win-overlay .chicken-loss-card p{color:#d6f0e1}
.chicken-loss-dismiss{color:#d4c8cd}
.chicken-win-overlay .chicken-loss-dismiss{color:#c6dccd}
/* Find the Skin: duzenli oran paneli, daha guzel gorunum, telefon uyumu */
#findSkinPanel{-webkit-tap-highlight-color:transparent;padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
#findSkinPanel button,#findSkinPanel input[type=range]{touch-action:manipulation}
#findSkinPanel .find-skin-panel-card{border-color:#34312a;background:radial-gradient(120% 70% at 50% -12%,#2a2412 0,transparent 58%),linear-gradient(160deg,#1c1c1f,#111113);box-shadow:0 18px 50px #0007,inset 0 1px #ffffff0d,0 0 0 1px #ffdf3510}
#findSkinPanel .find-skin-controls h3{letter-spacing:.12em;color:#ffe56b}
#findSkinPanel .find-skin-item-copy strong{overflow-wrap:anywhere}
#findSkinPanel .find-skin-rate-box{--tc:#ffdf35;padding:14px;border-radius:14px;background:linear-gradient(180deg,#18181b,#111113);border-color:color-mix(in srgb,var(--tc) 40%,#2c2c30);box-shadow:0 0 26px color-mix(in srgb,var(--tc) 11%,transparent);transition:border-color .3s,box-shadow .3s}
#findSkinPanel .find-skin-rate-box[data-tier=rahat]{--tc:#7dff9a}
#findSkinPanel .find-skin-rate-box[data-tier=dengeli]{--tc:#ffdf35}
#findSkinPanel .find-skin-rate-box[data-tier=riskli]{--tc:#ff9d3a}
#findSkinPanel .find-skin-rate-box[data-tier=cok]{--tc:#ff5a4d}
#findSkinPanel .find-skin-rate-box[data-tier=efsane]{--tc:#c78bff}
#findSkinPanel .find-skin-rate-row output{font-size:22px;font-weight:1000;color:var(--tc);font-variant-numeric:tabular-nums;text-shadow:0 0 16px color-mix(in srgb,var(--tc) 55%,transparent)}
#findSkinPanel .fs-tier{display:inline-flex;align-items:center;margin:3px 0 6px;padding:4px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tc) 55%,transparent);background:color-mix(in srgb,var(--tc) 14%,#101012);color:var(--tc);font-size:10px;font-weight:1000;letter-spacing:.1em}
#findSkinPanel .find-skin-rate-box input[type=range]{-webkit-appearance:none;appearance:none;height:30px;margin:2px 0;background:transparent;--p:100%}
#findSkinPanel .find-skin-rate-box input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--tc) var(--p),#26262b var(--p));box-shadow:inset 0 1px 3px #000a}
#findSkinPanel .find-skin-rate-box input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--tc) var(--p),#26262b var(--p));box-shadow:inset 0 1px 3px #000a}
#findSkinPanel .find-skin-rate-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;border:2px solid #101012;background:radial-gradient(circle at 35% 30%,#fff,var(--tc) 55%,#6e5410);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 35%,transparent),0 4px 10px #000a}
#findSkinPanel .find-skin-rate-box input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid #101012;background:radial-gradient(circle at 35% 30%,#fff,var(--tc) 55%,#6e5410);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 35%,transparent),0 4px 10px #000a}
#findSkinPanel .find-skin-multiplier-preset{min-height:36px;font-size:11px;border-radius:9px}
#findSkinPanel .find-skin-multiplier-preset:active:not(:disabled){transform:scale(.95)}
#findSkinPanel .find-skin-metric{border-radius:11px;background:linear-gradient(180deg,#1a1a1d,#131315);border:1px solid #2c2c30}
#findSkinPanel .find-skin-start{min-height:52px;border-radius:12px;font-size:13px;letter-spacing:.06em;transition:transform .15s,box-shadow .2s}
#findSkinPanel .find-skin-start:not(:disabled){box-shadow:0 8px 28px #ffb82a40,inset 0 1px #fffbd0}
#findSkinPanel .find-skin-start:active:not(:disabled){transform:scale(.97)}
#findSkinPanel .find-skin-add{min-height:42px;border-radius:10px}
#findSkinPanel .find-skin-pod.guess-ready .fs-body{filter:drop-shadow(0 0 10px #ffdf3555)}
#findSkinPanel .find-skin-inventory-grid>*{transition:transform .15s,box-shadow .2s,border-color .2s}
@media(hover:hover){#findSkinPanel .find-skin-inventory-grid>*:hover{transform:translateY(-2px)}}
@media(max-width:900px){
  body.find-skin-mode .find-skin-stage{height:clamp(210px,34dvh,300px)!important}
  #findSkinPanel .find-skin-start{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:25}
  #findSkinPanel .find-skin-multiplier-presets{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(hover:none){#findSkinPanel .find-skin-multiplier-preset{min-height:44px;font-size:12px}#findSkinPanel .find-skin-add{min-height:46px}}
@media(max-width:380px){#findSkinPanel .find-skin-rate-row output{font-size:19px}#findSkinPanel .find-skin-multiplier-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#findSkinPanel *{transition-duration:.01ms!important}}
/* Kasa penceresinde hizli bakiye: rozet ve fiyat cuzdani acar, kasa penceresi kapanmaz */
.case-balance-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 5px 0 11px;border:1px solid #6a5928;border-radius:100px;background:linear-gradient(180deg,#2c2512,#1b170c);color:#ffe47a;font-size:12px;font-weight:1000;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .15s,border-color .2s,box-shadow .2s}
.case-balance-chip i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;font-size:14px;line-height:1}
.case-balance-chip:hover{border-color:#e8ca45;box-shadow:0 0 16px #ffdf3530}
.case-balance-chip:active{transform:scale(.96)}
.case-balance-chip.low{border-color:#ff6b5a;color:#ffb8ae;animation:caseChipPulse 1.6s ease-in-out infinite}
@keyframes caseChipPulse{50%{box-shadow:0 0 0 4px #ff6b5a26}}
#caseSelectedPrice{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#caseSelectedPrice:after{content:"＋";display:inline-grid;place-items:center;vertical-align:middle;width:20px;height:20px;margin-left:9px;border-radius:50%;background:linear-gradient(180deg,#ffe34a,#c9a51c);color:#191609;font-size:13px;line-height:1;text-shadow:none}
#caseSelectedPrice:hover{filter:brightness(1.15)}
#caseSelectedPrice:focus-visible,.case-balance-chip:focus-visible{outline:2px solid #ffdf35;outline-offset:3px;border-radius:8px}
body.case-modal-open #depositModal{z-index:10030}
@media(max-width:560px){
  .case-featured-heading{flex-wrap:wrap;gap:8px}
  .case-featured-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px}
  .case-balance-chip{min-height:38px;font-size:13px}
  .case-modal-close{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.case-balance-chip.low{animation:none}}

/* === Kasa açma paneli: fiyat + butonlar düzeni (sadece görünüm) === */
#casePanel .case-selected-actions>#caseSelectedPrice{display:flex;align-items:center;justify-content:flex-start;gap:10px;line-height:1;white-space:nowrap;margin:0}
#casePanel #caseSelectedPrice:after{content:"";display:block;flex:0 0 22px;width:22px;height:22px;margin:0;border-radius:50%;box-sizing:border-box;
  background:
    linear-gradient(#191609,#191609) center/10px 2px no-repeat,
    linear-gradient(#191609,#191609) center/2px 10px no-repeat,
    linear-gradient(180deg,#ffe34a,#c9a51c);
  box-shadow:0 2px 8px #d5ae3544;font-size:0}
#casePanel .case-selected-actions .case-open-button,
#casePanel .case-selected-actions .case-wallet-button{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;line-height:1.15;min-height:46px;padding:0 8px;box-sizing:border-box;overflow:hidden}
#casePanel .case-selected-actions .case-open-button{font-size:11.5px;letter-spacing:.02em}
#casePanel .case-selected-actions .case-wallet-button{font-size:10.5px;letter-spacing:.03em;min-height:42px}
@media(max-width:1050px){#casePanel .case-selected-actions .case-open-button{font-size:10.5px;letter-spacing:.01em}#casePanel .case-selected-actions .case-wallet-button{font-size:9.5px}}
@media(max-width:760px){#casePanel .case-selected-actions .case-open-button{font-size:12px}#casePanel .case-selected-actions .case-wallet-button{font-size:11px}#casePanel .case-selected-actions>#caseSelectedPrice{font-size:24px}}

/* === Mod sekmeleri: profesyonel ikon rozeti (sadece görünüm) === */
.mode-switch .mode-tab .mode-ico{width:32px;height:32px;flex:0 0 32px;border-radius:9px;color:#ffdf35;
  background:radial-gradient(120% 120% at 30% 15%,#4a4118 0%,#26220f 55%,#16140a 100%);
  border:1px solid #6b5a22;box-shadow:inset 0 1px 0 #ffe9803d,inset 0 -6px 10px #00000055,0 2px 7px #00000066,0 0 10px #ffd83a1f}
.mode-switch .mode-tab .mode-ico svg{width:20px;height:20px;stroke-width:1.7;filter:drop-shadow(0 0 3px #ffd83a66)}
.mode-switch .mode-tab:hover:not(.active) .mode-ico{border-color:#c9a52e;box-shadow:inset 0 1px 0 #fff2a055,inset 0 -6px 10px #00000044,0 3px 10px #00000066,0 0 14px #ffd83a55}
.mode-switch .mode-tab.active .mode-ico{color:#ffe95c;
  background:radial-gradient(120% 120% at 30% 15%,#3a3416 0%,#17140a 60%,#0c0b06 100%);
  border-color:#17140a;box-shadow:inset 0 1px 0 #ffe9803a,inset 0 -6px 10px #00000066,0 3px 8px #5a420a66,0 0 0 1px #fff0a266}
.mode-switch .mode-tab.active .mode-ico svg{filter:drop-shadow(0 0 4px #ffe95caa)}
@media(max-width:760px){.mode-switch .mode-tab .mode-ico{width:28px;height:28px;flex-basis:28px}.mode-switch .mode-tab .mode-ico svg{width:18px;height:18px}}
/* ---- İletişim / İş birliği ---- */
.contact-top{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:34px;padding:0 8px;border:1px solid #6b5716;border-radius:7px;background:#2a2412;color:#ffdf35;font-weight:800;font-size:11px;text-decoration:none;white-space:nowrap}
.contact-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-top:hover,.contact-top:focus-visible{border-color:#ffdf35;background:#3a3010}
.contact-top-label{display:none}
.contact-top-label .en{display:none}html[lang="en"] .contact-top-label .tr{display:none}html[lang="en"] .contact-top-label .en{display:inline}
@media(min-width:900px){.topbar{height:76px;gap:22px}.header-right{gap:12px}.top-actions{gap:12px}}
@media(min-width:1560px){.contact-top{padding:0 12px}.contact-top-label{display:inline}.topbar{height:80px}.header-right{gap:14px}}.header-right .reset-top{white-space:nowrap}
@media(max-width:480px){.contact-top{height:32px;min-width:32px;padding:0 6px}}
.rh-contact{max-width:1340px;margin:22px auto 0;padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-right))}
.rh-contact-in{display:flex;align-items:center;gap:14px 16px;flex-wrap:wrap;padding:16px 18px;border:1px solid #4a3d14;border-radius:14px;background:linear-gradient(135deg,#1d1808 0,#121211 60%);box-shadow:0 0 0 1px rgba(255,223,53,.05) inset}
.rh-contact-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#2a2412;border:1px solid #6b5716;color:#ffdf35}
.rh-contact-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rh-contact-txt{flex:1 1 220px;min-width:0}
.rh-contact-txt h2{margin:0 0 3px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f4efe0}
.rh-contact-txt p{margin:0;font-size:12.5px;line-height:1.45;color:#a9a597}
.rh-contact .en{display:none}html[lang="en"] .rh-contact .tr{display:none}html[lang="en"] .rh-contact .en{display:inline}
.rh-contact-mail{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;background:linear-gradient(180deg,#ffe65a,#f2b91c);color:#18140a;font-weight:800;font-size:14px;text-decoration:none;word-break:break-all;text-align:center;box-shadow:0 2px 0 #9a6f08}
.rh-contact-mail:hover,.rh-contact-mail:focus-visible{filter:brightness(1.08)}
@media(max-width:560px){.rh-contact{margin-top:18px}.rh-contact-in{padding:14px;gap:12px}.rh-contact-txt{flex-basis:calc(100% - 60px)}.rh-contact-mail{width:100%;font-size:13.5px}}

/* ---- header ferahlık (sadece masaüstü) + etiket çevirisi ---- */
.contact-top{font-family:inherit;cursor:pointer}
.header-right>.contact-top{min-width:34px}
.contact-top-label .en{display:none}html[lang="en"] .contact-top-label .tr{display:none}html[lang="en"] .contact-top-label .en{display:inline}
@media(max-width:480px){.header-right>.contact-top{min-width:32px}}
@media(min-width:900px){.topbar{height:76px;gap:22px}.header-right{gap:12px}.top-actions{gap:12px}}
@media(min-width:1560px){.topbar{height:80px}.header-right{gap:14px}.contact-top{padding:0 12px}.contact-top-label{display:inline}}
/* ---- iletişim popup ---- */
.rh-cm{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(5,5,6,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rh-cm.open{display:flex}
.rh-cm-box{position:relative;width:min(100%,420px);max-height:calc(100vh - 32px);overflow:auto;padding:26px 22px 22px;border:1px solid #6b5716;border-radius:18px;background:linear-gradient(160deg,#241d09 0,#121211 55%);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,223,53,.06) inset;text-align:center;color:#f4efe0}
.rh-cm-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid #333337;border-radius:10px;background:#1b1b1d;color:#cfcfd2;font:400 22px/1 inherit;cursor:pointer}
.rh-cm-close:hover,.rh-cm-close:focus-visible{border-color:#ffdf35;color:#ffdf35}
.rh-cm-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border-radius:16px;background:#2a2412;border:1px solid #6b5716;color:#ffdf35}
.rh-cm-ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rh-cm h2{margin:0 0 8px;font-size:17px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rh-cm-sub{margin:0 0 16px;font-size:13px;line-height:1.5;color:#a9a597}
.rh-cm-mail{margin:0 0 16px;padding:13px 10px;border:1px dashed #6b5716;border-radius:12px;background:#0e0e0f;color:#ffdf35;font-weight:800;font-size:15px;word-break:break-all;user-select:all;-webkit-user-select:all}
.rh-cm-actions{display:flex;gap:10px}
.rh-cm-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border-radius:11px;font:800 13.5px/1.2 inherit;text-decoration:none;cursor:pointer;border:1px solid #6b5716;background:#2a2412;color:#ffdf35}
.rh-cm-send{border:0;background:linear-gradient(180deg,#ffe65a,#f2b91c);color:#18140a;box-shadow:0 2px 0 #9a6f08}
.rh-cm-btn:hover,.rh-cm-btn:focus-visible{filter:brightness(1.12)}
.rh-cm .en{display:none}html[lang="en"] .rh-cm .tr{display:none}html[lang="en"] .rh-cm .en{display:inline}
.rh-cm-copy .done{display:none}.rh-cm-copy.ok .idle{display:none}.rh-cm-copy.ok .done{display:inline}
@media(max-width:380px){.rh-cm-actions{flex-direction:column}.rh-cm-mail{font-size:13.5px}}

/* ---- dil seçici (TR | EN) ---- */
.lang-native{display:none!important}
.lang-seg{flex:none;display:inline-flex;align-items:center;gap:2px;height:34px;padding:3px;border:1px solid #514727;border-radius:9px;background:#141412}
.lang-seg button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 7px;border-radius:6px;color:#9a9378;font:900 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}
.lang-seg button:hover{color:#ffe15b}
.lang-seg button:focus-visible{outline:2px solid #ffdf35;outline-offset:1px}
.lang-seg button.on{background:linear-gradient(180deg,#ffe65a,#f2b91c);color:#18140a;box-shadow:0 1px 0 #9a6f08;cursor:default}
@media(max-width:480px){.lang-seg{height:32px;padding:2px;gap:1px;border-radius:8px}.lang-seg button{min-width:19px;height:26px;padding:0 3px;font-size:9.5px;letter-spacing:0;border-radius:6px}.header-right>.contact-top{min-width:30px;width:30px;padding:0}}

.brand#brandHome{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .15s}.brand#brandHome:hover{filter:brightness(1.12)}.brand#brandHome:focus-visible{outline:2px solid #ffdf35;outline-offset:4px;border-radius:8px}

.rh-contact[hidden]{display:none!important}
/* ---- telefon performansı ---- */
@media (pointer:coarse) and (max-width:900px){
  .skin-card{content-visibility:auto;contain-intrinsic-size:auto 120px}
  *,*:before,*:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* ---- mobil/PC iyileştirmeleri (mevcut düzene dokunmaz) ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
/* iOS Safari: 16px altı alanlara odaklanınca sayfa kendiliğinden yakınlaşır; sadece iOS'ta düzelt */
@supports (-webkit-touch-callout:none){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important}
}
/* Dokunmatik cihazlarda küçük butonları parmağa uygun yap (sadece yükseklik) */
@media (pointer:coarse){
  #inventorySearch,#targetSearch,#weaponFilter,#sortFilter,#minPrice,#maxPrice,#clearFilters,#clearTarget,#rhUp,#rhDown{min-height:40px}
  button,[role=button],summary,select{touch-action:manipulation}
}
@media (pointer:coarse){a,button{-webkit-tap-highlight-color:rgba(255,223,53,.15)}}
/* Skin Upgrader hedef listesi sayfalama */
.target-pager{display:none;align-items:center;justify-content:center;gap:5px;margin-top:8px;flex-wrap:wrap}
.target-pager button{min-width:32px;height:32px;padding:0 8px;border:1px solid #514724;border-radius:7px;background:#282416;color:#ffdf35;font-size:12px;font-weight:900;cursor:pointer}
.target-pager button:hover:not(:disabled){background:#39311b;border-color:#8b742a}
.target-pager button.on{background:#ffdf35;border-color:#ffdf35;color:#1a1608;cursor:default}
.target-pager button:disabled{opacity:.4;cursor:default}
.target-pager .tp-gap{min-width:14px;text-align:center;color:#8a8a93;font-weight:900}

/* SADECE TELEFON: Upgrader'da "hedef eşya" kartı, skin koyduğumuz kartla aynı boyda olsun */
@media(max-width:760px){
  .upgrade-layout{align-items:stretch!important}
  .upgrade-layout .wheel-wrap,.upgrade-layout .upgrade-actions{align-self:center}
  .upgrade-layout .source-column{display:flex!important;flex-direction:column;align-self:stretch!important}
  .upgrade-layout .source-column>.hero-card{flex:1 1 auto!important}
  .upgrade-layout>.hero-card.target,.upgrade-layout .source-column>.hero-card{min-height:200px;height:auto!important}
}