:root{--dl-night: #060b18;--dl-board: #0f1d3d;--dl-board-deep: #081126;--dl-gold: #d8a94a;--dl-gold-light: #f3d994;--dl-gold-dark: #8f6420;--dl-teal: #5db8ae;--dl-teal-light: #a6efe4;--dl-teal-dark: #2a7f78;--dl-pomegranate: #802f3d;--dl-ink: #f1e2bf;--dl-soft: #b7a17b;--dl-line: rgba(201, 154, 67, .32);--gap: clamp(3px, 1.3vw, 6px)}body.dilan-page{min-height:100vh;min-height:100dvh;color:var(--dl-ink);background:radial-gradient(75% 50% at 50% -5%,rgba(201,154,67,.2),transparent 70%),radial-gradient(90% 80% at 50% 45%,#121c38,#0a1226 62%,#060b18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}html[lang=ckb] body.dilan-page{font-family:Tahoma,Noto Sans Arabic,Geeza Pro,sans-serif}.dilan-page [hidden]{display:none!important}.dilan-page button,.dilan-page a{-webkit-tap-highlight-color:transparent}.dilan-page button{cursor:pointer}.dilan-page :focus-visible{outline:2px solid var(--dl-gold-light);outline-offset:3px}.dl-shell{max-width:560px;margin:0 auto;padding:0 max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.dl-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--dl-line)}.dl-brand{display:flex;align-items:center;gap:8px;color:var(--dl-ink);text-decoration:none;font-size:16px;font-weight:650}.dl-brand .yk-brand-mark{width:32px;height:32px;color:var(--dl-gold)}.dl-nav{display:flex;align-items:center;gap:8px}.dl-nav .yk-all-games-link,.dl-nav .yk-language-toggle--inline{color:var(--dl-ink);background:transparent;border-color:var(--dl-line);box-shadow:none;font-size:12px;padding:9px 12px}.dl-nav .yk-all-games-link:hover,.dl-nav .yk-language-toggle--inline:hover{background:#c99a4324}.dl-main{padding:22px 0 8px}.dl-eyebrow{margin:0 0 10px;color:var(--dl-gold);font-size:11px;font-weight:650;letter-spacing:1.6px}.dl-menu h1{margin:0;color:var(--dl-gold-light);font-size:clamp(52px,17vw,84px);line-height:1.05;font-weight:700}.dl-menu h1 span{color:var(--dl-teal)}.dl-menu h2{margin:8px 0 10px;font-size:clamp(18px,5vw,24px);font-weight:600}.dl-intro{margin:0 0 22px;max-width:46ch;color:var(--dl-soft);font-size:15px;line-height:1.75}.dl-modes{display:grid;gap:10px}.dl-mode{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 16px;color:var(--dl-ink);text-align:start;background:linear-gradient(180deg,#1b2950b3,#0b142acc);border:1px solid var(--dl-line);border-radius:14px;transition:border-color .15s,transform .15s}.dl-mode:hover{border-color:var(--dl-gold)}.dl-mode:active{transform:scale(.99)}.dl-mode-text{display:grid;gap:3px}.dl-mode-text b{font-size:16px;font-weight:650}.dl-mode-text small{color:var(--dl-soft);font-size:12.5px;line-height:1.5}.dl-mode-dots{display:flex;flex:none;direction:ltr;gap:4px}.dl-mode-dots i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--dl-gold-light),var(--dl-gold) 55%,var(--dl-gold-dark))}.dl-mode-dots--hard i:nth-child(2){background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 55%,var(--dl-teal-dark))}.dl-mode-dots--hard i:nth-child(3){background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 55%,var(--dl-teal-dark))}.dl-mode-dots--easy i:nth-child(3){background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 55%,var(--dl-teal-dark))}.dl-mode-dots--two i:nth-child(2),.dl-mode-dots--two i:nth-child(3){background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 55%,var(--dl-teal-dark))}.dl-mode-dots--two i:nth-child(2){background:radial-gradient(circle at 35% 30%,var(--dl-gold-light),var(--dl-gold) 55%,var(--dl-gold-dark))}.dl-play{display:grid;gap:14px}.dl-turn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:16px;font-weight:600}.dl-turn.is-over{visibility:hidden}.dl-swatch{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 2px #ffffff1f}.dl-swatch[data-player="1"]{background:radial-gradient(circle at 35% 30%,var(--dl-gold-light),var(--dl-gold) 55%,var(--dl-gold-dark))}.dl-swatch[data-player="2"]{background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 55%,var(--dl-teal-dark))}.dl-frame{padding:11px;border-radius:16px;background:linear-gradient(135deg,var(--dl-gold) 25%,transparent 25%) -6px 0 / 12px 12px,linear-gradient(225deg,var(--dl-gold) 25%,transparent 25%) -6px 0 / 12px 12px,linear-gradient(315deg,var(--dl-pomegranate) 25%,transparent 25%) 0 0 / 12px 12px,linear-gradient(45deg,var(--dl-pomegranate) 25%,#1a2547 25%) 0 0 / 12px 12px;box-shadow:0 14px 34px #00000080,0 0 0 1px #f3d99440}.dl-board{direction:ltr;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--gap);padding:calc(var(--gap) + 2px);border-radius:8px;background:linear-gradient(180deg,#14264f,var(--dl-board) 60%,#0b1630);box-shadow:inset 0 0 0 2px #d8a94a8c,inset 0 6px 18px #00000073}.dl-col{display:flex;flex-direction:column;gap:var(--gap);min-width:0;margin:0;padding:0;border:0;border-radius:999px;background:transparent;touch-action:manipulation}.dl-col[aria-disabled=true]{cursor:default}.dl-col:focus-visible{outline-offset:2px}.dl-cell{position:relative;display:block;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#050a18,var(--dl-board-deep));box-shadow:inset 0 3px 6px #000000b3,0 1px #f3d9941f}.dl-cell.is-drop{z-index:2}.dl-disc{position:absolute;inset:0;display:block;opacity:0;pointer-events:none}.dl-disc:before{content:"";position:absolute;inset:7%;border-radius:50%;box-shadow:inset 0 -3px 5px #00000059,inset 0 2px 3px #ffffff59,0 1px 3px #00000080}.dl-disc:after{content:"";position:absolute;inset:24%;border-radius:50%;border:1.5px solid rgba(0,0,0,.22)}.dl-cell.is-p1 .dl-disc,.dl-cell.is-p2 .dl-disc,.dl-cell.is-ghost .dl-disc{opacity:1}.dl-cell.is-p1 .dl-disc:before,.dl-cell.is-ghost[data-turn="1"] .dl-disc:before{background:radial-gradient(circle at 35% 30%,var(--dl-gold-light),var(--dl-gold) 52%,var(--dl-gold-dark))}.dl-cell.is-p2 .dl-disc:before,.dl-cell.is-ghost[data-turn="2"] .dl-disc:before{background:radial-gradient(circle at 35% 30%,var(--dl-teal-light),var(--dl-teal) 52%,var(--dl-teal-dark))}.dl-cell.is-ghost:not(.is-p1):not(.is-p2) .dl-disc{opacity:.38}.dl-cell.is-ghost:not(.is-p1):not(.is-p2) .dl-disc:before{box-shadow:none}.dl-cell.is-drop .dl-disc{animation:dl-drop var(--dur, .3s) cubic-bezier(.5,0,.9,.6) both}@keyframes dl-drop{0%{transform:translateY(calc(var(--fall, 1) * -1 * (100% + var(--gap)) - 30%))}72%{transform:translateY(0);animation-timing-function:ease-out}86%{transform:translateY(-7%);animation-timing-function:ease-in}to{transform:translateY(0)}}.dl-cell.is-win .dl-disc:before{animation:dl-glow 1.1s ease-in-out infinite alternate;box-shadow:0 0 0 2px #fff6d6,0 0 14px 4px #fff0bed9}.dl-cell.is-win .dl-disc:after{border-color:#ffffffb3}@keyframes dl-glow{0%{filter:brightness(1);box-shadow:0 0 0 2px #fff6d6,0 0 8px 2px #fff0be99}to{filter:brightness(1.25);box-shadow:0 0 0 2px #fff,0 0 20px 7px #fff0bef2}}.dl-result{display:grid;gap:8px;justify-items:center;padding:18px 16px;text-align:center;background:linear-gradient(180deg,#1b2950d9,#0b142aeb);border:1px solid var(--dl-gold);border-radius:16px;box-shadow:0 10px 28px #00000073;animation:dl-rise .35s ease-out both}@keyframes dl-rise{0%{opacity:0;transform:translateY(8px)}}.dl-result[data-winner="1"] .dl-result-title{color:var(--dl-gold-light)}.dl-result[data-winner="2"] .dl-result-title{color:var(--dl-teal-light)}.dl-result-title{margin:0;font-size:24px}.dl-result-note{margin:0;color:var(--dl-soft);font-size:14px}.dl-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.dl-btn{min-height:46px;padding:10px 20px;color:var(--dl-ink);background:transparent;border:1px solid var(--dl-line);border-radius:999px;font-size:15px;font-weight:600}.dl-btn:hover{border-color:var(--dl-gold)}.dl-btn--primary{color:#1a1004;background:linear-gradient(180deg,var(--dl-gold-light),var(--dl-gold));border-color:var(--dl-gold-light)}.dl-btn--quiet{min-height:40px;padding:8px 16px;font-size:13px;color:var(--dl-soft)}.dl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.dl-keys{color:var(--dl-soft);font-size:12px;opacity:.8}@media(hover:none){.dl-keys{display:none}}@media(max-height:560px)and (orientation:landscape){.dl-header{min-height:52px}.dl-main{padding-top:10px}.dl-play{max-width:330px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.dl-cell.is-drop .dl-disc,.dl-cell.is-win .dl-disc:before,.dl-result{animation:none}.dl-mode{transition:none}}.dl-result:not([hidden])~.dl-foot{display:none}