#page-pkm{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;background:#fff;overflow-y:auto}#page-pkm svg{display:inline-block}#page-pkm button{all:unset;width:fit-content;height:40px;padding-left:12px;padding-right:12px;border-radius:20px;background-color:#eee;color:#000;text-align:center;cursor:pointer;overflow:hidden;box-sizing:border-box;box-shadow:4px 4px 4px rgba(0,0,0,.2);font-size:1rem}#page-pkm button.block{width:100%}#page-pkm button.primary{overflow:hidden;background:#757fb9;color:#fff}#page-pkm button.primary:active{background:#5596be}#page-pkm button:disabled{opacity:.5}#page-pkm .go-back-button{all:unset;z-index:50;position:fixed;top:64px;left:16px;width:37px}#page-pkm .pkm-menu{flex-shrink:0;z-index:20;position:sticky;top:0;left:0;width:100%;padding-bottom:12px;padding-top:12px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;box-shadow:0 3px 6px rgba(0,0,0,.02),0 6px 12px rgba(0,0,0,.02);background:#fff}#page-pkm .pkm-menu .pkm-menu-bar{display:flex;flex-direction:row;gap:8px;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory;padding-left:8px;padding-right:8px}#page-pkm .pkm-menu .pkm-menu-divider{border-right:1px solid #f2f2f2}#page-pkm .pkm-menu .pkm-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;min-width:58px;padding:0 8px;border-radius:6px;background-color:initial;opacity:1}#page-pkm .pkm-menu .pkm-menu-item.active{background-color:#f2f2f2}#page-pkm .pkm-menu .pkm-menu-item img,#page-pkm .pkm-menu .pkm-menu-item svg{width:24px;height:24px;overflow:hidden;color:#000;border-radius:4px;font-size:24px}#page-pkm .pkm-menu .pkm-menu-item p{margin-top:4px;color:#2b2b2b;font-size:12px;font-weight:500;white-space:nowrap;letter-spacing:0}#page-pkm .pkm-content{z-index:10;flex-grow:1;display:flex;flex-direction:column;gap:16px;padding:16px}#page-pkm .pkm-content .page-header{display:flex;align-items:center;justify-content:space-between}#page-pkm .pkm-content .page-header img{flex-shrink:0;width:40px;height:40px;margin-right:12px}#page-pkm .pkm-content .page-header p{flex-grow:1;color:#2b2b2b;font-size:24px;font-weight:700;letter-spacing:0}#page-pkm .pkm-content .page-header .page-header-action{border:1px solid #bdbdbd;background:#fff;box-shadow:none}#page-pkm .pkm-content .page-header .page-header-action span:first-child{margin-right:8px}#page-pkm .pkm-content .page-divider{width:100%;height:8px;background-color:#f2f2f2}#page-pkm .pkm-content .event-section{display:flex;flex-direction:column;gap:16px}#page-pkm .pkm-content .event-section .event-section-title{color:#000;font-size:20px;font-variant-numeric:slashed-zero;line-height:28px;letter-spacing:.25px;text-decoration:underline 2px transparent}#page-pkm .pkm-content .event-panel{position:relative;min-height:100px;background:#f9f9f9}#page-pkm .pkm-content .event-panel .event-panel-header{display:flex;align-items:center;gap:20px;height:40px;background:#fff;font-size:15px}#page-pkm .pkm-content .event-panel .event-panel-header p{flex-shrink:0;width:30%;color:#000;font-weight:500;line-height:15px;letter-spacing:0;text-align:center}#page-pkm .pkm-content .event-panel .event-panel-header .event-bet-end-time{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative;height:100%;border-top:1px solid #c8ceec;border-right:1px solid #c8ceec;border-top-right-radius:10px;background:#f9f9f9}#page-pkm .pkm-content .event-panel .event-panel-header .event-bet-end-time:before{content:"";position:absolute;left:0;top:0;bottom:0;width:25px;background:#f9f9f9;border-left:1px solid #c8ceec;transform:skew(-30deg);transform-origin:top}#page-pkm .pkm-content .event-panel .event-panel-body{position:relative;border:1px solid #c8ceec;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:4vmin}#page-pkm .pkm-content .event-panel .event-panel-body .event-name{position:absolute;top:2.5vmin;left:50%;transform:translateX(-50%);color:#687095;font-weight:600;font-size:4.5vmin;display:inline-block;text-align:center;word-break:keep-all}#page-pkm .pkm-content .event-panel .event-panel-body .event-panel-content{display:flex;align-items:center;gap:12px;margin-top:5vmin;margin-bottom:2vmin}#page-pkm .pkm-content .event-panel .event-panel-body .event-panel-content>*{width:100%}#page-pkm .pkm-content .event-panel .event-panel-body .event-team{display:flex;flex-direction:column;align-items:center;justify-content:space-between}#page-pkm .pkm-content .event-panel .event-panel-body .event-vs{display:flex;justify-content:center;align-items:center;overflow:hidden}#page-pkm .pkm-content .event-panel .event-panel-body .event-vs img{width:120px;height:120px;max-width:120px;max-height:120px}#page-pkm .pkm-content .event-panel .event-panel-body img{margin:0 auto;color:transparent;border-radius:4px;width:90px;height:90px;object-fit:contain}#page-pkm .pkm-content .event-panel .event-panel-body p{color:#000;text-align:center;font-variant-numeric:slashed-zero;line-height:21px;letter-spacing:.15px;font-size:.875rem}#page-pkm .pkm-content .event-panel .event-panel-action{display:flex;gap:12px}#page-pkm .pkm-content .event-panel .event-panel-action>*{width:100%}#page-pkm .pkm-content .event-panel .event-panel-action button{display:flex;align-items:center;justify-content:center}#page-pkm .pkm-content .event-panel .event-panel-action button>div:first-child{margin-right:4px}#page-pkm .pkm-content .event-panel .event-panel-action button>div{display:flex;align-items:top;transition:color 1s ease-in-out}#page-pkm .pkm-content .event-panel .event-panel-action button>div .indicator{display:inline-block;width:20px;height:20px;position:relative}#page-pkm .pkm-content .event-panel .event-panel-action button>div .indicator svg{display:inline-block;position:absolute;inset:0;font-size:20px;opacity:0;transition:opacity 1s ease-in-out}#page-pkm .pkm-content .event-panel .event-panel-action button>div .indicator svg:first-child{color:#e95b5b}#page-pkm .pkm-content .event-panel .event-panel-action button>div .indicator svg:last-child{color:#4ab06a}#page-pkm .pkm-content .event-panel .event-panel-action button>div.increased{color:#e95b5b;transition:none}#page-pkm .pkm-content .event-panel .event-panel-action button>div.increased svg:first-child{opacity:1;transition:none}#page-pkm .pkm-content .event-panel .event-panel-action button>div.decreased{color:#4ab06a;transition:none}#page-pkm .pkm-content .event-panel .event-panel-action button>div.decreased svg:last-child{opacity:1;transition:none}#page-pkm .pkm-bet-log .date-row{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px}#page-pkm .pkm-bet-log .date-row button{all:unset;padding:4px}#page-pkm .pkm-bet-log .action-row{padding-bottom:8px;overflow-x:auto}#page-pkm .pkm-bet-log .action-row>div{display:flex;align-items:center;justify-content:start;gap:12px;flex-wrap:nowrap}#page-pkm .pkm-bet-log .action-row button{flex-shrink:0;all:unset;height:32px;padding:0 8px;border-radius:8px;border:1px solid #828282;color:#000;white-space:nowrap}#page-pkm .pkm-bet-log .action-row button.active{color:#fff;background:#828282}#page-pkm .pkm-bet-log .bet-log-list{display:flex;flex-direction:column;gap:8px}#page-pkm .pkm-bet-log .bet-log-list>div{border-top:1px solid #bdbdbd;padding:8px;line-height:1.5}#page-pkm .pkm-bet-log .bet-log-list>div .note{display:flex;justify-content:space-between}#page-pkm .pkm-bet-log .bet-log-list .text{padding:16px;text-align:center}#page-pkm .pkm-bet-log .bet-log-list .name{display:flex}#page-pkm .pkm-bet-log .bet-log-list .event-detail{margin-left:10px;color:#00f}#page-pkm .pkm-mask{z-index:40;position:fixed;inset:0;right:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease-in-out,right 0s .3s}#page-pkm .pkm-mask.active{z-index:40;right:0;opacity:1;transition:opacity .3s ease-in-out}#page-pkm .pkm-drawer{z-index:50;position:fixed;bottom:0;width:100%;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;background:#fff;transform:translateY(100%);transition:transform .3s ease-in-out}#page-pkm .pkm-drawer.active{transform:translateY(0)}#page-pkm .pkm-drawer .drawer-top{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:60px;height:5px;border-radius:9999px;background:#e0e0e0}#page-pkm .pkm-drawer .drawer-top>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem)}#page-pkm .pkm-drawer .drawer-header{background-color:#f2f2f2;height:40px;border-top-left-radius:8px;border-top-right-radius:8px}#page-pkm .pkm-drawer .drawer-body{padding:1rem;text-align:center}#page-pkm .pkm-drawer .drawer-body .event-title{display:flex;align-items:center;justify-content:space-between;font-size:1rem}#page-pkm .pkm-drawer .drawer-body .event-title .balance{color:#828282}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-item{display:flex;align-items:center;gap:1rem;padding-top:44px;padding-bottom:1.25rem}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-item button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;background:#f2f2f2;box-shadow:none}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-item button img{display:inline-block;width:12px}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-item .form-item-content{flex-grow:1;height:48px}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-item .form-item-content input{width:100%;height:100%;font-size:40px;text-align:center}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .winning-value{margin-bottom:16px;font-size:1rem}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .winning-value .amount{margin-left:8px;color:#27ae60}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .control{display:flex;justify-content:center;gap:.5rem}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .control button{height:32px;border-radius:6px;background:#f2f2f2;box-shadow:none}#page-pkm .pkm-drawer .drawer-body .pkm-bet-form .form-submit{margin-top:1.5rem;margin-bottom:1rem;height:48px;border-radius:24px;font-size:1rem}.pkm-result-modal .am-modal-content{text-align:left}.pkm-result-modal .am-modal-content .am-modal-body{color:#000}