/* DMMono-Medium SDF (asset 1482) is used by the original numeric tile and timer text. */
@font-face{font-family:NativeMono;src:url('assets/original/DMMono-Medium.woff2') format('woff2'),url('assets/original/DMMono-Medium.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--sans:NativeMono,OriginalChinese,sans-serif;--mono:NativeMono,OriginalChinese,monospace;--serif:Newsreader,OriginalChinese,serif}
/* Default board rendering, using the original light/dark ThemeColor assets. */
.board-wrap{container-type:inline-size}
.native-game .cell{color:var(--ink)}
.native-game-clock{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:22px;margin-top:clamp(26px,4.5vh,45px)}
.native-game:has(.board.shikaku) .native-progress{visibility:hidden}
.native-tool-button,.native-hint,.theme-dark .native-tool-button,.theme-dark .native-hint{background:var(--button);color:var(--ink);border-color:var(--line)}
.native-game .native-hint-row{flex-wrap:nowrap;gap:10px}
.native-game .native-hint-row>button{flex:1;min-width:0;max-width:100px;height:64px}
.native-game .native-hint-row .native-icon{width:44px;height:44px}
.native-game .native-hint small{left:auto;right:-3px;top:-12px;bottom:auto;transform:none;border-radius:4px;min-width:35px;font-size:18px;line-height:1.3;padding:1px 5px}
.native-game .board.shikaku{--shikaku-gap:6px;border:0;gap:var(--shikaku-gap);background:transparent;overflow:visible}
.native-game .board.shikaku .cell{background:var(--shikaku-empty);border:0;border-radius:7px;box-shadow:none;font-size:clamp(11px,calc(45cqw / var(--w)),28px)}
.native-board-area>.board-wrap:has(.shikaku){transform:translateY(-4svh)}
.native-game .board.shikaku .cell.area-covered{background:transparent}
.native-game .shikaku-area{position:absolute;z-index:0;border-radius:7px;pointer-events:none;box-shadow:inset 0 -3px #0002}
.native-game .board.lits{border-color:var(--lits-border)}
.native-game .board.lits .cell{box-shadow:inset -1px -1px color-mix(in srgb,var(--lits-border) 24%,transparent)}
.native-game .board.lits .cell.marked:after{content:'•';color:var(--lits-border);font-size:20px}
.native-game .board.lits .cell.error{outline:2px solid var(--lits-error);outline-offset:-3px}
.native-game .board.sudoku{border-color:var(--sudoku-border)}
.native-game .board.sudoku .cell{background:var(--paper);color:var(--sudoku-input);box-shadow:inset -1px -1px var(--sudoku-stroke);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:clamp(16px,6cqw,28px)}
.native-game .board.sudoku .cell.given{background:var(--paper);color:var(--sudoku-static)}
.native-game .board.sudoku .cell.given:before{display:none}
.native-game .board.sudoku .cell.sudoku-area{background:var(--sudoku-area)!important}
.native-game .board.sudoku .cell.sudoku-identical{background:var(--sudoku-identical)!important;color:var(--sudoku-input)!important}
.native-game .board.sudoku .cell.given.sudoku-identical{color:var(--sudoku-static)!important}
.native-game .board.sudoku .cell.hinted{color:var(--sudoku-hint)!important}
.native-game .board.sudoku .cell.selected{background:var(--sudoku-selected)!important;outline:0}
.native-game .board.sudoku .cell.error{background:var(--sudoku-error-bg)!important;color:var(--sudoku-error-number)!important;outline:0}
.native-game .board.sudoku .notes{width:100%;height:100%;padding:4%;font-family:var(--sans);font-size:clamp(8px,2.5vw,13px);line-height:1;color:var(--sudoku-note);align-items:center}
.number-pad button{background:var(--sudoku-button);color:var(--sudoku-button-text);border:1px solid var(--sudoku-button-stroke);box-shadow:0 2px var(--sudoku-button-shadow);font-family:var(--sans)}
.native-board-area>#controls:has(.number-pad){width:100%;max-width:390px}
.number-pad{width:100%}.number-pad button{min-height:42px;font-size:clamp(17px,5vw,23px)}
.number-pad button.number-used{background:var(--sudoku-button-disabled);color:var(--sudoku-button-disabled-text);opacity:1;box-shadow:none}
.number-pad button.note-selected{background:var(--sudoku-selected)}
.number-pad button:disabled:not(.number-used){background:var(--sudoku-button-disabled);color:var(--sudoku-button-disabled-text);opacity:.65;box-shadow:none}
.control-button[data-notes][aria-pressed=true]{background:var(--ink);color:var(--paper)}
#toast{background:var(--ink);color:var(--paper)}
.native-game .board.bridges .island-dot{background:var(--bridges-default);border-color:var(--bridges-default-outline);color:var(--bridges-default-text);font-family:var(--sans)}
.native-game .board.bridges .island.correct .island-dot{background:var(--bridges-correct);border-color:var(--bridges-correct-outline);color:var(--bridges-correct-text)}
.native-game .board.bridges .island.error .island-dot{background:var(--bridges-error);border-color:var(--bridges-error-outline);color:var(--bridges-error-text)}
.native-game .board.bridges .island.selected .island-dot{border-width:3px}
.native-pipe-stroke{background:var(--pipes-stroke)}
.native-game .tango-tile-frame{background:var(--tango-frame)}
.native-game .tango .cell:empty:after{background:var(--tango-frame);opacity:1}
.native-game .board.tiles .cell.selected{outline-color:var(--tiles-selection)}
.native-game .board.tiles .cell.hinted{outline-color:var(--tiles-hint)}
.native-game .board.zip{border-color:var(--zip-border)}
.native-game .board.zip .cell{box-shadow:inset -1px -1px color-mix(in srgb,var(--zip-border) 45%,transparent)}
.primary:hover{background:var(--ink)}
@keyframes sudoku-row-example{0%,28%{background:var(--sudoku-tutorial-row)}34%,100%{background:var(--paper)}}
@keyframes sudoku-column-example{0%,30%,70%,100%{background:var(--paper)}34%,62%{background:var(--sudoku-tutorial-column)}}
@keyframes sudoku-box-example{0%,64%{background:var(--paper)}68%,96%{background:var(--sudoku-tutorial-box)}100%{background:var(--paper)}}
@media(max-width:699px){.native-app .main{padding-left:16px;padding-right:16px}.native-board-area>.board-wrap{max-width:min(390px,calc(42.5svh * var(--board-ratio,1)))}}
