:root{--black:#0c0c0c;--cream:#e8cda0;--cream-light:#f5e8d2;--red:#d71920;--green:#159337;--white:#fff;--muted:#8f877f;--shadow:0 20px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;background:#0c0c0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}[hidden]{display:none!important}
.coffre-page{min-height:100vh;padding:28px 18px 45px;background:radial-gradient(circle at 50% 0,rgba(232,205,160,.10),transparent 34%),#0c0c0c}.coffre-card{width:min(760px,100%);margin:0 auto}.brand-logo{display:block;width:122px;height:122px;object-fit:contain;margin:0 auto 18px}
.chest-teaser{position:relative;overflow:hidden;padding:25px;color:#fff;background:linear-gradient(145deg,#171513,#0e0d0c);border:1px solid rgba(232,205,160,.34);border-radius:18px;text-align:left;box-shadow:0 18px 42px rgba(0,0,0,.18)}.chest-teaser:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 0,rgba(232,205,160,.15),transparent 32%),linear-gradient(90deg,transparent,rgba(215,25,32,.055),transparent)}.teaser-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.game-kicker{display:block;margin-bottom:6px;color:var(--cream);font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.chest-teaser h1{margin:0 0 8px;color:#fff;font:900 30px/1.08 Georgia,serif;letter-spacing:-.02em}.chest-teaser p{margin:0;color:#d0c8bf;font-size:13px;line-height:1.52}.attempt-badge{margin-top:13px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:#fff0ce;background:rgba(232,205,160,.08);border:1px solid rgba(232,205,160,.25);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.teaser-prize{min-width:118px;padding:16px 17px;text-align:center;color:#16100c;background:linear-gradient(145deg,#f6ead6,#e8cda0);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.26)}.teaser-prize small{display:block;color:#70563b;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.teaser-prize strong{display:block;margin-top:2px;font:900 32px/1 Georgia,serif}.teaser-prize span{font-size:10px;font-weight:850}
.game-stage{position:relative;overflow:hidden;margin-top:14px;padding:28px 24px 25px;background:linear-gradient(180deg,#121110,#080808);border:1px solid rgba(232,205,160,.30);border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 20px 50px rgba(0,0,0,.26);color:#fff}.game-stage:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(232,205,160,.08),transparent 37%),repeating-linear-gradient(90deg,transparent 0 56px,rgba(255,255,255,.012) 57px,transparent 58px)}.game-copy{position:relative;z-index:2;max-width:570px;margin:0 auto 20px;text-align:center}.game-copy h2{margin:0 0 8px;font:900 29px/1.08 Georgia,serif}.game-copy p{margin:0;color:#c9c1b8;font-size:12.5px;line-height:1.5}.unique-note{display:inline-flex;margin-top:10px;padding:6px 9px;color:#eddab7;background:rgba(232,205,160,.08);border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.03em}
.safe-wrap{position:relative;z-index:2;width:min(430px,100%);margin:0 auto 22px;perspective:900px}.safe-body{position:relative;padding:18px;background:linear-gradient(145deg,#393733,#171614 48%,#0b0b0b);border:1px solid #6d655b;border-radius:24px;box-shadow:0 28px 55px rgba(0,0,0,.48),inset 0 0 0 5px #111,inset 0 0 0 6px rgba(232,205,160,.18)}.safe-body:before,.safe-body:after{content:'';position:absolute;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(232,205,160,.38),transparent)}.safe-body:before{top:11px}.safe-body:after{bottom:11px}.safe-door{position:relative;min-height:270px;padding:25px 25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#282521,#131210 65%);border:1px solid #71685d;border-radius:16px;box-shadow:inset 0 0 34px rgba(0,0,0,.65);transform-origin:left center;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s ease}.safe-door:before{content:'G';position:absolute;left:18px;top:15px;color:rgba(232,205,160,.16);font:900 44px/1 Georgia,serif}.bolts span{position:absolute;width:9px;height:9px;border-radius:50%;background:#938573;box-shadow:inset 0 1px rgba(255,255,255,.4),0 2px 5px #000}.bolts span:nth-child(1){left:15px;top:15px}.bolts span:nth-child(2){right:15px;top:15px}.bolts span:nth-child(3){left:15px;bottom:15px}.bolts span:nth-child(4){right:15px;bottom:15px}
.lock-icon{position:relative;width:78px;height:82px;margin-bottom:12px}.shackle{position:absolute;left:16px;top:0;width:46px;height:43px;border:8px solid var(--cream);border-bottom:0;border-radius:25px 25px 0 0;transform-origin:8px 36px;transition:transform .7s ease .2s}.lock-block{position:absolute;left:7px;bottom:0;width:64px;height:54px;display:grid;place-items:center;color:#17120c;background:linear-gradient(145deg,#f3e4ca,#d7b77f);border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.35);font-size:18px;font-weight:950}.lock-block:after{content:'';width:7px;height:13px;background:#4b3d2e;border-radius:4px 4px 6px 6px}.code-label{margin-bottom:9px;color:#b8afa4;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.code-wheels{display:flex;justify-content:center;gap:8px}.wheel{display:grid;grid-template-rows:25px 58px 25px;width:58px;overflow:hidden;background:#080808;border:1px solid #665b4d;border-radius:10px;box-shadow:inset 0 0 13px #000}.wheel button{padding:0;color:#a9977e;background:#171512;border:0;cursor:pointer;font-size:14px;font-weight:900}.wheel button:hover{color:#fff;background:#28231e}.wheel button:disabled{opacity:.28;cursor:default}.digit{display:grid;place-items:center;color:#f5e8d2;background:linear-gradient(#0e0e0e,#181512,#0e0e0e);border-top:1px solid rgba(232,205,160,.15);border-bottom:1px solid rgba(232,205,160,.15);font:900 31px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-shadow:0 0 16px rgba(232,205,160,.25)}
.game-action{position:relative;z-index:2;display:grid;gap:9px;width:min(430px,100%);margin:0 auto}.try-button{min-height:52px;padding:0 20px;color:#fff;background:linear-gradient(135deg,var(--red),#a70c12);border:0;border-radius:12px;box-shadow:0 12px 30px rgba(215,25,32,.25);cursor:pointer;font-weight:950}.try-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.try-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.fineprint{margin:0;color:#8f877f;font-size:9.5px;line-height:1.45;text-align:center}.rules-link{width:max-content;margin:0 auto;color:#b8a98f;font-size:9.5px;text-decoration:underline;text-underline-offset:3px}
.result-box{position:relative;z-index:3;width:min(500px,100%);margin:16px auto 0;padding:17px 18px;border-radius:14px;text-align:center}.result-box strong{display:block;margin-bottom:5px;font-size:16px}.result-box p{margin:0;font-size:12px;line-height:1.5}.result-loss{color:#e7ddd4;background:#241c19;border:1px solid rgba(215,25,32,.35)}.result-win{color:#2b2014;background:linear-gradient(145deg,#fff8e8,#ecd4a9);border:1px solid #f4dfb9;box-shadow:0 0 38px rgba(232,205,160,.22)}.coffre-error{position:relative;z-index:3;margin:15px auto 0;padding:12px 14px;color:#ffdede;background:#391a1c;border:1px solid rgba(215,25,32,.45);border-radius:11px;font-size:12px;text-align:center;line-height:1.45}.game-stage.loss .safe-door{animation:safeShake .55s ease}.game-stage.win{box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 20px 60px rgba(232,205,160,.18)}.game-stage.win:after{content:'';position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle,rgba(232,205,160,.18),transparent 46%);animation:glowPulse 1.6s ease infinite alternate}.game-stage.win .shackle{transform:rotate(-38deg) translate(-4px,-3px)}.game-stage.win .safe-door{transform:rotateY(-10deg);filter:brightness(1.15)}
@keyframes safeShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}@keyframes glowPulse{from{opacity:.45}to{opacity:1}}.confetti{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:7px;height:14px;background:var(--cream);opacity:.9;animation:fall 2.6s linear infinite}.confetti i:nth-child(2n){background:#d71920}.confetti i:nth-child(3n){background:#fff}@keyframes fall{to{transform:translateY(520px) rotate(520deg);opacity:.2}}
.back-button{display:flex;align-items:center;justify-content:center;min-height:48px;margin:16px auto 0;padding:0 18px;width:min(430px,100%);color:#181512;background:#e8cda0;border-radius:11px;text-decoration:none;font-size:12px;font-weight:950}
@media(max-width:720px){.coffre-page{padding:18px 12px 35px}.brand-logo{width:104px;height:104px}.teaser-inner{grid-template-columns:1fr}.teaser-prize{width:100%;min-width:0}.game-stage{padding:23px 12px}.safe-body{padding:12px}.safe-door{min-height:250px;padding:22px 10px}.wheel{width:52px}.chest-teaser{padding:20px}.chest-teaser h1{font-size:27px}}
@media(max-width:390px){.code-wheels{gap:5px}.wheel{width:47px;grid-template-rows:24px 54px 24px}.digit{font-size:28px}.game-stage{padding-left:8px;padding-right:8px}.safe-body{padding:10px}.safe-door{padding-left:5px;padding-right:5px}}
