:root{color:#fff7d7;background:#120907;font-family:Georgia,Times New Roman,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}.app{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:34px 20px 24px}.background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 5%,rgba(255,228,128,.24),transparent 28%),radial-gradient(circle at 20% 75%,rgba(166,30,20,.55),transparent 35%),linear-gradient(135deg,#32100b,#71180e 42%,#180a08)}.background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,216,106,.09) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,216,106,.08) 25%,transparent 25%);background-size:80px 80px;opacity:.38}.effects-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.game-shell{position:relative;z-index:2;width:min(96vw,720px);display:grid;justify-items:center;gap:14px}.tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;padding:6px;border:1px solid rgba(244,211,125,.48);background:#0d08059e;border-radius:8px}.tabs button,.result-panel button{border:1px solid #d4af37;color:#fff1ad;background:linear-gradient(#5b130d,#320806);border-radius:6px;cursor:pointer;font-weight:800;text-shadow:0 2px 4px #000}.tabs button{min-height:40px;padding:8px 18px}.tabs button.active{background:linear-gradient(#fff1ad,#d4af37 52%,#815d13);color:#2a0b05;text-shadow:none}.board{position:relative;width:min(100%,600px);aspect-ratio:600 / 380;padding:clamp(16px,3vw,26px);border:3px solid #d4af37;border-radius:8px;overflow:hidden;background:linear-gradient(#11070638,#11070666),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 9px),linear-gradient(140deg,#5e130d,#160706 62%,#3b0d09);box-shadow:0 18px 50px #00000085,inset 0 0 28px #ffdd732e}.board:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(255,232,151,.32);border-radius:5px;pointer-events:none}.board-header{position:relative;z-index:1;text-align:center;margin-bottom:clamp(8px,2vw,18px)}.board h1{margin:0;color:#ffe98d;font-size:clamp(31px,7vw,58px);line-height:.92;text-shadow:0 4px 0 #4b0c06,0 0 18px rgba(255,204,76,.45)}.board p{margin:6px 0 0;color:#f5dc93;font-size:clamp(12px,2vw,16px);font-family:Arial,sans-serif;letter-spacing:0}.cards-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,2vw,14px)}.scratch-tile{position:relative;min-width:0;aspect-ratio:1 / 1.15;border-radius:8px;overflow:hidden;border:2px solid #f5d36f;background:#2b0a07;box-shadow:inset 0 0 16px #000,0 7px 14px #00000052}.tile-content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle,#ffeeb1,#be8421 48%,#5c140d);color:#421006}.tile-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#4a0f09;color:#ffeaa0;font-size:clamp(12px,2vw,16px);font-weight:900}.tile-content strong{font-size:clamp(20px,4vw,34px);letter-spacing:0;line-height:1}.scratch-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:grab}.center-revealed{animation:tilePop .42s ease-out}.single-win .scratch-tile{animation:winPop .9s ease both}.single-win .scratch-tile:nth-child(2){animation-delay:.1s}.single-win .scratch-tile:nth-child(3){animation-delay:.18s}.single-win .scratch-tile:nth-child(4){animation-delay:.26s}.single-win .scratch-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:3px solid rgba(255,94,36,.95);box-shadow:0 0 16px #ff5e24,inset 0 0 16px #ffbe4b;pointer-events:none;animation:firePulse .62s infinite alternate}.fortune-line{position:absolute;z-index:3;left:18%;right:18%;top:59%;height:5px;transform-origin:left center;background:linear-gradient(90deg,transparent,#fff7c8,#ffcf4b,transparent);box-shadow:0 0 18px #ffdd69;animation:drawLine .9s ease both,flashLine .46s .9s ease 2}.board-footer{position:absolute;z-index:1;left:clamp(18px,3vw,28px);right:clamp(18px,3vw,28px);bottom:clamp(10px,2vw,18px);display:flex;justify-content:space-between;gap:10px;color:#ffefb9d1;font:700 clamp(10px,1.8vw,13px) Arial,sans-serif}.result-panel{position:relative;z-index:3;display:grid;justify-items:center;gap:12px;animation:resultIn .7s cubic-bezier(.16,1.2,.36,1)}.result-message{min-width:min(420px,88vw);padding:15px 28px;text-align:center;border:1px solid rgba(212,175,55,.72);border-radius:8px;background:linear-gradient(#0000001f,#0000002e),linear-gradient(135deg,#7a170e,#230806);box-shadow:inset 0 0 20px #ffe89733,0 12px 24px #00000047}.result-message strong,.result-message span{display:block;color:#fff1ad;font-weight:900;line-height:1.08;text-shadow:0 4px 10px rgba(212,175,55,.72),0 2px 3px #000}.result-message strong{font-size:clamp(20px,5vw,28px)}.result-message span{margin-top:5px;font-size:clamp(16px,4vw,24px)}.result-panel button{padding:12px 32px;font-size:clamp(20px,4vw,28px)}.circle-button{position:fixed;z-index:5;width:clamp(34px,6vw,52px);height:clamp(34px,6vw,52px);display:grid;place-items:center;border-radius:50%;border:2px solid #e5c77a;background:linear-gradient(#5c4a35,#30261c);color:#f4d37d;box-shadow:0 4px 8px #0000008c;cursor:pointer}.circle-button span{display:block;margin-top:-4px;font-size:clamp(32px,6vw,46px);line-height:.7}.back-button{top:12px;left:12px}.fullscreen-button{position:fixed;z-index:5;top:12px;right:12px;min-width:54px;min-height:34px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0000007a;color:#fff;cursor:pointer}@keyframes tilePop{50%{transform:scale(1.08)}}@keyframes winPop{45%{transform:translateY(-12px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes firePulse{0%{opacity:.65}to{opacity:1}}@keyframes drawLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes flashLine{50%{filter:brightness(1.8)}}@keyframes resultIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media(max-width:680px){.app{padding:60px 10px 18px}.game-shell{gap:10px}.board{aspect-ratio:auto;min-height:410px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:330px;margin:0 auto}.board-footer{position:static;margin-top:12px;flex-direction:column;text-align:center}.fortune-line{left:23%;right:23%;top:58%;transform:rotate(36deg) scaleX(0)}.tabs{width:min(100%,330px);grid-template-columns:1fr 1fr}}@media(max-height:520px)and (orientation:landscape){.app{padding:10px 64px}.tabs{position:fixed;left:12px;bottom:12px;width:230px}.game-shell{width:min(78vw,640px)}.board{width:min(100%,560px)}}