/* Halkent PS3 layout v2: basic block layout for the console browser. */
html{min-height:100%;background:#080f1d}
body{margin:0;background:#080f1d;color:#edf4ff;font:20px/1.5 Arial,sans-serif}
header,main,section,footer{display:block}
a{color:#7cdef3}
header{padding:18px 6%;border-bottom:1px solid #314258;background:#101b2c}
.brand{font-size:24px;font-weight:bold;letter-spacing:2px;color:#fff;text-decoration:none}
.brand span{color:#74d8ee}
.label{float:right;color:#b9cce1;font-size:16px;padding-top:6px}
main{width:86%;max-width:1050px;margin:0 auto;padding:24px 0 12px}
.eyebrow{font-size:14px;letter-spacing:2px;color:#83dceb}
h1{font-size:38px;line-height:1.2;margin:10px 0 14px}
h1 span{color:#7cdef3}
.intro{color:#c2d0e2;margin:0 0 20px}
.panel{display:block;padding:22px;border:1px solid #3e5570;background:#142338;border-radius:12px}
.pill{display:inline-block;font-size:16px;color:#a5f1d7;background:#183d36;border:1px solid #3d7462;padding:4px 12px}
.panel h2{font-size:28px;margin:14px 0 8px}
.panel p{color:#c7d5e8;margin:8px 0 16px}
.actions{margin:18px 0 12px}
button,.button{display:inline-block;font:bold 19px Arial,sans-serif;border:2px solid #74d8ee;background:#176887;color:#fff;padding:14px 20px;cursor:pointer;text-decoration:none;border-radius:8px}
button:focus,a:focus{outline:3px solid #fff}
button:disabled{opacity:.5;cursor:default}
.secondary{background:#263d57;border-color:#6483a6;font-size:17px;padding:14px 18px}
label{display:block;color:#ccdaeb;font-size:18px;margin:12px 0}
#deviceStatus{color:#9be8f8;background:#0b1727;border-left:4px solid #70d9f2;padding:14px;margin:16px 0}
#result{color:#e5f4ff;margin-top:18px}
#result span,#result font{color:inherit!important}
#result h1,#result h2{font-size:24px}
hr{border:0;border-top:1px solid #405670}
.links{display:block;margin:16px 0 0}
.tile{display:inline-block;vertical-align:top;box-sizing:content-box;-webkit-box-sizing:content-box;width:27%;padding:2%;margin:0 .6% 10px;border:1px solid #516580;background:#1c2d46;color:#fff;text-decoration:none;border-radius:8px}
.tile b{display:block;font-size:19px;margin-bottom:6px}
.tile small{display:block;color:#c4d5e9;font-size:16px}
.tile.purple{background:#302444;border-color:#75608f}
.tile.green{background:#163c38;border-color:#497a70}
.help{color:#becfe3;font-size:17px;padding:10px 0}
.help h3{color:#f0f5ff;margin:8px 0}
footer{width:86%;max-width:1050px;margin:0 auto;padding:12px 0 24px;color:#a9bed5;font-size:15px}
footer a{color:#b7d8ee}
#footer{font:13px monospace;color:#a9bed5;word-wrap:break-word}
#footer h3{font-size:14px}
#log{word-wrap:break-word}
#dex_txt{display:none}
@media(max-width:650px){body{font-size:18px}.label{float:none;display:block}h1{font-size:30px}main,footer{width:90%}.panel{padding:16px}.tile{display:block;width:auto;margin:0 0 10px;padding:16px}button{margin-bottom:8px}}