// // Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 @gray-light: lighten(#000, 60%); // #999 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca; @brand-success: #5cb85c; @brand-info: #5bc0de; @brand-warning: #f0ad4e; @brand-danger: #d9534f; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; //** Global text color on ``. @text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //== Typography // //## Font, line-height, and color for body text, headings, and more. @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for ``, ``, and `
`.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the ``.
@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;


//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "glyphicons_halflingsregular";


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.33;
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;


//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for ``s and ``s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;

//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;

//** Border color for table and cell borders.
@table-border-color:            #ddd;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-link-disabled-color:        @gray-light;


//== Forms
//
//##

//** `` background color
@input-bg:                       #fff;
//** `` background color
@input-bg-disabled:              @gray-lighter;

//** Text color for ``s
@input-color:                    @gray;
//** `` border color
@input-border:                   #ccc;
//** `` border radius
@input-border-radius:            @border-radius-base;
//** Border color for inputs on focus
@input-border-focus:             #66afe9;

//** Placeholder text color
@input-color-placeholder:        @gray-light;

//** Default `.form-control` height
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

//** Background color for textual input addons
@input-group-addon-bg:           @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;


//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Dropdown menu `border-color`.
@dropdown-border:                rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border:       #ccc;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            #e5e5e5;

//** Dropdown link text color.
@dropdown-link-color:            @gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      darken(@gray-dark, 5%);
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         #f5f5f5;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     @component-active-color;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @component-active-bg;

//** Disabled dropdown menu item background color.
@dropdown-link-disabled-color:   @gray-light;

//** Text color for headers within dropdown menus.
@dropdown-header-color:          @gray-light;

//** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color:           #000;


//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1060;
@zindex-tooltip:           1070;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;


//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);


//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);


//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;


//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height:       340px;

@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #888;
@navbar-default-toggle-border-color:       #ddd;


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
@navbar-inverse-bg:                         #222;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;


//== Navs
//
//##

//=== Shared nav styles
@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;

//== Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

//== Pills
@nav-pills-border-radius:                   @border-radius-base;
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         @component-active-color;


//== Pagination
//
//##

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;


//== Pager
//
//##

@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
@pager-border-radius:                  15px;

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;


//== Jumbotron
//
//##

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-font-size:            ceil((@font-size-base * 1.5));


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-text:             #3c763d;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #31708f;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

@state-warning-text:             #8a6d3b;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);

@state-danger-text:              #a94442;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);


//== Tooltips
//
//##

//** Tooltip max width
@tooltip-max-width:           200px;
//** Tooltip text color
@tooltip-color:               #fff;
//** Tooltip background color
@tooltip-bg:                  #000;
@tooltip-opacity:             .9;

//** Tooltip arrow width
@tooltip-arrow-width:         5px;
//** Tooltip arrow color
@tooltip-arrow-color:         @tooltip-bg;


//== Popovers
//
//##

//** Popover body background color
@popover-bg:                          #fff;
//** Popover maximum width
@popover-max-width:                   276px;
//** Popover border color
@popover-border-color:                rgba(0,0,0,.2);
//** Popover fallback border color
@popover-fallback-border-color:       #ccc;

//** Popover title background color
@popover-title-bg:                    darken(@popover-bg, 3%);

//** Popover arrow width
@popover-arrow-width:                 10px;
//** Popover arrow color
@popover-arrow-color:                 #fff;

//** Popover outer arrow width
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
//** Popover outer arrow color
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);


//== Labels
//
//##

//** Default label background color
@label-default-bg:            @gray-light;
//** Primary label background color
@label-primary-bg:            @brand-primary;
//** Success label background color
@label-success-bg:            @brand-success;
//** Info label background color
@label-info-bg:               @brand-info;
//** Warning label background color
@label-warning-bg:            @brand-warning;
//** Danger label background color
@label-danger-bg:             @brand-danger;

//** Default label text color
@label-color:                 #fff;
//** Default text color of a linked label
@label-link-hover-color:      #fff;


//== Modals
//
//##

//** Padding applied to the modal body
@modal-inner-padding:         15px;

//** Padding applied to the modal title
@modal-title-padding:         15px;
//** Modal title line-height
@modal-title-line-height:     @line-height-base;

//** Background color of modal content area
@modal-content-bg:                             #fff;
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          #999;

//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
@modal-header-border-color:   #e5e5e5;
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


//== Alerts
//
//## Define alert colors, border radius, and padding.

@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;


//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 #f5f5f5;
//** Progress bar text color
@progress-bar-color:          #fff;

//** Default progress bar color
@progress-bar-bg:             @brand-primary;
//** Success progress bar color
@progress-bar-success-bg:     @brand-success;
//** Warning progress bar color
@progress-bar-warning-bg:     @brand-warning;
//** Danger progress bar color
@progress-bar-danger-bg:      @brand-danger;
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;


//== List group
//
//##

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list items on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list items
@list-group-active-color:       @component-active-color;
//** Background color of active list items
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
//** Text color for content within active list items
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;

@list-group-link-color:         #555;
@list-group-link-hover-color:   @list-group-link-color;
@list-group-link-heading-color: #333;


//== Panels
//
//##

@panel-bg:                    #fff;
@panel-body-padding:          15px;
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          #ddd;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;


//== Thumbnails
//
//##

//** Padding around the thumbnail image
@thumbnail-padding:           4px;
//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            #ddd;
//** Thumbnail border radius
@thumbnail-border-radius:     @border-radius-base;

//** Custom text color for thumbnail captions
@thumbnail-caption-color:     @text-color;
//** Padding around the thumbnail caption
@thumbnail-caption-padding:   9px;


//== Wells
//
//##

@well-bg:                     #f5f5f5;
@well-border:                 darken(@well-bg, 7%);


//== Badges
//
//##

@badge-color:                 #fff;
//** Linked badge text color on hover
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

//** Badge text color in active nav link
@badge-active-color:          @link-color;
//** Badge background color in active nav link
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;


//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";


//== Carousel
//
//##

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;


//== Close
//
//##

@close-font-weight:           bold;
@close-color:                 #000;
@close-text-shadow:           0 1px 0 #fff;


//== Code
//
//##

@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@kbd-color:                   #fff;
@kbd-bg:                      #333;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;


//== Type
//
//##

//** Text muted color
@text-muted:                  @gray-light;
//** Abbreviations and acronyms border color
@abbr-border-color:           @gray-light;
//** Headings small color
@headings-small-color:        @gray-light;
//** Blockquote small color
@blockquote-small-color:      @gray-light;
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color:     @gray-lighter;
//** Page header border color
@page-header-border-color:    @gray-lighter;


//== Miscellaneous
//
//##

//** Horizontal line color.
@hr-border:                   @gray-lighter;

//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `url` varchar(1000) NOT NULL DEFAULT '',
  `res` varchar(255) NOT NULL DEFAULT '' COMMENT '-=not crawl, H=hit, M=miss, B=blacklist',
  `reason` text NOT NULL COMMENT 'response code, comma separated',
  `mtime` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  PRIMARY KEY (`id`),
  KEY `url` (`url`(191)),
  KEY `res` (`res`)




	
	FCMOON Casino 2026: Desktop vs. Mobile Gaming | JNP Sri Lanka | National Freedom Front
		




	
	
			
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





































    
    






		
		



	

		

			
			
            

                

                    






                

                

                                                        

                

                    
 



  
  

    
    
  


  

    
    
  


  

    
    
  

	
 

    
    
  


  

    
    
  


	


  
  
  
		
	

 
  
  
  







                


            


            
		

	

	

		
		 

	

		

			

									

						

							

								
FCMOON Casino 2026: Desktop vs. Mobile Gaming

																	
by JNP Media   14/03/2026 | 9:56
                                    0
                                    Posted in News 

															

							

																			FCMOON Casino 2026: Desktop vs. Mobile Gaming
																		

							

																
FCMOON Casino 2026: Ultimate Desktop vs. Mobile Gaming & App Download Guide


The digital casino landscape, once dominated by the static glow of desktop monitors, has undergone a tectonic shift toward the dynamic, pocket-sized universe of mobile play. This evolution isn’t merely about screen size; it represents a fundamental reimagining of user experience, interface design, and accessibility. As we project forward to 2026, the distinction between platforms becomes a critical study in optimization, where the very architecture of a gaming portal must bifurcate to serve two distinct masters: the immersive, feature-rich environment expected by a user at a dedicated workstation, and the instantaneous, tactile, on-the-go engagement demanded by a player using a handheld device. The operators who will thrive are those who master this duality, crafting seamless journeys that feel native to each context without diluting the core thrill of the wager.


Consider the act of navigation itself. On a traditional computer, a player benefits from a vast visual canvas-multiple menus can be permanently displayed, intricate game lobbies filtered with complex precision, and promotional banners deployed with cinematic flair. The experience is one of exploration and control. Contrast this with the mobile realm, where the premium is on speed and intuitive gesture-based movement. Here, successful design mandates a ruthless prioritization of space, requiring interfaces that anticipate intent through smart categorization and minimal, thumb-friendly tap zones. The transition from a sprawling website to a condensed, responsive mobile site or a dedicated application is not a simple compression; it is a complete redesign philosophy, where every pixel and swipe carries heightened significance.


This platform dichotomy extends profoundly into the gaming library. Desktop play allows for elaborate graphical suites, multi-window functionality for tracking bets or live dealer streams, and the unbridled power of processors to render visually staggering slot machines and table games. Mobile gaming, however, champions a different virtue: immediacy. Games must load in a heartbeat, simplify control schemes without sacrificing depth, and maintain flawless performance over fluctuating cellular connections. The question for a player in 2026 will not be which platform has “more” games, but which platform delivers the optimal version of a specific game for their immediate situation. The subsequent analysis delves into the granular details of this divide, examining the tangible trade-offs in performance, the ergonomics of interaction, and the future-forward strategies operators like FCMOON are likely to employ in mastering both domains simultaneously.


FCMOON Casino Desktop vs. Mobile Experience in 2026


The Desktop Bastion: Uncompromised Power and Panoramic Play


As we navigate the digital gaming landscape of 2026, the desktop experience at FCMOON Casino stands as a testament to immersive, high-fidelity gambling. The expansive real estate of a monitor unlocks a visual feast that mobile screens, despite their advances, simply cannot match. Game developers now leverage this canvas to render breathtakingly detailed environments in live dealer suites and complex slot narratives, where every animation and interface element benefits from the additional pixels and processing headroom of a modern gaming PC or laptop. This platform is for the session player, the strategist who values multi-tabling in poker or managing several blackjack hands simultaneously with flawless window management. The tactile feedback of a mechanical keyboard and the precision of a dedicated mouse create a ritualistic, engaged form of play that feels both deliberate and commanding. It’s an experience built for depth, not convenience.


Conversely, the mobile paradigm has evolved far beyond a mere companion app. It is now the pulsating heart of spontaneous, context-aware gaming. The FCMOON Casino mobile application in 2026 is a masterpiece of adaptive design, leveraging device-native features like haptic feedback for wins, gyroscopic controls in certain bonus rounds, and seamless AR integrations that can project a virtual slot machine onto your coffee table. The frictionless journey from notification to live bet is measured in seconds, a stark contrast to the more deliberate desktop boot-up sequence. This is gambling unshackled from the desk, thriving in the interstitial moments of daily life. While the screen is smaller, the experience is arguably richer in its ability to blend with your environment. For many, the definitive mobile casino FCMOON experience is now the primary one, a fact underscored by the relentless optimization of their platform for touch-first interaction.


Convergence and Choice: The 2026 Synthesis


The true triumph of FCMOON’s 2026 ecosystem lies not in a victor between platforms, but in their sophisticated synergy. A unified account leverages cloud-save technology so you can start a slots tournament on your desktop during lunch and continue the very same spin cycle on your commute home via your phone. This fluidity extends to promotions and wallet management, which are perfectly synchronized. However, the choice of platform fundamentally dictates the tenor of your session. Seeking a deep dive into a 100-payline video slot with intricate lore? The desktop is your arena. Craving a quick live roulette spin while waiting for a friend? The mobile app is unparalleled. This strategic bifurcation allows FCMOON to cater to both the dedicated enthusiast and the casual thrill-seeker with equal finesse. To truly appreciate this seamless cross-platform bridge, one must engage with it directly; for instance, exploring the optimized https://fcmoon.ca/ reveals how intuitive design choices on mobile directly inform and enhance the broader ecosystem, creating a coherent user journey regardless of device.


Ultimately, your ideal platform hinges on personal gaming ethos. The desktop offers a sanctuary of focus and sensory depth, a dedicated command center for your bankroll and strategy. Mobile provides liberty, a pocket-sized portal to instant gratification and social, on-the-go play. In 2026, FCMOON doesn’t force a choice. It masters both, offering a dual-gateway to entertainment where the only wrong decision is not to play at all. The future is not desktop versus mobile. It is desktop and mobile, each perfected for its domain, yet intelligently intertwined.


Navigating the FCMOON Casino Website and Mobile Platform


Seamless Navigation: From Desktop Grandeur to Mobile Agility


Stepping into the FCMOON Casino ecosystem, whether via the expansive desktop portal or the sleek mobile platform, is an exercise in intuitive design meeting purposeful architecture. The desktop experience is one of deliberate grandeur, a sprawling digital casino floor where high-definition visuals for games and promotional banners command your full screen real estate with cinematic flair. Navigation menus are comprehensive yet logically tiered, allowing for deep, exploratory dives into game libraries categorized not just by type,slots, live dealer, table games-but by nuanced themes, software providers, and featured mechanics. You can have multiple tabs open, comparing game rules or juggling a blackjack hand while browsing the latest tournament leaderboards; it’s a command center for the strategic player. The mobile site, accessed instantly through any modern browser, condenses this power without diluting it. It’s a lesson in responsive alchemy. Menus transform into a sleek, thumb-friendly hamburger icon, and the layout reflows with a fluid intelligence that prioritizes speed and access above all else. The transition is flawless. You’re never lost. The core identity remains unmistakably FCMOON, but the interaction is wholly reimagined for the palm of your hand.


For those demanding the absolute pinnacle of mobile engagement, the dedicated FCMOON Casino app,readily available for download,elevates the experience from merely functional to genuinely exceptional. This isn’t just a wrapped website. It’s a native application engineered for velocity and tactile satisfaction. The difference is palpable from the moment you launch it: near-instant loading times, buttery-smooth animations as you swipe through game carousels, and push notifications for bonuses or live session invites that create a vital, always-connected dialogue. The app leverages your device’s hardware, offering optimized graphics and haptic feedback that makes every spin and card deal feel more immediate, more real. Crucially, the transition between devices is often seamless, with your session state and wallet synchronized. You can start a slots marathon on your desktop during lunch and effortlessly pick it up on your commute via the app. It’s this cohesive, platform-agnostic philosophy that defines modern digital play. FCMOON understands that your time and attention are fragmented; their technology ensures your gaming experience never has to be.


A Guide to Downloading the FCMOON Casino Mobile App


Your Step-by-Step Guide to Installing the FCMOON Casino App


So, you’re ready to take the vibrant, pulse-quickening world of FCMOON Casino with you wherever you go? Excellent choice. While the desktop site offers a sprawling, immersive command center, the mobile app distills that very essence into a pocket-sized powerhouse of entertainment. The download process itself is a streamlined affair, designed to get you from curiosity to gameplay in a matter of moments. It begins, naturally, with a visit to the official FCMOON Casino website using your smartphone’s browser,this is the non-negotiable first step to ensure you’re getting the legitimate, secure application, free from any third-party tampering or outdated builds. Look for the prominent banner or menu section championing the mobile experience; a single tap on the “Download for Android” or “Get on iOS” button initiates the seamless transfer of the application package directly to your device.


Now, here’s where a crucial, platform-specific divergence occurs. For iOS aficionados, the journey typically redirects you straight to the sanctified halls of the Apple App Store, where a familiar tap on “Get” followed by Face ID or password authentication completes the installation with Apple’s signature polish. Android users, embracing a more open ecosystem, will likely download a dedicated APK file directly from FCMOON’s secure servers. This may require you to momentarily permit installations from “Unknown Sources” in your device settings,a quick, one-time toggle that feels like unlocking a secret door. Grant it, trust the source, and watch the progress bar fill. Once installed, that iconic FCMOON icon will land on your home screen, a gateway to slots, tables, and live dealers. Open it. Log in. Just like that, the casino floor is in your hand, no longer tethered to a desk. The transition is astonishingly fluid.


What follows this simple installation is a revelation in optimized design. The app isn’t a shrunken, compromised version of the website; it’s a reimagined portal where every swipe, every tap feels intuitive. Navigation condenses into elegant, thumb-friendly menus. Game graphics pop with stunning clarity on the smaller screen, and touch controls for slots or roulette are surprisingly tactile. Crucially, all your account details, payment methods, and bonus balances synchronize perfectly-your identity and bankroll move with you. Push notifications for new game launches or bonanza promotions become your personal concierge service. You gain immediacy. Spontaneity. The ability to place a live bet on blackjack while waiting for a coffee, or spin a few reels during a commute. It transforms idle moments into potential windfalls, embedding the casino’s thrilling rhythm directly into the fabric of your daily life.


Comparing Mobile Gaming to Desktop Play at FCMOON Casino


Beyond the Screen: The Tactile Nuance vs. Immersive Grandeur


The fundamental dichotomy between mobile and desktop play at FCMOON Casino isn’t merely about screen real estate; it’s a philosophical split between curated convenience and unadulterated immersion. On your desktop, the experience is one of deliberate, often luxurious, engagement. You settle into a dedicated space, the expansive monitor rendering FCMOON’s vibrant game lobbies in stunning 4K clarity, with multiple windows effortlessly arrayed for live dealer interaction, strategic betting charts, or casual social banter. This is the domain of the dedicated session, where the tactile feedback of a mechanical keyboard and the precision of a gaming mouse translate into a sense of authoritative control, particularly in complex table games or feature-rich video slots. The environment is controlled, stable, and profoundly absorbing. Your phone, by stark contrast, is a portal of spontaneous possibility. It offers a distilled, intuitively navigable version of that universe, engineered for moments seized between life’s other demands. The immersion here is personal and intimate, facilitated by the haptic touchscreen that creates a direct, almost conversational interface with the game,a swipe, a tap, a tilt. It’s fluid. It’s immediate.


Consider the practicalities of navigation and performance. The desktop browser experience is a bastion of unbridled freedom. You have the full might of a modern CPU and GPU at your disposal, ensuring buttery-smooth animations in graphically intensive titles like “Gates of Olympus” or the latest live dealer innovations, all without a single compromise. Website navigation feels comprehensive, leveraging the innate advantage of a horizontal layout to present every promotion, tournament leaderboard, and game category without a hint of clutter. You browse, you research, you dive deep. The mobile journey, whether through a responsive browser or the slick FCMOON Casino app, is a masterclass in ergonomic design. Menus slide in from the edge, game thumbnails are optimized for vertical scrolling, and fingerprint login shaves seconds off your access time. It’s seamless. Yet, this convenience can come with subtle trade-offs: a streamlined interface might hide secondary game statistics, or a condensed lobby could require an extra tap to find a specific game provider. The app download, while offering push notifications for bonuses and faster loading, represents a commitment of device space for a more curated, albeit exceptionally smooth, pathway to your entertainment.





Aspect
Desktop Play
Mobile Gaming




Core Experience
Immersive, strategic, and session-based.
Spontaneous, tactile, and on-the-go.




Interface & Control
Precision mouse/keyboard, multi-window capability, full feature visibility.
Touchscreen gestures, streamlined menus, one-handed operation.




Ideal For
Longer sessions, complex games, maximum visual fidelity, and multi-tasking.
Quick spins, live bets in real-time, and gaming anywhere, anytime.





Ultimately, the choice isn’t about superiority, but about synchronicity with your intent and circumstance. Do you seek to lose yourself for an evening in the panoramic spectacle of a cinematic slot narrative on a widescreen monitor, with every sonic detail crisply rendered through your desktop speakers? Desktop is your arena. Or is your goal to capitalize on a five-minute wait, transforming idle time into a thrilling burst of potential, using your thumb to spin the reels while the world moves around you? That is mobile’s undeniable genius. FCMOON Casino, by refining both channels, doesn’t force a choice-it provides a spectrum. One platform grounds you. The other liberates you. Your move.


Exploring the FCMOON Casino Game Library on All Devices


A Universe of Play, Unshackled from Your Device


Dive into the FCMOON casino game library, and you’re not just accessing a collection; you’re unlocking a vast, meticulously curated ecosystem of entertainment engineered for fluidity across every screen. The core triumph here is the profound, almost invisible, technological harmony between platforms. Whether you’re scrutinizing the intricate patterns of a high-volatility slot on a sprawling 4K monitor or tapping through a live blackjack hand on a smartphone during your commute, the experience feels intrinsically complete. This isn’t a simple case of responsive design,it’s a philosophy of deep compatibility, where game logic, visual fidelity, and interactive nuance are preserved with an obsessive attention to detail. The library doesn’t shrink or compromise; it transforms, elegantly reflowing to match the context of your engagement. You get the same heart-pounding suspense, the same crisp graphics, the same potential for a staggering payout. The device becomes irrelevant. The adventure does not.


Let’s talk specifics. On desktop, the library unfolds in its full panoramic glory. You can have multiple tables open, track detailed stats in real-time, and lose yourself in the immersive narratives of story-driven video slots where every animation is a spectacle. The sheer scale empowers strategic play. Switch to mobile, however, and the experience becomes intensely personal, tactile, and immediate. The FCMOON app or optimized mobile site distills this universe into your palm. Navigation is intuitive-swipe, tap, and you’re in. Games load with a startling alacrity, leveraging device-native processing power for buttery-smooth spins and zero-lag live dealer streams. It’s convenience married to potency. You seize the moment. A quick session on a break. A deep dive on the couch. The transition is seamless because your account, your progress, your pending bonuses are all perpetually in sync. Start on one, finish on another. It’s all connected.


But what truly sets the library apart is its curated intelligence. It’s not a static list. The interface, whether on web or app, learns and suggests. New releases pulsate with prominence. Your favorite classics are always a tap away. And the categories? They are exhaustive. From the algorithmic precision of RNG table games to the raw, unfiltered thrill of live casino studios with human croupiers, every genre is represented with depth. Think Megaways™ slots with their chaotic, cascading reels, classic three-reel fruit machines for purists, progressive jackpot networks where pools swell into the millions, and niche regional games you won’t find elsewhere. The variety is staggering. It’s a gourmet buffet, not a fast-food menu. Each title is a destination. Every spin, a story.


Ultimately, exploring FCMOON’s library feels like possessing a master key to a limitless arcade. The platform eradicates the traditional friction between desire and action. The game you crave is never “out of reach” because it’s in your pocket, on your desk, at your fingertips. This omnipresent access redefines what a modern casino can be. It’s no longer a place you go. It’s a layer of potential excitement woven into the fabric of your daily life, ready to surface at your command, in whatever form you choose. The device is merely a lens. The view is always spectacular.


The Advantages of Mobile Play at FCMOON Online Casino


Unleashing the Casino: Why Mobile Play is FCMOON’s Ultimate Advantage


While the desktop experience offers a majestic, panoramic view of FCMOON’s digital empire, the true revolution-a quiet, profound shift in how we engage with chance and skill,resides in the palm of your hand. The advantages of mobile play at FCMOON Casino are not merely about portability; they represent a fundamental reimagining of accessibility, transforming idle moments into potential windfalls and granting you sovereign control over your gaming environment. Imagine the power to spin the reels of a cutting-edge video slot while commuting, to place a strategic bet on a live blackjack table during a lunch break, or to casually explore new game releases from the comfort of your sofa. This seamless integration of entertainment into the fabric of daily life is mobile’s core promise, a promise FCMOON fulfills with remarkable finesse, ensuring the transition from desktop to device is not a downgrade but a liberation.


The technical execution is where this promise solidifies into tangible benefit. FCMOON’s mobile-optimized website, a marvel of responsive design, intuitively contorts and adapts to any screen size, presenting crisp graphics and fluid touch controls that feel instinctive. For those seeking an even more immersive and frictionless journey, the dedicated FCMOON Casino app download unlocks a realm of enhanced performance and exclusive notifications. Navigation becomes a breeze,a few swift taps, a smooth swipe, and you’re deep within the game library or adjusting your account settings. This isn’t a stripped-down version of the casino; it’s the full, potent experience, distilled into a more personal and immediate form. The interface anticipates your touch, menus slide with purpose, and every action, from depositing funds to cashing out, feels streamlined for speed and security.


Ultimately, the supremacy of mobile play at FCMOON culminates in an unparalleled sense of freedom and spontaneity. The casino is no longer a destination you visit; it becomes a companion you carry. This constant availability fosters a deeper, more engaged relationship with the games themselves. You can act on a whim. You can capitalize on a fleeting moment of inspiration. The psychological barrier between “wanting to play” and “actually playing” evaporates. Whether you’re utilizing the mobile site through a browser or the slick, dedicated application, FCMOON ensures that its vast arsenal of games,from graphically rich slots to the intense, real-time drama of live dealer arenas,performs with stunning reliability. The convenience is king. The experience is uncompromised. The future, quite clearly, is in your pocket.


So, where does this leave us as we look toward the 2026 gaming landscape at FCMOON Casino? The verdict is nuanced, yet clear. The desktop platform remains an unparalleled bastion for the dedicated enthusiast, a realm where the full, unadulterated spectacle of high-definition graphics and complex, multi-tabling strategy unfolds across a vast canvas. It is the domain of deep immersion, where the sensory richness of cutting-edge slot animations and the tactical precision of live dealer table navigation are not just features but the core of the experience. For marathon sessions, for serious bankroll management requiring multiple windows, or for simply basking in the audiovisual grandeur of modern game design, the desktop site is sovereign. Yet, its very strength is its tether,a magnificent command center, but one firmly anchored to a physical location.


The mobile ecosystem, conversely, is pure kinetic potential. It’s not a diminished version; it’s a transformative one. The FCMOON Casino app, or its impeccably optimized browser-based counterpart, transmutes idle moments into opportunities-a few spins on a branded video slot while commuting, a quick hand of blackjack during a break, a live roulette wheel spun from a café. The navigation is a masterclass in intuitive, thumb-friendly design, prioritizing speed and clarity over decorative flourish. This is casino gaming distilled to its most potent, accessible essence. The friction is gone. The games are tailored for touch, with interfaces that feel native to the device. The future, unmistakably, is leaning into this mobility.


Therefore, your practical playbook is straightforward. Do not choose one over the other; strategically integrate both. Use the desktop fortress for your planned, in-depth campaigns,your major tournament entries, your exploration of new, graphically intensive game releases, or those nights dedicated to serious play. Then, let the mobile app be your constant companion, your pocket-sized portal for maintenance play, spontaneous sessions, and capitalizing on time-sensitive promotions. Download the dedicated FCMOON Casino app for the smoothest, most feature-rich and push-notification-enabled journey. Ultimately, the 2026 champion isn’t the platform itself, but the player who masters this synergy, leveraging the raw power of the desktop with the omnipresent freedom of mobile to craft a seamless, uninterrupted, and profoundly versatile gaming life. The house may have its edge, but you now command the field.

Facebooktwitterredditpinterestlinkedinmail																 
															

						

							
							
Related Posts
							
                          
													

								
About Author

																
JNP Media

								

							

						  
					

					




							

		

				

	










			

				

						

							Share						

						
						

							

								
								
								  
 LinkedIn 

								  
 WhatsApp

							

							

								  Copy Link
							


						

						×