:root{--bg-color:transparent;--text-color:#fff;--hex-empty:#ffffff26;--hex-empty-hover:#ffffff40;--hex-filled:#fde047;--hex-stroke:#fff3;--accent:#fde047;--supernova:#facc15}*{box-sizing:border-box}body{color:var(--text-color);background:linear-gradient(135deg,#4f46e5 0%,#ec4899 100%) fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.game-wrapper{width:100vw;max-width:100vw;height:100vh;padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.game-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem;display:flex}.stats-pill{-webkit-backdrop-filter:blur(10px);text-shadow:0 2px 4px #0003;background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:1.1rem;font-weight:700}.game-main{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.board-container{justify-content:center;align-items:center;width:100%;display:flex}.hex-board{width:100%;max-width:500px;height:auto;max-height:55vh}.hex-tile{stroke:var(--hex-stroke);stroke-width:1.5px;cursor:pointer;transition:fill .2s,filter .2s}.tile-empty{fill:var(--hex-empty)}.tile-empty:hover{fill:var(--hex-empty-hover)}.tile-filled{fill:var(--hex-filled);filter:drop-shadow(0 0 8px #fde04799);stroke:#fffc}.tile-preview-valid{fill:#38bdf880;stroke:#38bdf8;stroke-width:2px}.tile-preview-invalid{fill:#ef444480;stroke:#ef4444;stroke-width:2px;cursor:not-allowed}.tile-preview-danger{fill:#f9731680;stroke:#f97316;stroke-width:2px}.tile-blast-warning{fill:#ef4444;filter:drop-shadow(0 0 8px #ef4444cc);stroke:#fff;animation:.5s infinite alternate blast-pulse}@keyframes blast-pulse{0%{opacity:1}to{opacity:.5}}.game-footer{margin-top:auto;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.share-card{background:linear-gradient(135deg,#4f46e5 0%,#ec4899 100%);border:2px solid #ffffff4d;border-radius:16px;flex-direction:column;align-items:center;width:320px;margin-bottom:24px;padding:24px;font-family:Arial,Helvetica,sans-serif;display:flex;box-shadow:0 10px 30px #000c}.share-card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.share-card-title{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.share-card-time{color:#fde047;font-size:1.2rem;font-weight:800}.share-card-board{aspect-ratio:1;width:100%;margin-bottom:16px}.share-card-footer{color:#fffc;font-size:.9rem;font-weight:700}.share-actions{gap:12px;display:flex}.btn-share{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 14px #38bdf866}.btn-share:hover{transform:scale(1.05)}.btn-restart-small{color:#cbd5e1;cursor:pointer;background:#334155;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:background .2s}.btn-restart-small:hover{background:#475569}.hand-container{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;justify-content:center;align-items:center;gap:10px;width:100%;padding:1rem .5rem;display:flex}.shape-slot{aspect-ratio:1;cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;max-width:90px;transition:transform .2s,background .2s;display:flex;position:relative}.shape-slot:hover{transform:scale(1.1)}.shape-slot.selected{box-shadow:none;background:0 0;border:none;transform:scale(1.15)}.shape-preview-svg{width:100%;height:100%}.shape-tile{fill:var(--accent);stroke:#ffffff80;stroke-width:1px}.supernova-overlay{z-index:10;background:#000c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:1.5s ease-out supernova-flash;display:flex;position:absolute;inset:0}.supernova-overlay h2{color:var(--supernova);text-shadow:0 0 30px var(--supernova);font-size:2.5rem}@keyframes supernova-flash{0%{opacity:0;background:#facc15e6;transform:scale(.5)}50%{opacity:1;background:#facc1566;transform:scale(1)}to{background:#000c}}.rotate-hint{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;pointer-events:auto;z-index:20;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(28px,40%,44px);height:clamp(28px,40%,44px);font-size:clamp(16px,20%,24px);font-weight:800;transition:transform .2s,background .2s;display:flex;position:absolute;top:0;right:0;box-shadow:0 4px 10px #0000001a}.rotate-hint:hover{background:#ffffff4d;transform:scale(1.1)}.rotate-hint:active{transform:scale(.95)}.btn-info{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 4px #0003}.btn-info:hover{background:#ffffff40;transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{color:#fff;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(135deg,#4f46e5f2 0%,#ec4899f2 100%);border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:400px;max-height:85dvh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-content::-webkit-scrollbar{display:none}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:#ffffff4d}.modal-title{color:#fde047;text-shadow:0 2px 4px #0000004d;margin:0 0 20px;font-size:1.5rem}.simple-instructions{margin:0;padding:0;list-style-type:none}.simple-instructions li{color:#fffffff2;background:#00000026;border-left:4px solid #38bdf8;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:1.05rem;line-height:1.5}.simple-instructions li strong{color:#fde047}.modal-footer{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.btn-install{color:#0f172a;cursor:pointer;background:#fde047;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:1.1rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #fde04766}.btn-install:hover{transform:scale(1.05);box-shadow:0 6px 20px #fde04799}.btn-play{color:#fff;cursor:pointer;background:#38bdf8;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #38bdf866}.btn-play:hover{transform:scale(1.05);box-shadow:0 6px 20px #38bdf899}.ios-install-hint{text-align:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;width:100%;padding:10px 16px}.ios-install-hint p{color:#fff;margin:0;font-size:.95rem}