:root{--y:#ffc928;--m:#b8c8d9;--r:#df4b4b}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 80% 0,#164b80,#081d39 45%,#041225);color:#fff}.app{max-width:900px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:14px 0}header b{font-size:24px}header span,.hero span,.hero em{color:var(--y)}header small,#today{color:var(--m)}.hero{display:flex;justify-content:space-between;align-items:end;padding:28px 0}.hero em{font-style:normal;font-size:12px;font-weight:900}.hero h1{font-size:58px;margin:5px 0}.hero p{max-width:700px;color:#dbe5ef}.card{background:linear-gradient(145deg,#0e2f54,#081b32);border:1px solid #ffffff22;border-radius:22px;padding:18px;margin-bottom:14px}.toolbar{display:flex;justify-content:space-between;gap:12px}button,input{font:inherit}.toolbar button,.controls button,.leaderboard button{border:1px solid #ffffff22;background:#ffffff10;color:#fff;border-radius:11px;padding:10px 13px;font-weight:800}.toolbar button.active,.primary{background:var(--y)!important;color:#10213a!important}.toolbar input{background:#ffffff0d;border:1px solid #ffffff22;color:#fff;border-radius:11px;padding:10px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stats div{background:#ffffff0d;border-radius:11px;padding:10px;text-align:center;color:var(--m);font-size:11px}.stats b{display:block;color:#fff;font-size:19px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.rules p{margin:0;background:#ffffff0b;border-radius:10px;padding:10px;color:#d7e3ed;font-size:13px}.rules b{color:var(--y)}.board-wrap{position:relative;width:min(90vw,620px);aspect-ratio:1;margin:20px auto}#board{position:absolute;inset:0;display:grid;gap:6px}.cell{display:grid;place-items:center;background:#eef3f8;color:#0b2442;border-radius:12px;font-size:30px;font-weight:900;cursor:pointer}.cell.fixed{background:#fff0b8}.cell.safe{background:#d9f6eb}.cell.risk{background:#ffe0e0}.cell.error{outline:4px solid var(--r)}#relations{position:absolute;inset:0;pointer-events:none}.rel{position:absolute;width:26px;height:26px;border-radius:50%;background:#071a33;border:2px solid #fff;display:grid;place-items:center;font-weight:900}.controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.leader-row{display:grid;grid-template-columns:40px 1fr 90px 90px;background:#ffffff0c;border-radius:10px;padding:10px;margin-top:7px}.rank{color:var(--y);font-weight:900}.hidden{display:none!important}.cup{text-align:center;font-size:52px}#finish{text-align:center}#shareCanvas{display:none;max-width:100%;margin:18px auto}footer{text-align:center;color:#8298b0;font-size:11px;padding:22px 0}@media(max-width:700px){.app{padding:10px}.hero{display:block}.hero h1{font-size:44px}.toolbar{display:block}.toolbar div+div{margin-top:10px}.stats{grid-template-columns:repeat(3,1fr)}.rules{grid-template-columns:1fr}.cell{font-size:24px}}
/* V2 – belirgin, emoji bağımsız oyun sembolleri */
.cell{overflow:visible;border:2px solid rgba(7,26,51,.10);box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(0,0,0,.10)}
.cell.safe{background:linear-gradient(145deg,#e9fff6,#c8f1df);border-color:#47ad84}
.cell.risk{background:linear-gradient(145deg,#fff1f1,#ffd2d2);border-color:#dc6666}
.cell.fixed{box-shadow:inset 0 0 0 4px rgba(255,201,40,.58),0 5px 14px rgba(0,0,0,.12)}
.risk-icon{width:62%;height:62%;display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.15))}
.shield-icon{fill:#11855d;stroke:#075f43;stroke-width:3;stroke-linejoin:round}
.warning-icon{fill:#e34f4f;stroke:#9f2525;stroke-width:3;stroke-linejoin:round}
.risk-icon .icon-detail{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.risk-icon .icon-detail.fill{fill:#fff;stroke:none}
.rel{width:32px;height:32px;font-size:18px;background:#071a33;border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.35);transform:translate(-3px,-3px)}
.rel:has(*){}
.inline-symbol{display:inline-block;width:22px;height:22px;vertical-align:-5px;margin:0 3px;position:relative}
.inline-symbol.safe-symbol:before{content:"";position:absolute;inset:1px;background:#11855d;clip-path:polygon(50% 0,92% 18%,88% 58%,72% 80%,50% 100%,28% 80%,12% 58%,8% 18%)}
.inline-symbol.safe-symbol:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:13px;font-weight:950}
.inline-symbol.risk-symbol:before{content:"";position:absolute;inset:1px;background:#e34f4f;clip-path:polygon(50% 0,100% 92%,0 92%)}
.inline-symbol.risk-symbol:after{content:"!";position:absolute;inset:2px 0 0;display:grid;place-items:center;color:white;font-size:14px;font-weight:950}
@media(max-width:700px){.risk-icon{width:68%;height:68%}.rel{width:28px;height:28px;font-size:16px}}