@font-face {
  font-family: Kalam;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/Kalam-Regular.ttf") format("truetype");
}

:root {
  --ink: #1f3b9b;
  --pencil: #555555;
  --red: #c62828;
  --dark-cell: rgba(85, 85, 85, .13);
  --grid: rgba(86, 140, 214, .32);
  --rule: rgba(214, 64, 64, .6);
  --hand: "Patrick Hand", "Segoe Print", cursive;
  --cell-size: 100px;
  --sq: 24px;
  --board-snap: 24;
}

html { color-scheme: light; }
body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: calc(44px + env(safe-area-inset-top, 0px)) 20px 12px;
  color: var(--ink);
  background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.22), transparent 70%), url("kit/gren.png"), #b6a58a;
  font-family: var(--hand);
  font-synthesis: none;
  user-select: auto;
  -webkit-user-select: auto;
}
button, select { font: inherit; color: inherit; }
button { cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: default; }
button:focus-visible, select:focus-visible, a:focus-visible {
  outline: 2px dashed var(--red);
  outline-offset: 4px;
}
::selection { background: #e9c7b7; color: var(--ink); }
button svg { pointer-events: none; }
.notebook {
  position: relative;
  isolation: isolate;
  width: min(888px, 100%);
}
.defterde-return {
  position: absolute; bottom: 100%; left: 8px;
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px;
  color: #393732; font: 18px/1.4 var(--hand); text-decoration: none;
}
.defterde-return:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.paper-back, .paper-surface { position: absolute; inset: 0; pointer-events: none; }
.paper-back { background: #f7f4eb url("kit/gren.png"); }
.paper-back.far {
  z-index: -3;
  inset: 7px 9px 5px 16px;
  transform: translate(4px, 6px);
  background-color: #efebdf;
  box-shadow: 16px 28px 40px -6px rgba(58,36,16,.44);
}
.paper-back.near { z-index: -2; inset: 6px 8px 4px 16px; transform: translate(2px, 3px); }
.paper-surface {
  z-index: -1;
  background-color: #fbf9f2;
  background-image:
    linear-gradient(to right, transparent 96px, var(--rule) 96px, var(--rule) 97px, transparent 97px),
    linear-gradient(to right, var(--grid) .65px, transparent .65px),
    linear-gradient(to bottom, var(--grid) .65px, transparent .65px),
    url("kit/gren.png");
  background-size: 100% 100%, var(--sq) var(--sq), var(--sq) var(--sq), 256px 256px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.85);
  -webkit-mask: var(--paper-edge) center / 100% 100% no-repeat;
  mask: var(--paper-edge) center / 100% 100% no-repeat;
  mask-mode: luminance;
}
/* Like the sibling games, every measure is in printed squares (--sq): a 4-square margin,
   a 3-square title band and 2-square rows, so text and board sit on the paper's lines. */
.sheet { position: relative; padding: 0 var(--sq) var(--sq) calc(var(--sq) * 5); }
.margin-note { position: absolute; left: calc(var(--sq) * .25); top: calc(var(--sq) * 5.5); width: calc(var(--sq) * 3.5); margin: 0; color: var(--pencil); font-size: calc(var(--sq) * .72); line-height: var(--sq); text-align: center; transform: rotate(-2deg); }
.margin-note span { color: var(--red); }
.heading { display: flex; align-items: flex-end; height: calc(var(--sq) * 3); }
.title-block { display: flex; align-items: baseline; gap: calc(var(--sq) * .6); padding-bottom: calc(var(--sq) * .3); }
h1 { position: relative; margin: 0; width: max-content; font-size: calc(var(--sq) * 1.75); font-weight: 400; line-height: 1; letter-spacing: -.015em; transform: rotate(-1.2deg); transform-origin: left bottom; }
.title-underline { position: absolute; left: -3px; bottom: -7px; width: 106%; height: 14px; overflow: visible; }
.subtitle { margin: 0; font-size: calc(var(--sq) * .75); line-height: 1; color: var(--pencil); }
.play-layout { display: grid; grid-template-columns: minmax(0, 1fr) calc(var(--sq) * 7); column-gap: var(--sq); align-items: start; }
.board-region { min-width: 0; }
.board-meta { display: flex; justify-content: space-between; align-items: flex-end; gap: 8px; max-width: var(--board-width, 100%); height: calc(var(--sq) * 2); padding: 0 2px calc(var(--sq) * .2); font-size: calc(var(--sq) * .8); line-height: 1; }
.meta-dot { margin: 0 6px; }
.timer { font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.board-viewport { padding: 4px; margin: -4px; overflow: auto; scrollbar-width: thin; scrollbar-color: #8d897c transparent; overscroll-behavior: contain; }
#board-viewport { max-height: max(228px, calc(100dvh - 280px)); }
.board { position: relative; width: calc(var(--columns) * var(--cell-size)); height: calc(var(--rows) * var(--cell-size)); isolation: isolate; }
.board-region .board, .board-meta, .group-details { margin-left: var(--board-shift, 0px); }
.board:not(.on-grid) { background: #fbf9f2 url("kit/gren.png"); }
.board-region .board-wrap { min-height: var(--board-block, 0px); }
.tutorial-board-area .board { --board-snap: 0; }
.board-row { display: grid; grid-template-columns: repeat(var(--columns), var(--cell-size)); height: var(--cell-size); }
.cell { position: relative; width: var(--cell-size); height: var(--cell-size); }
.cell-button, .clue-button { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: transparent; padding: 0; border-radius: 0; }
.cell-button { cursor: var(--kalem-imlec); }
.cell-button::before { content: ""; position: absolute; inset: 1px; background: transparent; transition: background-color .12s; }
.cell.crossed .cell-button::before { background: rgba(88,107,123,.055); }
.cell.active-run .cell-button::before { background: rgba(184,148,78,.07); }
.cell.selected .cell-button::before { background: rgba(233,199,122,.13); }
.cell-button:hover::before { background: rgba(183,145,79,.09); }
.cell-button:focus-visible, .clue-button:focus-visible { outline-offset: -6px; outline-color: var(--ink); z-index: 4; }

.board-ink { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; }
.grid-lines { z-index: 2; }
.selection-ink { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 3; }
.cell-value { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.clue-total { position: absolute; font-family: "Patrick Hand", cursive; font-size: calc(var(--cell-size) * .3); line-height: 1; color: var(--ink); text-shadow: 0 0 2px #fbf9f2, 0 0 4px #fbf9f2, 0 0 6px #fbf9f2; }
.clue-across { right: 12%; top: 14%; }
.clue-down { left: 12%; bottom: 14%; }
.clue-total.active-total { color: var(--red); text-decoration: underline; text-underline-offset: 4px; }
.cell-notes { position: absolute; inset: 9%; display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(3,1fr); color: var(--pencil); font-family: "Patrick Hand", cursive; font-size: max(12px, calc(var(--cell-size) * .2)); line-height: 1; align-items: center; justify-items: center; }
.group-details { display: flex; align-items: center; gap: var(--sq); height: calc(var(--sq) * 2); font-family: "Patrick Hand", cursive; }
.group-button { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; min-width: 44px; border: 0; background: none; padding: 0 2px; color: var(--pencil); font-size: calc(var(--sq) * .75); line-height: 1; }
.group-button svg { width: 22px; height: 22px; }
.group-button strong { font-weight: 400; }
.group-button[aria-pressed="true"] { color: var(--ink); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 5px; }
.scroll-cue { margin-left: auto; font-size: 15px; color: var(--pencil); }

.margin-tools { position: relative; min-width: 0; }
.progress { font-size: calc(var(--sq) * .75); margin: 0; white-space: nowrap; color: var(--pencil); }
.number-label { display: flex; align-items: flex-end; height: calc(var(--sq) * 2); margin: 0; padding-bottom: calc(var(--sq) * .2); color: var(--red); font-size: calc(var(--sq) * .8); line-height: 1; transform: rotate(-1deg); transform-origin: left bottom; }
.number-pad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.number-key { position: relative; height: calc(var(--sq) * 2); border: 0; background: transparent; color: var(--ink); padding: 0; font-family: var(--hand); font-size: calc(var(--sq) * 1.5); line-height: 1; }
.number-key span { display: block; transform: translateY(2px); }
.number-key:nth-child(3n + 1) span { rotate: -3deg; }
.number-key:nth-child(3n) span { rotate: 2deg; }
.primary-tools { display: grid; grid-template-columns: repeat(2, max-content); justify-content: space-between; gap: 0 calc(var(--sq) * .5); margin-top: var(--sq); }
.tool-row { display: contents; }

/* Underlined words: two squares tall, the writing resting just above a printed line. */
.word-button { position: relative; display: inline-flex; align-items: flex-end; justify-content: center; min-height: calc(var(--sq) * 2); min-width: 44px; padding: 0 2px calc(var(--sq) * .3); background: none; border: 0; line-height: 1; font-size: calc(var(--sq) * .92); white-space: nowrap; }
.word-button .yazi { position: relative; }
.word-button > svg[data-stroke] { position: absolute; left: 0; bottom: calc(var(--sq) * .1); width: 100%; height: 6px; overflow: visible; }
.tool-button { font-size: calc(var(--sq) * .88); padding-inline: 0; }
.word-button:not(:disabled):hover { color: var(--red); }
.tool-separator { display: block; width: 100%; height: 6px; overflow: visible; }
.page-footer { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 var(--sq); margin-top: var(--sq); }
.puzzle-links, .help-links { display: flex; align-items: flex-end; gap: var(--sq); }
.page-footer .word-button { font-size: calc(var(--sq) * .92); }

/* Rules, hint and list views: headings on the band, body text one square per line. */
.help-panel { max-width: 760px; color: var(--ink); }
.help-heading, .panel-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--sq); min-height: calc(var(--sq) * 2); }
.help-heading h2, .panel-heading h2, .completion h2 { margin: 0; padding-bottom: calc(var(--sq) * .3); font: 400 calc(var(--sq) * 1.25)/1 var(--hand); }
.help-panel ol { padding-left: calc(var(--sq) * 1.1); margin: var(--sq) 0; font-family: "Patrick Hand", cursive; font-size: calc(var(--sq) * .88); line-height: var(--sq); }
.help-panel p { margin: 0 0 var(--sq); font-family: "Patrick Hand", cursive; font-size: calc(var(--sq) * .84); line-height: var(--sq); }
.help-panel strong { font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.preview-bar { margin-top: 19px; width: min(100%,1160px); padding: 4px 12px; color: #383b3b; font-family: "Patrick Hand", cursive; text-align: center; font-size: 17px; }
.preview-bar p { margin: 0; }
.preview-bar strong { font-weight: 400; }
.preview-options { display: flex; justify-content: center; align-items: center; gap: 26px; flex-wrap: wrap; }
.preview-views { display: flex; align-items: center; gap: 18px; }
.preview-choice { min-height: 44px; padding: 5px 3px; background: none; border: 0; }
.preview-choice[aria-pressed="true"] { text-decoration: underline; text-underline-offset: 5px; }
.size-choice { display: inline-flex; align-items: center; gap: 8px; }
.size-choice select { background: transparent; border: 0; border-bottom: 1px solid #686458; border-radius: 0; height: 44px; min-height: 44px; min-width: 82px; padding: 3px 6px; cursor: pointer; }

/* Game states share the same paper, ink and underlined controls. */
.board-wrap { position: relative; display: flow-root; }
.timer-button { display: inline-flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; column-gap: 9px; min-height: 44px; min-width: 44px; padding: 0; border: 0; background: transparent; line-height: 1; align-content: flex-end; }
#pause-label { font: 15px/1 "Patrick Hand", cursive; text-decoration: underline; text-underline-offset: 3px; }
.pause-cover { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(251,249,242,.75); font-size: 28px; }
.text-action { min-width: 44px; min-height: calc(var(--sq) * 2); border: 0; padding: 0 3px; background: transparent; color: var(--ink); font: calc(var(--sq) * .84)/1 var(--hand); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 5px; }
.text-action:not(:disabled):hover { color: var(--red); }
.text-action.secondary { font-size: calc(var(--sq) * .78); color: var(--pencil); }
.notebook button:disabled { opacity: .42; }
.notebook .cell-button:disabled { opacity: 1; }
.number-key:not(:disabled):hover { color: var(--red); }
.number-key.chosen::after { content: ""; position: absolute; inset: 12% 15%; border: 2px solid var(--red); border-radius: 49% 43% 48% 45%; transform: rotate(-12deg); pointer-events: none; }
#note-button[aria-pressed="true"] { color: var(--red); }
.extra-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 0 calc(var(--sq) * .5); min-height: calc(var(--sq) * 2); font: calc(var(--sq) * .72)/1 "Patrick Hand", cursive; color: var(--pencil); }
.cell.has-error::after { content: "!"; position: absolute; bottom: 2px; right: 5px; font: max(12px, calc(var(--cell-size) * .19)) "Patrick Hand", cursive; color: var(--red); pointer-events: none; z-index: 4; }
.cell.dark.has-error::after { text-decoration: underline; }
.cell.has-error .cell-button::before { background: rgba(187,64,71,.09); }
.cell.hint-target .cell-button { box-shadow: inset 0 -3px rgba(41,56,73,.6); }
.error-status { margin: 0; min-height: var(--sq); font: calc(var(--sq) * .8)/var(--sq) "Patrick Hand", cursive; color: #9c3037; }
.hint-panel, .completion { margin-top: var(--sq); max-width: 74ch; }
.hint-panel p, .hint-panel li, .completion p, .list-panel p, .storage-status { font: calc(var(--sq) * .84)/var(--sq) "Patrick Hand", cursive; overflow-wrap: anywhere; }
.hint-panel p, .completion p { margin: 0 0 var(--sq); }
.panel-actions { display: flex; flex-wrap: wrap; gap: 0 var(--sq); align-items: center; }
.hint-panel summary { display: list-item; padding: 0; cursor: pointer; font: calc(var(--sq) * .8)/calc(var(--sq) * 2) "Patrick Hand", cursive; text-decoration: underline; text-underline-offset: 4px; }
.hint-panel summary:focus-visible { outline: 2px dashed var(--ink); outline-offset: 3px; }
.hint-panel ul { padding-left: var(--sq); margin: 0 0 var(--sq); }
.hint-panel[aria-busy="true"] .panel-heading h2 { color: var(--pencil); }
.list-panel { min-height: calc(var(--sq) * 22); }
.list-panel > p { margin: var(--sq) 0 0; }
.difficulty-choice { display: flex; align-items: flex-end; gap: calc(var(--sq) * .5); min-height: calc(var(--sq) * 2); margin-top: var(--sq); font: calc(var(--sq) * .92)/1 var(--hand); }
.difficulty-choice select { border: 0; border-bottom: 1px solid var(--pencil); background: transparent; border-radius: 0; min-height: 44px; min-width: calc(var(--sq) * 5); padding: 0 7px; }
.puzzle-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(var(--sq) * 1.5); padding: 0; margin: var(--sq) 0; list-style: none; }
.puzzle-choice { display: grid; grid-template-columns: calc(var(--sq) * 2) 1fr; gap: 0 calc(var(--sq) * .5); text-align: left; align-items: center; width: 100%; min-height: calc(var(--sq) * 3); background: transparent; padding: 0 3px; border: 0; border-bottom: 1px dashed #b3aa9a; }
.puzzle-choice:hover, .puzzle-choice[aria-current="true"] { color: var(--red); }
.puzzle-index { grid-row: span 2; font: calc(var(--sq) * 1.25)/1 var(--hand); }
.puzzle-state { font: calc(var(--sq) * .88)/1.1 "Patrick Hand", cursive; }
.puzzle-detail { color: var(--pencil); font: calc(var(--sq) * .72)/1.1 "Patrick Hand", cursive; }
.replay-confirm { border-top: 1px solid var(--pencil); padding-top: calc(var(--sq) * .5); }
.storage-status { margin: var(--sq) 0 0; color: #9c3037; }
.storage-conflict { margin: 0 0 var(--sq); padding: calc(var(--sq) * .5) 0; border-block: 1px solid var(--red); color: #9c3037; }
.storage-conflict p { margin: 0; font: calc(var(--sq) * .84)/var(--sq) var(--hand); max-width: 65ch; }
.tutorial-example { display: grid; grid-template-columns: calc(var(--sq) * 10) 1fr; gap: var(--sq); align-items: start; margin: var(--sq) 0; }
.tutorial-board-area { min-width: 0; padding: 4px; }
.tutorial-example h3 { margin: 0; font-size: var(--sq); font-weight: 400; line-height: calc(var(--sq) * 2); }
.tutorial-example p { margin: 0 0 var(--sq); }
.help-panel .shortcuts { font-size: calc(var(--sq) * .75); }
#sound-button[aria-pressed="false"] { color: var(--pencil); text-decoration: line-through; text-decoration-color: var(--red); }
@media (max-width: 719px) {
  :root { --board-snap: 0; }
  body { padding: calc(44px + env(safe-area-inset-top, 0px)) 8px 8px; }
  .notebook { max-width: 560px; }
  .sheet { padding: 0 12px var(--sq) calc(var(--sq) * 1.5); }
  .paper-surface { background-position: -72px 0, 0 0, 0 0, 0 0; }
  .margin-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .paper-back.far { inset: 6px 7px 5px 8px; transform: translate(2px, 3px); }
  .paper-back.near { inset: 5px 6px 4px 8px; transform: translate(1px, 1.5px); }
  h1 { font-size: calc(var(--sq) * 1.6); }
  .subtitle { font-size: calc(var(--sq) * .68); }
  .title-underline { height: 12px; }
  .play-layout { display: flex; flex-direction: column; gap: 0; }
  .board-region { width: 100%; }
  .board-meta { font-size: calc(var(--sq) * .75); }
  .progress { font-size: calc(var(--sq) * .68); }
  .progress-unit { display: none; }
  .timer-button { column-gap: 5px; }
  #pause-label { font-size: 12px; }
  #board-viewport { max-height: max(228px, calc(100dvh - 496px)); }
  .group-details { gap: calc(var(--sq) * .25); }
  .group-button { font-size: calc(var(--sq) * .68); padding-inline: 1px; gap: 3px; }
  .group-button svg { width: 18px; }
  .scroll-cue { font-size: 13px; max-width: 82px; line-height: 1.1; }
  .margin-tools { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 calc(var(--sq) * .5); width: 100%; }
  .number-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .number-key { font-size: calc(var(--sq) * 1.35); }
  .primary-tools { margin: 0; gap: 0 calc(var(--sq) * .25); align-content: start; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-button { font-size: calc(var(--sq) * .8); }
  .extra-tools { grid-column: 1 / -1; justify-content: space-between; }
  .extra-tools .text-action { font-size: calc(var(--sq) * .72); }
  .page-footer { gap: 0 calc(var(--sq) * .4); margin-top: 0; }
  .page-footer .word-button { font-size: calc(var(--sq) * .75); }
  .puzzle-links, .help-links { gap: calc(var(--sq) * .4); }
  .wide-label { display: none; }
  .help-heading h2, .panel-heading h2, .completion h2 { font-size: calc(var(--sq) * 1.1); }
  .panel-heading .text-action { font-size: calc(var(--sq) * .8); }
  .puzzle-list { grid-template-columns: 1fr; }
  .tutorial-example { grid-template-columns: 1fr; }
  .tutorial-board-area { width: calc(var(--sq) * 10); max-width: 100%; }
  .hint-panel p, .hint-panel li, .completion p, .list-panel p { font-size: calc(var(--sq) * .8); }
  .help-panel ol { font-size: calc(var(--sq) * .8); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print { .defterde-return, .paper-back { display: none; } body { padding: 0; } }
@media (forced-colors: active) {
  .paper-surface, .paper-back { background: Canvas; }
  .cell-button, .clue-button { border: 1px solid CanvasText; }
  .clue-total { color: CanvasText; text-shadow: none; }
  .cell.selected .cell-button { outline: 3px solid Highlight; outline-offset: -4px; }
  .number-key, .word-button, .preview-choice { border: 1px solid ButtonText; }
  .board-ink, .selection-ink { forced-color-adjust: none; }
}

/* Inline copy of the local paper-edge.svg: works on file:// without a mask fetch. */
:root { --paper-edge: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20960%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cdefs%3E%3Cmask%20id%3D%22tears%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%221440%22%20height%3D%22960%22%3E%0A%20%20%3Crect%20width%3D%221440%22%20height%3D%22960%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cg%20fill%3D%22%23000%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2078Q14%2072%2020%2078L24%2088Q23%2097%2015%20101L0%2098Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20181Q13%20175%2020%20181L23%20191Q20%20200%2012%20201L0%20198Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20281Q14%20276%2021%20282L24%20293Q20%20302%2012%20301L0%20298Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20384Q14%20378%2020%20384L23%20395Q20%20404%2012%20403L0%20400Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20485Q14%20480%2021%20486L24%20497Q19%20506%2012%20505L0%20501Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20586Q13%20581%2020%20587L24%20598Q20%20606%2012%20607L0%20603Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20689Q14%20683%2021%20689L24%20700Q20%20709%2012%20708L0%20704Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20790Q13%20785%2020%20791L24%20801Q20%20810%2012%20811L0%20807Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%20893Q14%20886%2021%20892L24%20903Q20%20912%2012%20912L0%20907Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3C%2Fmask%3E%3C%2Fdefs%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20mask%3D%22url%28%23tears%29%22%20d%3D%22M23%204L118%206%20171%203%20255%205%20302%203%20397%206%20481%203%20562%205%20641%202%20714%205%20794%203%20872%205%20953%203%201034%205%201119%202%201206%205%201284%203%201379%205%201427%203%201435%2014%201432%2077%201435%20151%201432%20219%201436%20303%201433%20377%201435%20448%201432%20527%201436%20612%201433%20690%201436%20760%201432%20836%201435%20913%201431%20951%201367%20956%201293%20953%201220%20957%201146%20954%201069%20957%20997%20953%20916%20956%20844%20954%20769%20958%20692%20954%20612%20957%20536%20954%20452%20957%20372%20954%20296%20957%20219%20953%20145%20957%2069%20954%2017%20951%2012%20934%2014%20883%2010%20845%2012%20809%209%20788%2014%20774%2012%20747%2014%20722%209%20705%2013%20686%2011%20660%2013%20635%209%20612%2013%20594%2011%20565%2014%20541%209%20518%2013%20499%2011%20475%2014%20451%2010%20426%2013%20405%2011%20381%2014%20357%209%20336%2013%20316%2011%20292%2014%20270%2010%20246%2014%20225%2011%20201%2014%20179%209%20156%2013%20135%2011%20112%2014%2091%209%2070%2014%2051%2013%2031Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }