/* Oyunmarkt demo global CSS — verbatim from the approved Claude Design demo (Main.dc.html helmet).
   Do not edit by hand; page markup carries the demo's inline styles and relies on these rules
   (dark mode: .theme-dark on the page wrapper). */
body{margin:0;background:#FFFFFF}
*{box-sizing:border-box}
a{color:#111111;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button{font:inherit;color:inherit;cursor:pointer}
input::placeholder{color:#8E8E93}
.ico{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sharp *:not(.dot){border-radius:0 !important}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.chipq{transition:background .2s ease,color .2s ease}
.chipq:hover{background:#2E2E32 !important;color:#FFFFFF !important}
.blrow:first-of-type{padding-top:18px}
.blead:hover .bltitle,.blrow:hover .bltitle{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.theme-dark{background:#0B0B0C !important;color:#F2F2F2 !important;transition:background-color .4s ease,color .4s ease}
.theme-dark .lt [style*="background: #FFFFFF"]:not(:has(> img)),.theme-dark .lt [style*="background: rgb(255, 255, 255)"]:not(:has(> img)){background-color:#151517 !important}
.theme-dark .lt [style*="background: #F6F6F4"],.theme-dark .lt [style*="background: rgb(246, 246, 244)"]{background-color:#18181B !important}
.theme-dark .lt [style*="background: #F7F7F5"],.theme-dark .lt [style*="background: rgb(247, 247, 245)"]{background-color:#18181B !important}
.theme-dark .lt [style*="background: #FAFAF9"],.theme-dark .lt [style*="background: rgb(250, 250, 249)"]{background-color:#18181B !important}
.theme-dark .lt [style*="background: #F3F3F1"]:not(:has(> img)),.theme-dark .lt [style*="background: rgb(243, 243, 241)"]:not(:has(> img)){background-color:#1E1E21 !important}
.theme-dark .lt [style*="background: #EFEFEC"]:not(:has(> img)),.theme-dark .lt [style*="background: rgb(239, 239, 236)"]:not(:has(> img)){background-color:#1E1E21 !important}
.theme-dark .lt [style*="background: #EDEDEA"]:not(:has(> img)),.theme-dark .lt [style*="background: rgb(237, 237, 234)"]:not(:has(> img)){background-color:#1E1E21 !important}
.theme-dark .lt [style*="background: #111111"],.theme-dark .lt [style*="background: rgb(17, 17, 17)"]{background-color:#F2F2F2 !important;color:#111111 !important}
.theme-dark .lt div[style*="background: #111111"],.theme-dark .lt div[style*="background: rgb(17, 17, 17)"],.theme-dark .lt a.lift[style*="background: #111111"],.theme-dark .lt a.lift[style*="background: rgb(17, 17, 17)"]{background-color:#1C1C1F !important;color:#FFFFFF !important;box-shadow:inset 0 0 0 1px #2A2A2E}
.theme-dark .lt [style*="background: #111111"] [style*="background: #FFFFFF"],.theme-dark .lt [style*="background: #111111"] [style*="background: rgb(255, 255, 255)"],.theme-dark .lt [style*="background: rgb(17, 17, 17)"] [style*="background: #FFFFFF"],.theme-dark .lt [style*="background: rgb(17, 17, 17)"] [style*="background: rgb(255, 255, 255)"]{background-color:#FFFFFF !important;color:#111111 !important}
.theme-dark .lt [style*="background: #121214"] [style*="background: #FFFFFF"],.theme-dark .lt [style*="background: rgb(18, 18, 20)"] [style*="background: rgb(255, 255, 255)"]{background-color:#FFFFFF !important;color:#111111 !important}
.theme-dark .lt [style*="color: #111111"],.theme-dark .lt [style*="color: rgb(17, 17, 17)"]{color:#F2F2F2 !important}
.theme-dark .lt [style*="color: #333333"],.theme-dark .lt [style*="color: rgb(51, 51, 51)"]{color:#C7C7CC !important}
.theme-dark .lt [style*="color: #444444"],.theme-dark .lt [style*="color: rgb(68, 68, 68)"]{color:#C7C7CC !important}
.theme-dark .lt [style*="color: #555555"],.theme-dark .lt [style*="color: rgb(85, 85, 85)"]{color:#C7C7CC !important}
.theme-dark .lt [style*="color: #6B6B6B"],.theme-dark .lt [style*="color: rgb(107, 107, 107)"]{color:#A1A1A6 !important}
.theme-dark .lt [style*="color: #8A8A8A"],.theme-dark .lt [style*="color: rgb(138, 138, 138)"]{color:#A1A1A6 !important}
.theme-dark .lt [style*="#E6E6E3"],.theme-dark .lt [style*="rgb(230, 230, 227)"]{border-color:#26262A !important}
.theme-dark .lt [style*="#EDEDEA"],.theme-dark .lt [style*="rgb(237, 237, 234)"]{border-color:#26262A !important}
.theme-dark .lt [style*="#EFEFEC"],.theme-dark .lt [style*="rgb(239, 239, 236)"]{border-color:#26262A !important}
.theme-dark .lt [style*="inset 0 0 0 1px #E6E6E3"],.theme-dark .lt [style*="rgb(230, 230, 227) 0px 0px 0px 1px inset"]{box-shadow:inset 0 0 0 1px #2A2A2E !important}
.theme-dark .lt [style*="inset 0 0 0 1px #D6D6D2"],.theme-dark .lt [style*="rgb(214, 214, 210) 0px 0px 0px 1px inset"]{box-shadow:inset 0 0 0 1px #2E2E32 !important}
.theme-dark .lt[style*="background: #FFFFFF"],.theme-dark .lt[style*="background: rgb(255, 255, 255)"]{background-color:#151517 !important}
.theme-dark .lt[style*="background: #F6F6F4"],.theme-dark .lt[style*="background: rgb(246, 246, 244)"],.theme-dark .lt[style*="background: #F3F3F1"],.theme-dark .lt[style*="background: rgb(243, 243, 241)"]{background-color:#111113 !important}
.theme-dark .lt[style*="color: #111111"],.theme-dark .lt[style*="color: rgb(17, 17, 17)"]{color:#F2F2F2 !important}
.theme-dark .gtile{background-color:#3A3A3E !important}
.theme-dark .wtile{background-color:#26262A !important}
.theme-dark .wtile img{mix-blend-mode:normal !important;border-radius:10px}
.theme-dark .topic:hover{background:#232326 !important}
.theme-dark .box:hover{border-color:#3A3A3E !important}
.theme-dark .lt a{color:#F2F2F2}
.pkrow{transition:box-shadow .15s ease,background .15s ease}
.pkrow:hover{background:#FAFAF9 !important}
.theme-dark .pkrow:hover{background:#1A1A1D !important}
.cpy{transition:background .15s ease,color .15s ease}
.cpy:hover{background:rgba(255,255,255,.16) !important}
.drop{transition:border-color .2s ease,background .2s ease}
.drop:hover{border-color:#111111 !important;background:#FAFAF9 !important}
.theme-dark .drop:hover{border-color:#F2F2F2 !important;background:#18181B !important}
@keyframes omUp{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes omCol{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.theme-dark .lt [style*="inset 0 0 0 1.5px #111111"]{box-shadow:inset 0 0 0 1.5px #F2F2F2 !important}
.theme-dark .lt [style*="inset 0 0 0 2px #111111"]{box-shadow:inset 0 0 0 2px #F2F2F2 !important}
.theme-dark .lt [style*="1.5px dashed #CFCFCB"]{border-color:#3A3A3E !important}
@media (max-width: 700px){.fam{grid-template-columns:1fr 1fr !important}}
.theme-dark .lt [style*="inset 3px 0 0 #111111"]{box-shadow:inset 3px 0 0 #F2F2F2 !important}
.fldw{transition:box-shadow .15s ease}
.fldw:focus-within{box-shadow:inset 0 0 0 1.5px #111111 !important}
.theme-dark .fldw:focus-within{box-shadow:inset 0 0 0 1.5px #F2F2F2 !important}
.show-sm{display:none !important}
@media (max-width: 760px){.show-sm{display:grid !important}}
.pz-line{stroke:#FFFFFF}
.theme-dark .pz-line{stroke:#0B0B0C}
.pz-hole{fill:#F3F3F1}
.theme-dark .pz-hole{fill:#18181B}
.pz-t{fill:#111111}
.theme-dark .pz-t{fill:#F2F2F2}
@keyframes omDash{to{stroke-dashoffset:-28}}
@keyframes omSel{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(44px)}50%,70%{transform:translateY(88px)}75%,95%{transform:translateY(132px)}100%{transform:translateY(0)}}
@keyframes omRev{0%,35%{opacity:0}45%,85%{opacity:1}95%,100%{opacity:0}}
@keyframes omHid{0%,35%{opacity:1}45%,85%{opacity:0}95%,100%{opacity:1}}
.vgn{transition:color .25s ease;cursor:default}
.vgn:hover{color:#111111}
.theme-dark .vgn:hover{color:#F2F2F2}
.theme-dark .vgnet{color:#3A3A3E !important}
.theme-dark .kfade{background:linear-gradient(to bottom, rgba(11,11,12,0), #0B0B0C 85%) !important}
@keyframes omSnap{0%{transform:translate(230px,-190px) rotate(16deg);opacity:0}25%{opacity:1}100%{transform:none;opacity:1}}
.pzp path{transition:fill .25s ease}
.pzp:hover path{fill:#2A2A2E}
.pzme{filter:drop-shadow(0 18px 30px rgba(217,45,32,.35))}
.theme-dark .boxill{stroke:#F2F2F2}
.mtile{transition:opacity .25s ease,box-shadow .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
.mtile:hover{opacity:1 !important;transform:translateY(-3px)}
.mtile img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mtile:hover img{transform:scale(1.05)}
@media (max-width: 900px){.g4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
.giftcard{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}
.giftc:hover{text-decoration:none}
.giftc:hover .giftcard{transform:translateY(-6px) rotate(-1.2deg);box-shadow:0 36px 50px -26px rgba(0,0,0,.6) !important}
.tip{position:relative}
.tip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);padding:7px 10px;background:#FFFFFF;color:#111111;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:5}
.tip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:8px;height:8px;background:#FFFFFF;transform:translate(-50%,4px) rotate(45deg);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.tip:hover::after,.tip:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.tip:hover::before,.tip:focus-visible::before{opacity:1;transform:translate(-50%,0) rotate(45deg)}
.tip:hover{background:#232326 !important}
.tipb::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,-4px);padding:7px 10px;background:#FFFFFF;color:#111111;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:80}
.tipb::before{content:"";position:absolute;left:50%;top:calc(100% + 6px);width:8px;height:8px;background:#FFFFFF;transform:translate(-50%,-4px) rotate(45deg);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:80}
.tipb:hover::after,.tipb:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.tipb:hover::before,.tipb:focus-visible::before{opacity:1;transform:translate(-50%,0) rotate(45deg)}
@media (max-width: 960px){.pgrid{grid-template-columns:minmax(0,1fr) !important}.pgrid > nav{padding-right:0 !important;border-right:0 !important}}
.eyeb:hover{background:rgba(0,0,0,.05) !important}
@keyframes omGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.fld{transition:box-shadow .15s ease}
.fld:focus{outline:none;box-shadow:inset 0 0 0 1.5px #111111 !important}
.theme-dark .fld:focus{box-shadow:inset 0 0 0 1.5px #F2F2F2 !important}
.crumb a{color:#8E8E93}
.crumb a:hover{color:#FFFFFF;text-decoration:none}
.crumb-l a{color:#6B6B6B}
.crumb-l a:hover{color:#111111;text-decoration:none}
.theme-dark .crumb-l a:hover{color:#F2F2F2}
.rowh{transition:background .15s ease}
.rowh:hover{background:#F6F6F4 !important;text-decoration:none}
.theme-dark .rowh:hover{background:#1C1C1F !important}
.side a,.side button{transition:background .15s ease,color .15s ease}
.side a:hover,.side button:hover{background:#F3F3F1;text-decoration:none}
.theme-dark .side a:hover,.theme-dark .side button:hover{background:#1E1E21}
.prose p{margin:0 0 18px}
.prose h2{margin:44px 0 14px;font-stretch:92%;font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.03em}
.prose h3{margin:28px 0 10px;font-size:19px;font-weight:600;letter-spacing:-.015em}
.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}
.prose li{margin:0 0 8px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.sticky{position:sticky;top:24px}
@media (max-width: 900px){.sticky{position:static}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.plain:hover{text-decoration:none}
.zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.045)}
.zoom:hover{text-decoration:none}
.go svg{transition:transform .2s ease}
.go:hover svg{transform:translateX(3px)}
.gcard{transition:box-shadow .3s ease}
.gcard img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.gcard:hover{text-decoration:none;box-shadow:0 0 0 1px rgba(17,17,17,.18),0 22px 44px -22px rgba(0,0,0,.5) !important}
.gcard:hover img{transform:scale(1.03);filter:brightness(.94)}
.lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.lift:hover{transform:translateY(-4px)}
.opt{transition:box-shadow .15s ease,background .15s ease}
.box{transition:border-color .2s ease}
.box:hover{border-color:#CFCFCB}
.scrolly{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}
.scrolly:hover{scrollbar-color:#BDBDB8 transparent}
.scrolly::-webkit-scrollbar{width:5px}
.scrolly::-webkit-scrollbar-track{background:transparent}
.scrolly::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}
.scrolly:hover::-webkit-scrollbar-thumb{background:#BDBDB8}
.tcard{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.tcard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #3A3A3E,0 30px 60px -30px rgba(0,0,0,.9) !important}
.mrow:hover .mq{animation-play-state:paused}
.tab{transition:color .2s ease,box-shadow .2s ease}
.tab:hover{color:#111111 !important}
.topic{transition:background .2s ease}
.topic:hover{background:#EEEEEB !important;text-decoration:none}
.ft a{color:#A3A3A3}
.ft a:hover{color:#FFFFFF}
.ft .gl a{color:#FFFFFF}
.ft .gl a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
@keyframes omAnn{0%{opacity:0;transform:translateY(8px)}4%,29%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes omFade{from{opacity:0}to{opacity:1}}
@keyframes omBumpA{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes omBumpB{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.ann:hover a{animation-play-state:paused}
.barrow{opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,background .2s ease}
.bwrap:hover .barrow,.barrow:focus-visible{opacity:1;transform:translateY(0)}
.barrow:hover{background:rgba(10,10,12,.75) !important}
.tl{transition:color .2s ease}
.tl:hover{color:#FFFFFF !important;text-decoration:none}
.nvq{transition:background .2s ease,color .2s ease}
.nvq:hover{background:#1C1C1F !important;color:#FFFFFF !important;text-decoration:none}
.nv{transition:background .2s ease,color .2s ease}
.nv:hover{background:rgba(255,255,255,.08) !important;color:#FFFFFF !important;text-decoration:none}
.hbtn{transition:background .2s ease}
.hbtn:hover{background:rgba(255,255,255,.08) !important}
.hbtn-light{transition:transform .15s ease}
.hbtn-light:active{transform:scale(.97)}
.sres{transition:background .15s ease}
.sres:hover{background:rgba(255,255,255,.06) !important;text-decoration:none}
.mitem{transition:box-shadow .2s ease,transform .2s ease}
.mitem:hover{box-shadow:inset 0 0 0 1px #3A3A3E !important;transform:translateY(-1px);text-decoration:none}
@keyframes omVLoop{0%,8%{transform:translateY(0)}46%,54%{transform:translateY(calc(-1 * var(--loop)))}92%,100%{transform:translateY(0)}}
@keyframes omfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes omB1{0%,3%{opacity:0;transform:translateY(12px)}9%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}
@keyframes omTy{0%,13%{opacity:0}17%,31%{opacity:1}34%,100%{opacity:0}}
@keyframes omB2{0%,33%{opacity:0;transform:translateY(12px)}39%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}
@keyframes omB3{0%,49%{opacity:0;transform:translateY(8px)}55%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}
@keyframes omDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}
@keyframes omMq{to{transform:translateX(-50%)}}
@keyframes omMqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes omScan{0%,100%{transform:translateY(-6px)}50%{transform:translateY(70px)}}
@keyframes omRing{0%{transform:scale(.85);opacity:.6}100%{transform:scale(2.1);opacity:0}}
@keyframes omFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes omEq{0%,100%{transform:scaleY(.22)}50%{transform:scaleY(1)}}
@keyframes omPulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes omIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width: 1240px){.nvq svg{display:none}.nvq{letter-spacing:.04em !important;padding:0 8px !important}.nvbar{margin:0 -8px !important}}
@media (max-width: 1000px){.nl{display:none !important}.mb{display:grid !important}}
@media (max-width: 900px){.g12 > *{grid-column:1 / -1 !important;grid-row:auto !important}.vgrid{height:auto !important}.vgrid > *{min-height:320px}}
@media (max-width: 900px){.vimg{left:0 !important;opacity:.35}}
@media (max-width: 760px){.hide-sm{display:none !important}.bslide .bcontent{width:100% !important}.bslide .bimg{opacity:.22}}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}