@font-face{font-family:Proza;src:url(/proza-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:dark;color:#e8ded6;background:#4a4035;--card-width: 208px;font-family:Proza,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;min-width:320px;min-height:100vh}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{text-decoration:none}.page-shell{position:relative;min-height:100vh;overflow-x:hidden;padding:20px 32px 68px;background:radial-gradient(ellipse at 38% 0%,rgba(225,187,136,.1),transparent 42%),linear-gradient(180deg,#584938,#4b3d30 48%,#423329)}.page-shell:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";background:repeating-conic-gradient(#ffffff12 .00002%,#fff0,#fff0,#fff0 .00008%),repeating-conic-gradient(#0000001a .000001%,#fff0,#fff0,#fff0 .00005%),radial-gradient(ellipse at 50% 0%,rgba(244,219,184,.11),transparent 48%),linear-gradient(108deg,transparent 14%,rgba(244,219,184,.075) 42%,rgba(174,121,71,.045) 56%,transparent 79%);filter:none;opacity:.3;transform:rotate(180deg);transform-origin:50% 50%;-webkit-mask-image:linear-gradient(to bottom,#0000009e,#000 18%,#00000094);mask-image:linear-gradient(to bottom,#0000009e,#000 18%,#00000094)}.page-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:repeating-conic-gradient(#0000002e .000001%,#fff0,#fff0,#fff0 .00005%),repeating-conic-gradient(#ffffff24 .00002%,#fff0,#fff0,#fff0 .00008%),linear-gradient(104deg,transparent 0 30%,rgba(244,219,184,.012) 44%,transparent 64% 100%);opacity:.68;filter:blur(.7px);mix-blend-mode:overlay;-webkit-mask-image:linear-gradient(to bottom,#00000085,#000 18%,#000000c2 78%,#0000006b);mask-image:linear-gradient(to bottom,#00000085,#000 18%,#000000c2 78%,#0000006b)}.hero{position:relative;z-index:1;width:calc(100% + 64px);margin:0 -32px 28px}.brand-copy{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:30px;padding-left:28px;white-space:nowrap}.brand-logo{width:30px;height:30px}.hero h1{margin:0;color:#f0e5da;font-size:25px;font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;text-shadow:0 10px 28px rgba(0,0,0,.48)}.hero h1 span:last-child{color:#d8b287;font-weight:800}.hero p{margin:0;padding-left:11px;border-left:1px solid rgba(216,178,135,.18);color:#ded3cb7a;font-size:clamp(10px,.95vw,11px);line-height:1.2}.game-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-width),var(--card-width)));justify-content:center;gap:24px 16px;width:100%;max-width:calc(var(--card-width) * 6 + 16px * 5);margin:10px auto 0}.game-tile{display:flex;flex-direction:column;width:var(--card-width)}.game-card{position:relative;order:1;--board-size: 168px;--fourup-board-width: 147px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--card-width);aspect-ratio:1;padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#1a1c20e6;box-shadow:0 1px 2px #26191238,0 7px 14px #45302224,inset 0 1px #ffffff0a;transition:border-color .16s ease,box-shadow .16s ease}a.game-card{color:inherit}a.game-card:hover{border-color:#f0dfe557;box-shadow:0 2px 3px #2619123d,0 9px 18px #45302229,inset 0 1px #ffffff0d}.game-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%)}.hadron .game-card{background:#0f2023;border-color:#c5d5cc38}.hadron .card-copy h2{color:#e6dfd2}.hadron .card-copy p{color:#b1aa9ee6}.mijnlieff .game-card{background:#343824;border-color:#f0e2c533}.mijnlieff .card-copy h2{color:#f0e2c5}.mijnlieff .card-copy p{color:#f0e2c5ad}.kamisado .game-card{background:#2d1e28;border-color:#e6b0c73d}.kamisado .card-copy h2{color:#f0dfe5}.kamisado .card-copy p{color:#c4acb8}.chung-toi .game-card{background:#151b19;border-color:#e2d6c233}.chung-toi .card-copy h2{color:#d7cdbc}.chung-toi .card-copy p{color:#b8aa97c7}.make-shift .game-card{background:#1b120f;border-color:#debc8e3d}.make-shift .card-copy h2{color:#e1d5c3}.make-shift .card-copy p{color:#c5b29ac7}.four-up .game-card{background:#171b26;border-color:#cdc7be2e}.four-up .card-copy h2{color:#eee6d9}.four-up .card-copy p{color:#cfc7bcc2}.yavalath{background:radial-gradient(circle at 50% 0%,rgba(58,65,112,.26),transparent 58%),#151720}.gomoku{background:radial-gradient(circle at 50% 0%,rgba(65,82,47,.22),transparent 55%),#151a14}.pylos{background:radial-gradient(circle at 50% 0%,rgba(31,93,116,.22),transparent 58%),#121b20}.placeholder-card{border-color:#d8b2872e;background:radial-gradient(circle at 50% 18%,rgba(216,178,135,.11),transparent 42%),radial-gradient(circle at 82% 76%,rgba(151,115,78,.11),transparent 38%),linear-gradient(145deg,rgba(244,219,184,.05),transparent 46%),#362b227a;box-shadow:0 14px 28px #241b1633,inset 0 1px #f4dbb809}.placeholder-card:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;content:"";border:1px dashed rgba(216,178,135,.16);border-radius:6px}.teaser-mark{position:relative;z-index:2;display:grid;place-items:center;width:126px;aspect-ratio:1;color:#f0e5da24;font-size:96px;font-weight:800;line-height:1;text-shadow:0 1px rgba(255,248,232,.06),0 18px 30px rgba(0,0,0,.18);transform:rotate(-8deg)}.card-copy{position:relative;z-index:2;order:2;min-height:88px;padding:22px 6px 0;text-align:center}.card-copy h2{margin:0;color:#9f8265;font-size:24px;line-height:1.1;text-shadow:0 1px 1px rgba(255,241,210,.2),0 -1px 1px rgba(25,18,14,.62),0 0 1px rgba(36,25,19,.32)}.card-copy p{margin:9px 0 0;color:#977b60d6;font-size:12px;line-height:1.45;text-shadow:0 1px 1px rgba(255,241,210,.14),0 -1px 1px rgba(25,18,14,.44)}.game-tile .card-copy h2{color:#9f8265}.game-tile .card-copy p{color:#977b60d6}.placeholder-copy h2{color:#8e735970;font-size:21px;font-weight:400}.placeholder-copy p{color:#8e735957}.board{position:relative;z-index:2;align-self:center}.kamisado-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(var(--board-size),100%);aspect-ratio:1;margin:0;border:2px solid #000000;background:#000;box-shadow:0 10px 24px #00000057}.kamisado-board span{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.kamisado-board>.brown{background:#5d3a23}.kamisado-board>.green{background:#358462}.kamisado-board>.red{background:#b34f52}.kamisado-board>.yellow{background:#d0ba50}.kamisado-board>.pink{background:#ba6f91}.kamisado-board>.purple{background:#6c548a}.kamisado-board>.blue{background:#3d7fa6}.kamisado-board>.orange{background:#bd703c}.tower{display:grid;place-items:center;width:86%;aspect-ratio:1;border:2px solid;border-radius:999px;background:transparent;box-shadow:0 1px #00000052,0 2px 3px #0000003d}.tower.black{border-color:#050505}.tower.gold{border-color:#f6edda}.tower:before{display:block;width:100%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--tower-fill);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0000002e}.tower.brown{--tower-fill: #5d3a23}.tower.green{--tower-fill: #358462}.tower.red{--tower-fill: #b34f52}.tower.yellow{--tower-fill: #d0ba50}.tower.pink{--tower-fill: #ba6f91}.tower.purple{--tower-fill: #6c548a}.tower.blue{--tower-fill: #3d7fa6}.tower.orange{--tower-fill: #bd703c}.hadron-board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);width:min(var(--board-size),100%);aspect-ratio:1;margin:0;border:1.2px solid #5c7270;background:#1a383d;overflow:hidden;box-shadow:0 7px 19px #030c0e57,inset 0 0 0 .4px #e6dfd214}.hadron-board .cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;margin:0;padding:0;border-right:.4px solid #6f8784b8;border-bottom:.4px solid #6f8784b8;background:#203f45}.hadron-board .cell.edge-right{border-right:0}.hadron-board .cell.edge-bottom{border-bottom:0}.hadron-board .checker{display:block;width:78%;aspect-ratio:1;border-radius:3.2px;box-shadow:inset 0 .8px #ffffff47,inset 0 -1.6px #00000038,0 1.6px #030c0e47}.hadron-board .checker.red{background:linear-gradient(145deg,#f4ecdd,#eee6d7 48%,#bdb6a8)}.hadron-board .checker.blue{background:linear-gradient(145deg,#7dcced,#62b6d7 46%,#1e6688)}.mijnlieff-board{position:relative;width:min(var(--board-size),100%);aspect-ratio:1;margin:0;background:transparent;filter:brightness(.9) saturate(.88) contrast(1.03);box-shadow:0 12px 24px #00000061}.mijn-board-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.mijn-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.mijn-grid span{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:visible}.mijn-piece{z-index:2;display:block;width:72%;height:72%;object-fit:contain;aspect-ratio:1}.chung-board,.grid-board{width:min(var(--board-size),100%);aspect-ratio:1;margin:0}.chung-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:0;border:2px solid #8a9287;background:#3b4741;overflow:hidden;box-shadow:0 10px 24px #00000047}.chung-board span{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid #8a9287;border-bottom:1px solid #8a9287;background:#3b4741}.chung-board span:nth-child(3n){border-right:0}.chung-board span:nth-child(n+7){border-bottom:0}.chung-board .piece{z-index:3;display:grid;place-items:center;width:92%;aspect-ratio:1;--piece-fill: #efe9dc;--piece-light: #fff8e8;--piece-edge: #cfc3ac;--piece-mark: #222222;--piece-stroke: #121514}.chung-board .piece.red{--piece-fill: #6f9b63;--piece-light: #86ae78;--piece-edge: #4f7547;--piece-mark: #0b1609}.chung-board .piece svg{display:block;width:100%;height:100%;overflow:visible}.chung-board .piece .piece-face,.chung-board .piece .piece-shadow-shape{transform-origin:50px 50px}.chung-board .piece.diagonal .piece-face,.chung-board .piece.diagonal .piece-shadow-shape{transform:rotate(45deg)}.grid-board{border:2px solid rgba(195,213,199,.32);background:linear-gradient(rgba(213,232,219,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(213,232,219,.18) 1px,transparent 1px);background-size:33.333% 33.333%}.shift-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;width:min(var(--board-size),100%);aspect-ratio:1;margin:0;padding:0;border:2px solid #8f704d;background:#33241d;overflow:hidden;box-shadow:0 10px 24px #0000004d}.shift-board span{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid #8f704d;border-bottom:1px solid #8f704d;background:#3b2a22}.shift-board span:nth-child(3n){border-right:0}.shift-board span:nth-child(n+7){border-bottom:0}.shift-board .hole{background:#33241d}.push-stone{position:relative;display:grid;place-items:center;width:88%;aspect-ratio:1;border:1px solid #8a6047;border-radius:5px;background:#6b4937;box-shadow:0 4px #00000042}.push-stone:after{width:80%;aspect-ratio:1;content:"";border-radius:999px;background:#38261f;box-shadow:inset 0 3px #160d0a94,inset 0 -2px #744e3a4d}.shift-board .stone{position:absolute;z-index:2;display:block;width:80%;aspect-ratio:1;border-radius:999px;background:var(--stone-fill);box-shadow:0 5px #00000042,0 7px 8px #0000002e}.shift-board .stone:before{position:absolute;right:9%;bottom:9%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-crescent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.shift-board .stone:after{position:absolute;right:15%;bottom:15%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-fill);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.shift-board .stone.ivory{--stone-fill: #eadfc9;--stone-crescent: #c8b998}.shift-board .stone.madder{--stone-fill: #c84c48;--stone-crescent: #963331}.fourup-board{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:min(var(--fourup-board-width),100%);margin:0;background:transparent;overflow:visible}.fourup-board span{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;border:2px solid #555a61;border-radius:999px;background:#191b20;overflow:visible}.fourup-board span:has(.fourup-stone){border-color:transparent;background:transparent}.fourup-board .void{border-color:transparent;background:transparent}.fourup-stone{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;display:block;border-radius:999px;background:var(--stone-fill);box-shadow:0 5px #00000057,0 7px 9px #0000003d}.fourup-stone:before{position:absolute;right:9%;bottom:9%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-crescent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.fourup-stone:after{position:absolute;right:15%;bottom:15%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-fill);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.fourup-stone.black{--stone-fill: #3f87a8;--stone-crescent: #7fc0d7}.fourup-stone.white{--stone-fill: #d9ccb8;--stone-crescent: #f0e4d0}.hex-board{display:grid;grid-template-columns:repeat(7,16px);justify-content:center;gap:3px;width:min(140px,90%);margin:25px 0 14px}.hex-board i,.gomoku-board i,.pyramid-board i{display:block;border-radius:999px;box-shadow:inset 0 1px 3px #ffffff42,0 6px 10px #0000003d}.hex-board i{width:16px;height:16px;border:2px solid rgba(194,198,207,.22)}.hex-board i:nth-child(11),.hex-board i:nth-child(16),.hex-board i:nth-child(17){border:0;background:#b84842}.hex-board i:nth-child(18),.hex-board i:nth-child(19){border:0;background:#e1c9ac}.gomoku-board{width:min(132px,82%);aspect-ratio:1;margin:27px 0 18px;border:2px solid rgba(206,214,195,.2);background:linear-gradient(rgba(216,225,211,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(216,225,211,.18) 1px,transparent 1px),#0e120d80;background-size:16.66% 16.66%}.gomoku-board i{position:absolute;width:14px;height:14px;background:#c9c0b7}.gomoku-board i:nth-child(1){left:34%;top:22%}.gomoku-board i:nth-child(2){left:19%;top:36%}.gomoku-board i:nth-child(3){left:56%;top:50%}.gomoku-board i:nth-child(4){left:39%;top:66%}.gomoku-board i:nth-child(5){left:28%;top:51%;background:#594f47}.gomoku-board i:nth-child(6){left:12%;top:47%;background:#594f47}.pyramid-board{width:min(138px,86%);height:132px;margin:31px 0 15px}.pyramid-board i{position:absolute;width:18px;height:18px;border:2px solid rgba(190,175,165,.38);background:#171717}.pyramid-board i:nth-child(1){left:60px;top:0}.pyramid-board i:nth-child(2){left:49px;top:21px}.pyramid-board i:nth-child(3){left:71px;top:21px}.pyramid-board i:nth-child(4){left:38px;top:42px}.pyramid-board i:nth-child(5){left:60px;top:42px;background:#8c7f74}.pyramid-board i:nth-child(6){left:82px;top:42px}.pyramid-board i:nth-child(7){left:27px;top:63px}.pyramid-board i:nth-child(8){left:49px;top:63px}.pyramid-board i:nth-child(9){left:71px;top:63px;background:#8c7f74}.pyramid-board i:nth-child(10){left:93px;top:63px}.pyramid-board i:nth-child(11){left:16px;top:84px;background:#9a7656}.pyramid-board i:nth-child(12){left:38px;top:84px}.pyramid-board i:nth-child(13){left:60px;top:84px;background:#a3876a}.pyramid-board i:nth-child(14){left:82px;top:84px}.pyramid-board i:nth-child(15){left:104px;top:84px;background:#a2825f}.game-card footer{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:20px;color:#eee5dcdb;font-size:12px}.game-card footer strong,.globe-icon{color:#f1e7de;font-size:15px;font-weight:800}.site-footer{position:fixed;right:0;bottom:0;left:0;z-index:10;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;margin:0;padding:12px 18px 14px;color:#e8dcd294;font-size:12px;line-height:1.5;text-align:center;background:transparent}.site-footer:before{position:absolute;top:-82px;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(180deg,#43392f00,#43392f29 36%,#43392f94 72%,#43392fe6)}.site-footer p{margin:0}.github-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:26px;padding:0 8px;color:#d8b287;border-radius:999px;font-weight:700;transition:color .16s ease,background-color .16s ease}.github-link:hover{color:#f0e5da;background:#f0e5da14}.github-link svg{flex:0 0 auto;display:block;width:18px;height:18px;fill:currentColor}@media(max-width:720px){.page-shell{padding:14px 18px 30px;overflow:auto}.hero{width:calc(100% + 36px);margin:0 -18px 14px}.brand-copy{gap:9px;min-height:30px;padding-left:20px}.brand-logo{width:30px;height:30px}.hero h1{font-size:25px}.hero p{padding-left:10px;font-size:clamp(10px,3vw,11px)}.site-footer{position:relative;right:auto;bottom:auto;left:auto;margin-top:32px;padding:10px 0 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-footer:before{content:none}}@media(max-width:560px){.page-shell{padding:14px 14px 32px}.hero{width:calc(100% + 28px);margin:0 -14px 22px}.brand-copy{padding-left:14px}.game-row{grid-template-columns:repeat(auto-fit,minmax(var(--card-width),var(--card-width)));gap:22px 14px;margin-top:0}.card-copy{min-height:80px;padding-top:22px;text-align:center}.card-copy h2{font-size:23px;line-height:1.05}.card-copy p{margin-top:8px;font-size:12px;line-height:1.35}.board{margin:0}.placeholder-card,.placeholder-tile{display:none}}@media(max-width:380px){.brand-copy{gap:7px}.brand-logo{width:27px;height:27px}.hero h1{font-size:22px}.hero p{padding-left:8px;font-size:10px}.card-copy h2{font-size:21px}.card-copy p{font-size:11px}}