/* Native FireRed learn_move.c: 240x160, list window (152,8,80,96),
   prompt window (16,120,208,32). Background and label shapes use ROM tiles. */
#gameFrame #machopReminder{--mr-px:.4166666667cqw;position:absolute;inset:0;display:block;overflow:hidden;background:#000 url('./native/fr_move_reminder.png') 0 0/100% 100% no-repeat;image-rendering:pixelated}
#gameFrame #machopReminder .machopInfo{position:absolute;left:0;top:0;width:calc(144 * var(--mr-px));height:calc(112 * var(--mr-px));display:block;overflow:hidden;margin:0;padding:0;border:0;box-shadow:none;background:none}
#gameFrame #machopReminder .machopMoveStats{position:absolute;inset:0;display:block;width:100%;height:100%}
#gameFrame #machopReminder .machopStatLine{position:absolute;display:block;height:calc(16 * var(--mr-px));margin:0;padding:0;border:0;background:none;font-size:0!important}
#gameFrame #machopReminder .machopStatLine>span,#gameFrame #machopReminder .machopEffectTitle{display:none}
#gameFrame #machopReminder .machopStatLine>strong{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:#383838;overflow:visible;text-align:left}
#gameFrame #machopReminder .machopStatLine:nth-child(1){left:calc(41 * var(--mr-px));top:calc(4 * var(--mr-px));width:calc(32 * var(--mr-px))}
#gameFrame #machopReminder .machopStatLine:nth-child(2){left:calc(121 * var(--mr-px));top:calc(4 * var(--mr-px));width:calc(23 * var(--mr-px))}
#gameFrame #machopReminder .machopStatLine:nth-child(3){left:calc(42 * var(--mr-px));top:calc(18 * var(--mr-px));width:calc(16 * var(--mr-px))}
#gameFrame #machopReminder .machopStatLine:nth-child(4){left:calc(121 * var(--mr-px));top:calc(18 * var(--mr-px));width:calc(23 * var(--mr-px))}
#gameFrame #machopReminder .machopTypeBadge{display:block;width:calc(32 * var(--mr-px));height:calc(12 * var(--mr-px));background:url('./native/fr_move_menu_info.png') no-repeat;background-size:calc(128 * var(--mr-px)) calc(128 * var(--mr-px));background-position:calc(var(--type-x) * -1 * var(--mr-px)) calc(var(--type-y) * -1 * var(--mr-px));image-rendering:pixelated}
#gameFrame #machopReminder .machopEffect{position:absolute;left:calc(17 * var(--mr-px));top:calc(48 * var(--mr-px));width:calc(120 * var(--mr-px));height:calc(60 * var(--mr-px));right:auto;bottom:auto;margin:0;padding:0;overflow:hidden;background:none;font-size:0!important}
#gameFrame #machopReminder .machopMovePanel{position:absolute;left:calc(152 * var(--mr-px));top:calc(8 * var(--mr-px));width:calc(80 * var(--mr-px));height:calc(96 * var(--mr-px));margin:0;padding:0;border:0;box-shadow:none;background:none}
#gameFrame #machopReminder .machopMovePanel::before,#gameFrame #machopReminder .machopPrompt::before{content:none}
#gameFrame #machopReminder .machopMoveOptions{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;scroll-snap-type:y mandatory}
#gameFrame #machopReminder .machopMoveOptions::-webkit-scrollbar{display:none}
#gameFrame #machopReminder .machopMoveOptions button{position:relative;display:flex;align-items:flex-start;width:100%;height:calc(14 * var(--mr-px));min-height:calc(14 * var(--mr-px));margin:0;padding:0 0 0 calc(8 * var(--mr-px));border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;text-align:left;scroll-snap-align:start;font-size:0!important;touch-action:pan-y}
#gameFrame #machopReminder .machopMoveOptions button.selected{background:none}
#gameFrame #machopReminder .machopMoveOptions button.selected::before{content:'';position:absolute;left:0;top:0;width:calc(8 * var(--mr-px));height:calc(16 * var(--mr-px));border:0;background:url('./native/fr_move_cursor.png') 0 0/100% 100% no-repeat;image-rendering:pixelated}
#gameFrame #machopReminder .machopMoveOptions button:focus-visible{outline:1px solid #686878;outline-offset:0}
#gameFrame #machopReminder .machopPrompt{position:absolute;left:calc(16 * var(--mr-px));top:calc(122 * var(--mr-px));width:calc(208 * var(--mr-px));height:calc(30 * var(--mr-px));display:block;margin:0;padding:0;border:0;box-shadow:none;overflow:hidden;background:none}
#gameFrame #machopReminder .machopPrompt>span{display:block;width:100%;height:100%;margin:0;padding:0;font-size:0!important}
#gameFrame #machopReminder .machopPromptBack{display:none}
/* No nested span backgrounds or fractional transforms: all text uses the normal atlas. */
#gameFrame #machopReminder .frTextLine{display:flex;align-items:flex-start;transform:none!important;transform-origin:0 0;height:calc(14 * var(--mr-px))!important;min-height:calc(14 * var(--mr-px))!important;margin:0;padding:0;background:none}
#gameFrame #machopReminder .frGlyph{display:inline-block;flex:none;width:calc((var(--fr-width) + var(--fr-spacing,0)) * var(--mr-px))!important;height:calc(16 * var(--mr-px))!important;margin:0;padding:0;border:0;min-width:0;background-image:url('./native/fr_font.png');background-repeat:no-repeat;background-color:transparent;box-shadow:none;transform:none!important;background-size:calc(256 * var(--mr-px)) calc(512 * var(--mr-px));background-position:calc(var(--fr-col) * -16 * var(--mr-px)) calc(var(--fr-row) * -16 * var(--mr-px));image-rendering:pixelated}

/* Ability and form pages reuse the native move windows without move-stat labels. */
#gameFrame #machopReminder .trainingDetail{display:none}
#gameFrame #machopReminder[data-panel="ability"],#gameFrame #machopReminder[data-panel="phenomena"]{background-image:url('./native/fr_training_detail.png')}
#gameFrame #machopReminder[data-panel="ability"] .machopMoveStats,#gameFrame #machopReminder[data-panel="phenomena"] .machopMoveStats,#gameFrame #machopReminder[data-panel="ability"] .machopEffect,#gameFrame #machopReminder[data-panel="phenomena"] .machopEffect{display:none}
#gameFrame #machopReminder[data-panel="ability"] .trainingDetail,#gameFrame #machopReminder[data-panel="phenomena"] .trainingDetail{display:block;position:absolute;inset:0;background:none}
#gameFrame #machopReminder .trainingDetail>div,#gameFrame #machopReminder .trainingDetail>p{position:absolute;left:calc(8 * var(--mr-px));width:calc(128 * var(--mr-px));margin:0;padding:0;background:none;overflow:hidden;font-size:0!important}
#gameFrame #machopReminder #trainingDetailKind{top:calc(2 * var(--mr-px));height:calc(16 * var(--mr-px))}
#gameFrame #machopReminder #trainingDetailName{top:calc(20 * var(--mr-px));height:calc(28 * var(--mr-px))}
#gameFrame #machopReminder #trainingDetailState{top:calc(48 * var(--mr-px));height:calc(16 * var(--mr-px))}
#gameFrame #machopReminder #trainingDetailEffect{top:calc(66 * var(--mr-px));height:calc(44 * var(--mr-px))}
#gameFrame #machopReminder .machopMoveOptions button.two-line{height:calc(28 * var(--mr-px));min-height:calc(28 * var(--mr-px));display:block}