:root{--gold-1: #f0c47c;--gold-2: #d49c4a;--gold-edge: #a8762f;--teal-1: #7fa07c;--teal-2: #4e6a6e;--teal-edge: #344a3c;--slate: #45605f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:linear-gradient(165deg,#4a6699,#4f6d78 45%,#5b7b50) fixed;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Inter,Roboto,sans-serif}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.game{width:100%;max-width:1100px}.petals{display:grid;grid-template-columns:56px 56px;gap:6px;justify-content:center;margin:0 auto 14px}.petal{width:56px;height:56px;display:block}.p-tl{border-radius:50% 50% 6px;background:linear-gradient(145deg,var(--teal-1),var(--teal-2));box-shadow:4px 5px 0 var(--teal-edge)}.p-tr{border-radius:50% 50% 50% 6px;background:linear-gradient(145deg,var(--gold-1),var(--gold-2));box-shadow:4px 5px 0 var(--gold-edge)}.p-bl{border-radius:50% 6px 50% 50%;background:linear-gradient(145deg,var(--gold-1),var(--gold-2));box-shadow:4px 5px 0 var(--gold-edge)}.p-br{border-radius:6px 50% 50%;background:linear-gradient(145deg,var(--teal-1),var(--teal-2));box-shadow:4px 5px 0 var(--teal-edge)}.setup{position:relative;width:100%;max-width:760px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:32px 36px;box-shadow:0 24px 60px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);line-height:1.55}.setup h1{text-align:center;margin:0;font-size:2rem;font-weight:800}.credit{text-align:center;margin:2px 0 18px;font-weight:700;opacity:.85}.intro{opacity:.92}.controls{font-family:Courier New,Consolas,monospace;color:var(--gold-1);margin:16px 0 20px}.setup label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.setup input,.setup select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:1.1rem;line-height:1;width:10rem;height:52px;margin:0;background-color:#0000002e;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:18px;padding:0 14px}.setup input:focus,.setup select:focus{outline:none;border-color:var(--gold-1)}.setup select{cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='18' viewBox='0 0 12 18' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.5 6 2.5l4 4'/%3E%3Cpath d='M2 11.5l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 18px}.setup select option{color:#000}.setup button.start{font:inherit;font-weight:800;font-size:1.05rem;margin-top:22px;width:100%;padding:14px;color:var(--slate);background:linear-gradient(145deg,var(--gold-1),var(--gold-2));border:none;border-radius:22px 22px 22px 6px;box-shadow:0 6px 0 var(--gold-edge),0 14px 26px #00000040;cursor:pointer;transition:transform .08s,box-shadow .08s}.setup button.start:focus{outline:none}.setup button.start:active{transform:translateY(4px);box-shadow:0 2px 0 var(--gold-edge)}.hud3d{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:8px}.chip{font-weight:800;padding:8px 16px;border-radius:18px 18px 18px 5px;font-size:clamp(.75rem,1.6vw,1rem);white-space:nowrap}.chip-kadhoot{justify-self:start;background:linear-gradient(145deg,#a6cf92,#4e7c68);box-shadow:0 4px #2f5141}.chip-madhoot{justify-self:end;background:linear-gradient(145deg,#9bb9ee,#46619a);box-shadow:0 4px #2d3f66}.chip-level{color:var(--slate);background:linear-gradient(145deg,var(--gold-1),var(--gold-2));box-shadow:0 4px 0 var(--gold-edge)}.chip-empty{visibility:hidden}.stage3d{position:relative;width:100%;height:min(74vh,64vw)}.board3d{display:block;width:100%;height:100%}.msg3d{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 30px;font-weight:800;font-size:clamp(.9rem,2.2vw,1.4rem);color:var(--slate);text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(145deg,var(--gold-1),var(--gold-2));border-radius:30px 30px 30px 8px;box-shadow:0 7px 0 var(--gold-edge),0 22px 40px #00000059;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.help{font-size:.8rem;text-align:center;margin-top:10px;color:#ffffffbf}.dpad{display:none;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center;margin-top:12px}.dpad button{font:inherit;font-size:1.4rem;color:#fff;border:none;border-radius:18px 18px 18px 5px;background:linear-gradient(145deg,var(--teal-1),var(--teal-2));box-shadow:0 4px 0 var(--teal-edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer}@media (pointer: coarse){.dpad{display:grid}}.lang-switch{position:absolute;top:18px;right:18px;display:flex;gap:4px;padding:4px;background:#0000002e;border-radius:14px}.lang-switch button{font:inherit;font-weight:800;font-size:.85rem;color:#fffc;background:transparent;border:none;border-radius:10px 10px 10px 3px;padding:5px 10px;cursor:pointer}.lang-switch button.on{color:var(--slate);background:linear-gradient(145deg,var(--gold-1),var(--gold-2));box-shadow:0 3px 0 var(--gold-edge)}.field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0}.seg{display:flex;gap:4px;padding:4px;background:#0000002e;border:1px solid rgba(255,255,255,.3);border-radius:18px}.seg button{font:inherit;font-weight:700;font-size:.95rem;color:#ffffffd9;background:transparent;border:none;border-radius:14px 14px 14px 4px;padding:10px 14px;cursor:pointer}.seg button.on{color:var(--slate);background:linear-gradient(145deg,var(--gold-1),var(--gold-2));box-shadow:0 3px 0 var(--gold-edge)}@media (max-width: 560px){.field{flex-direction:column;align-items:stretch}.seg button{flex:1;padding:10px 6px}}.speed-ctl{display:flex;align-items:center;gap:8px}.speed-ctl button{font:inherit;font-weight:800;font-size:1.2rem;width:38px;height:38px;color:#fff;border:none;border-radius:14px 14px 14px 4px;background:linear-gradient(145deg,var(--teal-1),var(--teal-2));box-shadow:0 4px 0 var(--teal-edge);cursor:pointer}.speed-ctl button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--teal-edge)}