/* Only the mobile notebook opts in. Desktop English retains its typewriter. */
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .question-panel {
  position: absolute;
  grid-column: auto;
  grid-row: auto;
  left: var(--notebook-question-left,12px);
  top: var(--notebook-question-top,80px);
  width: var(--notebook-question-width,calc(100% - 24px));
  height: var(--notebook-question-height,84px);
  min-height: 0;
  max-height: var(--notebook-question-height,84px);
  margin: 0;
  padding: 10px 14px;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  background: repeating-linear-gradient(0deg,transparent 0 5px,#D9C9A512 5px 6px),#F7EBCF;
  border: 1px solid #D3C3A4;
  border-bottom: 3px solid #BDA27C;
  border-radius: 0;
  box-shadow: inset 0 2px #FFF5DC,inset 3px 0 #FFF5DC,inset -3px 0 #E6D5B1,0 4px 0 #302B2580;
  clip-path: polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 3px,100% 3px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 3px),0 calc(100% - 3px),0 3px,4px 3px);
  transform: none;
  z-index: 6;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .question-panel :is(.question-eyebrow,p) { display: none; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .question-panel h1 {
  margin: 0;
  font: 400 24px/1.08 'VT323',monospace;
  color: #203C3D;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .question-condition {
  display: block;
  margin: 0 0 4px;
  font: 400 16px/1.1 'VT323',monospace;
  color: #925F48;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui :is(.answer-dock[data-ios-composer=true],.round-continue) {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  transform: none;
  margin: 0;
  justify-self: stretch;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .answer-row { width: 100%; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .answer-input {
  font-size: 22px;
  color: #244941;
  background: repeating-linear-gradient(0deg,transparent 0 5px,#D9C9A512 5px 6px),#F7EBCF;
  border: 1px solid #A6B19B;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .round-continue .primary-button {
  max-width: none;
  width: 100%;
  color: #17383B !important;
  background: #D7B183;
  border: 1px solid #E6C89F;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result {
  top: calc(var(--notebook-question-top,80px) + 4px);
  height: auto;
  min-height: min(88px,calc(var(--notebook-question-height,96px) - 8px));
  max-height: calc(var(--notebook-question-height,96px) - 8px);
  padding: 12px 16px;
  grid-template-rows: auto auto;
  align-content: center;
  row-gap: 8px;
  box-sizing: border-box;
  background: var(--notebook-control-surface,#D7B183);
  border: 1px solid var(--notebook-control-border,#E6C89F);
  border-bottom: 3px solid #BDA27C;
  border-radius: 0;
  box-shadow:inset 0 2px #FFF5DC,inset 3px 0 #FFF5DC,0 4px 0 #302B2580;
  animation: none;
  scrollbar-gutter: auto;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result:not([hidden]) { display: grid; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result .ios-answer-text { font-size:26px;line-height:30px; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result .ios-answer-points { margin:0;font-size:14px;line-height:20px; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result .ios-answer-points strong { font-size:28px;line-height:30px; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result .ios-answer-tier { margin:0;font-size:18px;line-height:22px; }
@container (max-width:350px) {
  html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .question-panel h1 { font-size:22px; }
}

html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] {
  --notebook-control-surface: #D7B183;
  --notebook-control-ink: #17383B;
  --notebook-control-border: #E6C89F;
  --ios-clock-face: var(--notebook-control-surface);
  --ios-clock-rim: var(--notebook-control-border);
  --ios-clock-accent: var(--notebook-control-ink);
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui :is(.game-controls .icon-button,.send-button) {
  color: var(--notebook-control-ink) !important;
  background: var(--notebook-control-surface);
  border: 1px solid var(--notebook-control-border);
  box-shadow: none;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result :is(.ios-answer-text,.ios-answer-tier) { color: var(--notebook-control-ink); }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .ios-answer-paper-result .ios-answer-points { color: #925F48; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .answer-callout {
  --tag-bg: var(--notebook-control-surface);
  --tag-ink: var(--notebook-control-ink);
  --tag-accent: var(--notebook-control-ink);
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category] .pp-notebook-preview { width: 100%; height: 100%; display: block; }

html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-category=english][data-notebook=true] .game-ui .question-panel::before {
  content: 'SORU';display: block;position:static;width:auto;height:auto;background:none;border:0;box-shadow:none;margin:0 0 6px;font:400 13px/1 'VT323',monospace;letter-spacing:.12em;color:#925F48;
}
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-identity { position:absolute;top:calc(var(--pati-safe-top,0px) + 64px);left:24px;right:24px;max-width:none; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-brand { color:#F7EBCF;font:400 34px/1 'VT323',monospace;letter-spacing:0; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-world { color:#BBD0BA;font:400 18px/1.1 'VT323',monospace;margin:6px 0 0; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-actions { --v29-home-ink:#F7EBCF;--v16-home-ink:#F7EBCF;--v29-home-text-shadow:none; }
html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-actions .pp-start { background:#D7B183;border-color:#E6C89F;color:#17383B!important;box-shadow:none; }
@container (max-height:500px) {
  html:is([data-pati-platform=ios],[data-pati-web-design=mobile]) #review-main .app-viewport[data-notebook-home=true] .pp-home .pp-home-identity { display:none; }
}