.clearfix-7da63{clear:both} .board-b72b1{border:2px solid #404040;box-sizing:content-box} .square-55d63{float:left;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .white-1e1d7{background-color:#f0d9b5;color:#b58863} .black-3c85d{background-color:#b58863;color:#f0d9b5} .highlight1-32417,.highlight2-9c5d2{box-shadow:inset 0 0 3px 3px #ff0} .notation-322f9{cursor:default;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;position:absolute} .alpha-d2270{bottom:1px;right:3px} .numeric-fc462{top:2px;left:2px} .gorinth-wrap { --panel: rgba(255, 255, 255, 0); --panelBorder: rgba(0, 0, 0, 0.12); --muted: rgba(0, 0, 0, 0.65); --sqLight: #f0d9b5; --sqDark: #b58863; --arrow: rgba(255, 215, 0, 0.78); position: relative; width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; } .gorinth-topbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--panel); border: 1px solid var(--panelBorder); border-radius: 14px; padding: 10px 12px; } .gorinth-status { font-size: 14px; color: var(--muted); line-height: 1.2; user-select: none; } .gorinth-newGameBtn { appearance: none; border: 1px solid rgba(0, 0, 0, 0.18); background: rgba(0, 0, 0, 0.04); color: inherit; padding: 8px 10px; border-radius: 12px; cursor: pointer; font-weight: 700; display: inline-flex; } .gorinth-newGameBtn:hover { filter: brightness(1.06); } .gorinth-board-area { width: 100%; max-width: 100%; position: relative; aspect-ratio: 1; } .gorinth-board { width: 100%; height: 100%; border-radius: 0; overflow: hidden; position: relative; touch-action: none; -ms-touch-action: none; overscroll-behavior: contain; -webkit-user-select: none; user-select: none; } .gorinth-board * { touch-action: none; -webkit-user-select: none; user-select: none; } .gorinth-board .white-1e1d7 { background-color: var(--sqLight) !important; } .gorinth-board .black-3c85d { background-color: var(--sqDark) !important; } .gorinth-arrowOverlay { position: absolute; inset: 0; pointer-events: none; z-index: 5; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25)); } .gorinth-arrowOverlay .ai-arrow .shaft, .gorinth-arrowOverlay .ai-arrow .head, .gorinth-arrowOverlay .ai-arrow .tailCap { fill: var(--arrow); } .gorinth-board .cm-king { position: relative; } .gorinth-board .cm-king::after { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 50% 50%, rgba(255, 60, 60, 0.55) 0%, rgba(255, 60, 60, 0.3) 45%, rgba(255, 60, 60, 0) 75% ); filter: blur(6px); transform: scale(0.92); pointer-events: none; } .gorinth-promoOverlay { position: fixed; inset: 0; display: none; place-items: center; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(6px); z-index: 999999; } .gorinth-promoCard { width: min(92vw, 420px); background: #fff; border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 16px; padding: 14px; box-shadow: 0 20px 70px rgba(0, 0, 0, 0.25); } .gorinth-promoTitle { font-weight: 800; margin: 0 0 10px; font-size: 13px; color: rgba(0, 0, 0, 0.65); user-select: none; } .gorinth-promoBtns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .gorinth-promoBtn { border: 1px solid rgba(0, 0, 0, 0.18); background: rgba(0, 0, 0, 0.04); border-radius: 14px; padding: 12px 10px; cursor: pointer; font-weight: 900; display: flex; align-items: center; justify-content: center; user-select: none; } .gorinth-promoBtn:hover { filter: brightness(1.06); }