<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, orientation=portrait">
    <title>Glowing Buttons</title>
    <style>
        body {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            height: 100vh;
            width: 100vw;
            margin: 0;
            touch-action: manipulation;
            font-family: Arial, sans-serif;
            overflow: hidden;
        }
        .nav-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1px;
            padding: 1em;
            border-right: 2px solid rgba(255, 255, 255, 0.2);
            height: 100vh;
            justify-content: center;
        }
        .nav-button {
            background: none;
            border: 2px solid;
            font-size: 18px;
            padding: 12px 24px;
            cursor: pointer;
            transition: 0.3s;
            color: cyan;
            text-shadow: 0 0 10px cyan;
            animation: glow 0.2s linear infinite;
            border-radius: 8px;
        }
        .nav-button:hover {
            background: rgba(0, 255, 255, 0.2);
        }
        .content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
            height: 100vh;
            overflow-y: auto;
            padding: 10px;
        }
        .button-container {
            display: none;
            grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
            gap: 10px;
            width: 100%;
            padding: 10px;
            border-radius: 3px;
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
        }
        .glow-button {
            background: none;
            border: 2px solid;
            color: pink;
            font-size: 18px;
            padding: 3px 5px;
            cursor: pointer;
            transition: 0.3s;
            text-transform: uppercase;
            touch-action: manipulation;
            animation: glow 0.1s linear infinite;
            border-radius: 8px;
            box-shadow: 0 0 9px rgba(255, 255, 255, 0.2);
        }
        @keyframes glow {
            0% { border-color: red; box-shadow: 0 0 15px red; }
            16% { border-color: orange; box-shadow: 0 0 15px orange; }
            32% { border-color: yellow; box-shadow: 0 0 15px yellow; }
            48% { border-color: green; box-shadow: 0 0 15px green; }
            64% { border-color: blue; box-shadow: 0 0 15px blue; }
            80% { border-color: indigo; box-shadow: 0 0 15px indigo; }
            100% { border-color: violet; box-shadow: 0 0 15px violet; }
        }
        .active {
            display: grid;
        }
    </style>
</head>
<body>
    <div class="nav-container">
        <button class="nav-button" onclick="showPage(1)">拡大</button>
        <button class="nav-button" onclick="showPage(2)">着色</button>
        <button class="nav-button" onclick="showPage(3)">リスカ</button>
    </div>
    <div class="content">
        <div id="page1" class="button-container">
            <button class="glow-button" ontouchstart="f1()">0.125</button>
            <button class="glow-button" ontouchstart="f2()">0.25</button>
            <button class="glow-button" ontouchstart="f3()">0.5</button>
            <button class="glow-button" ontouchstart="f4()">1</button>
            <button class="glow-button" ontouchstart="f5()">2</button>
            <button class="glow-button" ontouchstart="f6()">3</button>
            <button class="glow-button" ontouchstart="f7()">5</button>
            <button class="glow-button" ontouchstart="f8()">9</button>
            <button class="glow-button" ontouchstart="f9()">13</button>
            <button class="glow-button" ontouchstart="f10()">14</button>
            <button class="glow-button" ontouchstart="f11()">90</button>
            <button class="glow-button" ontouchstart="f12()">0</button>
        </div>
        
        <div id="page2" class="button-container">
            <button class="glow-button" ontouchstart="f13()">赤</button>
            <button class="glow-button" ontouchstart="f14()">青</button>
            <button class="glow-button" ontouchstart="f15()">緑</button>
            <button class="glow-button" ontouchstart="f16()">黄色</button>
            <button class="glow-button" ontouchstart="f17()">紫</button>
            <button class="glow-button" ontouchstart="f18()">白</button>
            <button class="glow-button" ontouchstart="f19()">水色</button>
            <button class="glow-button" ontouchstart="f20()">マップ青</button>
            <button class="glow-button" ontouchstart="f21()">マップ緑</button>
            <button class="glow-button" ontouchstart="f22()">グロい</button>
            <button class="glow-button" ontouchstart="f23()">光と闇‪✝︎</button>
            <button class="glow-button" ontouchstart="f24()">リセット</button>
        </div>
        
        <div id="page3" class="button-container">
            <button class="glow-button" ontouchstart="f25()">砲α</button>
            <button class="glow-button" ontouchstart="f26()">砲αオフ</button>
            <button class="glow-button" ontouchstart="f27()">陸上部1.2</button>
            <button class="glow-button" ontouchstart="f28()">陸上部1.7</button>
            <button class="glow-button" ontouchstart="f29()">退部</button>
            <button class="glow-button" ontouchstart="f30()">レート1.1</button>
            <button class="glow-button" ontouchstart="f31()">レート3</button>
            <button class="glow-button" ontouchstart="f32()">レート1</button>
            <button class="glow-button" ontouchstart="f33()">視野拡大</button>
            <button class="glow-button" ontouchstart="f34()">視野オフ</button>
        </div>
    </div>
    
    <script>
        function f1(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010281E");
            alert("ON");
}
        function f2(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "00102A1E");
            alert("ON");
}
        function f3(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "00102C1E");
            alert("ON");
}
        function f4(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "00102E1E");
            alert("ON");
}
        function f5(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "00102F1E");
            alert("ON");
}
        function f6(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f7(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f8(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f9(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f10(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f11(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "0010251E");
            alert("ON");
}
        function f12(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x181B710; 
            patchBytes(addr, "004C281E");
            alert("OFF");
}
        function f13(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B60; 
            patchBytes(addr, "05F0271E");
            alert("ON");
}
        function f14(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B78; 
            patchBytes(addr, "00F0271E");
            alert("ON");
}
        function f15(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B78; 
            patchBytes(addr, "05F0271E");
            alert("ON");
}
        function f16(){
         h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B60; 
            patchBytes(addr, "05F0271E");
            
            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B78; 
            patchBytes(addr, "05F0271E");
            alert("ON");
}
        function f17(){
         h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B60; 
            patchBytes(addr, "05F0271E");
            
            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B78; 
            patchBytes(addr, "00F0271E");
            alert("ON");
}
        function f18(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B50; 
            patchBytes(addr, "0000271E");
            alert("ON");
}
        function f19(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B60; 
            patchBytes(addr, "0000271E");
            alert("ON");
}
        function f20(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B40; 
            patchBytes(addr, "0000271E");
            alert("ON");
}
        function f21(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B30; 
            patchBytes(addr, "05F0271E");
            alert("ON");
}
        function f22(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B20; 
            patchBytes(addr, "0000271E");
            alert("ON");
}
        function f23(){
			h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B10; 
            patchBytes(addr, "0000271E");
            alert("ON");
}
        function f24(){
         h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B60; 
            patchBytes(addr, "0508251E");
            
            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B78; 
            patchBytes(addr, "86E241BD");

            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B50; 
            patchBytes(addr, "653A00BD");
            
            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B40; 
            patchBytes(addr, "852E43BD");

            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B30; 
            patchBytes(addr, "0508251E");
            
            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B20; 
            patchBytes(addr, "863243BD");

            h5gg.clearResults();
            var modules = h5gg.getRangesList("Game"); 
            var base = modules[0].start; 
            var addr = Number(base) + 0x609B10; 
            patchBytes(addr, "632A00BD");
            alert("OFF");
}
        function patchBytes(addr, hex) {
            for(i = 0;i<hex.length/2;i++) {
            var item = parseInt(hex.substring(i*2, i*2+2), 16);
            h5gg.setValue(addr+i,item, "U8");
    }
}
        function showPage(pageNumber) {
            document.querySelectorAll('.button-container').forEach(container => {
                container.classList.remove('active');
            });
            document.getElementById('page' + pageNumber).classList.add('active');
}

    </script>
</body>
</html>