@font-face{font-family:"Digital";src:url(/font/migame/ds-digi.ttf) format("truetype")}.clock{border-radius:50%;border:solid .5em #775538;position:relative}.clock{height:25em;width:25em;user-select:none;background:#fff}.clock-area{position:relative;height:100%;width:100%;padding:.25em;z-index:11}.clock-area{border-radius:50%;border:solid .25em #333}.clock-area{box-shadow:-1px 1px 4px 2px #aaa inset,1px 1px 2px 2px #333}.clock-center{border-radius:50%;background:#333;height:1em;width:1em}.clock-center{position:absolute;z-index:21;top:50%;left:50%;margin:-.5em auto auto -.5em}.clock-needle{transform-origin:center left}.clock-needle{position:absolute;top:50%;left:50%;padding:4px 0}.clock-needle:before{content:"";height:100%;width:100%;display:block;margin:auto}.clock-needle.draggable{cursor:pointer}.clock-needle.hours{height:12px;width:20%;margin-top:-6px;z-index:43}.clock-needle.hours:before{background:#a00}.clock-needle.minutes{height:10px;width:35%;margin-top:-5px;z-index:42}.clock-needle.minutes:before{background:#00a}.clock-needle.seconds{height:10px;width:50%;margin-top:-5px;z-index:41}.clock-needle.seconds:before{background:#0a0}.clock-tick{position:absolute;top:50%;left:50%;transform-origin:center}.clock-tick.hours{height:.5em;width:4px;margin-left:-2px;margin-top:-.25em}.clock-tick.hours{background:#000;z-index:32}.clock-tick.minutes{height:.25em;width:2px;margin-left:-1px;margin-top:-.125em}.clock-tick.minutes{background:#000;z-index:31}.clock-sector{position:absolute;display:none}.clock-sector.hours{height:20%;width:20%;z-index:3;background:#fdd}.clock-sector.minutes{height:35%;width:35%;z-index:2;background:#ddf}.clock-sector.seconds{height:50%;width:50%;z-index:1;background:#dfd}.clock-sector.active{display:block}.clock-sector.overlay{background:#fff;border-radius:50%}.clock-sector.tr{border-radius:0 100% 0 0;transform-origin:bottom left}.clock-sector.br{border-radius:0 0 100% 0;transform-origin:top left}.clock-sector.bl{border-radius:0 0 0 100%;transform-origin:top right}.clock-sector.tl{border-radius:100% 0 0 0;transform-origin:bottom right}.clock-sector.hours.tr{top:30%;left:50%}.clock-sector.hours.br{top:50%;left:50%}.clock-sector.hours.bl{top:50%;left:30%}.clock-sector.hours.tl{top:30%;left:30%}.clock-sector.minutes.tr{top:15%;left:50%}.clock-sector.minutes.br{top:50%;left:50%}.clock-sector.minutes.bl{top:50%;left:15%}.clock-sector.minutes.tl{top:15%;left:15%}.clock-sector.seconds.tr{top:0;left:50%}.clock-sector.seconds.br{top:50%;left:50%}.clock-sector.seconds.bl{top:50%;left:0}.clock-sector.seconds.tl{top:0;left:0}.clock-sector.mask{background:#fff;border-radius:0 100% 0 0;transform-origin:bottom left}.clock-sector.hours.mask{top:30%;left:50%}.clock-sector.minutes.mask{top:15%;left:50%}.clock-sector.seconds.mask{top:0;left:50%}.clock-sector.hours.overlay{display:none}.clock-sector.minutes.overlay{display:block;top:30%;left:30%;height:40%;width:40%}.clock-sector.seconds.overlay{display:block;top:15%;left:15%;height:70%;width:70%}.clock-number{position:absolute;top:50%;left:50%;transform-origin:center}.clock-number{height:1em;width:1em;margin-left:-.5em;margin-top:-.5em}.clock-number{color:#666;text-align:center;font-size:1.5em}.digital{display:table;table-layout:fixed;border-spacing:1em 1em}.digital-cell{display:table-cell;vertical-align:middle;text-align:center}.digital-cell{padding:.5em;height:5em;width:5em}.digital-cell{background:#111}.digital-number{width:1em;text-align:center;padding:0em}.digital-number{background:none;border:none}.digital-number{font-size:4em;font-family:Digital}.digital-number:hover{box-shadow:none;border:none}.digital-number:active{outline:none}.digital-number:focus{outline:none}.digital-number.hours{color:#f99;text-shadow:0 0 3px #f00,0 0 1px #f00}.digital-number.minutes{color:#99f;text-shadow:0 0 3px #00f,0 0 1px #00f}.digital-number.seconds{color:#9f9;text-shadow:0 0 3px #0f0,0 0 1px #0f0}.digital-number.ampm{width:1.375em}.digital-number.ampm option{background:#000}.clock-player{border:solid .5em #fda711}.clock-player{background:url(/img/migame/clock/background.jpg) fixed center center / cover}.clock-view{background:rgba(245,245,245,.75)}.clock-config{background:rgba(255,255,255,.95)}.clock-player{display:table;width:100%;height:100%;table-layout:fixed}.clock-view{display:table-cell;width:40%;vertical-align:middle;text-align:center;padding-bottom:5em}.clock-view{border-right:dashed 1px #dcdcdc;position:relative;overflow:hidden}.clock-view .clock{margin:auto}.clock-view .digital{margin:auto}.clock-config{display:table-cell;width:60%;vertical-align:top;text-align:left}.clock-config{overflow:hidden;position:relative}.clock-mobile{position:absolute;top:1em;left:1em;width:4em;height:4em;z-index:10;cursor:pointer;transition:all .5s}.clock-mobile{background:url(/img/migame/clock/mobile.png) no-repeat center center / contain}.clock-mobile{display:none}@media (max-height:400px),(max-width:900px){.clock-player{width:200%;border:none;transition:all .5s}.clock-player.menu{margin-left:-100%}.clock-view{width:50%}.clock-config{width:50%}.clock-mobile{display:block}.clock-mobile.on{transform:rotate(90deg)}}.clock-tools{text-align:center;position:absolute;bottom:0;left:50%;margin-left:-9em;z-index:10}.clock-tools{background:#f5f5f5;padding:1em;box-shadow:0 -1px 5px 1px #aaa}.clock-tools:before{content:" ";display:block;position:absolute;width:9em;height:9em;top:0;left:0em}.clock-tools:before{transform:rotate(45deg);transform-origin:left top}.clock-tools:before{background:#f5f5f5;box-shadow:-1px 5px 5px 1px #aaa}.clock-tools:after{content:" ";display:block;position:absolute;width:9em;height:9em;top:0;left:100%}.clock-tools:after{transform:rotate(45deg);transform-origin:left top}.clock-tools:after{background:#f5f5f5;box-shadow:5px -1px 5px 1px #aaa}.clock-tool{display:inline-block;vertical-align:middle;margin-right:.5em;position:relative;z-index:1}.clock-tool{border:none;background-color:transparent;height:4em;width:4em;cursor:pointer;transition:all .25s}.clock-tool{background-size:contain;background-position:center center;background-repeat:no-repeat}.clock-tool:last-child{margin-right:none}.clock-tool:hover{transform:scale(1.05);box-shadow:none;border:none}.clock-tool:focus{outline:0}.clock-tool.play{background-image:url(/img/migame/clock/play.png)}.clock-tool.pause{background-image:url(/img/migame/clock/pause.png)}.clock-tool.stop{background-image:url(/img/migame/clock/stop.png)}.clock-tool.reset{background-image:url(/img/migame/clock/reset.png)}.clock-tool.move{background-image:url(/img/migame/clock/move.png)}.clock-tool.add{background-image:url(/img/migame/clock/add.png)}.clock-tool.substract{background-image:url(/img/migame/clock/substract.png)}.clock-options{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:5}.clock-options{padding:.5em 2em}@media (max-height:400px),(max-width:900px){.clock-options{padding:0em;border-top:solid 6em #dcdcdc}}.clock-options select{border:solid 1px #dcdcdc;background:#f5f5f5;padding:1em;border-radius:2em}.clock-options input[type="text"]{border:solid 1px #dcdcdc;background:#f5f5f5;padding:1em;border-radius:2em}.clock-options input[type="number"]{border:solid 1px #dcdcdc;background:#f5f5f5;padding:1em;border-radius:2em}.clock-options select:focus{outline:0}.clock-options input:focus{outline:0}.clock-options{width:100%;border-collapse:collapse}.clock-options th,.clock-options td{padding:.75em;text-align:left;border-bottom:dashed 1px #dcdcdc}.clock-options tr:last-child>th,.clock-options tr:last-child>td{border-bottom:none}.clock-options th{white-space:nowrap;width:0%}.clock-options td:nth-child(2){width:100%}@media (max-height:400px),(max-width:900px){.clock-options th{padding:.75em 0em .75em 1.5em}}.clock-options .clock-tool{margin-left:.5em;height:3em;width:3em}.clock-options .help{display:inline-block;height:2em;width:2em;cursor:pointer}.clock-options .help{background:url(/img/migame/clock/help.png) no-repeat center center / contain}.clock-options .tooltip{margin:-3em -3em;white-space:nowrap;user-select:none}.clock-options input[type="radio"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.clock-options .radio{height:1.5em;width:1.5em;display:inline-block;margin-bottom:-.375em;border-radius:50%}.clock-options .radio{position:relative;background-color:#f5f5f5;border:solid 1px #dcdcdc}.clock-options .radio:after{content:" ";display:none;position:absolute;top:50%;left:50%;margin:-.25em}.clock-options .radio:after{width:.5em;height:.5em;background:#111;border-radius:50%}.clock-options input:checked~.radio:after{display:block}.clock-options input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.clock-options .checkbox{height:1.5em;width:1.5em;display:inline-block}.clock-options .checkbox{position:relative;background-color:#f5f5f5;border:solid 1px #dcdcdc}.clock-options .checkbox:after{content:" ";position:absolute;display:none}.clock-options .checkbox:after{left:.5em;top:.14em;width:.25em;height:.625em}.clock-options .checkbox:after{border:solid #111;border-width:0 3px 3px 0;transform:rotate(45deg)}.clock-options input:checked~.checkbox:after{display:block}@media (max-height:400px),(max-width:900px){.clock-options .target input{width:5em}.clock-options .add input{width:5em}.clock-options .substract input{width:5em}}